From ff41fb48450f94cbb4873216448329549271cba2 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Mon, 17 Aug 2020 16:52:43 +0200
Subject: [PATCH] Update snapshots

---
 .../__snapshots__/Stories.test.ts.snap        | 22312 ++++++++++++----
 1 file changed, 16579 insertions(+), 5733 deletions(-)

diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index b7a93b524..085d7b826 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -1329,18 +1329,43 @@ exports[`Storyshots Generics / Checkbox checked 1`] = `
     <div
       class="MuiCardContent-root-id"
     >
-      <button
-        class="MuiButtonBase-root-id Checkbox-root-id"
-        tabindex="0"
-        type="button"
+      <span
+        aria-disabled="false"
+        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
       >
-        <input
-          class="Checkbox-box-id Checkbox-checked-id"
-          name="data"
-          type="checkbox"
-          value="true"
-        />
-      </button>
+        <span
+          class="MuiIconButton-label-id"
+        >
+          <input
+            checked=""
+            class="PrivateSwitchBase-input-id"
+            data-indeterminate="false"
+            name="data"
+            type="checkbox"
+          />
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root-id"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <rect
+              fill="currentColor"
+              height="14"
+              width="14"
+              x="5"
+              y="5"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+              fill="white"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </span>
+      </span>
     </div>
   </div>
 </div>
@@ -1357,20 +1382,39 @@ exports[`Storyshots Generics / Checkbox disabled 1`] = `
     <div
       class="MuiCardContent-root-id"
     >
-      <button
-        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-        disabled=""
+      <span
+        aria-disabled="true"
+        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
         tabindex="-1"
-        type="button"
       >
-        <input
-          class="Checkbox-box-id Checkbox-disabled-id"
-          disabled=""
-          name="data"
-          type="checkbox"
-          value="false"
-        />
-      </button>
+        <span
+          class="MuiIconButton-label-id"
+        >
+          <input
+            class="PrivateSwitchBase-input-id"
+            data-indeterminate="false"
+            disabled=""
+            name="data"
+            type="checkbox"
+          />
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root-id"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <rect
+              fill="none"
+              height="14"
+              stroke="currentColor"
+              width="14"
+              x="5"
+              y="5"
+            />
+          </svg>
+        </span>
+      </span>
     </div>
   </div>
 </div>
@@ -1388,18 +1432,37 @@ exports[`Storyshots Generics / Checkbox interactive 1`] = `
       class="MuiCardContent-root-id"
     >
       <form>
-        <button
-          class="MuiButtonBase-root-id Checkbox-root-id"
-          tabindex="0"
-          type="button"
+        <span
+          aria-disabled="false"
+          class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
         >
-          <input
-            class="Checkbox-box-id"
-            name="data"
-            type="checkbox"
-            value="false"
-          />
-        </button>
+          <span
+            class="MuiIconButton-label-id"
+          >
+            <input
+              class="PrivateSwitchBase-input-id"
+              data-indeterminate="false"
+              name="data"
+              type="checkbox"
+            />
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root-id"
+              focusable="false"
+              role="presentation"
+              viewBox="0 0 24 24"
+            >
+              <rect
+                fill="none"
+                height="14"
+                stroke="currentColor"
+                width="14"
+                x="5"
+                y="5"
+              />
+            </svg>
+          </span>
+        </span>
       </form>
     </div>
   </div>
@@ -1417,18 +1480,37 @@ exports[`Storyshots Generics / Checkbox unchecked 1`] = `
     <div
       class="MuiCardContent-root-id"
     >
-      <button
-        class="MuiButtonBase-root-id Checkbox-root-id"
-        tabindex="0"
-        type="button"
+      <span
+        aria-disabled="false"
+        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
       >
-        <input
-          class="Checkbox-box-id"
-          name="data"
-          type="checkbox"
-          value="false"
-        />
-      </button>
+        <span
+          class="MuiIconButton-label-id"
+        >
+          <input
+            class="PrivateSwitchBase-input-id"
+            data-indeterminate="false"
+            name="data"
+            type="checkbox"
+          />
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root-id"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <rect
+              fill="none"
+              height="14"
+              stroke="currentColor"
+              width="14"
+              x="5"
+              y="5"
+            />
+          </svg>
+        </span>
+      </span>
     </div>
   </div>
 </div>
@@ -1445,18 +1527,44 @@ exports[`Storyshots Generics / Checkbox undeterminate 1`] = `
     <div
       class="MuiCardContent-root-id"
     >
-      <button
-        class="MuiButtonBase-root-id Checkbox-root-id"
-        tabindex="0"
-        type="button"
+      <span
+        aria-disabled="false"
+        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiCheckbox-indeterminate-id MuiIconButton-colorPrimary-id"
       >
-        <input
-          class="Checkbox-box-id Checkbox-indeterminate-id"
-          name="data"
-          type="checkbox"
-          value="false"
-        />
-      </button>
+        <span
+          class="MuiIconButton-label-id"
+        >
+          <input
+            class="PrivateSwitchBase-input-id"
+            data-indeterminate="true"
+            name="data"
+            type="checkbox"
+          />
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root-id"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <rect
+              fill="none"
+              height="14"
+              stroke="currentColor"
+              width="14"
+              x="5"
+              y="5"
+            />
+            <rect
+              fill="currentColor"
+              height="2"
+              width="8"
+              x="8"
+              y="11"
+            />
+          </svg>
+        </span>
+      </span>
     </div>
   </div>
 </div>
@@ -1899,17 +2007,42 @@ exports[`Storyshots Generics / Filter default 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2064,17 +2197,36 @@ exports[`Storyshots Generics / Filter default 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2088,17 +2240,36 @@ exports[`Storyshots Generics / Filter default 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2112,17 +2283,42 @@ exports[`Storyshots Generics / Filter default 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2357,17 +2553,42 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2522,17 +2743,36 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2546,17 +2786,36 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -2570,17 +2829,42 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -3540,17 +3824,42 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3567,17 +3876,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3591,17 +3919,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3615,17 +3962,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3639,17 +4005,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3663,17 +4048,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3687,17 +4091,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3711,17 +4134,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3735,17 +4177,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3759,17 +4220,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3783,17 +4263,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3868,17 +4367,42 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3895,17 +4419,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3919,17 +4462,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3943,17 +4505,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3967,17 +4548,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -3991,17 +4591,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4015,17 +4634,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4039,17 +4677,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4063,17 +4720,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4087,17 +4763,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4111,17 +4806,36 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -4646,17 +5360,42 @@ exports[`Storyshots Generics / Multiple select with autocomplete no data 1`] = `
             role="menuitem"
             tabindex="-1"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id MultiAutocompleteSelectFieldContent-checkbox-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MultiAutocompleteSelectFieldContent-checkbox-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MultiAutocompleteSelectFieldContent-menuItemLabel-id"
             >
@@ -12268,18 +13007,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -12293,18 +13051,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12316,18 +13093,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12339,18 +13135,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12362,18 +13177,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12385,18 +13219,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12408,18 +13261,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12431,18 +13303,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12454,18 +13345,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12477,18 +13387,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12500,18 +13429,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12523,18 +13471,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12546,18 +13513,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12569,18 +13555,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12592,18 +13597,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12648,18 +13672,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -12908,18 +13951,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -12933,18 +13995,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12956,18 +14037,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -12979,18 +14079,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13002,18 +14121,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13025,18 +14163,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13048,18 +14205,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13071,18 +14247,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13094,18 +14289,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13117,18 +14331,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13140,18 +14373,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13163,18 +14415,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13186,18 +14457,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13209,18 +14499,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13232,18 +14541,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -13288,18 +14616,37 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -13546,20 +14893,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -13573,20 +14939,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13598,20 +14983,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13623,20 +15027,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13648,20 +15071,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13673,20 +15115,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13698,20 +15159,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13723,20 +15203,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13748,20 +15247,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13773,20 +15291,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13798,20 +15335,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13823,20 +15379,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13848,20 +15423,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13873,20 +15467,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13898,20 +15511,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -13956,20 +15588,39 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -14225,18 +15876,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -14250,18 +15920,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14273,18 +15962,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14296,18 +16004,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14319,18 +16046,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14342,18 +16088,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14365,18 +16130,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14388,18 +16172,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14411,18 +16214,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14434,18 +16256,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14457,18 +16298,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14480,18 +16340,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14503,18 +16382,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14526,18 +16424,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14549,18 +16466,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14605,18 +16541,43 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -14865,18 +16826,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -14890,18 +16870,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14913,18 +16912,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14936,18 +16954,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14959,18 +16996,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -14982,18 +17038,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15005,18 +17080,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15028,18 +17122,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15051,18 +17164,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15074,18 +17206,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15097,18 +17248,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15120,18 +17290,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15143,18 +17332,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15166,18 +17374,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15189,18 +17416,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -15245,18 +17491,43 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -15503,20 +17774,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -15530,20 +17820,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15555,20 +17864,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15580,20 +17908,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15605,20 +17952,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15630,20 +17996,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15655,20 +18040,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15680,20 +18084,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15705,20 +18128,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15730,20 +18172,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15755,20 +18216,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15780,20 +18260,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15805,20 +18304,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15830,20 +18348,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15855,20 +18392,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                   >
@@ -15913,20 +18469,39 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -16170,18 +18745,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="allEvents"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="allEvents"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -16195,18 +18789,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16218,18 +18831,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_QUANTITY_CHANGED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_QUANTITY_CHANGED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16241,18 +18873,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CHECKOUT_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CHECKOUT_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16264,18 +18915,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="CUSTOMER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="CUSTOMER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16287,18 +18957,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="FULFILLMENT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="FULFILLMENT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16310,18 +18999,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_DELETED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_DELETED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16333,18 +19041,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_REQUESTED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_REQUESTED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16356,18 +19083,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="INVOICE_SENT"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="INVOICE_SENT"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16379,18 +19125,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CANCELLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CANCELLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16402,18 +19167,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16425,18 +19209,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULFILLED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULFILLED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16448,18 +19251,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_FULLY_PAID"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_FULLY_PAID"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16471,18 +19293,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="ORDER_UPDATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="ORDER_UPDATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16494,18 +19335,37 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      name="PRODUCT_CREATED"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="PRODUCT_CREATED"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -16550,18 +19410,43 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -16771,18 +19656,43 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17057,18 +19967,43 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17119,18 +20054,43 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17154,18 +20114,43 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17183,18 +20168,43 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17408,18 +20418,43 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17694,18 +20729,43 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17756,18 +20816,43 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17791,18 +20876,37 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -17820,18 +20924,43 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18050,18 +21179,43 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18336,18 +21490,43 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18403,18 +21582,43 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18438,18 +21642,37 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18467,18 +21690,43 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -18699,20 +21947,45 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -18920,20 +22193,45 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -18985,20 +22283,45 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -19022,20 +22345,45 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -19053,20 +22401,45 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -19280,18 +22653,43 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -19566,18 +22964,43 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -19628,18 +23051,43 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -19663,18 +23111,37 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -19692,18 +23159,43 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -19917,18 +23409,43 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="valueRequired"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="valueRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -20135,18 +23652,43 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="filterableInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -20197,18 +23739,43 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="visibleInStorefront"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="visibleInStorefront"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -20232,18 +23799,37 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="filterableInDashboard"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="filterableInDashboard"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -20261,18 +23847,43 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="availableInGrid"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="availableInGrid"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -20431,17 +24042,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id AttributeList-colSlug-id"
@@ -20623,17 +24253,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20678,17 +24327,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20733,17 +24401,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20788,17 +24475,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20843,17 +24549,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20898,17 +24623,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -20953,17 +24697,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21008,17 +24771,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21063,17 +24845,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21118,17 +24919,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21173,17 +24993,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21228,17 +25067,36 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -21420,19 +25278,38 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id AttributeList-colSlug-id"
@@ -21614,19 +25491,38 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id AttributeList-colSlug-id"
@@ -23193,17 +27089,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CategoryList-colName-id"
@@ -23392,17 +27307,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -23429,17 +27363,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -23466,17 +27419,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -23503,17 +27475,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -23540,17 +27531,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -23577,17 +27587,36 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -24057,17 +28086,36 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CategoryList-colName-id"
@@ -24255,17 +28303,36 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -28271,19 +32338,38 @@ Ctrl + K"
                   class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                   scope="col"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CategoryList-colName-id TableCellHeader-disableClick-id"
@@ -28417,19 +32503,38 @@ Ctrl + K"
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id CategoryList-colName-id"
@@ -32309,17 +36414,36 @@ Ctrl + K"
                     class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                     scope="col"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id CategoryProductList-colName-id"
@@ -32436,17 +36560,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32495,17 +36638,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32554,17 +36716,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32613,17 +36794,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32672,17 +36872,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32731,17 +36950,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32790,17 +37028,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32849,17 +37106,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32908,17 +37184,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -32967,17 +37262,36 @@ Ctrl + K"
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CategoryProductList-colName-id"
@@ -33831,17 +38145,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id CollectionProducts-colName-id"
@@ -33957,17 +38290,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -34036,17 +38388,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -34115,17 +38486,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -34194,17 +38584,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -34483,18 +38892,43 @@ Ctrl + K"
                   <label
                     class="MuiFormControlLabel-root-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-checked-id"
-                        name="isFeatured"
-                        type="checkbox"
-                        value="true"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          name="isFeatured"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="currentColor"
+                            height="14"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                            fill="white"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -35323,17 +39757,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id CollectionProducts-colName-id"
@@ -35449,17 +39902,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -35528,17 +40000,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -35607,17 +40098,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -35686,17 +40196,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -35981,18 +40510,43 @@ Ctrl + K"
                   <label
                     class="MuiFormControlLabel-root-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-checked-id"
-                        name="isFeatured"
-                        type="checkbox"
-                        value="true"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          name="isFeatured"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="currentColor"
+                            height="14"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                            fill="white"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -36535,19 +41089,38 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id CollectionProducts-colName-id"
@@ -36663,19 +41236,38 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id CollectionProducts-colName-id"
@@ -36977,20 +41569,45 @@ Ctrl + K"
                   <label
                     class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                      disabled=""
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                       tabindex="-1"
-                      type="button"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                        disabled=""
-                        name="isFeatured"
-                        type="checkbox"
-                        value="true"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          disabled=""
+                          name="isFeatured"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="currentColor"
+                            height="14"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                            fill="white"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                     >
@@ -38148,20 +42765,45 @@ Ctrl + K"
                   <label
                     class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                      disabled=""
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                       tabindex="-1"
-                      type="button"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                        disabled=""
-                        name="isFeatured"
-                        type="checkbox"
-                        value="true"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          disabled=""
+                          name="isFeatured"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="currentColor"
+                            height="14"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                            fill="white"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                     >
@@ -38317,17 +42959,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CollectionList-colName-id"
@@ -38516,17 +43177,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38559,17 +43239,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38602,17 +43301,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38645,17 +43363,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38688,17 +43425,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38731,17 +43487,36 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -38913,19 +43688,38 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CollectionList-colName-id"
@@ -39114,19 +43908,38 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CollectionList-colName-id"
@@ -45315,18 +50128,43 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -45847,18 +50685,43 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -46416,18 +51279,43 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -46973,20 +51861,39 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -47486,18 +52393,43 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -48012,18 +52944,43 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -48538,18 +53495,43 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -49045,18 +54027,43 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -49577,18 +54584,43 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
               <label
                 class="MuiFormControlLabel-root-id CustomerDetails-checkbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -50187,17 +55219,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CustomerList-colName-id"
@@ -50384,17 +55435,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50418,17 +55488,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50452,17 +55541,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50486,17 +55594,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50520,17 +55647,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50554,17 +55700,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50588,17 +55753,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50622,17 +55806,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50656,17 +55859,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50690,17 +55912,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50724,17 +55965,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50758,17 +56018,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50792,17 +56071,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50826,17 +56124,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50860,17 +56177,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50894,17 +56230,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50928,17 +56283,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50962,17 +56336,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -50996,17 +56389,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51030,17 +56442,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51064,17 +56495,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51098,17 +56548,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51132,17 +56601,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51166,17 +56654,36 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -51340,19 +56847,38 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id CustomerList-colName-id"
@@ -51540,19 +57066,38 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id CustomerList-colName-id"
@@ -52248,18 +57793,37 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -52623,18 +58187,37 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -52990,18 +58573,37 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -53385,17 +58987,36 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id DiscountCollections-wideColumn-id"
@@ -53501,17 +59122,36 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id"
@@ -53657,18 +59297,37 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -54135,17 +59794,36 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
@@ -54251,17 +59929,36 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id"
@@ -54407,18 +60104,37 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -54895,17 +60611,36 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
@@ -55011,17 +60746,36 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id"
@@ -55177,18 +60931,37 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -55666,19 +61439,38 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
@@ -55785,19 +61577,38 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id"
@@ -55954,18 +61765,37 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -56448,17 +62278,36 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id DiscountProducts-colName-id"
@@ -56574,17 +62423,36 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id DiscountProducts-colName-id"
@@ -56653,17 +62521,36 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id DiscountProducts-colName-id"
@@ -56732,17 +62619,36 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id DiscountProducts-colName-id"
@@ -56811,17 +62717,36 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id DiscountProducts-colName-id"
@@ -56992,18 +62917,37 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -57240,17 +63184,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id SaleList-colName-id"
@@ -57451,17 +63414,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -57496,17 +63478,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -57541,17 +63542,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -57586,17 +63606,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -57631,17 +63670,36 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -57816,17 +63874,36 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id SaleList-colName-id"
@@ -58027,17 +64104,36 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id SaleList-colName-id"
@@ -58805,18 +64901,37 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerOrder"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerOrder"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59050,18 +65165,37 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasUsageLimit"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasUsageLimit"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59071,18 +65205,37 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerCustomer"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerCustomer"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59195,18 +65348,37 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59608,18 +65780,37 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerOrder"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerOrder"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59853,18 +66044,37 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasUsageLimit"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasUsageLimit"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -59874,18 +66084,37 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerCustomer"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerCustomer"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -60008,18 +66237,37 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -60522,18 +66770,37 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerOrder"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerOrder"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -60811,18 +67078,37 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasUsageLimit"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasUsageLimit"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -60832,18 +67118,37 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerCustomer"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerCustomer"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -60956,18 +67261,37 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -61618,18 +67942,37 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerOrder"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerOrder"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -61912,18 +68255,37 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasUsageLimit"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasUsageLimit"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -61933,18 +68295,37 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerCustomer"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerCustomer"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -62067,18 +68448,37 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -62725,20 +69125,39 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="applyOncePerOrder"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="applyOncePerOrder"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -62984,18 +69403,37 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasUsageLimit"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasUsageLimit"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -63005,18 +69443,37 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="applyOncePerCustomer"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="applyOncePerCustomer"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -63131,18 +69588,37 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="hasEndDate"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="hasEndDate"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -63452,17 +69928,36 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id VoucherList-colName-id"
@@ -63691,17 +70186,36 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id VoucherList-colName-id"
@@ -63746,17 +70260,36 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id VoucherList-colName-id"
@@ -63941,17 +70474,36 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id VoucherList-colName-id"
@@ -64180,17 +70732,36 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id VoucherList-colName-id"
@@ -68678,17 +75249,36 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id MenuList-colTitle-id"
@@ -68865,17 +75455,36 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MenuList-colTitle-id"
@@ -68919,17 +75528,36 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MenuList-colTitle-id"
@@ -69029,19 +75657,38 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id MenuList-colTitle-id"
@@ -69219,19 +75866,38 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MenuList-colTitle-id"
@@ -69715,17 +76381,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id OrderDraftList-colNumber-id"
@@ -69926,17 +76611,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -69971,17 +76675,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70016,17 +76739,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70061,17 +76803,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70106,17 +76867,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70151,17 +76931,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70196,17 +76995,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70241,17 +77059,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70286,17 +77123,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70331,17 +77187,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70376,17 +77251,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70421,17 +77315,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70466,17 +77379,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70511,17 +77443,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70556,17 +77507,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70601,17 +77571,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70646,17 +77635,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70691,17 +77699,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70736,17 +77763,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70781,17 +77827,36 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -70967,19 +78032,38 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id OrderDraftList-colNumber-id"
@@ -71181,19 +78265,38 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftList-colNumber-id"
@@ -72188,18 +79291,43 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="sendInfo"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="sendInfo"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -72816,18 +79944,43 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="sendInfo"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="sendInfo"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -72985,18 +80138,43 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="sendInfo"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="sendInfo"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -73320,18 +80498,43 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="sendInfo"
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="sendInfo"
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -96341,17 +103544,36 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id PageList-colTitle-id"
@@ -96538,17 +103760,36 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellHeader-root-id PageList-colTitle-id"
@@ -96600,17 +103841,36 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellHeader-root-id PageList-colTitle-id"
@@ -96662,17 +103922,36 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellHeader-root-id PageList-colTitle-id"
@@ -96724,17 +104003,36 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellHeader-root-id PageList-colTitle-id"
@@ -96842,19 +104140,38 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id PageList-colTitle-id"
@@ -97042,19 +104359,38 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellHeader-root-id PageList-colTitle-id"
@@ -97496,8 +104832,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97550,8 +104891,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97598,8 +104944,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97646,8 +104997,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97694,8 +105050,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97742,8 +105103,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97790,8 +105156,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97838,8 +105209,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97886,8 +105262,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97934,8 +105315,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -97982,8 +105368,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98030,8 +105421,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98078,8 +105474,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98244,8 +105645,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98298,8 +105704,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98346,8 +105757,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98394,8 +105810,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98442,8 +105863,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98490,8 +105916,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98538,8 +105969,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98586,8 +106022,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98634,8 +106075,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98682,8 +106128,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98730,8 +106181,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98778,8 +106234,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98826,8 +106287,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -98990,8 +106456,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99044,8 +106515,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99092,8 +106568,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99140,8 +106621,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99188,8 +106674,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99236,8 +106727,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99284,8 +106780,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99332,8 +106833,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99380,8 +106886,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99428,8 +106939,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99476,8 +106992,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99524,8 +107045,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99572,8 +107098,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -99759,17 +107290,36 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id PermissionGroup-colName-id"
@@ -99824,17 +107374,36 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -99895,17 +107464,36 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -99966,17 +107554,36 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -100037,17 +107644,36 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -100166,8 +107792,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100220,8 +107851,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100268,8 +107904,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100316,8 +107957,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100365,8 +108011,18 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
+                        <rect
+                          fill="currentColor"
+                          height="14"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
                         <path
-                          d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          clip-rule="evenodd"
+                          d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                          fill="white"
+                          fill-rule="evenodd"
                         />
                       </svg>
                     </span>
@@ -100413,8 +108069,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100461,8 +108122,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100509,8 +108175,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100557,8 +108228,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100605,8 +108281,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100653,8 +108334,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100701,8 +108387,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100749,8 +108440,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -100925,19 +108621,38 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id PermissionGroup-colName-id"
@@ -100992,19 +108707,38 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -101066,19 +108800,38 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -101140,19 +108893,38 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -101214,19 +108986,38 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id PermissionGroup-colName-id"
@@ -101348,8 +109139,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101587,8 +109383,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101641,8 +109442,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101689,8 +109495,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101737,8 +109548,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101786,8 +109602,18 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
+                        <rect
+                          fill="currentColor"
+                          height="14"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
                         <path
-                          d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          clip-rule="evenodd"
+                          d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                          fill="white"
+                          fill-rule="evenodd"
                         />
                       </svg>
                     </span>
@@ -101834,8 +109660,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101882,8 +109713,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101930,8 +109766,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -101978,8 +109819,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -102026,8 +109872,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -102074,8 +109925,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -102122,8 +109978,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -102170,8 +110031,13 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         role="presentation"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
                         />
                       </svg>
                     </span>
@@ -103289,18 +111155,43 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
             <label
               class="MuiFormControlLabel-root-id"
             >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
+              <span
+                aria-disabled="false"
+                class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
               >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="active"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
+                <span
+                  class="MuiIconButton-label-id"
+                >
+                  <input
+                    checked=""
+                    class="PrivateSwitchBase-input-id"
+                    data-indeterminate="false"
+                    name="active"
+                    type="checkbox"
+                  />
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root-id"
+                    focusable="false"
+                    role="presentation"
+                    viewBox="0 0 24 24"
+                  >
+                    <rect
+                      fill="currentColor"
+                      height="14"
+                      width="14"
+                      x="5"
+                      y="5"
+                    />
+                    <path
+                      clip-rule="evenodd"
+                      d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                      fill="white"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </span>
+              </span>
               <span
                 class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
               >
@@ -103443,18 +111334,43 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-checked-id"
-                      name="Use sandbox"
-                      type="checkbox"
-                      value="true"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        checked=""
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="Use sandbox"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="currentColor"
+                          height="14"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                        <path
+                          clip-rule="evenodd"
+                          d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                          fill="white"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -103701,18 +111617,43 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
             <label
               class="MuiFormControlLabel-root-id"
             >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
+              <span
+                aria-disabled="false"
+                class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
               >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="active"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
+                <span
+                  class="MuiIconButton-label-id"
+                >
+                  <input
+                    checked=""
+                    class="PrivateSwitchBase-input-id"
+                    data-indeterminate="false"
+                    name="active"
+                    type="checkbox"
+                  />
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root-id"
+                    focusable="false"
+                    role="presentation"
+                    viewBox="0 0 24 24"
+                  >
+                    <rect
+                      fill="currentColor"
+                      height="14"
+                      width="14"
+                      x="5"
+                      y="5"
+                    />
+                    <path
+                      clip-rule="evenodd"
+                      d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                      fill="white"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </span>
+              </span>
               <span
                 class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
               >
@@ -103855,18 +111796,43 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
                 <label
                   class="MuiFormControlLabel-root-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-checked-id"
-                      name="Use sandbox"
-                      type="checkbox"
-                      value="true"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        checked=""
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        name="Use sandbox"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="currentColor"
+                          height="14"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                        <path
+                          clip-rule="evenodd"
+                          d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                          fill="white"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                   <span
                     class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                   >
@@ -104101,18 +112067,37 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
             <label
               class="MuiFormControlLabel-root-id"
             >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
+              <span
+                aria-disabled="false"
+                class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
               >
-                <input
-                  class="Checkbox-box-id"
-                  name="active"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
+                <span
+                  class="MuiIconButton-label-id"
+                >
+                  <input
+                    class="PrivateSwitchBase-input-id"
+                    data-indeterminate="false"
+                    name="active"
+                    type="checkbox"
+                  />
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root-id"
+                    focusable="false"
+                    role="presentation"
+                    viewBox="0 0 24 24"
+                  >
+                    <rect
+                      fill="none"
+                      height="14"
+                      stroke="currentColor"
+                      width="14"
+                      x="5"
+                      y="5"
+                    />
+                  </svg>
+                </span>
+              </span>
               <span
                 class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
               >
@@ -104224,18 +112209,43 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
             <label
               class="MuiFormControlLabel-root-id"
             >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
+              <span
+                aria-disabled="false"
+                class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
               >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="active"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
+                <span
+                  class="MuiIconButton-label-id"
+                >
+                  <input
+                    checked=""
+                    class="PrivateSwitchBase-input-id"
+                    data-indeterminate="false"
+                    name="active"
+                    type="checkbox"
+                  />
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root-id"
+                    focusable="false"
+                    role="presentation"
+                    viewBox="0 0 24 24"
+                  >
+                    <rect
+                      fill="currentColor"
+                      height="14"
+                      width="14"
+                      x="5"
+                      y="5"
+                    />
+                    <path
+                      clip-rule="evenodd"
+                      d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                      fill="white"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </span>
+              </span>
               <span
                 class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
               >
@@ -105473,18 +113483,37 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -105711,18 +113740,37 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -105951,20 +113999,39 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -106214,17 +114281,36 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id TableHead-dragRows-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
@@ -106292,17 +114378,36 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -106387,17 +114492,36 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -106482,17 +114606,36 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -106610,18 +114753,37 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -106876,17 +115038,36 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       class="MuiTableCell-root-id MuiTableCell-head-id TableHead-dragRows-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
@@ -106954,17 +115135,36 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -107049,17 +115249,36 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -107144,17 +115363,36 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -107272,18 +115510,37 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -107540,19 +115797,38 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                       class="MuiTableCell-root-id MuiTableCell-head-id TableHead-dragRows-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeAttributes-colName-id"
@@ -107619,19 +115895,38 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                        disabled=""
+                      <span
+                        aria-disabled="true"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                         tabindex="-1"
-                        type="button"
                       >
-                        <input
-                          class="Checkbox-box-id Checkbox-disabled-id"
-                          disabled=""
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            disabled=""
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colName-id"
@@ -107759,20 +116054,39 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -108123,18 +116437,37 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="isShippingRequired"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isShippingRequired"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -108288,17 +116621,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductTypeList-colName-id"
@@ -108443,17 +116795,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -108488,17 +116859,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -108533,17 +116923,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -108578,17 +116987,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -108623,17 +117051,36 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -108806,19 +117253,38 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                 class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                 scope="col"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </th>
               <th
                 class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductTypeList-colName-id"
@@ -108963,19 +117429,38 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeList-colName-id"
@@ -109718,18 +118203,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -109739,18 +118249,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -109760,18 +118295,37 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -109781,18 +118335,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -111121,18 +119700,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -111142,18 +119746,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -111163,18 +119792,37 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id"
-                name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
-                type="checkbox"
-                value="false"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="none"
+                    height="14"
+                    stroke="currentColor"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -111184,18 +119832,43 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
           <label
             class="MuiFormControlLabel-root-id"
           >
-            <button
-              class="MuiButtonBase-root-id Checkbox-root-id"
-              tabindex="0"
-              type="button"
+            <span
+              aria-disabled="false"
+              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
             >
-              <input
-                class="Checkbox-box-id Checkbox-checked-id"
-                name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
-                type="checkbox"
-                value="true"
-              />
-            </button>
+              <span
+                class="MuiIconButton-label-id"
+              >
+                <input
+                  checked=""
+                  class="PrivateSwitchBase-input-id"
+                  data-indeterminate="false"
+                  name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
+                  type="checkbox"
+                />
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root-id"
+                  focusable="false"
+                  role="presentation"
+                  viewBox="0 0 24 24"
+                >
+                  <rect
+                    fill="currentColor"
+                    height="14"
+                    width="14"
+                    x="5"
+                    y="5"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                    fill="white"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
             <span
               class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
             >
@@ -114265,18 +122938,43 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id Checkbox-checked-id"
-              name="value:100g"
-              type="checkbox"
-              value="true"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                checked=""
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:100g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="currentColor"
+                  height="14"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+                <path
+                  clip-rule="evenodd"
+                  d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                  fill="white"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114286,18 +122984,37 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:250g"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:250g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114307,18 +123024,43 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id Checkbox-checked-id"
-              name="value:500g"
-              type="checkbox"
-              value="true"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                checked=""
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:500g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="currentColor"
+                  height="14"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+                <path
+                  clip-rule="evenodd"
+                  d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                  fill="white"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114328,18 +123070,37 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:1kg"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:1kg"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114378,18 +123139,43 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id Checkbox-checked-id"
-              name="value:arabica"
-              type="checkbox"
-              value="true"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                checked=""
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:arabica"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="currentColor"
+                  height="14"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+                <path
+                  clip-rule="evenodd"
+                  d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                  fill="white"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114399,18 +123185,37 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:robusta"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:robusta"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114528,18 +123333,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:john-doe"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:john-doe"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114549,18 +123373,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:milionare-pirate"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:milionare-pirate"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114599,18 +123442,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:100g"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:100g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114620,18 +123482,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:250g"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:250g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114641,18 +123522,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:500g"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:500g"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114662,18 +123562,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:1kg"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:1kg"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114712,18 +123631,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:arabica"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:arabica"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114733,18 +123671,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:robusta"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:robusta"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114783,18 +123740,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:blue"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:blue"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -114804,18 +123780,37 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
         <label
           class="MuiFormControlLabel-root-id"
         >
-          <button
-            class="MuiButtonBase-root-id Checkbox-root-id"
-            tabindex="0"
-            type="button"
+          <span
+            aria-disabled="false"
+            class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
           >
-            <input
-              class="Checkbox-box-id"
-              name="value:white"
-              type="checkbox"
-              value="false"
-            />
-          </button>
+            <span
+              class="MuiIconButton-label-id"
+            >
+              <input
+                class="PrivateSwitchBase-input-id"
+                data-indeterminate="false"
+                name="value:white"
+                type="checkbox"
+              />
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <rect
+                  fill="none"
+                  height="14"
+                  stroke="currentColor"
+                  width="14"
+                  x="5"
+                  y="5"
+                />
+              </svg>
+            </span>
+          </span>
           <span
             class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
           >
@@ -117909,18 +126904,43 @@ exports[`Storyshots Views / Products / Create product variant add first variant
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -118576,18 +127596,43 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -119169,20 +128214,45 @@ exports[`Storyshots Views / Products / Create product variant when loading data
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id Checkbox-disabled-id"
-                    disabled=""
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -119851,18 +128921,43 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -121149,17 +130244,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
@@ -121190,17 +130304,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -121227,17 +130360,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -122610,17 +131762,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
@@ -122651,17 +131822,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -122688,17 +131878,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -124256,18 +133465,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="chargeTaxes"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="chargeTaxes"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -124482,18 +133716,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -126131,18 +135390,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="chargeTaxes"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="chargeTaxes"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -126357,18 +135641,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -128203,17 +137512,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
@@ -128244,17 +137572,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -128281,17 +137628,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -129390,20 +138756,39 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="trackInventory"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -130984,17 +140369,36 @@ Ctrl + K"
                       class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                       scope="col"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </th>
                     <th
                       class="MuiTableCell-root-id MuiTableCell-head-id ProductVariants-colName-id"
@@ -131025,17 +140429,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -131062,17 +140485,36 @@ Ctrl + K"
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                     >
-                      <button
-                        class="MuiButtonBase-root-id Checkbox-root-id"
-                        tabindex="0"
-                        type="button"
+                      <span
+                        aria-disabled="false"
+                        class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                       >
-                        <input
-                          class="Checkbox-box-id"
-                          type="checkbox"
-                          value="false"
-                        />
-                      </button>
+                        <span
+                          class="MuiIconButton-label-id"
+                        >
+                          <input
+                            class="PrivateSwitchBase-input-id"
+                            data-indeterminate="false"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <rect
+                              fill="none"
+                              height="14"
+                              stroke="currentColor"
+                              width="14"
+                              x="5"
+                              y="5"
+                            />
+                          </svg>
+                        </span>
+                      </span>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariants-colName-id"
@@ -132630,18 +142072,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="chargeTaxes"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="chargeTaxes"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -132856,18 +142323,43 @@ Ctrl + K"
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -134171,17 +143663,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                   class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                   scope="col"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductList-colName-id"
@@ -134388,17 +143899,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134464,17 +143994,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134540,17 +144089,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134616,17 +144184,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134692,17 +144279,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134768,17 +144374,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134844,17 +144469,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134920,17 +144564,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -134996,17 +144659,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135072,17 +144754,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135148,17 +144849,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135224,17 +144944,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135300,17 +145039,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135376,17 +145134,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135452,17 +145229,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135528,17 +145324,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135604,17 +145419,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135680,17 +145514,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135756,17 +145609,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -135832,17 +145704,36 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -136130,19 +146021,38 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                   class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                   scope="col"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductList-colName-id"
@@ -136349,19 +146259,38 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                    disabled=""
+                  <span
+                    aria-disabled="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                     tabindex="-1"
-                    type="button"
                   >
-                    <input
-                      class="Checkbox-box-id Checkbox-disabled-id"
-                      disabled=""
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        disabled=""
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137067,17 +146996,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                   class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                   scope="col"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductList-colName-id"
@@ -137284,17 +147232,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137360,17 +147327,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137436,17 +147422,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137512,17 +147517,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137588,17 +147612,36 @@ exports[`Storyshots Views / Products / Product list not published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -137875,17 +147918,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                   class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                   scope="col"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </th>
                 <th
                   class="MuiTableCell-root-id MuiTableCell-head-id TableCellHeader-root-id ProductList-colName-id"
@@ -138092,17 +148154,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138168,17 +148249,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138244,17 +148344,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138320,17 +148439,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138396,17 +148534,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138472,17 +148629,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138548,17 +148724,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138624,17 +148819,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138700,17 +148914,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138776,17 +149009,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138852,17 +149104,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -138928,17 +149199,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -139004,17 +149294,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -139080,17 +149389,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -139156,17 +149484,36 @@ exports[`Storyshots Views / Products / Product list published 1`] = `
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                 >
-                  <button
-                    class="MuiButtonBase-root-id Checkbox-root-id"
-                    tabindex="0"
-                    type="button"
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                   >
-                    <input
-                      class="Checkbox-box-id"
-                      type="checkbox"
-                      value="false"
-                    />
-                  </button>
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <input
+                        class="PrivateSwitchBase-input-id"
+                        data-indeterminate="false"
+                        type="checkbox"
+                      />
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <rect
+                          fill="none"
+                          height="14"
+                          stroke="currentColor"
+                          width="14"
+                          x="5"
+                          y="5"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </td>
                 <td
                   class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
@@ -139954,18 +150301,43 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -140914,18 +151286,43 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="trackInventory"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -141647,20 +152044,39 @@ exports[`Storyshots Views / Products / Product variant details when loading data
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="trackInventory"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="trackInventory"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -144609,17 +155025,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                     scope="col"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colName-id"
@@ -144761,17 +155196,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -144815,17 +155269,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -144869,17 +155342,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -144923,17 +155415,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -144977,17 +155488,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -145218,19 +155748,38 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                     class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                     scope="col"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                      disabled=""
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                       tabindex="-1"
-                      type="button"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-disabled-id"
-                        disabled=""
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          disabled=""
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colName-id"
@@ -145373,19 +155922,38 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                      disabled=""
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                       tabindex="-1"
-                      type="button"
                     >
-                      <input
-                        class="Checkbox-box-id Checkbox-disabled-id"
-                        disabled=""
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          disabled=""
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -145957,17 +156525,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     class="MuiTableCell-root-id MuiTableCell-head-id MuiTableCell-paddingCheckbox-id"
                     scope="col"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </th>
                   <th
                     class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colName-id"
@@ -146109,17 +156696,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -146163,17 +156769,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -146217,17 +156842,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -146271,17 +156915,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -146325,17 +156988,36 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
                   >
-                    <button
-                      class="MuiButtonBase-root-id Checkbox-root-id"
-                      tabindex="0"
-                      type="button"
+                    <span
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                     >
-                      <input
-                        class="Checkbox-box-id"
-                        type="checkbox"
-                        value="false"
-                      />
-                    </button>
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          data-indeterminate="false"
+                          type="checkbox"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <rect
+                            fill="none"
+                            height="14"
+                            stroke="currentColor"
+                            width="14"
+                            x="5"
+                            y="5"
+                          />
+                        </svg>
+                      </span>
+                    </span>
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colName-id"
@@ -149406,18 +160088,43 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="isActive"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -150129,20 +160836,39 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="isActive"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="isActive"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -151445,18 +162171,37 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="includeTax"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="includeTax"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -151469,18 +162214,43 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-checked-id"
-                    name="showGross"
-                    type="checkbox"
-                    value="true"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      checked=""
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="showGross"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="currentColor"
+                        height="14"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -151493,18 +162263,37 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
               <label
                 class="MuiFormControlLabel-root-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id"
-                  tabindex="0"
-                  type="button"
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
                 >
-                  <input
-                    class="Checkbox-box-id"
-                    name="chargeTaxesOnShipping"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      name="chargeTaxesOnShipping"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                 >
@@ -152172,20 +162961,39 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="includeTax"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="includeTax"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -152198,20 +163006,39 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="showGross"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="showGross"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >
@@ -152224,20 +163051,39 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
               <label
                 class="MuiFormControlLabel-root-id MuiFormControlLabel-disabled-id"
               >
-                <button
-                  class="MuiButtonBase-root-id Checkbox-root-id MuiButtonBase-disabled-id"
-                  disabled=""
+                <span
+                  aria-disabled="true"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-disabled-id MuiCheckbox-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
                   tabindex="-1"
-                  type="button"
                 >
-                  <input
-                    class="Checkbox-box-id Checkbox-disabled-id"
-                    disabled=""
-                    name="chargeTaxesOnShipping"
-                    type="checkbox"
-                    value="false"
-                  />
-                </button>
+                  <span
+                    class="MuiIconButton-label-id"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-id"
+                      data-indeterminate="false"
+                      disabled=""
+                      name="chargeTaxesOnShipping"
+                      type="checkbox"
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root-id"
+                      focusable="false"
+                      role="presentation"
+                      viewBox="0 0 24 24"
+                    >
+                      <rect
+                        fill="none"
+                        height="14"
+                        stroke="currentColor"
+                        width="14"
+                        x="5"
+                        y="5"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span
                   class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
                 >