@leaflink/stash 51.11.0 → 51.11.1

package/dist/RadioNew.vue.d.ts

@@ -1,28 +1,69 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 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];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<RadioProps> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
+disabled: boolean;
+fullWidth: boolean;
+hasError: boolean;
+id: undefined;
+label: string;
+modelValue: undefined;
+name: undefined;
+variant: undefined;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
+disabled: boolean;
+fullWidth: boolean;
+hasError: boolean;
+id: undefined;
+label: string;
+modelValue: undefined;
+name: undefined;
+variant: undefined;
+}>>> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-id: string | number;
 name: string;
-label: string;
 disabled: boolean;
+label: string;
+id: string | number;
 hasError: boolean;
 modelValue: string;
-variant: "chip" | "button" | "radio" | "tile";
+variant: "button" | "radio" | "tile" | "chip";
 fullWidth: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement | HTMLLabelElement>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/RangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.js","sources":["../src/components/RangeInput/RangeInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useSlots } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  const slots = useSlots();\n\n  const hasSlots = !!slots.min && !!slots.max;\n\n  if (!hasSlots) {\n    throw new Error('RangeInput: please provide slots for min and max values.');\n  }\n</script>\n\n<template>\n  <div data-test=\"stash-range-input\" class=\"stash-range-input tw-flex tw-gap-3\">\n    <!-- @slot field for minimal value input -->\n    <slot name=\"min\"></slot>\n\n    <Icon name=\"transfer\" class=\"tw-mb-2 tw-mt-auto\" />\n    <!-- @slot Field for maximal value input -->\n    <slot name=\"max\"></slot>\n  </div>\n</template>\n"],"names":["slots","useSlots","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","_createVNode","Icon"],"mappings":";;;;;;;;AAKE,UAAMA,IAAQC,EAAA;AAId,QAAI,EAFa,CAAC,CAACD,EAAM,OAAO,CAAC,CAACA,EAAM;AAGtC,YAAM,IAAI,MAAM,0DAA0D;sBAK5EE,EAAA,GAAAC,EAOM,OAPNC,GAOM;AAAA,MALJC,EAAwBC,EAAA,QAAA,KAAA;AAAA,MAExBC,EAAmDC,GAAA;AAAA,QAA7C,MAAK;AAAA,QAAW,OAAM;AAAA,MAAA;MAE5BH,EAAwBC,EAAA,QAAA,KAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"RangeInput.js","sources":["../src/components/RangeInput/RangeInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useSlots } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  const slots = useSlots();\n\n  const hasSlots = !!slots.min && !!slots.max;\n\n  if (!hasSlots) {\n    throw new Error('RangeInput: please provide slots for min and max values.');\n  }\n</script>\n\n<template>\n  <div data-test=\"stash-range-input\" class=\"stash-range-input tw-flex tw-gap-3\">\n    <!-- @slot field for minimal value input -->\n    <slot name=\"min\"></slot>\n\n    <Icon name=\"transfer\" class=\"tw-mb-2 tw-mt-auto\" />\n    <!-- @slot Field for maximal value input -->\n    <slot name=\"max\"></slot>\n  </div>\n</template>\n"],"names":["slots","useSlots"],"mappings":";;;;;;;;AAKE,UAAMA,IAAQC,EAAS;AAIvB,QAAI,EAFa,CAAC,CAACD,EAAM,OAAO,CAAC,CAACA,EAAM;AAGhC,YAAA,IAAI,MAAM,0DAA0D;;;;;;;;;;;"}

package/dist/RangeInput.vue.d.ts

@@ -9,7 +9,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     min?(_: {}): any;
     max?(_: {}): any;
 }>;

package/dist/SearchBar.js

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

package/dist/SearchBar.vue.d.ts

@@ -1,25 +1,30 @@
-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 { GlobalComponents } from 'vue';
-import { GlobalDirectives } from 'vue';
-import { InputProps } from '../Input/Input.vue';
-import { nextTick } from 'vue';
-import { OnCleanup } from '@vue/reactivity';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
-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_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 (): {
@@ -27,127 +32,39 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<SearchBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-search: (searchTerm: string) => any;
-"update:model-value": (searchTerm: string) => any;
-}, string, PublicProps, Readonly<SearchBarProps> & Readonly<{
+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<{
 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, 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>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     hint?(_: {}): any;
 }>;
 export default _default;
 
-declare interface SearchBarProps {
+export 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","_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;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/SectionHeader.vue.d.ts

@@ -1,26 +1,57 @@
 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<SectionHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-actionEvent: () => any;
-}, string, PublicProps, Readonly<SectionHeaderProps> & Readonly<{
+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<{
 onActionEvent?: (() => any) | undefined;
 }>, {
 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
 actionLabel: string;
-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>, {
+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" | "cloud-share" | "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>, {
     default?(_: {}): any;
 }>;
 export default _default;