@leaflink/stash 44.0.0-beta.1 → 44.0.0-beta.2

package/dist/Backdrop.js

@@ -2,7 +2,7 @@ import { openBlock as e, createElementBlock as r, renderSlot as o } from "vue";
 import { _ as s } from "./_plugin-vue_export-helper-dad06003.js";
 const a = {}, c = {
   "aria-hidden": "true",
-  class: "stash-backdrop tw-fixed tw-z-behind tw-bg-black/50 tw-inset-0",
+  class: "stash-backdrop tw-fixed tw-inset-0 tw-z-behind tw-bg-black/50",
   "data-test": "stash-backdrop"
 };
 function d(t, n) {

package/dist/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../src/components/Backdrop/Backdrop.vue"],"sourcesContent":["<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"stash-backdrop tw-fixed tw-z-behind tw-bg-black/50 tw-inset-0\"\n    data-test=\"stash-backdrop\"\n  >\n    <slot></slot>\n  </div>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;cAEIA,IAAkB;AAAA,EAClB,eAAqE;AAAA,EACrE,OAAA;AAAA;;AAHF,SAAAC,EAAAC,GAAAC,GAAA;SAKeC,EAAA,GAAAC,EAAA,OAAAL,GAAA;AAAA;;;;"}
+{"version":3,"file":"Backdrop.js","sources":["../src/components/Backdrop/Backdrop.vue"],"sourcesContent":["<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"stash-backdrop tw-fixed tw-inset-0 tw-z-behind tw-bg-black/50\"\n    data-test=\"stash-backdrop\"\n  >\n    <slot></slot>\n  </div>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;cAEIA,IAAkB;AAAA,EAClB,eAAqE;AAAA,EACrE,OAAA;AAAA;;AAHF,SAAAC,EAAAC,GAAAC,GAAA;SAKeC,EAAA,GAAAC,EAAA,OAAAL,GAAA;AAAA;;;;"}

package/dist/Badge.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useCssModule as g, computed as l, ref as w, watch as m, openBlock as b, createElementBlock as v, renderSlot as h, withDirectives as _, createElementVNode as r, normalizeClass as c, unref as i, normalizeStyle as x, toDisplayString as y, vShow as B } from "vue";
+import { defineComponent as u, useCssModule as g, computed as r, ref as w, watch as m, openBlock as v, createElementBlock as b, renderSlot as h, withDirectives as _, createElementVNode as d, normalizeClass as c, unref as i, normalizeStyle as x, toDisplayString as y, vShow as B } from "vue";
 import { _ as D } from "./_plugin-vue_export-helper-dad06003.js";
 const S = {
   class: "stash-badge tw-relative tw-inline-block",
@@ -21,12 +21,12 @@ const S = {
     variant: { default: "standard" }
   },
   setup(p) {
-    const t = p, o = g(), s = l(() => {
+    const t = p, o = g(), s = r(() => {
       const e = parseInt(t.content, 10), a = parseInt(t.max, 10);
       return e != t.content || a != t.max ? t.content : e > a ? `${a}+` : e;
-    }), d = (e) => e === 0 ? "0" : `${e}px`, f = l(() => ({
-      top: t.offset.top !== void 0 ? d(t.offset.top) : void 0,
-      right: t.offset.right !== void 0 ? d(t.offset.right) : void 0
+    }), l = (e) => e === 0 ? "0" : `${e}px`, f = r(() => ({
+      top: t.offset.top !== void 0 ? l(t.offset.top) : void 0,
+      right: t.offset.right !== void 0 ? l(t.offset.right) : void 0
     })), n = w(!1);
     return m(
       () => t.content,
@@ -35,9 +35,9 @@ const S = {
           n.value = !1;
         }, 1e3));
       }
-    ), (e, a) => (b(), v("span", S, [
+    ), (e, a) => (v(), b("span", S, [
       h(e.$slots, "default"),
-      _(r("span", {
+      _(d("span", {
         "data-test": "stash-badge|content-wrapper",
         class: c([
           {
@@ -48,9 +48,9 @@ const S = {
         ]),
         style: x(t.variant === "dot" || t.position === "top-right" ? f.value : "")
       }, [
-        r("span", {
+        d("span", {
           "data-test": "stash-badge|content",
-          class: c(["tw-text-white tw-font-semibold tw-rounded-full tw-text-[10px] tw-text-center tw-whitespace-nowrap tw-leading-[0.875rem] tw-inline-block", [
+          class: c(["tw-inline-block tw-whitespace-nowrap tw-rounded-full tw-text-center tw-text-[10px] tw-font-semibold tw-leading-[0.875rem] tw-text-white", [
             {
               "tw-animate-grow": n.value,
               "tw-bg-red-500": t.color === "red" && !t.isDisabled,
@@ -69,9 +69,9 @@ const S = {
     ]));
   }
 }), k = {
-  "badge-standard": "_badge-standard_1b1so_2",
-  "badge-dot": "_badge-dot_1b1so_8",
-  "top-right": "_top-right_1b1so_15"
+  "badge-standard": "_badge-standard_fulr7_2",
+  "badge-dot": "_badge-dot_fulr7_8",
+  "top-right": "_top-right_fulr7_15"
 }, M = {
   $style: k
 }, E = /* @__PURE__ */ D(C, [["__cssModules", M]]);

package/dist/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../src/components/Badge/Badge.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, ref, useCssModule, watch } from 'vue';\n\n  defineOptions({\n    name: 'll-badge',\n  });\n\n  const classes = useCssModule();\n\n  export interface BadgeProps {\n    /**\n     * If true, the badge will animate when the content changes\n     */\n    animate?: boolean;\n\n    /**\n     * Color of the badge\n     * Options: 'red' or 'blue'\n     */\n    color?: 'red' | 'blue';\n\n    /**\n     * The badge's content\n     */\n    content?: number | string;\n\n    /**\n     * Shows a gray badge with content\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The max value of the `content` prop. If the value is greater than this, the badge will show the max value and a `+` sign.\n     */\n    max?: number | string;\n\n    /**\n     * Offset to adjust the badge's position. It does not apply to inline position badges.\n     */\n    offset?: {\n      top?: number;\n      right?: number;\n    };\n\n    /**\n     * Badge position. Options:\n     *\n     * - inline: shows the badge directly next to the content (on the right), with a left margin of 6px\n     * - top-right: will overlap the badge over whatever is passed in the default slot\n     */\n    position?: 'top-right' | 'inline';\n\n    /**\n     * The badge will be hidden if the content is `0` unless this prop is set to true.\n     */\n    showZero?: boolean;\n\n    /**\n     * Badge variant\n     */\n    variant?: 'dot' | 'standard';\n  }\n\n  const props = withDefaults(defineProps<BadgeProps>(), {\n    animate: false,\n    color: 'red',\n    content: undefined,\n    isDisabled: false,\n    max: 99,\n    position: 'top-right',\n    offset: () => ({\n      top: undefined,\n      right: undefined,\n    }),\n    showZero: false,\n    variant: 'standard',\n  });\n\n  const computedContent = computed(() => {\n    const numericContent = parseInt(props.content as string, 10);\n    const numericMax = parseInt(props.max as string, 10);\n    // We want to compare the values, not the types, so it's okay to use `!=` here. i.e. if '23' = 23, then we know\n    // the props are numbers, and we can compare the values. If you pass '23foobar' parseInt will return still return 23\n    // but this check will fail like we want it to.\n    // eslint-disable-next-line eqeqeq\n    if (numericContent != props.content || numericMax != props.max) {\n      return props.content;\n    }\n\n    return numericContent > numericMax ? `${numericMax}+` : numericContent;\n  });\n\n  const formatOffsetStyleValue = (value: number) => (value === 0 ? '0' : `${value}px`);\n\n  const computedOffsetStyle = computed(() => ({\n    top: props.offset.top !== undefined ? formatOffsetStyleValue(props.offset.top) : undefined,\n    right: props.offset.right !== undefined ? formatOffsetStyleValue(props.offset.right) : undefined,\n  }));\n\n  const playAnimation = ref(false);\n\n  watch(\n    () => props.content,\n    (value, oldValue) => {\n      if (!props.animate) {\n        return;\n      }\n\n      if (oldValue !== value) {\n        playAnimation.value = true;\n\n        setTimeout(() => {\n          playAnimation.value = false;\n        }, 1000);\n      }\n    },\n  );\n</script>\n\n<template>\n  <span class=\"stash-badge tw-relative tw-inline-block\" data-test=\"stash-badge\">\n    <slot />\n    <span\n      v-show=\"props.variant === 'dot' || computedContent || (computedContent === 0 && props.showZero)\"\n      data-test=\"stash-badge|content-wrapper\"\n      :class=\"[\n        {\n          [classes['top-right']]: props.position === 'top-right' && props.variant !== 'dot',\n          'tw-absolute': props.variant === 'dot' || props.position === 'top-right',\n          'tw-ml-1.5': props.position === 'inline',\n        },\n      ]\"\n      :style=\"props.variant === 'dot' || props.position === 'top-right' ? computedOffsetStyle : ''\"\n    >\n      <span\n        data-test=\"stash-badge|content\"\n        class=\"\n          tw-text-white\n          tw-font-semibold\n          tw-rounded-full\n          tw-text-[10px]\n          tw-text-center\n          tw-whitespace-nowrap\n          tw-leading-[0.875rem]\n          tw-inline-block\n        \"\n        :class=\"[\n          {\n            'tw-animate-grow': playAnimation,\n            'tw-bg-red-500': props.color === 'red' && !props.isDisabled,\n            'tw-bg-blue-500': props.color === 'blue' && !props.isDisabled,\n            'tw-absolute': props.variant === 'dot',\n            'tw-bg-ice-200 tw-text-white': props.isDisabled,\n            [classes['badge-dot']]: props.variant === 'dot',\n            [classes['badge-standard']]: props.variant === 'standard',\n            'tw-px-1.5': props.variant !== 'dot',\n          },\n        ]\"\n      >\n        {{ props.variant === 'dot' ? null : computedContent }}\n      </span>\n    </span>\n  </span>\n</template>\n\n<style module>\n  .badge-standard {\n    height: 15px;\n    line-height: 1.05rem;\n    vertical-align: middle;\n  }\n\n  .badge-dot {\n    border: 2px solid theme('colors.ice.100');\n    height: 10px;\n    right: 0;\n    width: 10px;\n  }\n\n  .top-right {\n    top: 0;\n    right: 0;\n    transform: translateX(50%) translateY(-48%);\n  }\n</style>\n"],"names":["classes","useCssModule","computedContent","computed","numericContent","props","numericMax","formatOffsetStyleValue","value","computedOffsetStyle","playAnimation","ref","watch","oldValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBAOQA,IAAUC,KAuEVC,IAAkBC,EAAS,MAAM;AACrC,YAAMC,IAAiB,SAASC,EAAM,SAAmB,EAAE,GACrDC,IAAa,SAASD,EAAM,KAAe,EAAE;AAKnD,aAAID,KAAkBC,EAAM,WAAWC,KAAcD,EAAM,MAClDA,EAAM,UAGRD,IAAiBE,IAAa,GAAGA,CAAU,MAAMF;AAAA,IAAA,CACzD,GAEKG,IAAyB,CAACC,MAAmBA,MAAU,IAAI,MAAM,GAAGA,CAAK,MAEzEC,IAAsBN,EAAS,OAAO;AAAA,MAC1C,KAAKE,EAAM,OAAO,QAAQ,SAAYE,EAAuBF,EAAM,OAAO,GAAG,IAAI;AAAA,MACjF,OAAOA,EAAM,OAAO,UAAU,SAAYE,EAAuBF,EAAM,OAAO,KAAK,IAAI;AAAA,IACvF,EAAA,GAEIK,IAAgBC,EAAI,EAAK;AAE/B,WAAAC;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACG,GAAOK,MAAa;AACf,QAACR,EAAM,WAIPQ,MAAaL,MACfE,EAAc,QAAQ,IAEtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,WACrB,GAAI;AAAA,MAEX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Badge.js","sources":["../src/components/Badge/Badge.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, ref, useCssModule, watch } from 'vue';\n\n  defineOptions({\n    name: 'll-badge',\n  });\n\n  const classes = useCssModule();\n\n  export interface BadgeProps {\n    /**\n     * If true, the badge will animate when the content changes\n     */\n    animate?: boolean;\n\n    /**\n     * Color of the badge\n     * Options: 'red' or 'blue'\n     */\n    color?: 'red' | 'blue';\n\n    /**\n     * The badge's content\n     */\n    content?: number | string;\n\n    /**\n     * Shows a gray badge with content\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The max value of the `content` prop. If the value is greater than this, the badge will show the max value and a `+` sign.\n     */\n    max?: number | string;\n\n    /**\n     * Offset to adjust the badge's position. It does not apply to inline position badges.\n     */\n    offset?: {\n      top?: number;\n      right?: number;\n    };\n\n    /**\n     * Badge position. Options:\n     *\n     * - inline: shows the badge directly next to the content (on the right), with a left margin of 6px\n     * - top-right: will overlap the badge over whatever is passed in the default slot\n     */\n    position?: 'top-right' | 'inline';\n\n    /**\n     * The badge will be hidden if the content is `0` unless this prop is set to true.\n     */\n    showZero?: boolean;\n\n    /**\n     * Badge variant\n     */\n    variant?: 'dot' | 'standard';\n  }\n\n  const props = withDefaults(defineProps<BadgeProps>(), {\n    animate: false,\n    color: 'red',\n    content: undefined,\n    isDisabled: false,\n    max: 99,\n    position: 'top-right',\n    offset: () => ({\n      top: undefined,\n      right: undefined,\n    }),\n    showZero: false,\n    variant: 'standard',\n  });\n\n  const computedContent = computed(() => {\n    const numericContent = parseInt(props.content as string, 10);\n    const numericMax = parseInt(props.max as string, 10);\n    // We want to compare the values, not the types, so it's okay to use `!=` here. i.e. if '23' = 23, then we know\n    // the props are numbers, and we can compare the values. If you pass '23foobar' parseInt will return still return 23\n    // but this check will fail like we want it to.\n    // eslint-disable-next-line eqeqeq\n    if (numericContent != props.content || numericMax != props.max) {\n      return props.content;\n    }\n\n    return numericContent > numericMax ? `${numericMax}+` : numericContent;\n  });\n\n  const formatOffsetStyleValue = (value: number) => (value === 0 ? '0' : `${value}px`);\n\n  const computedOffsetStyle = computed(() => ({\n    top: props.offset.top !== undefined ? formatOffsetStyleValue(props.offset.top) : undefined,\n    right: props.offset.right !== undefined ? formatOffsetStyleValue(props.offset.right) : undefined,\n  }));\n\n  const playAnimation = ref(false);\n\n  watch(\n    () => props.content,\n    (value, oldValue) => {\n      if (!props.animate) {\n        return;\n      }\n\n      if (oldValue !== value) {\n        playAnimation.value = true;\n\n        setTimeout(() => {\n          playAnimation.value = false;\n        }, 1000);\n      }\n    },\n  );\n</script>\n\n<template>\n  <span class=\"stash-badge tw-relative tw-inline-block\" data-test=\"stash-badge\">\n    <slot />\n    <span\n      v-show=\"props.variant === 'dot' || computedContent || (computedContent === 0 && props.showZero)\"\n      data-test=\"stash-badge|content-wrapper\"\n      :class=\"[\n        {\n          [classes['top-right']]: props.position === 'top-right' && props.variant !== 'dot',\n          'tw-absolute': props.variant === 'dot' || props.position === 'top-right',\n          'tw-ml-1.5': props.position === 'inline',\n        },\n      ]\"\n      :style=\"props.variant === 'dot' || props.position === 'top-right' ? computedOffsetStyle : ''\"\n    >\n      <span\n        data-test=\"stash-badge|content\"\n        class=\"\n          tw-inline-block\n          tw-whitespace-nowrap\n          tw-rounded-full\n          tw-text-center\n          tw-text-[10px]\n          tw-font-semibold\n          tw-leading-[0.875rem]\n          tw-text-white\n        \"\n        :class=\"[\n          {\n            'tw-animate-grow': playAnimation,\n            'tw-bg-red-500': props.color === 'red' && !props.isDisabled,\n            'tw-bg-blue-500': props.color === 'blue' && !props.isDisabled,\n            'tw-absolute': props.variant === 'dot',\n            'tw-bg-ice-200 tw-text-white': props.isDisabled,\n            [classes['badge-dot']]: props.variant === 'dot',\n            [classes['badge-standard']]: props.variant === 'standard',\n            'tw-px-1.5': props.variant !== 'dot',\n          },\n        ]\"\n      >\n        {{ props.variant === 'dot' ? null : computedContent }}\n      </span>\n    </span>\n  </span>\n</template>\n\n<style module>\n  .badge-standard {\n    height: 15px;\n    line-height: 1.05rem;\n    vertical-align: middle;\n  }\n\n  .badge-dot {\n    border: 2px solid var(--color-ice-100);\n    height: 10px;\n    right: 0;\n    width: 10px;\n  }\n\n  .top-right {\n    top: 0;\n    right: 0;\n    transform: translateX(50%) translateY(-48%);\n  }\n</style>\n"],"names":["classes","useCssModule","computedContent","computed","numericContent","props","numericMax","formatOffsetStyleValue","value","computedOffsetStyle","playAnimation","ref","watch","oldValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBAOQA,IAAUC,KAuEVC,IAAkBC,EAAS,MAAM;AACrC,YAAMC,IAAiB,SAASC,EAAM,SAAmB,EAAE,GACrDC,IAAa,SAASD,EAAM,KAAe,EAAE;AAKnD,aAAID,KAAkBC,EAAM,WAAWC,KAAcD,EAAM,MAClDA,EAAM,UAGRD,IAAiBE,IAAa,GAAGA,CAAU,MAAMF;AAAA,IAAA,CACzD,GAEKG,IAAyB,CAACC,MAAmBA,MAAU,IAAI,MAAM,GAAGA,CAAK,MAEzEC,IAAsBN,EAAS,OAAO;AAAA,MAC1C,KAAKE,EAAM,OAAO,QAAQ,SAAYE,EAAuBF,EAAM,OAAO,GAAG,IAAI;AAAA,MACjF,OAAOA,EAAM,OAAO,UAAU,SAAYE,EAAuBF,EAAM,OAAO,KAAK,IAAI;AAAA,IACvF,EAAA,GAEIK,IAAgBC,EAAI,EAAK;AAE/B,WAAAC;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACG,GAAOK,MAAa;AACf,QAACR,EAAM,WAIPQ,MAAaL,MACfE,EAAc,QAAQ,IAEtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,WACrB,GAAI;AAAA,MAEX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Button.js

@@ -1,5 +1,5 @@
 import { defineComponent as f, computed as c, openBlock as a, createElementBlock as n, normalizeClass as r, renderSlot as s } from "vue";
-import { s as i } from "./Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js";
+import { s as i } from "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
 import { _ as d } from "./_plugin-vue_export-helper-dad06003.js";
 const y = ["href"];
 var u = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Tertiary = "tertiary", t.Icon = "icon", t.IconLabel = "iconLabel", t.Inline = "inline", t))(u || {});

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../src/components/Button/Button.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed } from 'vue';\n\n  defineOptions({\n    name: 'll-button',\n  });\n\n  export interface ButtonProps {\n    /**\n     * Renders the secondary variant\n     */\n    secondary?: boolean;\n    /**\n     * Renders the button as a container for an Icon\n     */\n    icon?: boolean;\n    /**\n     * Renders the button as a container for an IconLabel\n     */\n    iconLabel?: boolean;\n    /**\n     * Renders the tertiary variant\n     */\n    tertiary?: boolean;\n    /**\n     * Renders the component inline\n     */\n    inline?: boolean;\n    /**\n     * Renders a color variant\n     */\n    color?: 'blue' | 'red';\n    /**\n     * Button link. If defined, the button will render as an `<a />` tag.\n     */\n    href?: string;\n  }\n\n  const props = withDefaults(defineProps<ButtonProps>(), {\n    secondary: false,\n    icon: false,\n    iconLabel: false,\n    tertiary: false,\n    inline: false,\n    color: undefined,\n    href: '',\n  });\n\n  enum ButtonTypes {\n    Primary = 'primary',\n    Secondary = 'secondary',\n    Tertiary = 'tertiary',\n    Icon = 'icon',\n    IconLabel = 'iconLabel',\n    Inline = 'inline',\n  }\n\n  type ButtonType = `${ButtonTypes}`;\n\n  const buttonType = computed<ButtonType>(() => {\n    for (const type of Object.values(ButtonTypes)) {\n      if (props[type]) {\n        return type;\n      }\n    }\n\n    return ButtonTypes.Primary;\n  });\n</script>\n\n<template>\n  <a\n    v-if=\"props.href\"\n    data-test=\"ll-button\"\n    class=\"stash-button\"\n    :class=\"[$style.button, $style[`button--${buttonType}`], { [$style[`button--${props.color}`]]: props.color }]\"\n    :href=\"props.href\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </a>\n  <button\n    v-else\n    data-test=\"ll-button\"\n    class=\"stash-button\"\n    :class=\"[$style.button, $style[`button--${buttonType}`], { [$style[`button--${props.color}`]]: props.color }]\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </button>\n</template>\n\n<style module>\n  .button {\n    border-radius: var(--border-radius);\n    border-width: 1px;\n    display: inline-block;\n    font-size: 0.875rem;\n    font-weight: var(--font-weight-semibold);\n    line-height: 2.125rem;\n    margin: 0;\n    min-width: 144px;\n    padding: 0 var(--ll-space-2);\n    text-align: center;\n    text-decoration: none;\n    vertical-align: middle;\n    white-space: nowrap;\n  }\n\n  @media screen(lg) {\n    /* `focus` and `hover` should be added only for large screens */\n    .button:focus {\n      box-shadow: 0 0 0 3px rgb(0 123 255 / 14%);\n      outline: none;\n    }\n\n    .button:hover {\n      text-decoration: none;\n    }\n  }\n\n  .button[disabled] {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* Solid treatment */\n  .button--solid {\n    background-color: var(--button-color);\n    border-color: transparent;\n    color: var(--text-color);\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--solid:hover {\n      background-color: var(--button-hover-color);\n    }\n  }\n\n  .button--solid:active {\n    background-color: var(--button-hover-color);\n  }\n\n  .button--solid[disabled] {\n    --button-color: var(--color-ice) !important;\n  }\n\n  /* Ghost treatment */\n  .button--ghost {\n    background-color: rgb(0 0 0 / 0%);\n    border-color: var(--button-color);\n    color: var(--text-color);\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--ghost:hover {\n      background-color: var(--button-hover-color);\n    }\n  }\n\n  .button--ghost:active {\n    background-color: var(--button-hover-color);\n  }\n\n  .button--ghost[disabled] {\n    --button-color: var(--color-ice) !important;\n    --text-color: var(--color-ice) !important;\n  }\n\n  /* Types */\n  .button--primary {\n    composes: button--solid;\n    --button-color: var(--color-blue);\n    --button-hover-color: var(--color-blue-hover);\n    --text-color: var(--color-white);\n  }\n\n  .button--secondary {\n    composes: button--ghost;\n    --button-color: var(--color-ice);\n    --button-hover-color: var(--color-ice-700-hover);\n    --text-color: var(--color-ice-700);\n  }\n\n  .button--tertiary {\n    composes: button--ghost;\n    --button-color: var(--color-white);\n    --button-hover-color: var(--color-white-hover);\n    --text-color: var(--color-white);\n  }\n\n  .button--icon,\n  .button--iconLabel {\n    /* https://developers.google.com/web/fundamentals/accessibility/accessible-styles */\n    border: 0;\n    border-radius: var(--border-radius);\n    height: var(--ll-space-5);\n    min-width: var(--ll-space-5);\n    text-decoration: none;\n  }\n\n  .button--icon {\n    padding: var(--ll-space-2);\n    width: var(--ll-space-5);\n  }\n\n  .button--iconLabel {\n    padding: 0;\n    width: unset;\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--icon:hover,\n    .button--iconLabel:hover {\n      text-decoration: none;\n    }\n  }\n\n  .button--icon svg,\n  .button--iconLabel svg {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .button--icon[disabled] svg,\n  .button--iconLabel[disabled],\n  .button--iconLabel[disabled] svg {\n    color: var(--color-ice);\n  }\n\n  .button--inline {\n    border: 0;\n    color: var(--color-blue);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n    min-width: 0;\n    padding: 0;\n  }\n\n  .button--inline:hover {\n    text-decoration: underline;\n  }\n\n  .button--inline[disabled] {\n    color: var(--color-ice-900);\n  }\n\n  /* Colors */\n  .button--blue.button--primary,\n  .button--blue.button--secondary {\n    --button-color: var(--color-blue);\n  }\n\n  .button--blue.button--primary {\n    --button-hover-color: var(--color-blue-hover);\n  }\n\n  .button--blue.button--secondary {\n    --text-color: var(--color-blue);\n    --button-hover-color: var(--button-secondary-blue-hover);\n  }\n\n  .button--red.button--primary,\n  .button--red.button--secondary {\n    --button-color: var(--color-red);\n  }\n\n  .button--red.button--primary {\n    --button-hover-color: var(--color-red-hover);\n  }\n\n  .button--red.button--secondary {\n    --text-color: var(--color-red);\n    --button-hover-color: var(--button-secondary-red-hover);\n  }\n\n  /**\n   * Button Grid\n   * TODO: Move into separate component\n   * https://leaflink.atlassian.net/browse/STASH-230\n   * See `styles/elements/_buttons.scss` for button-grid (parent element) specific styles.\n   */\n  :global(.button-grid) > .button,\n  :global(.header-button-grid) > .button {\n    width: 50%;\n  }\n\n  :global(.button-grid) > .button + .button {\n    margin-left: var(--ll-space-3);\n  }\n\n  @media screen(md) {\n    :global(.button-grid) > .button {\n      width: auto;\n    }\n  }\n\n  :global(.header-button-grid) > .button + .button {\n    margin-left: var(--ll-space-3);\n  }\n\n  @media screen(lg) {\n    :global(.header-button-grid) > .button {\n      width: auto;\n    }\n  }\n</style>\n"],"names":["ButtonTypes","buttonType","computed","type","props"],"mappings":";;;;AAgDE,IAAKA,sBAAAA,OACHA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,SAAS,UANNA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;iBAWCC,IAAaC,EAAqB,MAAM;AAC5C,iBAAWC,KAAQ,OAAO,OAAOH,CAAW;AACtC,YAAAI,EAAMD,CAAI;AACL,iBAAAA;AAIJ,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":["../src/components/Button/Button.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed } from 'vue';\n\n  defineOptions({\n    name: 'll-button',\n  });\n\n  export interface ButtonProps {\n    /**\n     * Renders the secondary variant\n     */\n    secondary?: boolean;\n    /**\n     * Renders the button as a container for an Icon\n     */\n    icon?: boolean;\n    /**\n     * Renders the button as a container for an IconLabel\n     */\n    iconLabel?: boolean;\n    /**\n     * Renders the tertiary variant\n     */\n    tertiary?: boolean;\n    /**\n     * Renders the component inline\n     */\n    inline?: boolean;\n    /**\n     * Renders a color variant\n     */\n    color?: 'blue' | 'red';\n    /**\n     * Button link. If defined, the button will render as an `<a />` tag.\n     */\n    href?: string;\n  }\n\n  const props = withDefaults(defineProps<ButtonProps>(), {\n    secondary: false,\n    icon: false,\n    iconLabel: false,\n    tertiary: false,\n    inline: false,\n    color: undefined,\n    href: '',\n  });\n\n  enum ButtonTypes {\n    Primary = 'primary',\n    Secondary = 'secondary',\n    Tertiary = 'tertiary',\n    Icon = 'icon',\n    IconLabel = 'iconLabel',\n    Inline = 'inline',\n  }\n\n  type ButtonType = `${ButtonTypes}`;\n\n  const buttonType = computed<ButtonType>(() => {\n    for (const type of Object.values(ButtonTypes)) {\n      if (props[type]) {\n        return type;\n      }\n    }\n\n    return ButtonTypes.Primary;\n  });\n</script>\n\n<template>\n  <a\n    v-if=\"props.href\"\n    data-test=\"ll-button\"\n    class=\"stash-button\"\n    :class=\"[$style.button, $style[`button--${buttonType}`], { [$style[`button--${props.color}`]]: props.color }]\"\n    :href=\"props.href\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </a>\n  <button\n    v-else\n    data-test=\"ll-button\"\n    class=\"stash-button\"\n    :class=\"[$style.button, $style[`button--${buttonType}`], { [$style[`button--${props.color}`]]: props.color }]\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </button>\n</template>\n\n<style module>\n  .button {\n    border-radius: var(--border-radius);\n    border-width: 1px;\n    display: inline-block;\n    font-size: 0.875rem;\n    font-weight: var(--font-weight-semibold);\n    line-height: 2.125rem;\n    margin: 0;\n    min-width: 144px;\n    padding: 0 var(--ll-space-2);\n    text-align: center;\n    text-decoration: none;\n    vertical-align: middle;\n    white-space: nowrap;\n  }\n\n  @media screen(lg) {\n    /* `focus` and `hover` should be added only for large screens */\n    .button:focus {\n      box-shadow: 0 0 0 3px rgb(0 123 255 / 14%);\n      outline: none;\n    }\n\n    .button:hover {\n      text-decoration: none;\n    }\n  }\n\n  .button[disabled] {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* Solid treatment */\n  .button--solid {\n    background-color: var(--button-color);\n    border-color: transparent;\n    color: var(--text-color);\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--solid:hover {\n      background-color: var(--button-hover-color);\n    }\n  }\n\n  .button--solid:active {\n    background-color: var(--button-hover-color);\n  }\n\n  .button--solid[disabled] {\n    --button-color: var(--color-ice-500) !important;\n  }\n\n  /* Ghost treatment */\n  .button--ghost {\n    background-color: rgb(0 0 0 / 0%);\n    border-color: var(--button-color);\n    color: var(--text-color);\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--ghost:hover {\n      background-color: var(--button-hover-color);\n    }\n  }\n\n  .button--ghost:active {\n    background-color: var(--button-hover-color);\n  }\n\n  .button--ghost[disabled] {\n    --button-color: var(--color-ice-500) !important;\n    --text-color: var(--color-ice-500) !important;\n  }\n\n  /* Types */\n  .button--primary {\n    composes: button--solid;\n    --button-color: var(--color-blue-500);\n    --button-hover-color: var(--color-blue-hover);\n    --text-color: var(--color-white);\n  }\n\n  .button--secondary {\n    composes: button--ghost;\n    --button-color: var(--color-ice-500);\n    --button-hover-color: var(--color-ice-700-hover);\n    --text-color: var(--color-ice-700);\n  }\n\n  .button--tertiary {\n    composes: button--ghost;\n    --button-color: var(--color-white);\n    --button-hover-color: var(--color-white-hover);\n    --text-color: var(--color-white);\n  }\n\n  .button--icon,\n  .button--iconLabel {\n    /* https://developers.google.com/web/fundamentals/accessibility/accessible-styles */\n    border: 0;\n    border-radius: var(--border-radius);\n    height: var(--ll-space-5);\n    min-width: var(--ll-space-5);\n    text-decoration: none;\n  }\n\n  .button--icon {\n    padding: var(--ll-space-2);\n    width: var(--ll-space-5);\n  }\n\n  .button--iconLabel {\n    padding: 0;\n    width: unset;\n  }\n\n  @media screen(lg) {\n    /* `hover` should be added only for large screens */\n    .button--icon:hover,\n    .button--iconLabel:hover {\n      text-decoration: none;\n    }\n  }\n\n  .button--icon svg,\n  .button--iconLabel svg {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .button--icon[disabled] svg,\n  .button--iconLabel[disabled],\n  .button--iconLabel[disabled] svg {\n    color: var(--color-ice-500);\n  }\n\n  .button--inline {\n    border: 0;\n    color: var(--color-blue-500);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n    min-width: 0;\n    padding: 0;\n  }\n\n  .button--inline:hover {\n    text-decoration: underline;\n  }\n\n  .button--inline[disabled] {\n    color: var(--color-ice-900);\n  }\n\n  /* Colors */\n  .button--blue.button--primary,\n  .button--blue.button--secondary {\n    --button-color: var(--color-blue-500);\n  }\n\n  .button--blue.button--primary {\n    --button-hover-color: var(--color-blue-hover);\n  }\n\n  .button--blue.button--secondary {\n    --text-color: var(--color-blue-500);\n    --button-hover-color: var(--button-secondary-blue-hover);\n  }\n\n  .button--red.button--primary,\n  .button--red.button--secondary {\n    --button-color: var(--color-red-500);\n  }\n\n  .button--red.button--primary {\n    --button-hover-color: var(--color-red-hover);\n  }\n\n  .button--red.button--secondary {\n    --text-color: var(--color-red-500);\n    --button-hover-color: var(--button-secondary-red-hover);\n  }\n\n  /**\n   * Button Grid\n   * TODO: Move into separate component\n   * https://leaflink.atlassian.net/browse/STASH-230\n   * See `styles/elements/_buttons.scss` for button-grid (parent element) specific styles.\n   */\n  :global(.button-grid) > .button,\n  :global(.header-button-grid) > .button {\n    width: 50%;\n  }\n\n  :global(.button-grid) > .button + .button {\n    margin-left: var(--ll-space-3);\n  }\n\n  @media screen(md) {\n    :global(.button-grid) > .button {\n      width: auto;\n    }\n  }\n\n  :global(.header-button-grid) > .button + .button {\n    margin-left: var(--ll-space-3);\n  }\n\n  @media screen(lg) {\n    :global(.header-button-grid) > .button {\n      width: auto;\n    }\n  }\n</style>\n"],"names":["ButtonTypes","buttonType","computed","type","props"],"mappings":";;;;AAgDE,IAAKA,sBAAAA,OACHA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,SAAS,UANNA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;iBAWCC,IAAaC,EAAqB,MAAM;AAC5C,iBAAWC,KAAQ,OAAO,OAAOH,CAAW;AACtC,YAAAI,EAAMD,CAAI;AACL,iBAAAA;AAIJ,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;"}

package/dist/Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js

@@ -0,0 +1,17 @@
+const t = "_button_trcic_2", o = {
+  button: t,
+  "button--solid": "_button--solid_trcic_36",
+  "button--ghost": "_button--ghost_trcic_58",
+  "button--primary": "_button--primary_trcic_81 _button--solid_trcic_36",
+  "button--secondary": "_button--secondary_trcic_88 _button--ghost_trcic_58",
+  "button--tertiary": "_button--tertiary_trcic_95 _button--ghost_trcic_58",
+  "button--icon": "_button--icon_trcic_102",
+  "button--iconLabel": "_button--iconLabel_trcic_103",
+  "button--inline": "_button--inline_trcic_143",
+  "button--blue": "_button--blue_trcic_161",
+  "button--red": "_button--red_trcic_175"
+};
+export {
+  o as s
+};
+//# sourceMappingURL=Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js.map

package/dist/Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/ButtonGroup.js

@@ -1,12 +1,12 @@
-import { defineComponent as m, computed as r, ref as b, openBlock as n, createElementBlock as s, normalizeClass as p, Fragment as g, renderList as $, withModifiers as y, toDisplayString as B } from "vue";
-import h from "lodash-es/uniqueId";
-import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
-const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
+import { defineComponent as m, computed as r, ref as b, openBlock as l, createElementBlock as s, normalizeClass as p, Fragment as g, renderList as $, withModifiers as y, toDisplayString as w } from "vue";
+import B from "lodash-es/uniqueId";
+import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
+const k = ["data-test"], x = ["data-test", "disabled", "onClick"], C = {
   name: "ll-button-group"
-}, D = /* @__PURE__ */ m({
-  ...w,
+}, G = /* @__PURE__ */ m({
+  ...C,
   props: {
-    groupName: { default: h() },
+    groupName: { default: B() },
     options: {},
     fullWidth: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
@@ -19,7 +19,7 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
       var o;
       i.value && ((o = a.value) == null ? void 0 : o.id) === t.id ? a.value = null : a.value = t, _("input", a.value);
     }
-    return (t, o) => (n(), s("div", {
+    return (t, o) => (l(), s("div", {
       class: p([
         "flex",
         t.$style.buttonGroup,
@@ -29,29 +29,29 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
       ]),
       "data-test": `button-group-${t.$props.groupName}`
     }, [
-      (n(!0), s(g, null, $(e.options, (l) => {
+      (l(!0), s(g, null, $(e.options, (n) => {
         var c, d;
-        return n(), s("button", {
-          key: `${e.groupName}-${l.id}`,
-          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === l.id }]),
-          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === l.id ? "active" : "inactive"}`,
+        return l(), s("button", {
+          key: `${e.groupName}-${n.id}`,
+          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === n.id }]),
+          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === n.id ? "active" : "inactive"}`,
           tabindex: 0,
           disabled: e.disabled,
-          onClick: y((E) => f(l), ["prevent"])
-        }, B(l.text), 11, G);
+          onClick: y((z) => f(n), ["prevent"])
+        }, w(n.text), 11, x);
       }), 128))
-    ], 10, C));
+    ], 10, k));
   }
-}), N = "_buttonGroup_15lt7_176", M = "_button_15lt7_176", S = "_single_15lt7_190", W = "_active_15lt7_202", q = {
-  buttonGroup: N,
-  button: M,
-  single: S,
-  active: W,
-  "can-deactivate": "_can-deactivate_15lt7_215"
-}, z = {
-  $style: q
-}, j = /* @__PURE__ */ k(D, [["__cssModules", z]]);
+}), D = "_buttonGroup_1cnwx_176", N = "_button_1cnwx_176", M = "_single_1cnwx_190", S = "_active_1cnwx_202", W = {
+  buttonGroup: D,
+  button: N,
+  single: M,
+  active: S,
+  "can-deactivate": "_can-deactivate_1cnwx_215"
+}, q = {
+  $style: W
+}, L = /* @__PURE__ */ h(G, [["__cssModules", q]]);
 export {
-  j as default
+  L as default
 };
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice-500);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue-500) !important;\n    color: var(--color-blue-500);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue-500) !important;\n    color: var(--color-blue-500);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice-500);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Card.js

@@ -1,6 +1,6 @@
 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";
 const p = {
-  class: "stash-card tw-border tw-rounded tw-shadow-md tw-inline-block tw-relative tw-bg-white",
+  class: "stash-card tw-relative tw-inline-block tw-rounded tw-border tw-bg-white tw-shadow-md",
   "data-test": "stash-card"
 }, h = /* @__PURE__ */ w({
   __name: "Card",
@@ -13,7 +13,7 @@ const p = {
       s(t)["top-left"] || s(t)["top-right"] ? (a(), r("div", {
         key: 0,
         "data-test": "card-actions",
-        class: n([{ "tw-absolute tw-top-0 tw-w-full": c.detachActions }, "tw-flex tw-justify-between tw-items-start tw-flex-wrap tw-p-6"])
+        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, [
           o(e.$slots, "top-left")
@@ -23,7 +23,7 @@ const p = {
         ])
       ], 2)) : f("", !0),
       l("div", {
-        class: n({ "tw-flex tw-flex-col tw-gap-y-6 tw-h-full tw-mb-6": s(t).default })
+        class: n({ "tw-mb-6 tw-flex tw-h-full tw-flex-col tw-gap-y-6": s(t).default })
       }, [
         o(e.$slots, "default")
       ], 2)

package/dist/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../src/components/Card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useSlots } from 'vue';\n\n  export interface CardProps {\n    /**\n     * Detach the actions from the top of the card, making them absolute-positioned.\n     * @default false\n     */\n    detachActions?: boolean;\n  }\n\n  const props = withDefaults(defineProps<CardProps>(), {\n    detachActions: false,\n  });\n\n  const slots = useSlots();\n</script>\n\n<template>\n  <article\n    class=\"stash-card tw-border tw-rounded tw-shadow-md tw-inline-block tw-relative tw-bg-white\"\n    data-test=\"stash-card\"\n  >\n    <div\n      v-if=\"slots['top-left'] || slots['top-right']\"\n      data-test=\"card-actions\"\n      :class=\"{ 'tw-absolute tw-top-0 tw-w-full': props.detachActions }\"\n      class=\"tw-flex tw-justify-between tw-items-start tw-flex-wrap tw-p-6\"\n    >\n      <div>\n        <!-- @slot Top left actions slot, for rendering content on the card top-left -->\n        <slot name=\"top-left\"></slot>\n      </div>\n      <div>\n        <!-- @slot Top right actions slot, for rendering content on the card top-right -->\n        <slot name=\"top-right\"></slot>\n      </div>\n    </div>\n\n    <div :class=\"{ 'tw-flex tw-flex-col tw-gap-y-6 tw-h-full tw-mb-6': slots['default'] }\">\n      <!-- @slot Default slot, for rendering card subcomponents -->\n      <slot></slot>\n    </div>\n  </article>\n</template>\n"],"names":["slots","useSlots"],"mappings":";;;;;;;;;;iBAeQA,IAAQC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Card.js","sources":["../src/components/Card/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useSlots } from 'vue';\n\n  export interface CardProps {\n    /**\n     * Detach the actions from the top of the card, making them absolute-positioned.\n     * @default false\n     */\n    detachActions?: boolean;\n  }\n\n  const props = withDefaults(defineProps<CardProps>(), {\n    detachActions: false,\n  });\n\n  const slots = useSlots();\n</script>\n\n<template>\n  <article\n    class=\"stash-card tw-relative tw-inline-block tw-rounded tw-border tw-bg-white tw-shadow-md\"\n    data-test=\"stash-card\"\n  >\n    <div\n      v-if=\"slots['top-left'] || slots['top-right']\"\n      data-test=\"card-actions\"\n      :class=\"{ 'tw-absolute tw-top-0 tw-w-full': props.detachActions }\"\n      class=\"tw-flex tw-flex-wrap tw-items-start tw-justify-between tw-p-6\"\n    >\n      <div>\n        <!-- @slot Top left actions slot, for rendering content on the card top-left -->\n        <slot name=\"top-left\"></slot>\n      </div>\n      <div>\n        <!-- @slot Top right actions slot, for rendering content on the card top-right -->\n        <slot name=\"top-right\"></slot>\n      </div>\n    </div>\n\n    <div :class=\"{ 'tw-mb-6 tw-flex tw-h-full tw-flex-col tw-gap-y-6': slots['default'] }\">\n      <!-- @slot Default slot, for rendering card subcomponents -->\n      <slot></slot>\n    </div>\n  </article>\n</template>\n"],"names":["slots","useSlots"],"mappings":";;;;;;;;;;iBAeQA,IAAQC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/CardHeader.js

@@ -1,13 +1,13 @@
 import { defineComponent as r, openBlock as e, createElementBlock as s, createElementVNode as n, toDisplayString as a, createCommentVNode as o } from "vue";
 const d = {
-  class: "stash-card-header tw-px-6 tw-text-ice-900 tw-font-medium",
+  class: "stash-card-header tw-px-6 tw-font-medium tw-text-ice-900",
   "data-test": "stash-card-header"
 }, i = { class: "tw-text-base" }, l = {
   key: 0,
-  class: "tw-mt-1.5 tw-mb-0"
+  class: "tw-mb-0 tw-mt-1.5"
 }, m = {
   key: 1,
-  class: "tw-text-ice-700 tw-mt-1.5"
+  class: "tw-mt-1.5 tw-text-ice-700"
 }, u = /* @__PURE__ */ r({
   __name: "CardHeader",
   props: {

package/dist/CardMedia.js

@@ -18,7 +18,7 @@ const h = {
     return (E, e) => (l(), c("div", h, [
       s.value || o.value ? (l(), c("div", {
         key: 0,
-        class: n([d(r).placeholder, "tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full"])
+        class: n([d(r).placeholder, "tw-flex tw-w-full tw-items-center tw-justify-center tw-rounded-t tw-bg-ice-200"])
       }, [
         p(w, {
           name: "image",

package/dist/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-flex tw-w-full tw-items-center tw-justify-center tw-rounded-t tw-bg-ice-200\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, inject as b, reactive as M, ref as d, h as S, provide as A, onMounted as Ie, nextTick as Ee, onUnmounted as je, computed as xe, watch as ae, cloneVNode as _e, Fragment as j, useAttrs as Be, openBlock as x, createElementBlock as T, createVNode as De, unref as _, mergeProps as Re, withCtx as oe, createBlock as ke, createCommentVNode as Ae, renderList as le, renderSlot as Pe, createElementVNode as Te, normalizeClass as H } from "vue";
+import { defineComponent as Y, inject as S, reactive as M, ref as d, h as b, provide as A, onMounted as Ie, nextTick as Ee, onUnmounted as je, computed as xe, watch as ae, cloneVNode as _e, Fragment as j, useAttrs as Be, openBlock as x, createElementBlock as T, createVNode as De, unref as _, mergeProps as Re, withCtx as oe, createBlock as ke, createCommentVNode as Ae, renderList as le, renderSlot as Pe, createElementVNode as Te, normalizeClass as H } from "vue";
 import { t as E } from "./locale.js";
 import { _ as Ve } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
@@ -219,8 +219,8 @@ function Ye(t = "", n = {}) {
 var We = Y({
   name: "ARIA",
   setup() {
-    const t = b("config", M(Object.assign({}, p))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
-    return () => S("div", {
+    const t = S("config", M(Object.assign({}, p))), n = S("currentSlide", d(0)), e = S("slidesCount", d(0));
+    return () => b("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
       "aria-atomic": "true"
@@ -364,15 +364,15 @@ var We = Y({
         width: "100%"
       };
     });
-    function be() {
+    function Se() {
       G(), V(), F(), R(), me();
     }
     Object.keys(Ce).forEach((a) => {
-      ["modelValue"].includes(a) || ae(() => t[a], be);
+      ["modelValue"].includes(a) || ae(() => t[a], Se);
     }), ae(() => t.modelValue, (a) => {
       a !== r.value && L(Number(a));
     }), ae(v, F), e("before-init"), G();
-    const Se = {
+    const be = {
       config: l,
       slidesCount: v,
       slideWidth: h,
@@ -389,14 +389,14 @@ var We = Y({
       updateSlidesData: F,
       updateSlideWidth: R,
       initDefaultConfigs: G,
-      restartCarousel: be,
+      restartCarousel: Se,
       slideTo: L,
       next: z,
       prev: J,
       nav: he,
-      data: Se
+      data: be
     });
-    const K = n.default || n.slides, Q = n.addons, ye = M(Se);
+    const K = n.default || n.slides, Q = n.addons, ye = M(be);
     return () => {
       const a = Ne(K == null ? void 0 : K(ye)), m = (Q == null ? void 0 : Q(ye)) || [];
       a.forEach((ee, te) => ee.props.index = te);
@@ -414,13 +414,13 @@ var We = Y({
         f = [...ee, ...a, ...te];
       }
       c.value = a, v.value = Math.max(a.length, 1);
-      const k = S("ol", {
+      const k = b("ol", {
         class: "carousel__track",
         style: Me.value,
         onMousedownCapture: l.mouseDrag ? ve : null,
         onTouchstartPassiveCapture: l.touchDrag ? ve : null
-      }, f), Z = S("div", { class: "carousel__viewport" }, k);
-      return S("section", {
+      }, f), Z = b("div", { class: "carousel__viewport" }, k);
+      return b("section", {
         ref: i,
         class: {
           carousel: !0,
@@ -434,7 +434,7 @@ var We = Y({
         tabindex: "0",
         onMouseenter: Oe,
         onMouseleave: Le
-      }, [Z, m, S(We)]);
+      }, [Z, m, b(We)]);
     };
   }
 }), se;
@@ -451,11 +451,11 @@ function qe(t) {
   return t in se;
 }
 const ue = (t) => {
-  const n = b("config", M(Object.assign({}, p))), e = String(t.name), o = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
+  const n = S("config", M(Object.assign({}, p))), e = String(t.name), o = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
   if (!e || typeof e != "string" || !qe(e))
     return;
-  const s = Fe[e], i = S("path", { d: s }), c = n.i18n[o] || t.title || e, h = S("title", c);
-  return S("svg", {
+  const s = Fe[e], i = b("path", { d: s }), c = n.i18n[o] || t.title || e, h = b("title", c);
+  return b("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
@@ -464,7 +464,7 @@ const ue = (t) => {
 };
 ue.props = { name: String, title: String };
 const Je = (t, { slots: n, attrs: e }) => {
-  const { next: o, prev: s } = n || {}, i = b("config", M(Object.assign({}, p))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), l = b("nav", {}), { dir: u, wrapAround: w, i18n: r } = i, g = u === "rtl", B = S("button", {
+  const { next: o, prev: s } = n || {}, i = S("config", M(Object.assign({}, p))), c = S("maxSlide", d(1)), h = S("minSlide", d(1)), v = S("currentSlide", d(1)), l = S("nav", {}), { dir: u, wrapAround: w, i18n: r } = i, g = u === "rtl", B = b("button", {
     type: "button",
     class: [
       "carousel__prev",
@@ -473,7 +473,7 @@ const Je = (t, { slots: n, attrs: e }) => {
     ],
     "aria-label": r.ariaPreviousSlide,
     onClick: l.prev
-  }, (s == null ? void 0 : s()) || S(ue, { name: g ? "arrowRight" : "arrowLeft" })), C = S("button", {
+  }, (s == null ? void 0 : s()) || b(ue, { name: g ? "arrowRight" : "arrowLeft" })), C = b("button", {
     type: "button",
     class: [
       "carousel__next",
@@ -482,7 +482,7 @@ const Je = (t, { slots: n, attrs: e }) => {
     ],
     "aria-label": r.ariaNextSlide,
     onClick: l.next
-  }, (o == null ? void 0 : o()) || S(ue, { name: g ? "arrowLeft" : "arrowRight" }));
+  }, (o == null ? void 0 : o()) || b(ue, { name: g ? "arrowLeft" : "arrowRight" }));
   return [B, C];
 };
 var Ke = Y({
@@ -498,13 +498,13 @@ var Ke = Y({
     }
   },
   setup(t, { slots: n }) {
-    const e = b("config", M(Object.assign({}, p))), o = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), i = b("isSliding", d(!1)), c = () => t.index === o.value, h = () => t.index === o.value - 1, v = () => t.index === o.value + 1, l = () => {
+    const e = S("config", M(Object.assign({}, p))), o = S("currentSlide", d(0)), s = S("slidesToScroll", d(0)), i = S("isSliding", d(!1)), c = () => t.index === o.value, h = () => t.index === o.value - 1, v = () => t.index === o.value + 1, l = () => {
       const u = Math.floor(s.value), w = Math.ceil(s.value + e.itemsToShow - 1);
       return t.index >= u && t.index <= w;
     };
     return () => {
       var u;
-      return S("li", {
+      return b("li", {
         style: { width: `${100 / e.itemsToShow}%` },
         class: {
           carousel__slide: !0,
@@ -618,7 +618,7 @@ const Qe = ["src", "title"], Ze = {
             onClick: (B) => c.value = g
           }, [
             Te("img", {
-              class: H(["tw-rounded pagination-tile", [
+              class: H(["pagination-tile tw-rounded", [
                 {
                   "is-current-tile": c.value === g,
                   "tw-rounded-full": o.paginationTileRadius === "full"
@@ -636,14 +636,14 @@ const Qe = ["src", "title"], Ze = {
         }, [
           (x(!0), T(j, null, le(u.slides, (r, g) => (x(), T("li", {
             key: r.imageUrl,
-            class: H(["tw-rounded-full tw-inline-block", ["pagination-dot", [c.value === g ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
+            class: H(["tw-inline-block tw-rounded-full", ["pagination-dot", [c.value === g ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
           }, null, 2))), 128))
         ], 2))
       ], 64))
     ], 64));
   }
 });
-const rt = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-3c1b8edd"]]);
+const rt = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-1590da01"]]);
 export {
   rt as default
 };