@leaflink/stash 51.9.2 → 51.10.0

package/dist/SearchBar.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, useSlots as S, ref as i, computed as V, createBlock as h, openBlock as p, withKeys as s, normalizeClass as m, createSlots as I, withCtx as n, createCommentVNode as T, createVNode as u, unref as K, renderSlot as L } from "vue";
-import { t as f } from "./locale.js";
-import b from "./Button.js";
-import v from "./Icon.js";
+import { defineComponent as C, useSlots as S, ref as d, computed as V, createBlock as i, openBlock as h, withKeys as t, normalizeClass as p, createSlots as I, withCtx as o, createCommentVNode as T, createVNode as n, unref as K, renderSlot as L } from "vue";
+import { t as m } from "./locale.js";
+import f from "./Button.js";
+import b from "./Icon.js";
 import W from "./Input.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = /* @__PURE__ */ C({
@@ -11,69 +11,68 @@ const N = /* @__PURE__ */ C({
     isLoading: { type: Boolean, default: !1 },
     isWorking: { type: Boolean, default: !1 },
     modelValue: { default: "" },
-    placeholder: { default: f("ll.search") },
-    label: { default: f("ll.search") },
+    placeholder: { default: m("ll.search") },
+    label: { default: m("ll.search") },
     hintText: { default: void 0 }
   },
   emits: ["search", "update:model-value"],
-  setup(_, { emit: k }) {
-    const e = _, l = k, g = S(), a = i(e.modelValue), d = i(), x = V(() => a.value ? 0 : -1);
-    function o() {
-      e.isLoading || e.isWorking || l("search", a.value);
+  setup(v, { emit: _ }) {
+    const e = v, s = _, k = S(), a = d(e.modelValue), c = d(), g = V(() => a.value ? 0 : -1);
+    function l() {
+      e.isLoading || e.isWorking || s("search", a.value);
     }
-    function c() {
-      var r, t;
-      a.value = "", l("search", ""), l("update:model-value", ""), (t = (r = d.value) == null ? void 0 : r.inputEl) == null || t.focus();
+    function r() {
+      a.value = "", s("search", ""), s("update:model-value", ""), c.value?.inputEl?.focus();
     }
-    function y() {
-      l("update:model-value", a.value);
+    function x() {
+      s("update:model-value", a.value);
     }
-    return (r, t) => (p(), h(W, {
+    return (y, u) => (h(), i(W, {
       ref_key: "stashInputRef",
-      ref: d,
+      ref: c,
       modelValue: a.value,
       "onUpdate:modelValue": [
-        t[0] || (t[0] = (B) => a.value = B),
-        y
+        u[0] || (u[0] = (B) => a.value = B),
+        x
       ],
-      class: m(["stash-search-bar", [{ "stash-search-bar--value": !!a.value }]]),
+      class: p(["stash-search-bar", [{ "stash-search-bar--value": !!a.value }]]),
       label: e.label,
       placeholder: e.placeholder,
       "hint-text": e.hintText,
       "data-test": "stash-search-bar",
-      onKeyup: s(o, ["enter"])
+      onKeyup: t(l, ["enter"])
     }, I({
-      append: n(() => [
-        a.value ? (p(), h(b, {
+      append: o(() => [
+        a.value ? (h(), i(f, {
           key: 0,
           class: "stash-search-bar__clear-button",
           disabled: e.isLoading,
           "data-test": "stash-search-bar|clear-button",
-          onClick: c,
+          onClick: r,
           onKeyup: [
-            s(c, ["enter"]),
-            s(c, ["space"])
+            t(r, ["enter"]),
+            t(r, ["space"])
           ]
         }, {
-          default: n(() => [
-            u(v, { name: "close" })
+          default: o(() => [
+            n(b, { name: "close" })
           ]),
           _: 1
         }, 8, ["disabled"])) : T("", !0),
-        u(b, {
-          tabindex: x.value,
+        n(f, {
+          tabindex: g.value,
           "data-test": "stash-search-bar|search-button",
           disabled: e.isLoading,
           class: "stash-search-bar__search-button",
-          onClick: o,
+          onClick: l,
           onKeyup: [
-            s(o, ["enter"]),
-            s(o, ["space"])
+            t(l, ["enter"]),
+            t(l, ["space"])
           ]
         }, {
-          default: n(() => [
-            u(v, {
-              class: m({ "tw-animate-spin": e.isWorking }),
+          default: o(() => [
+            n(b, {
+              class: p({ "tw-animate-spin": e.isWorking }),
               name: e.isWorking ? "loading-empty" : "search"
             }, null, 8, ["class", "name"])
           ]),
@@ -82,10 +81,10 @@ const N = /* @__PURE__ */ C({
       ]),
       _: 2
     }, [
-      K(g).hint ? {
+      K(k).hint ? {
         name: "hint",
-        fn: n(() => [
-          L(r.$slots, "hint", {}, void 0, !0)
+        fn: o(() => [
+          L(y.$slots, "hint", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0

package/dist/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../src/components/SearchBar/SearchBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, ref, useSlots } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n  import Input from '../Input/Input.vue';\n\n  export interface SearchBarProps {\n    /**\n     * Indicates loading activity (for example async request) that should prevent search\n     */\n    isLoading?: boolean;\n\n    /**\n     * Sets a visual indicator that the search is active\n     */\n    isWorking?: boolean;\n\n    /**\n     * The search term\n     */\n    modelValue?: string;\n\n    /**\n     * Placeholder text for the input\n     */\n    placeholder?: string;\n\n    /**\n     * Label for search bar\n     */\n    label?: string;\n\n    /**\n     * Text below the input\n     */\n    hintText?: string;\n  }\n\n  defineOptions({\n    name: 'll-search-bar',\n  });\n\n  const props = withDefaults(defineProps<SearchBarProps>(), {\n    isLoading: false,\n    isWorking: false,\n    modelValue: '',\n    placeholder: t('ll.search'),\n    label: t('ll.search'),\n    hintText: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when searching or clearing the search input\n     */\n    (e: 'search', searchTerm: string): void;\n\n    /**\n     * Emitted when the search term changes\n     */\n    (e: 'update:model-value', searchTerm: string): void;\n  }>();\n\n  const slots = useSlots();\n  const searchTerm = ref(props.modelValue);\n  const stashInputRef = ref<InstanceType<typeof Input>>();\n\n  const searchTabIndex = computed(() => (searchTerm.value ? 0 : -1));\n\n  function onSearch() {\n    if (props.isLoading || props.isWorking) {\n      return;\n    }\n    emit('search', searchTerm.value);\n  }\n\n  function clearSearchTerm() {\n    searchTerm.value = '';\n    emit('search', '');\n    emit('update:model-value', '');\n\n    stashInputRef.value?.inputEl?.focus();\n  }\n\n  function handleChange() {\n    emit('update:model-value', searchTerm.value);\n  }\n</script>\n\n<template>\n  <Input\n    ref=\"stashInputRef\"\n    v-model=\"searchTerm\"\n    class=\"stash-search-bar\"\n    :class=\"[{ 'stash-search-bar--value': !!searchTerm }]\"\n    :label=\"props.label\"\n    :placeholder=\"props.placeholder\"\n    :hint-text=\"props.hintText\"\n    data-test=\"stash-search-bar\"\n    @update:model-value=\"handleChange\"\n    @keyup.enter=\"onSearch\"\n  >\n    <template #append>\n      <Button\n        v-if=\"searchTerm\"\n        class=\"stash-search-bar__clear-button\"\n        :disabled=\"props.isLoading\"\n        data-test=\"stash-search-bar|clear-button\"\n        @click=\"clearSearchTerm\"\n        @keyup.enter=\"clearSearchTerm\"\n        @keyup.space=\"clearSearchTerm\"\n      >\n        <Icon name=\"close\" />\n      </Button>\n      <Button\n        :tabindex=\"searchTabIndex\"\n        data-test=\"stash-search-bar|search-button\"\n        :disabled=\"props.isLoading\"\n        class=\"stash-search-bar__search-button\"\n        @click=\"onSearch\"\n        @keyup.enter=\"onSearch\"\n        @keyup.space=\"onSearch\"\n      >\n        <Icon :class=\"{ 'tw-animate-spin': props.isWorking }\" :name=\"props.isWorking ? 'loading-empty' : 'search'\" />\n      </Button>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Overrides the Input hint-text prop -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Input>\n</template>\n\n<style scoped>\n  .stash-search-bar :deep(input) {\n    text-overflow: ellipsis;\n  }\n\n  .stash-search-bar--value :deep(input) {\n    padding-right: 72px;\n  }\n\n  .stash-search-bar :deep(input):hover {\n    border: 1px solid var(--color-blue-500);\n  }\n\n  .stash-search-bar :deep(.stash-input-append) {\n    display: flex;\n    justify-content: flex-end;\n    width: 72px; /* double the the default width of 36px */\n    overflow: visible;\n  }\n\n  .stash-search-bar__clear-button {\n    color: var(--color-ice-700);\n    height: theme('spacing.9');\n    min-width: theme('spacing.9');\n    width: theme('spacing.9');\n    background: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:focus-visible {\n      outline: none;\n      box-shadow: none;\n\n      & svg {\n        border-radius: theme(borderRadius.DEFAULT);\n\n        @apply tw-ring-4 tw-ring-blue-500 tw-ring-opacity-15;\n      }\n    }\n  }\n\n  .stash-search-bar__clear-button:disabled {\n    color: var(--color-ice-500);\n    cursor: default;\n  }\n\n  .stash-search-bar__search-button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    height: theme('spacing.9');\n    min-width: theme('spacing.9');\n    width: theme('spacing.9');\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:focus {\n      box-shadow: none;\n    }\n\n    &:disabled {\n      border-color: var(--color-ice-500);\n    }\n\n    &:hover {\n      background-color: var(--color-blue-600);\n    }\n\n    &:active {\n      background-color: var(--color-blue-700);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border: 1px solid var(--color-blue-900);\n      /* Simulating a bigger border so the design does not break */\n      box-shadow:\n        inset 0 0 0 1px var(--color-blue-900),\n        0 0 0 4px rgb(0 114 240 / 15%); /* Unfortunatelly, we have to use RGBA to make the shadow transparent, this is blue-500 */\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","slots","useSlots","searchTerm","ref","stashInputRef","searchTabIndex","computed","onSearch","clearSearchTerm","_b","_a","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;AA4CE,UAAMA,IAAQC,GASRC,IAAOC,GAYPC,IAAQC,EAAS,GACjBC,IAAaC,EAAIP,EAAM,UAAU,GACjCQ,IAAgBD,EAAgC,GAEhDE,IAAiBC,EAAS,MAAOJ,EAAW,QAAQ,IAAI,EAAG;AAEjE,aAASK,IAAW;AACd,MAAAX,EAAM,aAAaA,EAAM,aAGxBE,EAAA,UAAUI,EAAW,KAAK;AAAA,IAAA;AAGjC,aAASM,IAAkB;;AACzB,MAAAN,EAAW,QAAQ,IACnBJ,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,IAEfW,KAAAC,IAAAN,EAAA,UAAA,gBAAAM,EAAO,YAAP,QAAAD,EAAgB;AAAA,IAAM;AAGtC,aAASE,IAAe;AACjB,MAAAb,EAAA,sBAAsBI,EAAW,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchBar.js","sources":["../src/components/SearchBar/SearchBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, ref, useSlots } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n  import Input from '../Input/Input.vue';\n\n  export interface SearchBarProps {\n    /**\n     * Indicates loading activity (for example async request) that should prevent search\n     */\n    isLoading?: boolean;\n\n    /**\n     * Sets a visual indicator that the search is active\n     */\n    isWorking?: boolean;\n\n    /**\n     * The search term\n     */\n    modelValue?: string;\n\n    /**\n     * Placeholder text for the input\n     */\n    placeholder?: string;\n\n    /**\n     * Label for search bar\n     */\n    label?: string;\n\n    /**\n     * Text below the input\n     */\n    hintText?: string;\n  }\n\n  defineOptions({\n    name: 'll-search-bar',\n  });\n\n  const props = withDefaults(defineProps<SearchBarProps>(), {\n    isLoading: false,\n    isWorking: false,\n    modelValue: '',\n    placeholder: t('ll.search'),\n    label: t('ll.search'),\n    hintText: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when searching or clearing the search input\n     */\n    (e: 'search', searchTerm: string): void;\n\n    /**\n     * Emitted when the search term changes\n     */\n    (e: 'update:model-value', searchTerm: string): void;\n  }>();\n\n  const slots = useSlots();\n  const searchTerm = ref(props.modelValue);\n  const stashInputRef = ref<InstanceType<typeof Input>>();\n\n  const searchTabIndex = computed(() => (searchTerm.value ? 0 : -1));\n\n  function onSearch() {\n    if (props.isLoading || props.isWorking) {\n      return;\n    }\n    emit('search', searchTerm.value);\n  }\n\n  function clearSearchTerm() {\n    searchTerm.value = '';\n    emit('search', '');\n    emit('update:model-value', '');\n\n    stashInputRef.value?.inputEl?.focus();\n  }\n\n  function handleChange() {\n    emit('update:model-value', searchTerm.value);\n  }\n</script>\n\n<template>\n  <Input\n    ref=\"stashInputRef\"\n    v-model=\"searchTerm\"\n    class=\"stash-search-bar\"\n    :class=\"[{ 'stash-search-bar--value': !!searchTerm }]\"\n    :label=\"props.label\"\n    :placeholder=\"props.placeholder\"\n    :hint-text=\"props.hintText\"\n    data-test=\"stash-search-bar\"\n    @update:model-value=\"handleChange\"\n    @keyup.enter=\"onSearch\"\n  >\n    <template #append>\n      <Button\n        v-if=\"searchTerm\"\n        class=\"stash-search-bar__clear-button\"\n        :disabled=\"props.isLoading\"\n        data-test=\"stash-search-bar|clear-button\"\n        @click=\"clearSearchTerm\"\n        @keyup.enter=\"clearSearchTerm\"\n        @keyup.space=\"clearSearchTerm\"\n      >\n        <Icon name=\"close\" />\n      </Button>\n      <Button\n        :tabindex=\"searchTabIndex\"\n        data-test=\"stash-search-bar|search-button\"\n        :disabled=\"props.isLoading\"\n        class=\"stash-search-bar__search-button\"\n        @click=\"onSearch\"\n        @keyup.enter=\"onSearch\"\n        @keyup.space=\"onSearch\"\n      >\n        <Icon :class=\"{ 'tw-animate-spin': props.isWorking }\" :name=\"props.isWorking ? 'loading-empty' : 'search'\" />\n      </Button>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Overrides the Input hint-text prop -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Input>\n</template>\n\n<style scoped>\n  .stash-search-bar :deep(input) {\n    text-overflow: ellipsis;\n  }\n\n  .stash-search-bar--value :deep(input) {\n    padding-right: 72px;\n  }\n\n  .stash-search-bar :deep(input):hover {\n    border: 1px solid var(--color-blue-500);\n  }\n\n  .stash-search-bar :deep(.stash-input-append) {\n    display: flex;\n    justify-content: flex-end;\n    width: 72px; /* double the the default width of 36px */\n    overflow: visible;\n  }\n\n  .stash-search-bar__clear-button {\n    color: var(--color-ice-700);\n    height: theme('spacing.9');\n    min-width: theme('spacing.9');\n    width: theme('spacing.9');\n    background: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:focus-visible {\n      outline: none;\n      box-shadow: none;\n\n      & svg {\n        border-radius: theme(borderRadius.DEFAULT);\n\n        @apply tw-ring-4 tw-ring-blue-500 tw-ring-opacity-15;\n      }\n    }\n  }\n\n  .stash-search-bar__clear-button:disabled {\n    color: var(--color-ice-500);\n    cursor: default;\n  }\n\n  .stash-search-bar__search-button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    height: theme('spacing.9');\n    min-width: theme('spacing.9');\n    width: theme('spacing.9');\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:focus {\n      box-shadow: none;\n    }\n\n    &:disabled {\n      border-color: var(--color-ice-500);\n    }\n\n    &:hover {\n      background-color: var(--color-blue-600);\n    }\n\n    &:active {\n      background-color: var(--color-blue-700);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border: 1px solid var(--color-blue-900);\n      /* Simulating a bigger border so the design does not break */\n      box-shadow:\n        inset 0 0 0 1px var(--color-blue-900),\n        0 0 0 4px rgb(0 114 240 / 15%); /* Unfortunatelly, we have to use RGBA to make the shadow transparent, this is blue-500 */\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","slots","useSlots","searchTerm","ref","stashInputRef","searchTabIndex","computed","onSearch","clearSearchTerm","handleChange","_createBlock","Input","$event","_normalizeClass","Button","_createVNode","Icon","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;AA4CE,UAAMA,IAAQC,GASRC,IAAOC,GAYPC,IAAQC,EAAA,GACRC,IAAaC,EAAIP,EAAM,UAAU,GACjCQ,IAAgBD,EAAA,GAEhBE,IAAiBC,EAAS,MAAOJ,EAAW,QAAQ,IAAI,EAAG;AAEjE,aAASK,IAAW;AAClB,MAAIX,EAAM,aAAaA,EAAM,aAG7BE,EAAK,UAAUI,EAAW,KAAK;AAAA,IACjC;AAEA,aAASM,IAAkB;AACzB,MAAAN,EAAW,QAAQ,IACnBJ,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,GAE7BM,EAAc,OAAO,SAAS,MAAA;AAAA,IAChC;AAEA,aAASK,IAAe;AACtB,MAAAX,EAAK,sBAAsBI,EAAW,KAAK;AAAA,IAC7C;2BAIAQ,EAwCQC,GAAA;AAAA,eAvCF;AAAA,MAAJ,KAAIP;AAAA,kBACKF,EAAA;AAAA;+BAAAA,EAAU,QAAAU;AAAA,QAOEH;AAAA,MAAA;AAAA,MANrB,OAAKI,EAAA,CAAC,oBAAkB,CAAA,EAAA,2BAAA,CAAA,CACgBX,EAAA,MAAA,CAAU,CAAA,CAAA;AAAA,MACjD,OAAON,EAAM;AAAA,MACb,aAAaA,EAAM;AAAA,MACnB,aAAWA,EAAM;AAAA,MAClB,aAAU;AAAA,MAET,WAAaW,GAAQ,CAAA,OAAA,CAAA;AAAA,IAAA;MAEX,UACT,MAUS;AAAA,QATDL,EAAA,cADRQ,EAUSI,GAAA;AAAA;UARP,OAAM;AAAA,UACL,UAAUlB,EAAM;AAAA,UACjB,aAAU;AAAA,UACT,SAAOY;AAAA,UACP,SAAK;AAAA,cAAQA,GAAe,CAAA,OAAA,CAAA;AAAA,cACfA,GAAe,CAAA,OAAA,CAAA;AAAA,UAAA;AAAA;qBAE7B,MAAqB;AAAA,YAArBO,EAAqBC,GAAA,EAAf,MAAK,SAAO;AAAA,UAAA;;;QAEpBD,EAUSD,GAAA;AAAA,UATN,UAAUT,EAAA;AAAA,UACX,aAAU;AAAA,UACT,UAAUT,EAAM;AAAA,UACjB,OAAM;AAAA,UACL,SAAOW;AAAA,UACP,SAAK;AAAA,cAAQA,GAAQ,CAAA,OAAA,CAAA;AAAA,cACRA,GAAQ,CAAA,OAAA,CAAA;AAAA,UAAA;AAAA;qBAEtB,MAA6G;AAAA,YAA7GQ,EAA6GC,GAAA;AAAA,cAAtG,OAAKH,EAAA,EAAA,mBAAuBjB,EAAM,WAAS;AAAA,cAAK,MAAMA,EAAM,YAAS,kBAAA;AAAA,YAAA;;;;;;;MAGhEqB,EAAAjB,CAAA,EAAM;cAAO;AAAA,cAE3B,MAAyB;AAAA,UAAzBkB,EAAyBC,EAAA,QAAA,QAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;;;;;;"}

package/dist/SearchBar.vue.d.ts

@@ -1,30 +1,25 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { InputProps } from '../Input/Input.vue';
+import { nextTick } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
-
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+import { Ref } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
+import { Slot } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchOptions } from 'vue';
+import { WatchStopHandle } from 'vue';
 
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -32,39 +27,127 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
-isLoading: boolean;
-isWorking: boolean;
-modelValue: string;
-placeholder: any;
-label: any;
-hintText: undefined;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-search: (searchTerm: string) => void;
-"update:model-value": (searchTerm: string) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
-isLoading: boolean;
-isWorking: boolean;
-modelValue: string;
-placeholder: any;
-label: any;
-hintText: undefined;
-}>>> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<SearchBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+search: (searchTerm: string) => any;
+"update:model-value": (searchTerm: string) => any;
+}, string, PublicProps, Readonly<SearchBarProps> & Readonly<{
 onSearch?: ((searchTerm: string) => any) | undefined;
 "onUpdate:model-value"?: ((searchTerm: string) => any) | undefined;
 }>, {
 label: string;
+placeholder: string;
 isLoading: boolean;
 hintText: string;
-placeholder: string;
 modelValue: string;
 isWorking: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+stashInputRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly autocomplete?: string | undefined;
+readonly modelValue?: string | number | undefined;
+readonly value?: string | number | null | undefined;
+readonly type?: string | undefined;
+readonly placeholder?: string | undefined;
+readonly addBottomSpace?: boolean | undefined;
+readonly errorText?: string | undefined;
+readonly hintText?: string | undefined;
+readonly id?: string | undefined;
+readonly errorId?: string | undefined;
+readonly isReadOnly?: boolean | undefined;
+readonly isRequired?: boolean | undefined;
+readonly label?: string | undefined;
+readonly showOptionalInLabel?: boolean | undefined;
+readonly isLabelSrOnly?: boolean | undefined;
+readonly fieldset?: boolean | undefined;
+readonly isDisabled?: boolean | undefined;
+readonly disabled?: boolean | undefined;
+readonly onBlur?: ((evt: Event) => any) | undefined;
+readonly onChange?: ((v: string | number) => any) | undefined;
+readonly onFocus?: ((evt: Event) => any) | undefined;
+readonly "onUpdate:model-value"?: ((v: string | number) => any) | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+} & {
+inputEl: HTMLInputElement;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance<    {}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+$parent: ComponentPublicInstance<    {}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+$host: Element | null;
+$emit: ((event: "blur", evt: Event) => void) & ((event: "change", v: string | number) => void) & ((event: "focus", evt: Event) => void) & ((event: "update:model-value", v: string | number) => void);
+$el: any;
+$options: ComponentOptionsBase<Readonly<InputProps> & Readonly<{
+onBlur?: ((evt: Event) => any) | undefined;
+onChange?: ((v: string | number) => any) | undefined;
+onFocus?: ((evt: Event) => any) | undefined;
+"onUpdate:model-value"?: ((v: string | number) => any) | undefined;
+}>, {
+inputEl: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+blur: (evt: Event) => any;
+change: (v: string | number) => any;
+focus: (evt: Event) => any;
+"update:model-value": (v: string | number) => any;
+}, string, {
+value: string | number | null;
+type: string;
+placeholder: string;
+modelValue: string | number;
+autocomplete: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+created?: ((() => void) | (() => void)[]) | undefined;
+beforeMount?: ((() => void) | (() => void)[]) | undefined;
+mounted?: ((() => void) | (() => void)[]) | undefined;
+beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+updated?: ((() => void) | (() => void)[]) | undefined;
+activated?: ((() => void) | (() => void)[]) | undefined;
+deactivated?: ((() => void) | (() => void)[]) | undefined;
+beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+destroyed?: ((() => void) | (() => void)[]) | undefined;
+unmounted?: ((() => void) | (() => void)[]) | undefined;
+renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<    {}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<    {}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+} & Readonly<{
+value: string | number | null;
+type: string;
+placeholder: string;
+modelValue: string | number;
+autocomplete: string;
+}> & Omit<Readonly<InputProps> & Readonly<{
+onBlur?: ((evt: Event) => any) | undefined;
+onChange?: ((v: string | number) => any) | undefined;
+onFocus?: ((evt: Event) => any) | undefined;
+"onUpdate:model-value"?: ((v: string | number) => any) | undefined;
+}>, "inputEl" | ("value" | "type" | "placeholder" | "modelValue" | "autocomplete")> & ShallowUnwrapRef<    {
+inputEl: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+prepend?(_: {}): any;
+append?(_: {}): any;
+hint?(_: {}): any;
+};
+}) | null;
+}, any>, {
     hint?(_: {}): any;
 }>;
 export default _default;
 
-export declare interface SearchBarProps {
+declare interface SearchBarProps {
     /**
      * Indicates loading activity (for example async request) that should prevent search
      */

package/dist/SectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","sources":["../src/components/SectionHeader/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n  import { RouteLocationRaw } from 'vue-router';\n\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  interface SectionHeaderProps {\n    /**\n     * The text label for the action button\n     */\n    actionLabel?: string;\n    /**\n     * The icon name for the action button\n     */\n    actionIcon?: IconName;\n    /**\n     * If the action button should be a router link, this is where it will link to.\n     */\n    to?: RouteLocationRaw;\n  }\n\n  const props = withDefaults(defineProps<SectionHeaderProps>(), {\n    actionLabel: 'View All',\n    actionIcon: 'arrow-right',\n    to: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the action button is clicked. Not emitted if the action button is a router link.\n     */\n    actionEvent: [];\n  }>();\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    return 'button';\n  });\n  const actionRootAttrs = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n    return {};\n  });\n</script>\n<template>\n  <div class=\"stash-section-header\">\n    <div\n      class=\"stash-section-header__content tw-flex-wrap tw-items-center tw-justify-between tw-px-6 tw-py-3 md:tw-flex\"\n      data-test=\"stash-section-header|content\"\n    >\n      <div data-test=\"stash-section-header|title\">\n        <h2>\n          <!-- @slot Header content -->\n          <slot></slot>\n        </h2>\n      </div>\n      <component\n        :is=\"is\"\n        v-bind=\"actionRootAttrs\"\n        data-test=\"stash-section-header|action\"\n        class=\"stash-section-header__action tw-flex tw-items-center tw-gap-3 max-md:tw-pt-3\"\n        @click=\"\n          () => {\n            if (!props.to) {\n              emit('actionEvent');\n            }\n          }\n        \"\n      >\n        <span class=\"stash-section-header__action-label tw-m-0 tw-text-ice-900\">\n          {{ props.actionLabel }}\n        </span>\n\n        <span\n          class=\"stash-section-header__action-icon tw-size-6 tw-items-center tw-rounded-full tw-bg-ice-200 tw-p-[2px] tw-text-ice-900\"\n        >\n          <Icon :name=\"props.actionIcon\" size=\"dense\" />\n        </span>\n      </component>\n    </div>\n    <div class=\"stash-section-header__divider tw-h-px tw-bg-ice-200\" />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","is","computed","actionRootAttrs"],"mappings":";;;;;;;;;;;;;;AAsBE,UAAMA,IAAQC,GAMRC,IAAOC,GAOPC,IAAKC,EAAS,MACdL,EAAM,KACD,gBAGF,QACR,GACKM,IAAkBD,EAAS,MAC3BL,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IACZ,IAEK,CAAC,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionHeader.js","sources":["../src/components/SectionHeader/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n  import { RouteLocationRaw } from 'vue-router';\n\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  interface SectionHeaderProps {\n    /**\n     * The text label for the action button\n     */\n    actionLabel?: string;\n    /**\n     * The icon name for the action button\n     */\n    actionIcon?: IconName;\n    /**\n     * If the action button should be a router link, this is where it will link to.\n     */\n    to?: RouteLocationRaw;\n  }\n\n  const props = withDefaults(defineProps<SectionHeaderProps>(), {\n    actionLabel: 'View All',\n    actionIcon: 'arrow-right',\n    to: undefined,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the action button is clicked. Not emitted if the action button is a router link.\n     */\n    actionEvent: [];\n  }>();\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    return 'button';\n  });\n  const actionRootAttrs = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n    return {};\n  });\n</script>\n<template>\n  <div class=\"stash-section-header\">\n    <div\n      class=\"stash-section-header__content tw-flex-wrap tw-items-center tw-justify-between tw-px-6 tw-py-3 md:tw-flex\"\n      data-test=\"stash-section-header|content\"\n    >\n      <div data-test=\"stash-section-header|title\">\n        <h2>\n          <!-- @slot Header content -->\n          <slot></slot>\n        </h2>\n      </div>\n      <component\n        :is=\"is\"\n        v-bind=\"actionRootAttrs\"\n        data-test=\"stash-section-header|action\"\n        class=\"stash-section-header__action tw-flex tw-items-center tw-gap-3 max-md:tw-pt-3\"\n        @click=\"\n          () => {\n            if (!props.to) {\n              emit('actionEvent');\n            }\n          }\n        \"\n      >\n        <span class=\"stash-section-header__action-label tw-m-0 tw-text-ice-900\">\n          {{ props.actionLabel }}\n        </span>\n\n        <span\n          class=\"stash-section-header__action-icon tw-size-6 tw-items-center tw-rounded-full tw-bg-ice-200 tw-p-[2px] tw-text-ice-900\"\n        >\n          <Icon :name=\"props.actionIcon\" size=\"dense\" />\n        </span>\n      </component>\n    </div>\n    <div class=\"stash-section-header__divider tw-h-px tw-bg-ice-200\" />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","is","computed","actionRootAttrs","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_renderSlot","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_createVNode","Icon"],"mappings":";;;;;;;;;;;;;;AAsBE,UAAMA,IAAQC,GAMRC,IAAOC,GAOPC,IAAKC,EAAS,MACdL,EAAM,KACD,gBAGF,QACR,GACKM,IAAkBD,EAAS,MAC3BL,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAGP,CAAA,CACR;sBAGDO,EAAA,GAAAC,EAoCM,OApCNC,GAoCM;AAAA,MAnCJC,EAiCM,OAjCNC,GAiCM;AAAA,QA7BJD,EAKM,OALNE,GAKM;AAAA,UAJJF,EAGK,MAAA,MAAA;AAAA,YADHG,EAAaC,EAAA,QAAA,SAAA;AAAA,UAAA;;SAGjBP,EAAA,GAAAQ,EAsBYC,EArBLZ,EAAA,KAAE,GADTa,EAEUX,EAoBE,OApBa;AAAA,UACvB,aAAU;AAAA,UACV,OAAM;AAAA,UACL,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAsC,YAAAlB,EAAM,MAAoBE,EAAI,aAAA;AAAA;;qBAQ1E,MAEO;AAAA,YAFPQ,EAEO,QAFPS,GAEOC,EADFpB,EAAM,WAAW,GAAA,CAAA;AAAA,YAGtBU,EAIO,QAJPW,GAIO;AAAA,cADLC,EAA8CC,GAAA;AAAA,gBAAvC,MAAMvB,EAAM;AAAA,gBAAY,MAAK;AAAA,cAAA;;;;;;sBAI1CU,EAAmE,OAAA,EAA9D,OAAM,yDAAqD,MAAA,EAAA;AAAA,IAAA;;;"}

package/dist/SectionHeader.vue.d.ts

@@ -1,57 +1,26 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { RouteLocationAsPathGeneric } from 'vue-router';
 import { RouteLocationAsRelativeGeneric } from 'vue-router';
 import { RouteLocationRaw } from 'vue-router';
 
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SectionHeaderProps>, {
-actionLabel: string;
-actionIcon: string;
-to: undefined;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-actionEvent: () => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SectionHeaderProps>, {
-actionLabel: string;
-actionIcon: string;
-to: undefined;
-}>>> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<SectionHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+actionEvent: () => any;
+}, string, PublicProps, Readonly<SectionHeaderProps> & Readonly<{
 onActionEvent?: (() => any) | undefined;
 }>, {
 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
 actionLabel: string;
-actionIcon: "close" | "copy" | "submit" | "sort" | "search" | "split" | "link" | "tag" | "menu" | "image" | "action-dots" | "activity" | "alert-bell" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "badge-discount" | "badge-seller-elite" | "badge-seller-power" | "badge-seller-verified" | "bank" | "book-customer" | "building-office" | "bulk-add" | "calendar-reschedule" | "calendar" | "camera" | "caret-down" | "caret-up" | "change-log" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-check" | "circle-close" | "circle-dollar" | "circle-empty" | "circle-info" | "circle-partial" | "circle-percent" | "circle-question-mark" | "circle-slash" | "circle-status" | "circle-warning" | "clipboard-checkmark" | "clipboard-inventory" | "combine" | "compass" | "contact" | "contract" | "credit-card" | "credit-profile" | "dashboard" | "document-accept" | "document-invoice" | "document-recieved" | "document-sent" | "document-view" | "document" | "dolly" | "download" | "edit" | "ellipsis" | "envelope-open" | "envelope" | "equals" | "export" | "face-id" | "face" | "figma" | "file-csv" | "file" | "filter-funnel" | "filter-line" | "fingerprint" | "flag" | "folder" | "folder-bar-graph" | "folder-orders" | "font-bold" | "font-clear-format" | "font-italic" | "font-underline" | "gear" | "github" | "globe" | "graph-bar-chart" | "graph-line-chart" | "graph-pie-chart" | "hazard" | "hazard-outline" | "headset-agent" | "headset-mic" | "heart-filled" | "heart-outline" | "help-question-mark" | "hide" | "history" | "home" | "import" | "keyboard-return" | "tier-1" | "tier-2" | "tier-3" | "license-approved" | "license-certificate" | "lightbulb" | "link-add" | "link-unlink" | "list-bulleted" | "list-items" | "list-numbered" | "loading-big" | "loading-empty" | "loading-small" | "location" | "lock-unlock" | "lock" | "logo-facebook" | "logo-instagram" | "logo-linkedin" | "logo-ll" | "logo-metrc" | "logo-plaid" | "logo-x" | "logo-youtube" | "logout" | "medical" | "megaphone-sound" | "megaphone" | "message-dispute" | "message-reply" | "message" | "minus" | "mj-leaf" | "money" | "note-add" | "note" | "open-in-new" | "paperclip" | "paper-plane" | "performance" | "phone" | "plus" | "preview" | "print" | "product-menu-manage" | "product-menu-search" | "product-menu" | "queue-add" | "queue" | "recent" | "refresh" | "register" | "reorder" | "reply" | "report-download" | "sample" | "save" | "scale-law" | "scale-weight" | "seed-cycle" | "share" | "shop-bag-browse" | "shop-bag-reorder" | "shop-bag" | "shop-basket" | "shop-cart-add" | "shop-cart" | "show" | "sign-dollar" | "sign-percent" | "star-filled" | "star-outline" | "start" | "storefront" | "swap-horizontal" | "swap-vertical" | "tag-star" | "tag-leaf" | "test-results" | "ticket-star" | "ticket" | "tool-dropper" | "tool-wrench" | "transfer" | "trashcan" | "truck" | "upload" | "user-add" | "user-admin" | "user-check" | "user-group" | "user" | "view-card" | "view-detailed" | "view-list" | "warehouse" | "working";
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+actionIcon: "search" | "sort" | "submit" | "combine" | "split" | "link" | "close" | "copy" | "message" | "menu" | "hazard" | "circle-warning" | "circle-info" | "circle-check" | "action-dots" | "activity" | "alert-bell" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "badge-discount" | "badge-seller-elite" | "badge-seller-power" | "badge-seller-verified" | "bank" | "book-customer" | "building-office" | "bulk-add" | "calendar-reschedule" | "calendar" | "camera" | "caret-down" | "caret-up" | "change-log" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-close" | "circle-dollar" | "circle-empty" | "circle-partial" | "circle-percent" | "circle-question-mark" | "circle-slash" | "circle-status" | "clipboard-checkmark" | "clipboard-inventory" | "cloud-share" | "compass" | "contact" | "contract" | "credit-card" | "credit-profile" | "dashboard" | "document-accept" | "document-invoice" | "document-recieved" | "document-sent" | "document-view" | "document" | "dolly" | "download" | "edit" | "ellipsis" | "envelope-open" | "envelope" | "equals" | "export" | "face-id" | "face" | "figma" | "file-csv" | "file" | "filter-funnel" | "filter-line" | "fingerprint" | "flag" | "folder" | "folder-bar-graph" | "folder-orders" | "font-bold" | "font-clear-format" | "font-italic" | "font-underline" | "gear" | "github" | "globe" | "graph-bar-chart" | "graph-line-chart" | "graph-pie-chart" | "hazard-outline" | "headset-agent" | "headset-mic" | "heart-filled" | "heart-outline" | "help-question-mark" | "hide" | "history" | "home" | "image" | "import" | "keyboard-return" | "tier-1" | "tier-2" | "tier-3" | "license-approved" | "license-certificate" | "lightbulb" | "link-add" | "link-unlink" | "list-bulleted" | "list-items" | "list-numbered" | "loading-big" | "loading-empty" | "loading-small" | "location" | "lock-unlock" | "lock" | "logo-facebook" | "logo-instagram" | "logo-linkedin" | "logo-ll" | "logo-metrc" | "logo-plaid" | "logo-x" | "logo-youtube" | "logout" | "medical" | "megaphone-sound" | "megaphone" | "message-dispute" | "message-reply" | "minus" | "mj-leaf" | "money" | "note-add" | "note" | "open-in-new" | "paperclip" | "paper-plane" | "performance" | "phone" | "plus" | "preview" | "print" | "product-menu-manage" | "product-menu-search" | "product-menu" | "queue-add" | "queue" | "recent" | "refresh" | "register" | "reorder" | "reply" | "report-download" | "sample" | "save" | "scale-law" | "scale-weight" | "seed-cycle" | "share" | "shop-bag-browse" | "shop-bag-reorder" | "shop-bag" | "shop-basket" | "shop-cart-add" | "shop-cart" | "show" | "sign-dollar" | "sign-percent" | "star-filled" | "star-outline" | "start" | "storefront" | "swap-horizontal" | "swap-vertical" | "tag-star" | "tag" | "tag-leaf" | "test-results" | "ticket-star" | "ticket" | "tool-dropper" | "tool-wrench" | "transfer" | "trashcan" | "truck" | "upload" | "user-add" | "user-admin" | "user-check" | "user-group" | "user" | "view-card" | "view-detailed" | "view-list" | "warehouse" | "working";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -63,7 +32,7 @@ declare type IconName = (typeof iconNames)[number];
  *
  * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
  */
-declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "bank", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-slash", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "face-id", "face", "figma", "file-csv", "file", "filter-funnel", "filter-line", "fingerprint", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reorder", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "start", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "tag-leaf", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user-group", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
+declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "bank", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-slash", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "cloud-share", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "face-id", "face", "figma", "file-csv", "file", "filter-funnel", "filter-line", "fingerprint", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reorder", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "start", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "tag-leaf", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user-group", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 declare interface SectionHeaderProps {
     /**