diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 3bcd5cd99..fb01ce465 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -10368,6 +10368,100 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Categories
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Category"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -11078,6 +11172,100 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Attributes
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Attribute"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -11329,6 +11517,100 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Attributes
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Attribute"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -12435,6 +12717,100 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Attributes
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Attribute"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -12849,6 +13225,100 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Categories
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Category"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -13053,6 +13523,100 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Categories
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Category"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -24167,6 +24731,100 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Collections
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Collection"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -24606,6 +25264,100 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Collections
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Collection"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -24829,6 +25581,319 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
 </div>
 `;
 
+exports[`Storyshots Views / Collections / Collection list no data 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="Container-root-id"
+  >
+    <div
+      class="ExtendedPageHeader-root-id"
+    >
+      <h5
+        class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+      >
+        Collections
+      </h5>
+      <div
+        class="ExtendedPageHeader-action-id"
+      >
+        <div
+          class="Component-root-id"
+        >
+          <button
+            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label-id"
+            >
+              Add collection
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                />
+                <path
+                  d="M0 0h24v24H0z"
+                  fill="none"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+    >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Collections
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Collection"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
+      <table
+        class="MuiTable-root-id"
+      >
+        <thead
+          class="MuiTableHead-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-head-id"
+          >
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colName-id"
+              scope="col"
+            >
+              Category Name
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colProducts-id"
+              scope="col"
+            >
+              No. of Products
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colAvailability-id"
+              scope="col"
+            >
+              Availability
+            </th>
+          </tr>
+        </thead>
+        <tfoot
+          class="MuiTableFooter-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-footer-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
+              colspan="5"
+            >
+              <div
+                class="MuiToolbar-root-id MuiToolbar-regular-id MuiToolbar-gutters-id TablePagination-toolbar-id"
+              >
+                <div
+                  class="TablePagination-spacer-id"
+                >
+                  <div>
+                    <span
+                      class="RowNumberSelect-label-id"
+                    >
+                      No of Rows:
+                    </span>
+                    <div
+                      class="MuiInputBase-root-id MuiInput-root-id MuiInput-underline-id RowNumberSelect-select-id"
+                    >
+                      <div
+                        class="MuiSelect-root-id"
+                      >
+                        <div
+                          aria-haspopup="true"
+                          aria-pressed="false"
+                          class="MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
+                          role="button"
+                          tabindex="0"
+                        >
+                          20
+                        </div>
+                        <input
+                          type="hidden"
+                          value="20"
+                        />
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSelect-icon-id"
+                          focusable="false"
+                          role="presentation"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="TablePaginationActions-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-back"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M14 7l-5 5 5 5V7z"
+                        />
+                        <path
+                          d="M24 0v24H0V0h24z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                  <button
+                    class="MuiButtonBase-root-id MuiIconButton-root-id TablePaginationActions-iconButton-id"
+                    data-tc="button-pagination-next"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M10 17l5-5-5-5v10z"
+                        />
+                        <path
+                          d="M0 24V0h24v24H0z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tfoot>
+        <tbody
+          class="MuiTableBody-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id"
+              colspan="5"
+            >
+              No collections found
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Views / Collections / Create collection default 1`] = `
 <div
   style="padding:24px"
@@ -34402,6 +35467,100 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Customers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Customer"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -35429,6 +36588,100 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Customers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Customer"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -35684,6 +36937,100 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Customers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Customer"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -40016,6 +41363,100 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Sales
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Sale"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -40457,6 +41898,100 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Sales
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Sale"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -40728,6 +42263,100 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Sales
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Sale"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -45256,6 +46885,100 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Vouchers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Voucher"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -45594,6 +47317,100 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Vouchers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Voucher"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -45895,6 +47712,100 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Vouchers
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Voucher"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -49534,6 +51445,100 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Drafts
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Draft"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -50651,6 +52656,100 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Drafts
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Draft"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -50927,6 +53026,100 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Drafts
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Draft"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -66433,7 +68626,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -68043,7 +70236,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -68471,7 +70664,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -68815,7 +71008,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -78273,6 +80466,100 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Product Types
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Product Type"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -78622,9 +80909,8 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
           class="Component-root-id"
         >
           <button
-            class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id MuiButton-disabled-id"
-            disabled=""
-            tabindex="-1"
+            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id"
+            tabindex="0"
             type="button"
           >
             <span
@@ -78639,6 +80925,100 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Product Types
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Product Type"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -78822,6 +81202,279 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
 </div>
 `;
 
+exports[`Storyshots Views / Product types / Product types list no data 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="Container-root-id"
+  >
+    <div
+      class="ExtendedPageHeader-root-id"
+    >
+      <h5
+        class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
+      >
+        Product Types
+      </h5>
+      <div
+        class="ExtendedPageHeader-action-id"
+      >
+        <div
+          class="Component-root-id"
+        >
+          <button
+            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label-id"
+            >
+              Add product type 
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root-id"
+                focusable="false"
+                role="presentation"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                />
+                <path
+                  d="M0 0h24v24H0z"
+                  fill="none"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
+    >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Product Types
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Product Type"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
+      <table
+        class="MuiTable-root-id"
+      >
+        <thead
+          class="MuiTableHead-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-head-id"
+          >
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeList-colName-id"
+              scope="col"
+            >
+              Type Name
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeList-colType-id"
+              scope="col"
+            >
+              Type
+            </th>
+            <th
+              class="MuiTableCell-root-id MuiTableCell-head-id ProductTypeList-colTax-id"
+              scope="col"
+            >
+              Tax
+            </th>
+          </tr>
+        </thead>
+        <tfoot
+          class="MuiTableFooter-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id MuiTableRow-footer-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
+              colspan="4"
+            >
+              <div
+                class="MuiToolbar-root-id MuiToolbar-regular-id MuiToolbar-gutters-id TablePagination-toolbar-id"
+              >
+                <div
+                  class="TablePagination-spacer-id"
+                />
+                <div
+                  class="TablePaginationActions-root-id"
+                >
+                  <button
+                    class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiIconButton-root-id MuiIconButton-disabled-id TablePaginationActions-iconButton-id TablePaginationActions-disabled-id"
+                    data-tc="button-pagination-back"
+                    disabled=""
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M14 7l-5 5 5 5V7z"
+                        />
+                        <path
+                          d="M24 0v24H0V0h24z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                  <button
+                    class="MuiButtonBase-root-id MuiIconButton-root-id TablePaginationActions-iconButton-id"
+                    data-tc="button-pagination-next"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-id"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M10 17l5-5-5-5v10z"
+                        />
+                        <path
+                          d="M0 24V0h24v24H0z"
+                          fill="none"
+                        />
+                      </svg>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tfoot>
+        <tbody
+          class="MuiTableBody-root-id"
+        >
+          <tr
+            class="MuiTableRow-root-id"
+          >
+            <td
+              class="MuiTableCell-root-id MuiTableCell-body-id"
+              colspan="4"
+            >
+              No product types found
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Views / Product types / Unassign attribute default 1`] = `
 <div
   style="padding:24px"
@@ -90858,7 +93511,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -92430,7 +95083,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -92909,7 +95562,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -93295,7 +95948,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
         </div>
       </div>
       <div
-        class="FilterChips-actionContainer-id"
+        class="FilterActions-actionContainer-id"
       >
         <div>
           <button
@@ -104819,9 +107472,8 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
           class="Component-root-id"
         >
           <button
-            class="MuiButtonBase-root-id MuiButtonBase-disabled-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id MuiButton-disabled-id"
-            disabled=""
-            tabindex="-1"
+            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-contained-id MuiButton-containedPrimary-id MuiButton-raised-id MuiButton-raisedPrimary-id"
+            tabindex="0"
             type="button"
           >
             <span
@@ -104836,6 +107488,100 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Staff Members
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Staff Member"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -106438,6 +109184,42 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Product"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >
@@ -106602,6 +109384,100 @@ exports[`Storyshots Views / Translations / Language list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-flexContainer-id"
+        >
+          <div
+            class="MuiTabs-scroller-id MuiTabs-fixed-id"
+            role="tablist"
+            style="margin-bottom:0"
+          >
+            <div
+              class="MuiTabs-flexContainer-id"
+            >
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+                    >
+                      All Staff Members
+                    </span>
+                  </span>
+                </span>
+              </button>
+              <button
+                class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <span
+                  class="MuiTab-wrapper-id"
+                >
+                  <span
+                    class="MuiTab-labelContainer-id"
+                  >
+                    <span
+                      class="MuiTab-label-id FilterTab-tabLabel-id"
+                    >
+                      Tab X
+                    </span>
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterActions-actionContainer-id"
+      >
+        <div
+          class="MuiFormControl-root-id MuiFormControl-fullWidth-id Hook-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
+          >
+            <fieldset
+              aria-hidden="true"
+              class="MuiPrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="MuiPrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id Hook-input-id"
+              placeholder="Search Staff Member"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <hr
+        class="Hr-root-id"
+      />
       <table
         class="MuiTable-root-id"
       >