@leaflink/stash 46.5.1 → 46.7.1

package/dist/Chip.js

@@ -1,11 +1,11 @@
-import { defineComponent as h, useCssModule as f, openBlock as a, createElementBlock as i, normalizeClass as d, unref as l, renderSlot as u, withKeys as v, withModifiers as m, createVNode as C, createCommentVNode as b } from "vue";
-import _ from "./utils/colorScheme.js";
-import w from "./Icon.js";
-import { _ as $ } from "./_plugin-vue_export-helper-dad06003.js";
+import { defineComponent as h, useCssModule as f, openBlock as i, createElementBlock as d, normalizeClass as n, unref as r, renderSlot as u, withKeys as b, withModifiers as m, createVNode as v, createCommentVNode as _ } from "vue";
+import w from "./utils/colorScheme.js";
+import C from "./Icon.js";
+import { _ as y } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const y = /* @__PURE__ */ h({
+const $ = ["disabled"], z = /* @__PURE__ */ h({
   name: "ll-chip",
   __name: "Chip",
   props: {
@@ -16,67 +16,70 @@ const y = /* @__PURE__ */ h({
     bgColor: { default: void 0 },
     textColor: { default: void 0 },
     isRemovable: { type: Boolean, default: !1 },
-    shouldOverrideColors: { type: Boolean, default: !1 }
+    shouldOverrideColors: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["click", "remove"],
-  setup(c, { emit: n }) {
+  setup(c, { emit: a }) {
     const e = c, s = f();
     function p() {
-      const { computedBgColor: t, computedTextColor: o } = _({
+      const { computedBgColor: o, computedTextColor: t } = w({
         shade: e.shade,
         color: e.colorScheme
-      }), r = `tw-text-${e.textColor || o} tw-bg-${e.bgColor || t}`;
+      }), l = `tw-text-${e.textColor || t} tw-bg-${e.bgColor || o}`;
       return {
         "tw-rounded-none": e.radius === "none",
         "tw-rounded-sm": e.radius === "standard",
         "tw-rounded-full": e.radius === "pill",
-        [r]: !e.shouldOverrideColors
+        [l]: !e.shouldOverrideColors && !e.disabled,
+        "tw-bg-ice-500 tw-text-white": e.disabled
       };
     }
-    return (t, o) => (a(), i("span", {
-      class: d(["stash-chip tw-relative tw-inline-flex tw-items-center", [
+    return (o, t) => (i(), d("span", {
+      class: n(["stash-chip tw-relative tw-inline-flex tw-items-center", [
         `stash-chip--radius-${e.radius}`,
         `stash-chip--size-${e.size}`,
         `stash-chip--shade-${e.shade}`,
-        l(s).root,
-        l(s).removableChip,
-        l(s)[`size-${e.size}`],
+        r(s).root,
+        r(s).removableChip,
+        r(s)[`size-${e.size}`],
         p()
       ]]),
       "data-test": "stash-chip",
-      onClick: o[2] || (o[2] = (r) => n("click"))
+      onClick: t[2] || (t[2] = (l) => a("click"))
     }, [
-      t.isRemovable ? (a(), i("span", {
+      o.isRemovable ? (i(), d("span", {
         key: 0,
-        class: d([{ "tw-mr-6 tw-truncate": e.isRemovable }])
+        class: n([{ "tw-mr-6 tw-truncate": e.isRemovable }])
       }, [
-        u(t.$slots, "default")
-      ], 2)) : u(t.$slots, "default", { key: 1 }),
-      e.isRemovable ? (a(), i("button", {
+        u(o.$slots, "default")
+      ], 2)) : u(o.$slots, "default", { key: 1 }),
+      e.isRemovable ? (i(), d("button", {
         key: 2,
         tabindex: "-1",
-        class: d(["stash-chip__remove-button", ["tw-absolute", l(s)["remove-button"]]]),
+        class: n(["stash-chip__remove-button", ["tw-absolute", r(s)["remove-button"]]]),
         "data-test": "stash-chip|remove-button",
-        onKeypress: o[0] || (o[0] = v(m((r) => n("remove"), ["prevent"]), ["enter"])),
-        onMousedown: o[1] || (o[1] = m((r) => n("remove"), ["prevent", "stop"]))
+        disabled: e.disabled,
+        onKeypress: t[0] || (t[0] = b(m((l) => a("remove"), ["prevent"]), ["enter"])),
+        onMousedown: t[1] || (t[1] = m((l) => a("remove"), ["prevent", "stop"]))
       }, [
-        C(w, {
+        v(C, {
           "data-test": "icon|close",
           name: "close",
           size: "small"
         })
-      ], 34)) : b("", !0)
+      ], 42, $)) : _("", !0)
     ], 2));
   }
-}), z = "_root_jxnu3_2", x = {
-  root: z,
-  "size-medium": "_size-medium_jxnu3_12",
-  "size-small": "_size-small_jxnu3_17",
-  "remove-button": "_remove-button_jxnu3_22"
-}, k = {
+}), k = "_root_1u8h2_2", x = {
+  root: k,
+  "size-medium": "_size-medium_1u8h2_12",
+  "size-small": "_size-small_1u8h2_17",
+  "remove-button": "_remove-button_1u8h2_22"
+}, g = {
   $style: x
-}, N = /* @__PURE__ */ $(y, [["__cssModules", k]]);
+}, V = /* @__PURE__ */ y(z, [["__cssModules", g]]);
 export {
-  N as default
+  V as default
 };
 //# sourceMappingURL=Chip.js.map

package/dist/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../src/components/Chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import { StashCommonColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import colorSchemeUtil from '../../utils/colorScheme';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-chip',\n  });\n\n  export interface ChipProps {\n    /**\n     * The color for the chip that determines both the text and bg color. Needs to\n     * be one of the brand colors in our design system (not a shade).\n     */\n    colorScheme?: StashPrimaryColorGroup;\n\n    /**\n     * The shade of the provided color to use for the background color. This effects the inferred\n     * text color unless a specific text color is provided. Currently only `light` and `main`\n     * shades are supported. `dark` may be added in the future.\n     */\n    shade?: 'light' | 'main';\n\n    /**\n     * The size of the chip.\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * The type of border radius to use.\n     */\n    radius?: 'none' | 'standard' | 'pill';\n\n    /**\n     * The background color of the chip. Needs to be one of our design system colors.\n     */\n    bgColor?: StashCommonColor;\n\n    /**\n     * The color of the chip text. Needs to be one of our design system colors.\n     */\n    textColor?: StashCommonColor;\n\n    /**\n     * Determines if a close icon is surfaced.\n     */\n    isRemovable?: boolean;\n\n    /**\n     * Determines if background and text color in Chip should be overidden.\n     */\n    shouldOverrideColors?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ChipProps>(), {\n    size: 'medium',\n    radius: 'standard',\n    colorScheme: 'ice',\n    shade: 'light',\n    bgColor: undefined,\n    textColor: undefined,\n    isRemovable: false,\n    shouldOverrideColors: false,\n  });\n\n  const emit =\n    defineEmits<{\n      /**\n       * Fires on click of the chip.\n       */\n      (e: 'click'): void;\n      /**\n       * If `is-removable` is true, fires on click of the close button.\n       */\n      (e: 'remove'): void;\n    }>();\n\n  const classes = useCssModule();\n\n  function determineConditionalStyles() {\n    const { computedBgColor, computedTextColor } = colorSchemeUtil({\n      shade: props.shade,\n      color: props.colorScheme,\n    });\n\n    const colorStyles = `tw-text-${props.textColor || computedTextColor} tw-bg-${props.bgColor || computedBgColor}`;\n\n    return {\n      'tw-rounded-none': props.radius === 'none',\n      'tw-rounded-sm': props.radius === 'standard',\n      'tw-rounded-full': props.radius === 'pill',\n      [colorStyles]: !props.shouldOverrideColors,\n    };\n  }\n</script>\n\n<template>\n  <span\n    class=\"stash-chip tw-relative tw-inline-flex tw-items-center\"\n    :class=\"[\n      `stash-chip--radius-${props.radius}`,\n      `stash-chip--size-${props.size}`,\n      `stash-chip--shade-${props.shade}`,\n      classes.root,\n      classes.removableChip,\n      classes[`size-${props.size}`],\n      determineConditionalStyles(),\n    ]\"\n    data-test=\"stash-chip\"\n    @click=\"emit('click')\"\n  >\n    <span v-if=\"isRemovable\" :class=\"[{ 'tw-mr-6 tw-truncate': props.isRemovable }]\">\n      <!-- @slot Chip text -->\n      <slot></slot>\n    </span>\n\n    <!-- Allows easier testing and DOM quering when the chip text isn't nested in an inner span -->\n    <!-- @slot Chip text -->\n    <slot v-else></slot>\n\n    <button\n      v-if=\"props.isRemovable\"\n      tabindex=\"-1\"\n      class=\"stash-chip__remove-button\"\n      :class=\"['tw-absolute', classes['remove-button']]\"\n      data-test=\"stash-chip|remove-button\"\n      @keypress.enter.prevent=\"emit('remove')\"\n      @mousedown.prevent.stop=\"emit('remove')\"\n    >\n      <Icon data-test=\"icon|close\" name=\"close\" size=\"small\" />\n    </button>\n  </span>\n</template>\n\n<style module>\n  .root {\n    /**\n     * Applying these styles this way because the rule of thumb is that tailwind classes should\n     * always end up taking precedence, so we're converted these specific styles to be generated\n     * in a custom class instead, giving `FilterChip` (which wraps `Chip`) the ability to easily\n     * override them.\n     */\n    @apply tw-leading-none tw-font-semibold tw-uppercase tw-text-[10px];\n  }\n\n  .size-medium {\n    height: 20px;\n    padding: 2px 8px 0 8px;\n  }\n\n  .size-small {\n    height: 16px;\n    padding: 2px 8px 0 8px;\n  }\n\n  .remove-button {\n    border-radius: inherit;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    height: inherit;\n    margin-top: -2px; /* used to offset 2px top padding from .size-medium and size-small */\n    padding: 0 4px;\n    right: 0;\n  }\n\n  .remove-button:hover {\n    background: rgb(0 0 0 / 10%);\n  }\n</style>\n"],"names":["classes","useCssModule","determineConditionalStyles","computedBgColor","computedTextColor","colorSchemeUtil","props","colorStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;iBA+EQA,IAAUC;AAEhB,aAASC,IAA6B;AACpC,YAAM,EAAE,iBAAAC,GAAiB,mBAAAC,EAAkB,IAAIC,EAAgB;AAAA,QAC7D,OAAOC,EAAM;AAAA,QACb,OAAOA,EAAM;AAAA,MAAA,CACd,GAEKC,IAAc,WAAWD,EAAM,aAAaF,CAAiB,UAAUE,EAAM,WAAWH,CAAe;AAEtG,aAAA;AAAA,QACL,mBAAmBG,EAAM,WAAW;AAAA,QACpC,iBAAiBA,EAAM,WAAW;AAAA,QAClC,mBAAmBA,EAAM,WAAW;AAAA,QACpC,CAACC,CAAW,GAAG,CAACD,EAAM;AAAA,MAAA;AAAA,IAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chip.js","sources":["../src/components/Chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import { StashCommonColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import colorSchemeUtil from '../../utils/colorScheme';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-chip',\n  });\n\n  export interface ChipProps {\n    /**\n     * The color for the chip that determines both the text and bg color. Needs to\n     * be one of the brand colors in our design system (not a shade).\n     */\n    colorScheme?: StashPrimaryColorGroup;\n\n    /**\n     * The shade of the provided color to use for the background color. This effects the inferred\n     * text color unless a specific text color is provided. Currently only `light` and `main`\n     * shades are supported. `dark` may be added in the future.\n     */\n    shade?: 'light' | 'main';\n\n    /**\n     * The size of the chip.\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * The type of border radius to use.\n     */\n    radius?: 'none' | 'standard' | 'pill';\n\n    /**\n     * The background color of the chip. Needs to be one of our design system colors.\n     */\n    bgColor?: StashCommonColor;\n\n    /**\n     * The color of the chip text. Needs to be one of our design system colors.\n     */\n    textColor?: StashCommonColor;\n\n    /**\n     * Determines if a close icon is surfaced.\n     */\n    isRemovable?: boolean;\n\n    /**\n     * Determines if background and text color in Chip should be overidden.\n     */\n    shouldOverrideColors?: boolean;\n\n    /**\n     * Determines if the chip is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ChipProps>(), {\n    size: 'medium',\n    radius: 'standard',\n    colorScheme: 'ice',\n    shade: 'light',\n    bgColor: undefined,\n    textColor: undefined,\n    isRemovable: false,\n    shouldOverrideColors: false,\n    disabled: false,\n  });\n\n  const emit =\n    defineEmits<{\n      /**\n       * Fires on click of the chip.\n       */\n      (e: 'click'): void;\n      /**\n       * If `is-removable` is true, fires on click of the close button.\n       */\n      (e: 'remove'): void;\n    }>();\n\n  const classes = useCssModule();\n\n  function determineConditionalStyles() {\n    const { computedBgColor, computedTextColor } = colorSchemeUtil({\n      shade: props.shade,\n      color: props.colorScheme,\n    });\n\n    const colorStyles = `tw-text-${props.textColor || computedTextColor} tw-bg-${props.bgColor || computedBgColor}`;\n\n    return {\n      'tw-rounded-none': props.radius === 'none',\n      'tw-rounded-sm': props.radius === 'standard',\n      'tw-rounded-full': props.radius === 'pill',\n      [colorStyles]: !props.shouldOverrideColors && !props.disabled,\n      'tw-bg-ice-500 tw-text-white': props.disabled,\n    };\n  }\n</script>\n\n<template>\n  <span\n    class=\"stash-chip tw-relative tw-inline-flex tw-items-center\"\n    :class=\"[\n      `stash-chip--radius-${props.radius}`,\n      `stash-chip--size-${props.size}`,\n      `stash-chip--shade-${props.shade}`,\n      classes.root,\n      classes.removableChip,\n      classes[`size-${props.size}`],\n      determineConditionalStyles(),\n    ]\"\n    data-test=\"stash-chip\"\n    @click=\"emit('click')\"\n  >\n    <span v-if=\"isRemovable\" :class=\"[{ 'tw-mr-6 tw-truncate': props.isRemovable }]\">\n      <!-- @slot Chip text -->\n      <slot></slot>\n    </span>\n\n    <!-- Allows easier testing and DOM quering when the chip text isn't nested in an inner span -->\n    <!-- @slot Chip text -->\n    <slot v-else></slot>\n\n    <button\n      v-if=\"props.isRemovable\"\n      tabindex=\"-1\"\n      class=\"stash-chip__remove-button\"\n      :class=\"['tw-absolute', classes['remove-button']]\"\n      data-test=\"stash-chip|remove-button\"\n      :disabled=\"props.disabled\"\n      @keypress.enter.prevent=\"emit('remove')\"\n      @mousedown.prevent.stop=\"emit('remove')\"\n    >\n      <Icon data-test=\"icon|close\" name=\"close\" size=\"small\" />\n    </button>\n  </span>\n</template>\n\n<style module>\n  .root {\n    /**\n     * Applying these styles this way because the rule of thumb is that tailwind classes should\n     * always end up taking precedence, so we're converted these specific styles to be generated\n     * in a custom class instead, giving `FilterChip` (which wraps `Chip`) the ability to easily\n     * override them.\n     */\n    @apply tw-leading-none tw-font-semibold tw-uppercase tw-text-[10px];\n  }\n\n  .size-medium {\n    height: 20px;\n    padding: 2px 8px 0 8px;\n  }\n\n  .size-small {\n    height: 16px;\n    padding: 2px 8px 0 8px;\n  }\n\n  .remove-button {\n    border-radius: inherit;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    height: inherit;\n    margin-top: -2px; /* used to offset 2px top padding from .size-medium and size-small */\n    padding: 0 4px;\n    right: 0;\n  }\n\n  .remove-button:not(:disabled):hover {\n    background: rgb(0 0 0 / 10%);\n  }\n</style>\n"],"names":["classes","useCssModule","determineConditionalStyles","computedBgColor","computedTextColor","colorSchemeUtil","props","colorStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBAqFQA,IAAUC;AAEhB,aAASC,IAA6B;AACpC,YAAM,EAAE,iBAAAC,GAAiB,mBAAAC,EAAkB,IAAIC,EAAgB;AAAA,QAC7D,OAAOC,EAAM;AAAA,QACb,OAAOA,EAAM;AAAA,MAAA,CACd,GAEKC,IAAc,WAAWD,EAAM,aAAaF,CAAiB,UAAUE,EAAM,WAAWH,CAAe;AAEtG,aAAA;AAAA,QACL,mBAAmBG,EAAM,WAAW;AAAA,QACpC,iBAAiBA,EAAM,WAAW;AAAA,QAClC,mBAAmBA,EAAM,WAAW;AAAA,QACpC,CAACC,CAAW,GAAG,CAACD,EAAM,wBAAwB,CAACA,EAAM;AAAA,QACrD,+BAA+BA,EAAM;AAAA,MAAA;AAAA,IAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Chip.vue.d.ts

@@ -69,6 +69,10 @@ export declare interface ChipProps {
      * Determines if background and text color in Chip should be overidden.
      */
     shouldOverrideColors?: boolean;
+    /**
+     * Determines if the chip is disabled.
+     */
+    disabled?: boolean;
 }
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ChipProps>, {
@@ -80,6 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     textColor: undefined;
     isRemovable: boolean;
     shouldOverrideColors: boolean;
+    disabled: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: () => void;
     remove: () => void;
@@ -92,11 +97,13 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     textColor: undefined;
     isRemovable: boolean;
     shouldOverrideColors: boolean;
+    disabled: boolean;
 }>>> & {
     onClick?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
 }, {
     size: "small" | "medium";
+    disabled: boolean;
     shade: "main" | "light";
     colorScheme: StashPrimaryColorGroup;
     radius: "standard" | "none" | "pill";

package/dist/DescriptionListDetail.js

@@ -8,7 +8,7 @@ const p = ["data-variant"], h = /* @__PURE__ */ a({
       throw new Error("DescriptionListDetail must be used within a DescriptionList component.");
     const { variant: e } = t;
     return (s, _) => (o(), r("dd", {
-      class: c(["stash-description-list-detail tw-text-ice-700", {
+      class: c(["stash-description-list-detail tw-flex-1 tw-text-ice-700", {
         "md:tw-text-right": i(e) === "space-between"
       }]),
       "data-test": "stash-description-list-detail",

package/dist/DescriptionListDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListDetail.js","sources":["../src/components/DescriptionListDetail/DescriptionListDetail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dd\n    class=\"stash-description-list-detail tw-text-ice-700\"\n    :class=\"{\n      'md:tw-text-right': variant === 'space-between',\n    }\"\n    data-test=\"stash-description-list-detail\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </dd>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;"}
+{"version":3,"file":"DescriptionListDetail.js","sources":["../src/components/DescriptionListDetail/DescriptionListDetail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dd\n    class=\"stash-description-list-detail tw-flex-1 tw-text-ice-700\"\n    :class=\"{\n      'md:tw-text-right': variant === 'space-between',\n    }\"\n    data-test=\"stash-description-list-detail\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </dd>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;"}

package/dist/DescriptionListGroup.js

@@ -1,15 +1,15 @@
-import { defineComponent as n, inject as r, openBlock as o, createElementBlock as p, normalizeClass as d, unref as t, renderSlot as c } from "vue";
+import { defineComponent as n, inject as o, openBlock as r, createElementBlock as p, normalizeClass as d, unref as t, renderSlot as c } from "vue";
 import { D as l } from "./DescriptionList.keys-c906ce05.js";
 const w = ["data-divide", "data-variant"], v = /* @__PURE__ */ n({
   __name: "DescriptionListGroup",
   setup(m) {
-    const s = r(l.key);
+    const s = o(l.key);
     if (!s)
       throw new Error("DescriptionListDetail must be used within a DescriptionList component.");
     const { divide: i, variant: e } = s;
-    return (a, f) => (o(), p("div", {
+    return (a, u) => (r(), p("div", {
       class: d(["stash-description-list-group", {
-        "md:tw-flex md:tw-flex-wrap md:tw-gap-x-6": t(e) === "columns" || t(e) === "space-between",
+        "md:tw-flex md:tw-gap-x-6": t(e) === "columns" || t(e) === "space-between",
         "tw-justify-between": t(e) === "space-between",
         "md:tw-flex": t(e) === "inline",
         "tw-py-1.5 first:tw-pt-0 last:tw-pb-0": !t(i),

package/dist/DescriptionListGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListGroup.js","sources":["../src/components/DescriptionListGroup/DescriptionListGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { divide, variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <div\n    class=\"stash-description-list-group\"\n    :class=\"{\n      'md:tw-flex md:tw-flex-wrap md:tw-gap-x-6': variant === 'columns' || variant === 'space-between',\n      'tw-justify-between': variant === 'space-between',\n      'md:tw-flex': variant === 'inline',\n      'tw-py-1.5 first:tw-pt-0 last:tw-pb-0': !divide,\n      'tw-py-3 first:tw-pt-0 last:tw-pb-0': divide,\n    }\"\n    data-test=\"stash-description-list-group\"\n    :data-divide=\"divide\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </div>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","divide","variant"],"mappings":";;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,QAAAG,GAAQ,SAAAC,EAAY,IAAAJ;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DescriptionListGroup.js","sources":["../src/components/DescriptionListGroup/DescriptionListGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { divide, variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <div\n    class=\"stash-description-list-group\"\n    :class=\"{\n      'md:tw-flex md:tw-gap-x-6': variant === 'columns' || variant === 'space-between',\n      'tw-justify-between': variant === 'space-between',\n      'md:tw-flex': variant === 'inline',\n      'tw-py-1.5 first:tw-pt-0 last:tw-pb-0': !divide,\n      'tw-py-3 first:tw-pt-0 last:tw-pb-0': divide,\n    }\"\n    data-test=\"stash-description-list-group\"\n    :data-divide=\"divide\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </div>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","divide","variant"],"mappings":";;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,QAAAG,GAAQ,SAAAC,EAAY,IAAAJ;;;;;;;;;;;;;;;;;"}

package/dist/DescriptionListTerm.js

@@ -1,18 +1,18 @@
-import { defineComponent as r, inject as a, openBlock as n, createElementBlock as i, normalizeClass as c, unref as e, renderSlot as m, createCommentVNode as d } from "vue";
+import { defineComponent as o, inject as r, openBlock as i, createElementBlock as n, normalizeClass as c, unref as e, renderSlot as d, createCommentVNode as m } from "vue";
 import { D as l } from "./DescriptionList.keys-c906ce05.js";
 const p = ["data-variant"], w = {
   key: 0,
   class: "tw-hidden md:tw-inline"
-}, k = /* @__PURE__ */ r({
+}, k = /* @__PURE__ */ o({
   __name: "DescriptionListTerm",
   setup(_) {
-    const s = a(l.key);
+    const s = r(l.key);
     if (!s)
       throw new Error("DescriptionListDetail must be used within a DescriptionList component.");
     const { variant: t } = s;
-    return (o, u) => (n(), i("dt", {
+    return (a, u) => (i(), n("dt", {
       class: c(["stash-description-list-term tw-font-medium tw-text-ice-900", {
-        "md:tw-w-2/5 md:tw-max-w-[10.5rem]": e(t) === "columns",
+        "md:tw-max-w-40 md:tw-basis-2/5": e(t) === "columns",
         "tw-mr-1.5": e(t) === "inline",
         "tw-pb-1.5": e(t) === "stacked",
         "tw-pb-1.5 md:tw-pb-0": e(t) !== "stacked"
@@ -20,8 +20,8 @@ const p = ["data-variant"], w = {
       "data-test": "stash-description-list-term",
       "data-variant": e(t)
     }, [
-      m(o.$slots, "default"),
-      e(t) === "inline" ? (n(), i("span", w, ":")) : d("", !0)
+      d(a.$slots, "default"),
+      e(t) === "inline" ? (i(), n("span", w, ":")) : m("", !0)
     ], 10, p));
   }
 });

package/dist/DescriptionListTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-font-medium tw-text-ice-900\"\n    :class=\"{\n      'md:tw-w-2/5 md:tw-max-w-[10.5rem]': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot><span v-if=\"variant === 'inline'\" class=\"tw-hidden md:tw-inline\">:</span>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-font-medium tw-text-ice-900\"\n    :class=\"{\n      'md:tw-max-w-40 md:tw-basis-2/5': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot><span v-if=\"variant === 'inline'\" class=\"tw-hidden md:tw-inline\">:</span>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;;;;;"}

package/dist/Icon.js

@@ -15,6 +15,7 @@ const _ = [
   "badge-discount",
   "badge-seller-elite",
   "badge-seller-power",
+  "badge-seller-verified",
   "book-customer",
   "building-office",
   "bulk-add",
@@ -184,7 +185,7 @@ const _ = [
   "warehouse",
   "working"
 ];
-var z = /* @__PURE__ */ ((r) => (r.Standard = "standard", r.Dense = "dense", r.Small = "small", r.Large = "large", r))(z || {});
+var z = /* @__PURE__ */ ((t) => (t.Standard = "standard", t.Dense = "dense", t.Small = "small", t.Large = "large", t))(z || {});
 const q = /* @__PURE__ */ p({
   name: "ll-icon",
   __name: "Icon",
@@ -197,18 +198,18 @@ const q = /* @__PURE__ */ p({
     small: { type: Boolean },
     staticPath: { default: "" }
   },
-  setup(r) {
-    const e = r, o = m(), s = h("stashOptions", {
+  setup(t) {
+    const e = t, o = m(), s = h("stashOptions", {
       staticPath: "/static"
-    }), c = i(() => _.includes(e.name) ? e.name : "mj-leaf"), d = i(() => e.staticPath || (s == null ? void 0 : s.staticPath)), u = (t) => {
-      if (!t)
-        return t;
+    }), c = i(() => _.includes(e.name) ? e.name : "mj-leaf"), d = i(() => e.staticPath || (s == null ? void 0 : s.staticPath)), u = (r) => {
+      if (!r)
+        return r;
       const l = document.createElement("use");
       l.setAttribute("href", `#${c.value}`);
-      const n = t.querySelector(`#${c.value}`);
-      return n ? (t.replaceChildren(n, l), t) : (t.insertBefore(l, t.firstChild), t);
+      const n = r.querySelector(`#${c.value}`);
+      return n ? (r.replaceChildren(n, l), r) : (r.insertBefore(l, r.firstChild), r);
     };
-    return (t, l) => (g(), f(a(k), {
+    return (r, l) => (g(), f(a(k), {
       id: e.id,
       role: "presentation",
       "aria-labelledby": e.id,

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../src/components/Icon/Icon.types.ts","../src/components/Icon/Icon.vue"],"sourcesContent":["export const iconNames = [\n  'action-dots',\n  'activity',\n  'alert-bell',\n  'archive',\n  'arrow-down',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up',\n  'badge-discount',\n  'badge-seller-elite',\n  'badge-seller-power',\n  'book-customer',\n  'building-office',\n  'bulk-add',\n  'calendar-reschedule',\n  'calendar',\n  'caret-down',\n  'caret-up',\n  'cart-active',\n  'cart-plus',\n  'change-log',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'circle-check',\n  'circle-close',\n  'circle-dollar',\n  'circle-info',\n  'circle-partial',\n  'circle-percent',\n  'circle-question-mark',\n  'circle-status',\n  'circle-warning',\n  'clipboard-checkmark',\n  'clipboard-inventory',\n  'close',\n  'combine',\n  'compass',\n  'contact',\n  'contract',\n  'copy',\n  'credit-card',\n  'credit-profile',\n  'dashboard',\n  'document-accept',\n  'document-invoice',\n  'document-recieved',\n  'document-sent',\n  'document-view',\n  'document',\n  'dolly',\n  'download',\n  'edit',\n  'ellipsis',\n  'envelope-open',\n  'envelope',\n  'export',\n  'figma',\n  'file-csv',\n  'file',\n  'filter-funnel',\n  'filter-line',\n  'flag',\n  'folder',\n  'folder-bar-graph',\n  'folder-orders',\n  'gear',\n  'github',\n  'globe',\n  'graph-bar-chart',\n  'graph-line-chart',\n  'graph-pie-chart',\n  'hazard',\n  'hazard-outline',\n  'headset-agent',\n  'headset-mic',\n  'heart-filled',\n  'heart-outline',\n  'hide',\n  'history',\n  'image',\n  'import',\n  'keyboard-return',\n  'license-approved',\n  'license-certificate',\n  'lightbulb',\n  'link-add',\n  'link-unlink',\n  'link',\n  'list-items',\n  'loading-big',\n  'loading-small',\n  'location',\n  'lock-unlock',\n  'lock',\n  'logo-facebook',\n  'logo-instagram',\n  'logo-linkedin',\n  'logo-ll',\n  'logo-metrc',\n  'logo-plaid',\n  'logo-x',\n  'logo-youtube',\n  'logout',\n  'medical',\n  'megaphone-sound',\n  'megaphone',\n  'menu',\n  'message-dispute',\n  'message-reply',\n  'message',\n  'minus',\n  'mj-leaf',\n  'money',\n  'note-add',\n  'note',\n  'open-in-new',\n  'paperclip',\n  'performance',\n  'phone',\n  'plus',\n  'preview',\n  'print',\n  'product-menu-manage',\n  'product-menu-search',\n  'product-menu',\n  'queue-add',\n  'queue',\n  'recent',\n  'refresh',\n  'register',\n  'reply',\n  'report-download',\n  'sample',\n  'save',\n  'scale-law',\n  'scale-weight',\n  'search',\n  'seed-cycle',\n  'share',\n  'shop-bag-browse',\n  'shop-bag-reorder',\n  'shop-bag',\n  'shop-basket',\n  'shop-cart-add',\n  'shop-cart',\n  'show',\n  'sign-dollar',\n  'sign-percent',\n  'sort',\n  'split',\n  'star-filled',\n  'star-outline',\n  'storefront',\n  'submit',\n  'swap-horizontal',\n  'swap-vertical',\n  'tag-star',\n  'tag',\n  'test-results',\n  'ticket-star',\n  'ticket',\n  'tool-dropper',\n  'tool-wrench',\n  'transfer',\n  'trashcan',\n  'truck',\n  'upload',\n  'user-add',\n  'user-admin',\n  'user-check',\n  'user',\n  'view-card',\n  'view-detailed',\n  'view-list',\n  'warehouse',\n  'working',\n] as const;\n\nexport type IconName = typeof iconNames[number];\n\nexport enum IconSizes {\n  Standard = 'standard',\n  Dense = 'dense',\n  Small = 'small',\n  Large = 'large',\n}\n\nexport type IconSize = `${IconSizes}`;\n","<script lang=\"ts\">\n  export * from './Icon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconName, iconNames, IconSize } from './Icon.types';\n\n  export interface IconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * @deprecated Use the `size` prop with value \"dense\" instead\n     */\n    dense?: boolean;\n\n    /**\n`     * @deprecated Use the `size` prop with value \"small\" instead\n     */\n    small?: boolean;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedName = computed<IconName>(() => {\n    if (iconNames.includes(props.name)) {\n      return props.name;\n    }\n\n    return 'mj-leaf';\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${computedName.value}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${computedName.value}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense' || props.dense,\n        [classes.small]: props.size === 'small' || props.small,\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  .icon {\n    display: inline-block;\n    fill: currentcolor;\n    vertical-align: middle;\n  }\n\n  .standard {\n    height: 24px;\n    min-height: 24px;\n    min-width: 24px;\n    width: 24px;\n  }\n\n  .dense {\n    height: 20px;\n    min-height: 20px;\n    min-width: 20px;\n    width: 20px;\n  }\n\n  .small {\n    height: 14px;\n    min-height: 14px;\n    min-width: 14px;\n    width: 14px;\n  }\n\n  .large {\n    height: 32px;\n    min-height: 32px;\n    min-width: 32px;\n    width: 32px;\n  }\n</style>\n"],"names":["iconNames","IconSizes","classes","useCssModule","stashOptions","inject","computedName","computed","props","computedStaticPath","transformSvgSource","svgElem","useNode","symbolNode"],"mappings":";;;;;AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIY,IAAAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;iBC9HJC,IAAUC,KACVC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAeC,EAAmB,MAClCP,EAAU,SAASQ,EAAM,IAAI,IACxBA,EAAM,OAGR,SACR,GAEKC,IAAqBF,EAAS,MAC3BC,EAAM,eAAcJ,KAAA,gBAAAA,EAAc,WAC1C,GAKKM,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACI,eAAAA;AAGH,YAAAC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIN,EAAa,KAAK,EAAE;AAGrD,YAAMO,IAAaF,EAAQ,cAAc,IAAIL,EAAa,KAAK,EAAE;AAGjE,aAAKO,KAaGF,EAAA,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbGA,EAAA,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAYF;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Icon.js","sources":["../src/components/Icon/Icon.types.ts","../src/components/Icon/Icon.vue"],"sourcesContent":["export const iconNames = [\n  'action-dots',\n  'activity',\n  'alert-bell',\n  'archive',\n  'arrow-down',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up',\n  'badge-discount',\n  'badge-seller-elite',\n  'badge-seller-power',\n  'badge-seller-verified',\n  'book-customer',\n  'building-office',\n  'bulk-add',\n  'calendar-reschedule',\n  'calendar',\n  'caret-down',\n  'caret-up',\n  'cart-active',\n  'cart-plus',\n  'change-log',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'circle-check',\n  'circle-close',\n  'circle-dollar',\n  'circle-info',\n  'circle-partial',\n  'circle-percent',\n  'circle-question-mark',\n  'circle-status',\n  'circle-warning',\n  'clipboard-checkmark',\n  'clipboard-inventory',\n  'close',\n  'combine',\n  'compass',\n  'contact',\n  'contract',\n  'copy',\n  'credit-card',\n  'credit-profile',\n  'dashboard',\n  'document-accept',\n  'document-invoice',\n  'document-recieved',\n  'document-sent',\n  'document-view',\n  'document',\n  'dolly',\n  'download',\n  'edit',\n  'ellipsis',\n  'envelope-open',\n  'envelope',\n  'export',\n  'figma',\n  'file-csv',\n  'file',\n  'filter-funnel',\n  'filter-line',\n  'flag',\n  'folder',\n  'folder-bar-graph',\n  'folder-orders',\n  'gear',\n  'github',\n  'globe',\n  'graph-bar-chart',\n  'graph-line-chart',\n  'graph-pie-chart',\n  'hazard',\n  'hazard-outline',\n  'headset-agent',\n  'headset-mic',\n  'heart-filled',\n  'heart-outline',\n  'hide',\n  'history',\n  'image',\n  'import',\n  'keyboard-return',\n  'license-approved',\n  'license-certificate',\n  'lightbulb',\n  'link-add',\n  'link-unlink',\n  'link',\n  'list-items',\n  'loading-big',\n  'loading-small',\n  'location',\n  'lock-unlock',\n  'lock',\n  'logo-facebook',\n  'logo-instagram',\n  'logo-linkedin',\n  'logo-ll',\n  'logo-metrc',\n  'logo-plaid',\n  'logo-x',\n  'logo-youtube',\n  'logout',\n  'medical',\n  'megaphone-sound',\n  'megaphone',\n  'menu',\n  'message-dispute',\n  'message-reply',\n  'message',\n  'minus',\n  'mj-leaf',\n  'money',\n  'note-add',\n  'note',\n  'open-in-new',\n  'paperclip',\n  'performance',\n  'phone',\n  'plus',\n  'preview',\n  'print',\n  'product-menu-manage',\n  'product-menu-search',\n  'product-menu',\n  'queue-add',\n  'queue',\n  'recent',\n  'refresh',\n  'register',\n  'reply',\n  'report-download',\n  'sample',\n  'save',\n  'scale-law',\n  'scale-weight',\n  'search',\n  'seed-cycle',\n  'share',\n  'shop-bag-browse',\n  'shop-bag-reorder',\n  'shop-bag',\n  'shop-basket',\n  'shop-cart-add',\n  'shop-cart',\n  'show',\n  'sign-dollar',\n  'sign-percent',\n  'sort',\n  'split',\n  'star-filled',\n  'star-outline',\n  'storefront',\n  'submit',\n  'swap-horizontal',\n  'swap-vertical',\n  'tag-star',\n  'tag',\n  'test-results',\n  'ticket-star',\n  'ticket',\n  'tool-dropper',\n  'tool-wrench',\n  'transfer',\n  'trashcan',\n  'truck',\n  'upload',\n  'user-add',\n  'user-admin',\n  'user-check',\n  'user',\n  'view-card',\n  'view-detailed',\n  'view-list',\n  'warehouse',\n  'working',\n] as const;\n\nexport type IconName = typeof iconNames[number];\n\nexport enum IconSizes {\n  Standard = 'standard',\n  Dense = 'dense',\n  Small = 'small',\n  Large = 'large',\n}\n\nexport type IconSize = `${IconSizes}`;\n","<script lang=\"ts\">\n  export * from './Icon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconName, iconNames, IconSize } from './Icon.types';\n\n  export interface IconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * @deprecated Use the `size` prop with value \"dense\" instead\n     */\n    dense?: boolean;\n\n    /**\n`     * @deprecated Use the `size` prop with value \"small\" instead\n     */\n    small?: boolean;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedName = computed<IconName>(() => {\n    if (iconNames.includes(props.name)) {\n      return props.name;\n    }\n\n    return 'mj-leaf';\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${computedName.value}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${computedName.value}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense' || props.dense,\n        [classes.small]: props.size === 'small' || props.small,\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  .icon {\n    display: inline-block;\n    fill: currentcolor;\n    vertical-align: middle;\n  }\n\n  .standard {\n    height: 24px;\n    min-height: 24px;\n    min-width: 24px;\n    width: 24px;\n  }\n\n  .dense {\n    height: 20px;\n    min-height: 20px;\n    min-width: 20px;\n    width: 20px;\n  }\n\n  .small {\n    height: 14px;\n    min-height: 14px;\n    min-width: 14px;\n    width: 14px;\n  }\n\n  .large {\n    height: 32px;\n    min-height: 32px;\n    min-width: 32px;\n    width: 32px;\n  }\n</style>\n"],"names":["iconNames","IconSizes","classes","useCssModule","stashOptions","inject","computedName","computed","props","computedStaticPath","transformSvgSource","svgElem","useNode","symbolNode"],"mappings":";;;;;AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIY,IAAAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;iBC/HJC,IAAUC,KACVC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAeC,EAAmB,MAClCP,EAAU,SAASQ,EAAM,IAAI,IACxBA,EAAM,OAGR,SACR,GAEKC,IAAqBF,EAAS,MAC3BC,EAAM,eAAcJ,KAAA,gBAAAA,EAAc,WAC1C,GAKKM,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACI,eAAAA;AAGH,YAAAC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIN,EAAa,KAAK,EAAE;AAGrD,YAAMO,IAAaF,EAAQ,cAAc,IAAIL,EAAa,KAAK,EAAE;AAGjE,aAAKO,KAaGF,EAAA,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbGA,EAAA,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAYF;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Icon.vue.d.ts

@@ -47,7 +47,7 @@ export default _default;
 
 export declare type IconName = typeof iconNames[number];
 
-export 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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
+export 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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 export declare interface IconProps {
     id?: string;

package/dist/IconLabel.vue.d.ts

@@ -85,7 +85,7 @@ export declare interface IconLabelProps {
 
 declare type IconName = typeof iconNames[number];
 
-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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 declare type StashCommonColor = `${StashCommonColors}`;
 

package/dist/LicenseChip.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, useAttrs as p, computed as r, withDirectives as u, openBlock as m, createBlock as h, mergeProps as d, withCtx as C, createTextVNode as f, toDisplayString as A, vShow as _ } from "vue";
+import { defineComponent as a, useAttrs as p, computed as r, withDirectives as u, openBlock as d, createBlock as m, mergeProps as h, withCtx as C, createTextVNode as f, toDisplayString as b, vShow as A } from "vue";
 import g from "./Chip.js";
 import "./utils/colorScheme.js";
 import "./Icon.js";
@@ -6,19 +6,20 @@ import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./_plugin-vue_export-helper-dad06003.js";
-const z = /* @__PURE__ */ a({
+const w = /* @__PURE__ */ a({
   name: "ll-license-chip",
   inheritAttrs: !1,
   __name: "LicenseChip",
   props: {
     license: {},
-    size: { default: "medium" }
+    size: { default: "medium" },
+    disabled: { type: Boolean }
   },
-  setup(i) {
-    const s = i, c = p(), l = r(() => {
-      const e = { ...c };
+  setup(l) {
+    const s = l, o = p(), c = r(() => {
+      const e = { ...o };
       return delete e["color-scheme"], delete e.radius, delete e.shade, e;
-    }), o = Object.freeze({
+    }), i = Object.freeze({
       MED: "yellow",
       MEDI: "yellow",
       REC: "blue",
@@ -33,28 +34,28 @@ const z = /* @__PURE__ */ a({
       CANN: "green",
       ADU: "blue",
       ADUL: "blue"
-    }), n = r(() => t.value in o ? o[t.value] : "blue"), t = r(() => {
+    }), n = r(() => s.disabled ? "ice" : t.value in i ? i[t.value] : "blue"), t = r(() => {
       const e = s.license.toUpperCase();
       return e.length > 4 ? e.slice(0, 3) : e;
     });
-    return (e, v) => u((m(), h(g, d({
+    return (e, v) => u((d(), m(g, h({
       class: "stash-license-chip",
       "data-test": "stash-license-chip",
       radius: "pill",
       shade: "main",
       "color-scheme": n.value,
       size: s.size
-    }, l.value), {
+    }, c.value, { disabled: e.disabled }), {
       default: C(() => [
-        f(A(t.value), 1)
+        f(b(t.value), 1)
       ]),
       _: 1
-    }, 16, ["color-scheme", "size"])), [
-      [_, t.value.length]
+    }, 16, ["color-scheme", "size", "disabled"])), [
+      [A, t.value.length]
     ]);
   }
 });
 export {
-  z as default
+  w as default
 };
 //# sourceMappingURL=LicenseChip.js.map

package/dist/LicenseChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense","props"],"mappings":";;;;;;;;;;;;;;;;;iBA0BQA,IAAQC,KACRC,IAAYC,EAAS,MAAM;AACzB,YAAAC,IAAY,EAAE,GAAGJ;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCI,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AAChC,YAAAK,IAAmBC,EAAM,QAAQ,YAAY;AAE/C,aAAAD,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (props.disabled) {\n      return 'ice';\n    }\n\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","props","formattedLicense","uppercaseLicense"],"mappings":";;;;;;;;;;;;;;;;;;iBA+BQA,IAAQC,KACRC,IAAYC,EAAS,MAAM;AACzB,YAAAC,IAAY,EAAE,GAAGJ;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCI,EAAM,WACD,QAGLC,EAAiB,SAASH,IACrBA,EAAqBG,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBL,EAAS,MAAM;AAChC,YAAAM,IAAmBF,EAAM,QAAQ,YAAY;AAE/C,aAAAE,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.vue.d.ts

@@ -45,6 +45,10 @@ export declare interface LicenseChipProps {
      * Size of the chip. Defaults to medium. Available sizes: "small" | "medium".
      */
     size?: 'small' | 'medium';
+    /**
+     * Whether the chip is disabled. Defaults to false.
+     */
+    disabled?: boolean;
 }
 
 export { }

package/dist/QuickAction.vue.d.ts

@@ -23,7 +23,7 @@ export default _default;
 
 declare type IconName = typeof iconNames[number];
 
-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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 export declare interface QuickActionProps {
     /**

package/dist/SelectStatus.vue.d.ts

@@ -60,7 +60,7 @@ export default _default;
 
 declare type IconName = typeof iconNames[number];
 
-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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "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", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "cart-active", "cart-plus", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "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", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-items", "loading-big", "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", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 export declare type SelectStatusOption = {
     id: number | string;