@leaflink/stash 50.11.0 → 50.12.1

package/dist/Accordion.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, useSlots as x, useCssModule as y, ref as E, watch as b, openBlock as c, createElementBlock as i, createElementVNode as o, normalizeClass as h, unref as l, withKeys as w, withModifiers as k, renderSlot as _, Fragment as C, createVNode as d, toDisplayString as M, withDirectives as S, vShow as $, withCtx as z } from "vue";
-import { _ as B } from "./Expand.vue_vue_type_script_setup_true_lang-D0fSAtHr.js";
+import { defineComponent as v, useSlots as x, useCssModule as y, ref as E, watch as b, createElementBlock as a, openBlock as c, createElementVNode as s, withDirectives as k, createVNode as i, withKeys as h, normalizeClass as w, withModifiers as C, unref as l, renderSlot as _, Fragment as M, toDisplayString as S, vShow as $, withCtx as z } from "vue";
+import { _ as B } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
 import m from "./Icon.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
@@ -17,58 +17,57 @@ const A = {
   },
   emits: ["toggle", "open", "close"],
   setup(g, { emit: f }) {
-    const t = g, r = x(), n = f, p = y();
-    if (!t.title && !r.header)
+    const t = g, d = x(), r = f, p = y();
+    if (!t.title && !d.header)
       throw new Error("Either a title prop or header slot must be provided");
     const e = E(t.isExpanded);
-    b(
-      () => t.isExpanded,
-      (s) => {
-        e.value = s, u();
-      }
-    );
-    const a = () => {
-      e.value = !e.value, u();
-    };
     function u() {
-      n("toggle", { isExpanded: e.value }), e.value ? n("open") : n("close");
+      r("toggle", { isExpanded: e.value }), r(e.value ? "open" : "close");
     }
-    return (s, J) => (c(), i("div", A, [
-      o("div", {
+    const n = () => {
+      e.value = !e.value, u();
+    };
+    return b(
+      () => t.isExpanded,
+      (o) => {
+        e.value = o, u();
+      }
+    ), (o, J) => (c(), a("div", A, [
+      s("div", {
         tabindex: "0",
         "data-test": "stash-accordion|toggle",
-        class: h(["stash-accordion__toggle tw-flex tw-items-center", [l(p).toggle, e.value && l(p)["toggle--open"]]]),
-        onClick: a,
+        class: w(["stash-accordion__toggle tw-flex tw-items-center", [l(p).toggle, e.value && l(p)["toggle--open"]]]),
+        onClick: n,
         onKeypress: [
-          w(a, ["enter"]),
-          w(k(a, ["prevent"]), ["space"])
+          h(n, ["enter"]),
+          h(C(n, ["prevent"]), ["space"])
         ]
       }, [
-        l(r).header ? (c(), i("div", I, [
-          _(s.$slots, "header")
-        ])) : (c(), i(C, { key: 1 }, [
-          d(m, {
+        l(d).header ? (c(), a("div", I, [
+          _(o.$slots, "header")
+        ])) : (c(), a(M, { key: 1 }, [
+          i(m, {
             class: "tw-text-blue-500",
             size: "dense",
             name: t.icon,
             "data-test": "stash-accordion|toggle-icon"
           }, null, 8, ["name"]),
-          o("div", N, M(t.title), 1)
+          s("div", N, S(t.title), 1)
         ], 64)),
-        d(m, {
-          class: h(["tw-ml-auto tw-justify-center tw-text-ice-900 tw-transition-transform tw-duration-300", { "tw-rotate-180": e.value }]),
+        i(m, {
+          class: w(["tw-ml-auto tw-justify-center tw-text-ice-900 tw-transition-transform tw-duration-300", { "tw-rotate-180": e.value }]),
           size: "dense",
           name: "chevron-down",
           "data-test": "stash-accordion|toggle-chevron"
         }, null, 8, ["class"])
       ], 42, D),
-      S(o("hr", V, null, 512), [
+      k(s("hr", V, null, 512), [
         [$, e.value]
       ]),
-      d(B, { "is-expanded": e.value }, {
+      i(B, { "is-expanded": e.value }, {
         default: z(() => [
-          o("div", j, [
-            _(s.$slots, "default")
+          s("div", j, [
+            _(o.$slots, "default")
           ])
         ]),
         _: 3

package/dist/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../src/components/Accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule, useSlots, watch } from 'vue';\n\n  import Expand from '../Expand/Expand.vue';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface AccordionProps {\n    /**\n     * The filename of the icon that will be displayed on the left side of the header\n     */\n    icon?: IconName;\n\n    /**\n     * Title of the Accordion, displayed in the header\n     */\n    title?: string;\n\n    /**\n     * Whether the Accordion is expanded or not\n     */\n    isExpanded?: boolean;\n  }\n\n  type ToggleState = {\n    isExpanded: boolean;\n  };\n\n  const props = withDefaults(defineProps<AccordionProps>(), {\n    icon: 'circle-info',\n    title: undefined,\n    isExpanded: false,\n  });\n  const slots = useSlots();\n\n  const emits = defineEmits<{\n    (e: 'toggle', state: ToggleState): void;\n    (e: 'open'): void;\n    (e: 'close'): void;\n  }>();\n\n  const classes = useCssModule();\n\n  if (!props.title && !slots.header) {\n    throw new Error('Either a title prop or header slot must be provided');\n  }\n\n  const localIsExpanded = ref(props.isExpanded);\n\n  watch(\n    () => props.isExpanded,\n    (newVal) => {\n      localIsExpanded.value = newVal;\n      emitEvents();\n    },\n  );\n\n  const toggle = () => {\n    localIsExpanded.value = !localIsExpanded.value;\n    emitEvents();\n  };\n\n  function emitEvents() {\n    emits('toggle', { isExpanded: localIsExpanded.value });\n    localIsExpanded.value ? emits('open') : emits('close');\n  }\n</script>\n\n<template>\n  <div class=\"stash-accordion tw-rounded tw-border tw-border-ice-500 tw-bg-white\" data-test=\"stash-accordion\">\n    <div\n      tabindex=\"0\"\n      data-test=\"stash-accordion|toggle\"\n      class=\"stash-accordion__toggle tw-flex tw-items-center\"\n      :class=\"[classes.toggle, localIsExpanded && classes['toggle--open']]\"\n      @click=\"toggle\"\n      @keypress.enter=\"toggle\"\n      @keypress.space.prevent=\"toggle\"\n    >\n      <div v-if=\"slots.header\">\n        <!-- @slot Accordion header -->\n        <slot name=\"header\"> </slot>\n      </div>\n      <template v-else>\n        <Icon class=\"tw-text-blue-500\" size=\"dense\" :name=\"props.icon\" data-test=\"stash-accordion|toggle-icon\" />\n        <div class=\"tw-flex-1 tw-select-none tw-font-medium tw-leading-5 tw-text-ice-900\">\n          {{ props.title }}\n        </div>\n      </template>\n\n      <Icon\n        class=\"tw-ml-auto tw-justify-center tw-text-ice-900 tw-transition-transform tw-duration-300\"\n        size=\"dense\"\n        name=\"chevron-down\"\n        data-test=\"stash-accordion|toggle-chevron\"\n        :class=\"{ 'tw-rotate-180': localIsExpanded }\"\n      />\n    </div>\n    <hr v-show=\"localIsExpanded\" class=\"tw-mx-[18px] tw-h-px tw-bg-ice-200\" />\n    <Expand :is-expanded=\"localIsExpanded\">\n      <div class=\"stash-accordion__content tw-p-[18px]\" data-test=\"stash-accordion|content\">\n        <!-- @slot Accordion content -->\n        <slot></slot>\n      </div>\n    </Expand>\n  </div>\n</template>\n\n<style module>\n  .toggle {\n    @apply tw-outline-none tw-ring-blue-500 tw-ring-opacity-15;\n\n    display: flex;\n    cursor: pointer;\n    gap: theme('gap[1.5]');\n    padding: 17px;\n    outline: none;\n    border-radius: theme('borderRadius.DEFAULT');\n\n    &:focus-visible {\n      @apply tw-ring-4;\n      border-color: var(--color-ice-900);\n      padding: 15px;\n      border-width: 2px;\n    }\n\n    &--open {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n    @media (hover: hover) {\n      &:hover {\n        background-color: var(--color-ice-100);\n      }\n    }\n\n    &:active {\n      background-color: var(--color-ice-200);\n    }\n\n    &:active + hr,\n    &:hover + hr {\n      opacity: 0;\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emits","__emit","classes","useCssModule","localIsExpanded","ref","watch","newVal","emitEvents","toggle"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,GAEjBC,IAAQC,GAMRC,IAAUC,EAAa;AAE7B,QAAI,CAACP,EAAM,SAAS,CAACE,EAAM;AACnB,YAAA,IAAI,MAAM,qDAAqD;AAGjE,UAAAM,IAAkBC,EAAIT,EAAM,UAAU;AAE5C,IAAAU;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACW,MAAW;AACV,QAAAH,EAAgB,QAAQG,GACbC,EAAA;AAAA,MAAA;AAAA,IAEf;AAEA,UAAMC,IAAS,MAAM;AACH,MAAAL,EAAA,QAAQ,CAACA,EAAgB,OAC9BI,EAAA;AAAA,IACb;AAEA,aAASA,IAAa;AACpB,MAAAR,EAAM,UAAU,EAAE,YAAYI,EAAgB,OAAO,GACrDA,EAAgB,QAAQJ,EAAM,MAAM,IAAIA,EAAM,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../src/components/Accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule, useSlots, watch } from 'vue';\n\n  import Expand from '../Expand/Expand.vue';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface AccordionProps {\n    /**\n     * The filename of the icon that will be displayed on the left side of the header\n     */\n    icon?: IconName;\n\n    /**\n     * Title of the Accordion, displayed in the header\n     */\n    title?: string;\n\n    /**\n     * Whether the Accordion is expanded or not\n     */\n    isExpanded?: boolean;\n  }\n\n  type ToggleState = {\n    isExpanded: boolean;\n  };\n\n  const props = withDefaults(defineProps<AccordionProps>(), {\n    icon: 'circle-info',\n    title: undefined,\n    isExpanded: false,\n  });\n  const slots = useSlots();\n\n  const emit = defineEmits<{\n    (e: 'toggle', state: ToggleState): void;\n    (e: 'open' | 'close'): void;\n  }>();\n\n  const classes = useCssModule();\n\n  if (!props.title && !slots.header) {\n    throw new Error('Either a title prop or header slot must be provided');\n  }\n\n  const localIsExpanded = ref(props.isExpanded);\n\n  function emitEvents() {\n    emit('toggle', { isExpanded: localIsExpanded.value });\n    emit(localIsExpanded.value ? 'open' : 'close');\n  }\n\n  const toggle = () => {\n    localIsExpanded.value = !localIsExpanded.value;\n    emitEvents();\n  };\n\n  watch(\n    () => props.isExpanded,\n    (newVal) => {\n      localIsExpanded.value = newVal;\n      emitEvents();\n    },\n  );\n</script>\n\n<template>\n  <div class=\"stash-accordion tw-rounded tw-border tw-border-ice-500 tw-bg-white\" data-test=\"stash-accordion\">\n    <div\n      tabindex=\"0\"\n      data-test=\"stash-accordion|toggle\"\n      class=\"stash-accordion__toggle tw-flex tw-items-center\"\n      :class=\"[classes.toggle, localIsExpanded && classes['toggle--open']]\"\n      @click=\"toggle\"\n      @keypress.enter=\"toggle\"\n      @keypress.space.prevent=\"toggle\"\n    >\n      <div v-if=\"slots.header\">\n        <!-- @slot Accordion header -->\n        <slot name=\"header\"> </slot>\n      </div>\n      <template v-else>\n        <Icon class=\"tw-text-blue-500\" size=\"dense\" :name=\"props.icon\" data-test=\"stash-accordion|toggle-icon\" />\n        <div class=\"tw-flex-1 tw-select-none tw-font-medium tw-leading-5 tw-text-ice-900\">\n          {{ props.title }}\n        </div>\n      </template>\n\n      <Icon\n        class=\"tw-ml-auto tw-justify-center tw-text-ice-900 tw-transition-transform tw-duration-300\"\n        size=\"dense\"\n        name=\"chevron-down\"\n        data-test=\"stash-accordion|toggle-chevron\"\n        :class=\"{ 'tw-rotate-180': localIsExpanded }\"\n      />\n    </div>\n    <hr v-show=\"localIsExpanded\" class=\"tw-mx-[18px] tw-h-px tw-bg-ice-200\" />\n    <Expand :is-expanded=\"localIsExpanded\">\n      <div class=\"stash-accordion__content tw-p-[18px]\" data-test=\"stash-accordion|content\">\n        <!-- @slot Accordion content -->\n        <slot></slot>\n      </div>\n    </Expand>\n  </div>\n</template>\n\n<style module>\n  .toggle {\n    @apply tw-outline-none tw-ring-blue-500 tw-ring-opacity-15;\n\n    display: flex;\n    cursor: pointer;\n    gap: theme('gap[1.5]');\n    padding: 17px;\n    outline: none;\n    border-radius: theme('borderRadius.DEFAULT');\n\n    &:focus-visible {\n      @apply tw-ring-4;\n      border-color: var(--color-ice-900);\n      padding: 15px;\n      border-width: 2px;\n    }\n\n    &--open {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n    @media (hover: hover) {\n      &:hover {\n        background-color: var(--color-ice-100);\n      }\n    }\n\n    &:active {\n      background-color: var(--color-ice-200);\n    }\n\n    &:active + hr,\n    &:hover + hr {\n      opacity: 0;\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","classes","useCssModule","localIsExpanded","ref","emitEvents","toggle","watch","newVal"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,GAEjBC,IAAOC,GAKPC,IAAUC,EAAa;AAE7B,QAAI,CAACP,EAAM,SAAS,CAACE,EAAM;AACnB,YAAA,IAAI,MAAM,qDAAqD;AAGjE,UAAAM,IAAkBC,EAAIT,EAAM,UAAU;AAE5C,aAASU,IAAa;AACpB,MAAAN,EAAK,UAAU,EAAE,YAAYI,EAAgB,OAAO,GAC/CJ,EAAAI,EAAgB,QAAQ,SAAS,OAAO;AAAA,IAAA;AAG/C,UAAMG,IAAS,MAAM;AACH,MAAAH,EAAA,QAAQ,CAACA,EAAgB,OAC9BE,EAAA;AAAA,IACb;AAEA,WAAAE;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACa,MAAW;AACV,QAAAL,EAAgB,QAAQK,GACbH,EAAA;AAAA,MAAA;AAAA,IAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion.vue.d.ts

@@ -53,8 +53,8 @@ title: undefined;
 isExpanded: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 toggle: (state: ToggleState) => void;
-open: () => void;
 close: () => void;
+open: () => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AccordionProps>, {
 icon: string;
 title: undefined;
@@ -75,6 +75,11 @@ export default _default;
 
 declare type IconName = (typeof iconNames)[number];
 
+/**
+ * To add a new icon, follow these steps:
+ *
+ * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
+ */
 declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "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-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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 ToggleState = {

package/dist/ActionsDropdown.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, useCssModule as p, openBlock as u, createBlock as f, unref as n, normalizeClass as s, createSlots as w, withCtx as e, createVNode as a, createTextVNode as _, toDisplayString as m, renderSlot as b } from "vue";
+import { defineComponent as i, useCssModule as p, createBlock as u, openBlock as f, normalizeClass as s, unref as n, createSlots as w, withCtx as e, createVNode as a, createTextVNode as _, toDisplayString as m, renderSlot as b } from "vue";
 import { t as C } from "./locale.js";
 import x from "./Button.js";
 import g from "./Dropdown.js";
@@ -15,7 +15,7 @@ const y = /* @__PURE__ */ i({
   },
   setup(d) {
     const t = d, o = p();
-    return (l, N) => (u(), f(g, {
+    return (l, N) => (f(), u(g, {
       align: t.align,
       "content-class": [n(o).dropdownContent, t.contentClass],
       class: s(n(o).actionsDropdown)

package/dist/AddressSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, useSlots as A, inject as T, computed as h, ref as n, watch as I, openBlock as P, createBlock as j, unref as y, createSlots as k, withCtx as D, renderSlot as G } from "vue";
+import { defineComponent as S, useSlots as A, inject as T, computed as h, ref as n, watch as I, createBlock as P, openBlock as j, unref as y, createSlots as k, withCtx as D, renderSlot as G } from "vue";
 import K from "lodash-es/debounce";
 import C from "lodash-es/uniqueId";
 import U from "./useGoogleMaps.js";
@@ -92,7 +92,7 @@ const _ = "address-select-", $ = /* @__PURE__ */ S({
           throw e;
       }
     }
-    return (o, e) => (P(), j(F, {
+    return (o, e) => (j(), P(F, {
       single: "",
       "data-test": "select|address",
       disabled: t.disabled,

package/dist/Alert.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, useSlots as $, useCssModule as C, ref as I, computed as s, withDirectives as S, openBlock as i, createElementBlock as l, normalizeClass as r, createVNode as w, unref as t, createElementVNode as f, renderSlot as m, createCommentVNode as o } from "vue";
+import { defineComponent as x, useSlots as $, useCssModule as C, ref as I, computed as s, withDirectives as S, createCommentVNode as i, createElementBlock as l, openBlock as o, normalizeClass as r, createVNode as w, createElementVNode as f, unref as t, renderSlot as m } from "vue";
 import y from "lodash-es/capitalize";
 import B from "lodash-es/uniqueId";
 import { S as M, a as N } from "./statusLevels-D8EgtE_L.js";
@@ -18,7 +18,7 @@ const z = { class: "tw-m-0" }, A = /* @__PURE__ */ x({
   },
   setup(b) {
     const e = b, g = B("close-icon"), _ = $(), a = C(), c = I(!0), u = s(() => M[y(e.severity)]), h = s(() => N[y(e.severity)]), k = s(() => e.variant === "filled" && ["warning", "success"].includes(e.severity) ? "tw-text-ice-900" : e.variant === "filled" && ["info", "error"].includes(e.severity) ? "tw-text-white" : `tw-text-${h.value}`), n = s(() => e.variant === "filled" && ["info", "error"].includes(e.severity) ? "tw-text-white" : "tw-text-ice-900");
-    return (d, v) => c.value ? S((i(), l("div", {
+    return (d, v) => c.value ? S((o(), l("div", {
       key: 0,
       class: r(["stash-alert tw-relative tw-flex tw-items-center tw-border tw-border-solid tw-p-3 tw-leading-6", [
         `stash-alert--${e.severity}`,
@@ -59,15 +59,15 @@ const z = { class: "tw-m-0" }, A = /* @__PURE__ */ x({
         f("p", z, [
           m(d.$slots, "default")
         ]),
-        t(_).link ? (i(), l("div", {
+        t(_).link ? (o(), l("div", {
           key: 0,
           class: r(["stash-alert__link tw-cursor-pointer tw-underline hover:tw-no-underline", [t(a).link, n.value, { "tw-ml-2": e.centered }]]),
           "data-test": "stash-alert|link"
         }, [
           m(d.$slots, "link")
-        ], 2)) : o("", !0)
+        ], 2)) : i("", !0)
       ], 2),
-      e.permanent ? o("", !0) : (i(), l("button", {
+      e.permanent ? i("", !0) : (o(), l("button", {
         key: 0,
         class: r(["stash-alert__close", [t(a).button, n.value]]),
         type: "button",
@@ -82,7 +82,7 @@ const z = { class: "tw-m-0" }, A = /* @__PURE__ */ x({
       ], 2))
     ], 2)), [
       [t(V), e.sticky]
-    ]) : o("", !0);
+    ]) : i("", !0);
   }
 }), D = {}, E = {
   $style: D

package/dist/AppNavigationItem.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as v, useSlots as y, resolveComponent as $, openBlock as o, createElementBlock as r, unref as b, createBlock as h, normalizeClass as n, withCtx as m, createElementVNode as s, createVNode as a, toDisplayString as d, renderSlot as u } from "vue";
-import { _ as k } from "./Expand.vue_vue_type_script_setup_true_lang-D0fSAtHr.js";
+import { defineComponent as _, ref as v, useSlots as y, resolveComponent as $, createElementBlock as r, openBlock as o, createBlock as b, unref as h, normalizeClass as n, withCtx as m, createElementVNode as s, renderSlot as d, createVNode as a, toDisplayString as u } from "vue";
+import { _ as k } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
 import i from "./Icon.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const C = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, A = { class: "tw-truncate" }, B = { key: 1 }, I = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, N = { class: "tw-truncate" }, g = /* @__PURE__ */ _({
@@ -15,7 +15,7 @@ const C = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, A =
     return (e, c) => {
       const w = $("router-link");
       return o(), r("li", null, [
-        b(f)["sub-items"] ? (o(), r("div", B, [
+        h(f)["sub-items"] ? (o(), r("div", B, [
           s("button", {
             class: n([[e.$style.item, { [e.$style.expanded]: l.value }], "tw-flex tw-w-full tw-items-center tw-justify-between tw-font-normal tw-capitalize"]),
             onClick: c[0] || (c[0] = () => l.value = !l.value)
@@ -25,7 +25,7 @@ const C = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, A =
                 name: t.icon,
                 class: "tw-mr-3"
               }, null, 8, ["name"]),
-              s("span", N, d(t.label), 1)
+              s("span", N, u(t.label), 1)
             ]),
             a(i, {
               class: n([e.$style.caret, { [e.$style.expandedIcon]: l.value }]),
@@ -40,12 +40,12 @@ const C = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, A =
               s("ul", {
                 class: n(e.$style["sub-items"])
               }, [
-                u(e.$slots, "sub-items")
+                d(e.$slots, "sub-items")
               ], 2)
             ]),
             _: 3
           }, 8, ["is-expanded", "class"])
-        ])) : (o(), h(w, {
+        ])) : (o(), b(w, {
           key: 0,
           to: t.to,
           class: n([[e.$style.item, { [e.$style.active]: t.isActive }], "tw-flex tw-w-full tw-items-center tw-justify-between tw-font-normal tw-capitalize"]),
@@ -57,9 +57,9 @@ const C = { class: "tw-flex tw-flex-1 tw-items-center tw-overflow-hidden" }, A =
                 name: t.icon,
                 class: "tw-mr-3"
               }, null, 8, ["name"]),
-              s("span", A, d(t.label), 1)
+              s("span", A, u(t.label), 1)
             ]),
-            u(e.$slots, "default")
+            d(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["to", "class", "active-class"]))

package/dist/AppNavigationItem.vue.d.ts

@@ -66,6 +66,11 @@ export default _default;
 
 declare type IconName = (typeof iconNames)[number];
 
+/**
+ * To add a new icon, follow these steps:
+ *
+ * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
+ */
 declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "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-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "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 { }

package/dist/AppSidebar.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, useSlots as C, computed as w, ref as O, watchEffect as V, openBlock as s, createElementBlock as a, normalizeClass as _, createVNode as o, Transition as b, withCtx as g, withDirectives as x, withModifiers as $, vShow as k, createElementVNode as p, unref as c, renderSlot as i, createCommentVNode as u } from "vue";
+import { defineComponent as B, useSlots as C, computed as w, ref as O, watchEffect as V, createElementBlock as s, openBlock as a, normalizeClass as _, createVNode as o, Transition as b, withCtx as g, withDirectives as x, withModifiers as $, vShow as k, createElementVNode as p, createCommentVNode as c, renderSlot as i, unref as u } from "vue";
 import z from "./useMediaQuery.js";
 import N from "./Backdrop.js";
 import j from "./Divider.js";
@@ -39,7 +39,7 @@ const D = {
         height: e.value ? "100%" : n.value.height
         // Ensures the backdrop covers the entire page when AppSidebar is open
       }));
-    }), (t, h) => (s(), a("div", {
+    }), (t, h) => (a(), s("div", {
       id: "stash-app-sidebar",
       class: _(["stash-app-sidebar tw-relative", {
         "stash-app-sidebar--is-open": f.value,
@@ -66,17 +66,17 @@ const D = {
             "data-test": "stash-app-sidebar__aside"
           }, [
             o(j, { class: "stash-app-sidebar__divider" }),
-            c(r)["app-context"] ? (s(), a("div", D, [
+            u(r)["app-context"] ? (a(), s("div", D, [
               i(t.$slots, "app-context", {}, void 0, !0)
-            ])) : u("", !0),
-            c(r)["company-context"] ? (s(), a("div", M, [
+            ])) : c("", !0),
+            u(r)["company-context"] ? (a(), s("div", M, [
               i(t.$slots, "company-context", {}, void 0, !0)
-            ])) : u("", !0),
-            c(r).navigation ? (s(), a("nav", P, [
+            ])) : c("", !0),
+            u(r).navigation ? (a(), s("nav", P, [
               p("ul", I, [
                 i(t.$slots, "navigation", {}, void 0, !0)
               ])
-            ])) : u("", !0),
+            ])) : c("", !0),
             h[0] || (h[0] = p("div", { class: "tw-flex-1" }, null, -1)),
             i(t.$slots, "footer", {}, void 0, !0)
           ], 2), [
@@ -87,7 +87,7 @@ const D = {
       })
     ], 2));
   }
-}), H = /* @__PURE__ */ A(L, [["__scopeId", "data-v-8ae19347"]]);
+}), H = /* @__PURE__ */ A(L, [["__scopeId", "data-v-334e749f"]]);
 export {
   H as default
 };

package/dist/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useSlots, watchEffect } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Divider from '../Divider/Divider.vue';\n\n  export interface AppSidebarProps {\n    /**\n     * Controls wether the sidebar is opened or not\n     */\n    isOpen?: boolean;\n  }\n\n  const props = withDefaults(defineProps<AppSidebarProps>(), {\n    isOpen: false,\n  });\n\n  const slots = useSlots();\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'dismiss'): void;\n    (e: 'update:is-open', isOpen: boolean): void;\n  }>();\n\n  const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n  const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n  function onBackdropClick() {\n    emit('dismiss');\n    emit('update:is-open', false);\n  }\n\n  function getPageScrollingElement() {\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watchEffect(() => {\n    if (isExtraLargeScreen.value) {\n      return;\n    }\n\n    if (isBackdropVisible.value) {\n      Object.assign(initialPageScrollingElementStyle.value, {\n        overflow: getPageScrollingElement().style.overflow,\n        height: getPageScrollingElement().style.height,\n      });\n    }\n\n    Object.assign(getPageScrollingElement().style, {\n      overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n      height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n    });\n  });\n</script>\n\n<template>\n  <div\n    id=\"stash-app-sidebar\"\n    class=\"stash-app-sidebar tw-relative\"\n    :class=\"{\n      'stash-app-sidebar--is-open': isSidebarOpen,\n      'tw-z-modal': isBackdropVisible,\n      'tw-z-[301]': !isBackdropVisible,\n    }\"\n    data-test=\"stash-app-sidebar\"\n  >\n    <Transition name=\"backdrop\">\n      <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n    </Transition>\n    <Transition name=\"aside\">\n      <aside\n        v-show=\"isSidebarOpen\"\n        class=\"stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500\"\n        :class=\"{ 'tw-shadow-3xl': isBackdropVisible }\"\n        data-test=\"stash-app-sidebar__aside\"\n      >\n        <Divider class=\"stash-app-sidebar__divider\" />\n        <div v-if=\"slots['app-context']\" class=\"tw-px-3 tw-pt-6\">\n          <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n          <slot name=\"app-context\"></slot>\n        </div>\n        <div v-if=\"slots['company-context']\" class=\"tw-px-3 tw-pt-6\">\n          <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n          <slot name=\"company-context\"></slot>\n        </div>\n        <nav v-if=\"slots['navigation']\" class=\"tw-pt-6\">\n          <ul role=\"menubar\" aria-orientation=\"vertical\">\n            <!-- @slot Navigation component slot, for rendering navigation items -->\n            <slot name=\"navigation\"></slot>\n          </ul>\n        </nav>\n        <div class=\"tw-flex-1\"></div>\n        <!-- @slot Footer component slot, for rendering version/environment notes -->\n        <slot name=\"footer\"></slot>\n      </aside>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n  .stash-app-sidebar__aside {\n    padding-top: calc(theme('height.topbar') - 1px); /* -1px to compensate for the border height */\n    width: theme('width.sidebar');\n  }\n\n  .stash-app-sidebar__divider::before,\n  .stash-app-sidebar__divider::after {\n    border-bottom: 1px solid rgb(255 255 255 / 12%);\n  }\n\n  .backdrop-enter-active,\n  .backdrop-leave-active {\n    transition: opacity 200ms ease-in-out;\n  }\n\n  .backdrop-enter-from,\n  .backdrop-leave-to {\n    opacity: 0;\n  }\n\n  .aside-enter-active,\n  .aside-leave-active {\n    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;\n  }\n\n  .aside-enter-from,\n  .aside-leave-to {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAS,GAEjBC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAAA;AAG9B,aAASU,IAA0B;AACzB,aAAA,SAAS,oBAAoB,SAAS;AAAA,IAAA;AAGhD,WAAAC,EAAY,MAAM;AAChB,MAAIT,EAAmB,UAInBE,EAAkB,SACb,OAAA,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUI,IAA0B,MAAM;AAAA,QAC1C,QAAQA,EAAwB,EAAE,MAAM;AAAA,MAAA,CACzC,GAGI,OAAA,OAAOA,EAAwB,EAAE,OAAO;AAAA,QAC7C,UAAUN,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useSlots, watchEffect } from 'vue';\n\n  import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Divider from '../Divider/Divider.vue';\n\n  export interface AppSidebarProps {\n    /**\n     * Controls wether the sidebar is opened or not\n     */\n    isOpen?: boolean;\n  }\n\n  const props = withDefaults(defineProps<AppSidebarProps>(), {\n    isOpen: false,\n  });\n\n  const slots = useSlots();\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'dismiss'): void;\n    (e: 'update:is-open', isOpen: boolean): void;\n  }>();\n\n  const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n  const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n  function onBackdropClick() {\n    emit('dismiss');\n    emit('update:is-open', false);\n  }\n\n  function getPageScrollingElement() {\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watchEffect(() => {\n    if (isExtraLargeScreen.value) {\n      return;\n    }\n\n    if (isBackdropVisible.value) {\n      Object.assign(initialPageScrollingElementStyle.value, {\n        overflow: getPageScrollingElement().style.overflow,\n        height: getPageScrollingElement().style.height,\n      });\n    }\n\n    Object.assign(getPageScrollingElement().style, {\n      overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n      height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n    });\n  });\n</script>\n\n<template>\n  <div\n    id=\"stash-app-sidebar\"\n    class=\"stash-app-sidebar tw-relative\"\n    :class=\"{\n      'stash-app-sidebar--is-open': isSidebarOpen,\n      'tw-z-modal': isBackdropVisible,\n      'tw-z-[301]': !isBackdropVisible,\n    }\"\n    data-test=\"stash-app-sidebar\"\n  >\n    <Transition name=\"backdrop\">\n      <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n    </Transition>\n    <Transition name=\"aside\">\n      <aside\n        v-show=\"isSidebarOpen\"\n        class=\"stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500\"\n        :class=\"{ 'tw-shadow-3xl': isBackdropVisible }\"\n        data-test=\"stash-app-sidebar__aside\"\n      >\n        <Divider class=\"stash-app-sidebar__divider\" />\n        <div v-if=\"slots['app-context']\" class=\"tw-px-3 tw-pt-6\">\n          <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n          <slot name=\"app-context\"></slot>\n        </div>\n        <div v-if=\"slots['company-context']\" class=\"tw-px-3 tw-pt-6\">\n          <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n          <slot name=\"company-context\"></slot>\n        </div>\n        <nav v-if=\"slots['navigation']\" class=\"tw-pt-6\">\n          <ul role=\"menubar\" aria-orientation=\"vertical\">\n            <!-- @slot Navigation component slot, for rendering navigation items -->\n            <slot name=\"navigation\"></slot>\n          </ul>\n        </nav>\n        <div class=\"tw-flex-1\"></div>\n        <!-- @slot Footer component slot, for rendering version/environment notes -->\n        <slot name=\"footer\"></slot>\n      </aside>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n  .stash-app-sidebar__aside {\n    padding-top: calc(theme('height.topbar') - 1px); /* -1px to compensate for the border height */\n    width: theme('width.sidebar');\n  }\n\n  .stash-app-sidebar__divider::before,\n  .stash-app-sidebar__divider::after {\n    border-bottom: 1px solid rgb(255 255 255 / 12%);\n  }\n\n  .backdrop-enter-active,\n  .backdrop-leave-active {\n    transition: opacity 200ms ease-in-out;\n  }\n\n  .backdrop-enter-from,\n  .backdrop-leave-to {\n    opacity: 0;\n  }\n\n  .aside-enter-active,\n  .aside-leave-active {\n    transition:\n      opacity 200ms ease-in-out,\n      transform 200ms ease-in-out;\n  }\n\n  .aside-enter-from,\n  .aside-leave-to {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAS,GAEjBC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAAA;AAG9B,aAASU,IAA0B;AACzB,aAAA,SAAS,oBAAoB,SAAS;AAAA,IAAA;AAGhD,WAAAC,EAAY,MAAM;AAChB,MAAIT,EAAmB,UAInBE,EAAkB,SACb,OAAA,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUI,IAA0B,MAAM;AAAA,QAC1C,QAAQA,EAAwB,EAAE,MAAM;AAAA,MAAA,CACzC,GAGI,OAAA,OAAOA,EAAwB,EAAE,OAAO;AAAA,QAC7C,UAAUN,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/AppTopbar.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, openBlock as m, createElementBlock as f, createElementVNode as t, normalizeClass as i, createVNode as a, unref as h, renderSlot as o } from "vue";
+import { defineComponent as c, createElementBlock as m, openBlock as f, createElementVNode as t, normalizeClass as i, createVNode as a, unref as h, renderSlot as o } from "vue";
 import b from "./useMediaQuery.js";
 import u from "./Icon.js";
-import { _ as l } from "./Logo.vue_vue_type_script_setup_true_lang-BfUU9J9O.js";
+import { _ as l } from "./Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js";
 const x = {
   "data-test": "stash-app-topbar",
   class: "stash-app-topbar tw-absolute tw-left-0 tw-top-0"
@@ -14,7 +14,7 @@ const x = {
   emits: ["toggle-sidebar"],
   setup(n, { emit: w }) {
     const e = n, d = w, p = b("screen and (min-width: 1321px)");
-    return (s, r) => (m(), f("header", x, [
+    return (s, r) => (f(), m("header", x, [
       t("div", {
         class: i(["tw-fixed tw-top-0 tw-flex tw-h-topbar tw-w-sidebar tw-items-center tw-pl-3 xl:tw-text-white", {
           "tw-z-dialog tw-text-white": e.sidebarOpened,

package/dist/Avatar.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, useAttrs as v, useCssModule as _, computed as c, openBlock as i, createElementBlock as d, mergeProps as u, unref as a, toDisplayString as h } from "vue";
+import { defineComponent as p, useAttrs as v, useCssModule as _, computed as c, createElementBlock as i, openBlock as d, mergeProps as u, unref as a, toDisplayString as h } from "vue";
 import b from "./utils/colorScheme.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = ["alt", "src", "tabindex"], x = ["tabindex"], C = /* @__PURE__ */ p({
@@ -23,14 +23,14 @@ const g = ["alt", "src", "tabindex"], x = ["tabindex"], C = /* @__PURE__ */ p({
       const [l, r] = String(t.name).toUpperCase().split(" ");
       return r ? l.charAt(0) + r.charAt(0) : l.charAt(0);
     }), o = c(() => !!s.onClick);
-    return (l, r) => t.src ? (i(), d("img", u({
+    return (l, r) => t.src ? (d(), i("img", u({
       key: 0,
       class: ["stash-avatar stash-avatar--image tw-inline-block tw-rounded-full", [a(e).root, { [a(e).clickable]: o.value }]],
       alt: t.alt,
       src: t.src,
       tabindex: o.value ? 0 : -1,
       "data-test": "stash-avatar"
-    }, a(s)), null, 16, g)) : (i(), d("div", u({
+    }, a(s)), null, 16, g)) : (d(), i("div", u({
       key: 1,
       class: ["stash-avatar stash-avatar--initials tw-inline-block tw-cursor-default tw-rounded-full tw-text-center tw-font-semibold", [
         a(e).root,

package/dist/Backdrop.js

@@ -1,4 +1,4 @@
-import { openBlock as e, createElementBlock as r, renderSlot as o } from "vue";
+import { createElementBlock as e, openBlock as r, renderSlot as o } from "vue";
 import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const a = {}, c = {
   "aria-hidden": "true",
@@ -6,7 +6,7 @@ const a = {}, c = {
   "data-test": "stash-backdrop"
 };
 function d(t, n) {
-  return e(), r("div", c, [
+  return r(), e("div", c, [
     o(t.$slots, "default")
   ]);
 }

package/dist/Badge.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useCssModule as g, computed as l, ref as w, watch as b, openBlock as h, createElementBlock as m, renderSlot as v, withDirectives as _, createElementVNode as r, normalizeClass as c, unref as i, normalizeStyle as x, toDisplayString as y, vShow as k } from "vue";
+import { defineComponent as u, useCssModule as g, computed as l, ref as w, watch as b, createElementBlock as h, openBlock as m, renderSlot as v, withDirectives as _, createElementVNode as r, normalizeStyle as x, normalizeClass as c, unref as i, toDisplayString as y, vShow as k } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const D = {
   class: "stash-badge tw-relative tw-inline-block",
@@ -35,7 +35,7 @@ const D = {
           n.value = !1;
         }, 1e3));
       }
-    ), (e, a) => (h(), m("span", D, [
+    ), (e, a) => (m(), h("span", D, [
       v(e.$slots, "default"),
       _(r("span", {
         "data-test": "stash-badge|content-wrapper",

package/dist/Box.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./Box.vue_vue_type_script_setup_true_lang-DgJHq-09.js";
+import { _ as f } from "./Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js";
 export {
   f as default
 };

package/dist/{Box.vue_vue_type_script_setup_true_lang-DgJHq-09.js → Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js}

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as o, createElementBlock as l, normalizeClass as d, renderSlot as n } from "vue";
+import { defineComponent as s, createElementBlock as o, openBlock as l, normalizeClass as d, renderSlot as n } from "vue";
 const u = /* @__PURE__ */ s({
   name: "ll-box",
   __name: "Box",
@@ -10,7 +10,7 @@ const u = /* @__PURE__ */ s({
   },
   setup(t) {
     const e = t;
-    return (a, r) => (o(), l("section", {
+    return (a, r) => (l(), o("section", {
       class: d(["stash-box tw-bg-white", {
         "tw-rounded": e.radius === "rounded",
         "tw-p-gutter": !e.disablePadding && !e.disableGutters,
@@ -26,4 +26,4 @@ const u = /* @__PURE__ */ s({
 export {
   u as _
 };
-//# sourceMappingURL=Box.vue_vue_type_script_setup_true_lang-DgJHq-09.js.map
+//# sourceMappingURL=Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js.map

package/dist/{Box.vue_vue_type_script_setup_true_lang-DgJHq-09.js.map → Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Box.vue_vue_type_script_setup_true_lang-DgJHq-09.js","sources":["../src/components/Box/Box.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  defineOptions({\n    name: 'll-box',\n  });\n\n  export interface BoxProps {\n    /**\n     * Remove the padding around the entire Box.\n     */\n    disablePadding?: boolean;\n\n    /**\n     * Remove the padding on the left and right of the Box.\n     */\n    disableGutters?: boolean;\n\n    /**\n     * Remove the padding on the left and right of the Box.\n     */\n    disableElevation?: boolean;\n\n    /**\n     * Border radius style. Defaults to `rounded`.\n     */\n    radius?: 'none' | 'rounded';\n  }\n\n  const props = withDefaults(defineProps<BoxProps>(), {\n    disablePadding: false,\n    disableGutters: false,\n    disableElevation: false,\n    radius: 'rounded',\n  });\n</script>\n\n<template>\n  <section\n    class=\"stash-box tw-bg-white\"\n    :class=\"{\n      'tw-rounded': props.radius === 'rounded',\n      'tw-p-gutter': !props.disablePadding && !props.disableGutters,\n      'tw-py-gutter': props.disableGutters,\n      'tw-shadow': !props.disableElevation,\n    }\"\n    data-test=\"stash-box\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </section>\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;AA2BE,UAAMA,IAAQC;;;;;;;;;;;;;;"}
+{"version":3,"file":"Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js","sources":["../src/components/Box/Box.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  defineOptions({\n    name: 'll-box',\n  });\n\n  export interface BoxProps {\n    /**\n     * Remove the padding around the entire Box.\n     */\n    disablePadding?: boolean;\n\n    /**\n     * Remove the padding on the left and right of the Box.\n     */\n    disableGutters?: boolean;\n\n    /**\n     * Remove the padding on the left and right of the Box.\n     */\n    disableElevation?: boolean;\n\n    /**\n     * Border radius style. Defaults to `rounded`.\n     */\n    radius?: 'none' | 'rounded';\n  }\n\n  const props = withDefaults(defineProps<BoxProps>(), {\n    disablePadding: false,\n    disableGutters: false,\n    disableElevation: false,\n    radius: 'rounded',\n  });\n</script>\n\n<template>\n  <section\n    class=\"stash-box tw-bg-white\"\n    :class=\"{\n      'tw-rounded': props.radius === 'rounded',\n      'tw-p-gutter': !props.disablePadding && !props.disableGutters,\n      'tw-py-gutter': props.disableGutters,\n      'tw-shadow': !props.disableElevation,\n    }\"\n    data-test=\"stash-box\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </section>\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;AA2BE,UAAMA,IAAQC;;;;;;;;;;;;;;"}

package/dist/Button.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, useCssModule as d, computed as a, openBlock as s, createBlock as u, resolveDynamicComponent as f, mergeProps as h, unref as r, withCtx as p, renderSlot as y } from "vue";
+import { defineComponent as c, useCssModule as d, computed as a, createBlock as s, openBlock as u, resolveDynamicComponent as f, mergeProps as h, unref as r, withCtx as p, renderSlot as y } from "vue";
 import m from "./Icon.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const q = /* @__PURE__ */ c({
@@ -32,7 +32,7 @@ const q = /* @__PURE__ */ c({
     } : t.href ? {
       href: t.href
     } : {});
-    return (o, B) => (s(), u(f(_.value), h({
+    return (o, B) => (u(), s(f(_.value), h({
       disabled: t.isLoading || t.disabled ? !0 : void 0
     }, b.value, {
       class: ["stash-button", [
@@ -48,7 +48,7 @@ const q = /* @__PURE__ */ c({
       "data-test": "ll-button"
     }), {
       default: p(() => [
-        t.isLoading ? (s(), u(m, {
+        t.isLoading ? (u(), s(m, {
           key: 0,
           name: "loading-empty",
           class: "tw-animate-spin"

package/dist/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as r, ref as g, openBlock as l, createElementBlock as s, normalizeClass as p, Fragment as $, renderList as y, withModifiers as B, toDisplayString as h } from "vue";
+import { defineComponent as m, computed as r, ref as g, createElementBlock as l, openBlock as s, normalizeClass as p, Fragment as $, renderList as y, withModifiers as B, toDisplayString as h } from "vue";
 import w from "lodash-es/uniqueId";
 import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const k = ["data-test"], C = ["data-test", "disabled", "onClick"], G = {
@@ -19,7 +19,7 @@ const k = ["data-test"], C = ["data-test", "disabled", "onClick"], G = {
       var o;
       i.value && ((o = n.value) == null ? void 0 : o.id) === t.id ? n.value = null : n.value = t, f("input", n.value);
     }
-    return (t, o) => (l(), s("div", {
+    return (t, o) => (s(), l("div", {
       class: p([
         "tw-flex",
         t.$style.buttonGroup,
@@ -29,9 +29,9 @@ const k = ["data-test"], C = ["data-test", "disabled", "onClick"], G = {
       ]),
       "data-test": `button-group-${t.$props.groupName}`
     }, [
-      (l(!0), s($, null, y(e.options, (a) => {
+      (s(!0), l($, null, y(e.options, (a) => {
         var c, d;
-        return l(), s("button", {
+        return s(), l("button", {
           key: `${e.groupName}-${a.id}`,
           class: p([t.$style.button, { [t.$style.active]: ((c = n.value) == null ? void 0 : c.id) === a.id }]),
           "data-test": `${e.groupName}-button-${((d = n.value) == null ? void 0 : d.id) === a.id ? "active" : "inactive"}`,

package/dist/Card.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, useSlots as i, openBlock as a, createElementBlock as r, unref as s, normalizeClass as n, createElementVNode as l, renderSlot as o, createCommentVNode as f } from "vue";
+import { defineComponent as w, useSlots as i, createElementBlock as a, openBlock as r, createCommentVNode as f, createElementVNode as s, unref as l, normalizeClass as n, renderSlot as o } from "vue";
 const p = {
   class: "stash-card tw-relative tw-inline-block tw-rounded tw-border tw-bg-white tw-shadow-md",
   "data-test": "stash-card"
@@ -9,21 +9,21 @@ const p = {
   },
   setup(d) {
     const c = d, t = i();
-    return (e, u) => (a(), r("article", p, [
-      s(t)["top-left"] || s(t)["top-right"] ? (a(), r("div", {
+    return (e, u) => (r(), a("article", p, [
+      l(t)["top-left"] || l(t)["top-right"] ? (r(), a("div", {
         key: 0,
         "data-test": "card-actions",
         class: n([{ "tw-absolute tw-top-0 tw-w-full": c.detachActions }, "tw-flex tw-flex-wrap tw-items-start tw-justify-between tw-p-6"])
       }, [
-        l("div", null, [
+        s("div", null, [
           o(e.$slots, "top-left")
         ]),
-        l("div", null, [
+        s("div", null, [
           o(e.$slots, "top-right")
         ])
       ], 2)) : f("", !0),
-      l("div", {
-        class: n({ "tw-mb-6 tw-flex tw-h-full tw-flex-col tw-gap-y-6": s(t).default })
+      s("div", {
+        class: n({ "tw-mb-6 tw-flex tw-h-full tw-flex-col tw-gap-y-6": l(t).default })
       }, [
         o(e.$slots, "default")
       ], 2)

package/dist/CardContent.js

@@ -1,11 +1,11 @@
-import { openBlock as e, createElementBlock as o, renderSlot as n } from "vue";
+import { createElementBlock as e, openBlock as o, renderSlot as n } from "vue";
 import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const s = {}, c = {
   class: "stash-card-content tw-px-6",
   "data-test": "stash-card-content"
 };
 function a(t, d) {
-  return e(), o("div", c, [
+  return o(), e("div", c, [
     n(t.$slots, "default")
   ]);
 }