@leaflink/stash 48.2.0 → 48.3.1

package/dist/ActionsDropdown.js

@@ -5,7 +5,7 @@ import g from "./Dropdown.js";
 import B from "./Icon.js";
 import { _ as D } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./constants.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";

package/dist/Badge.vue.d.ts

@@ -107,8 +107,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     variant: string;
 }>>>, {
     color: "blue" | "red";
-    animate: boolean;
     max: string | number;
+    animate: boolean;
     offset: {
         top?: number | undefined;
         right?: number | undefined;

package/dist/Button.js

@@ -1,9 +1,8 @@
-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-63d31dc0.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 || {});
-const b = /* @__PURE__ */ f({
+import { defineComponent as f, useCssModule as i, computed as n, openBlock as d, createBlock as p, resolveDynamicComponent as m, mergeProps as b, unref as a, withCtx as y, renderSlot as _ } from "vue";
+import { s as h } from "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import { _ as v } from "./_plugin-vue_export-helper-dad06003.js";
+var s = /* @__PURE__ */ ((e) => (e.Icon = "icon", e.IconLabel = "iconLabel", e.Secondary = "secondary", e.Tertiary = "tertiary", e.Inline = "inline", e.Primary = "primary", e))(s || {});
+const $ = /* @__PURE__ */ f({
   name: "ll-button",
   __name: "Button",
   props: {
@@ -13,34 +12,39 @@ const b = /* @__PURE__ */ f({
     tertiary: { type: Boolean, default: !1 },
     inline: { type: Boolean, default: !1 },
     color: { default: void 0 },
+    to: { default: void 0 },
     href: { default: "" }
   },
-  setup(t) {
-    const o = t, l = c(() => {
-      for (const e of Object.values(u))
-        if (o[e])
-          return e;
+  setup(e) {
+    const t = e, r = i(), l = n(() => {
+      for (const o of Object.values(s))
+        if (t[o])
+          return o;
       return "primary";
-    });
-    return (e, m) => o.href ? (a(), n("a", {
-      key: 0,
-      "data-test": "ll-button",
-      class: r(["stash-button", [e.$style.button, e.$style[`button--${l.value}`], { [e.$style[`button--${o.color}`]]: o.color }]]),
-      href: o.href
-    }, [
-      s(e.$slots, "default")
-    ], 10, y)) : (a(), n("button", {
-      key: 1,
-      "data-test": "ll-button",
-      class: r(["stash-button", [e.$style.button, e.$style[`button--${l.value}`], { [e.$style[`button--${o.color}`]]: o.color }]])
-    }, [
-      s(e.$slots, "default")
-    ], 2));
+    }), u = n(() => t.to ? "router-link" : t.href ? "a" : "button"), c = n(() => t.to ? {
+      to: t.to
+    } : t.href ? {
+      href: t.href
+    } : {});
+    return (o, C) => (d(), p(m(u.value), b(c.value, {
+      class: ["stash-button", [
+        a(r).button,
+        `stash-button--${l.value}`,
+        a(r)[`button--${l.value}`],
+        { [`stash-button--${t.color}`]: t.color, [a(r)[`button--${t.color}`]]: t.color }
+      ]],
+      "data-test": "ll-button"
+    }), {
+      default: y(() => [
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
   }
-}), p = {
-  $style: i
-}, _ = /* @__PURE__ */ d(b, [["__cssModules", p]]);
+}), B = {
+  $style: h
+}, L = /* @__PURE__ */ v($, [["__cssModules", B]]);
 export {
-  _ as default
+  L as default
 };
 //# sourceMappingURL=Button.js.map

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    /**\n     * Renders the button as a container for an Icon\n     */\n    icon?: boolean;\n\n    /**\n     * Renders the button as a container for an IconLabel\n     */\n    iconLabel?: boolean;\n\n    /**\n     * Renders the tertiary variant\n     */\n    tertiary?: boolean;\n\n    /**\n     * Renders the component inline\n     */\n    inline?: boolean;\n\n    /**\n     * Renders a color variant\n     */\n    color?: 'blue' | 'red';\n\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: theme('borderRadius.DEFAULT');\n    border-width: 1px;\n    display: inline-block;\n    font-size: 0.875rem;\n    font-weight: theme('fontWeight.semibold');\n    line-height: 2.125rem;\n    margin: 0;\n    min-width: 144px;\n    padding: 0 theme('spacing.3');\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: theme('borderRadius.DEFAULT');\n    height: theme('spacing.12');\n    min-width: theme('spacing.12');\n    text-decoration: none;\n  }\n\n  .button--icon {\n    padding: theme('spacing.3');\n    width: theme('spacing.12');\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: theme('fontWeight.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: theme('spacing.6');\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: theme('spacing.6');\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":";;;;AAsDE,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, useCssModule } from 'vue';\n  import { RouteLocationRaw } from 'vue-router';\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    /**\n     * Renders the button as a container for an Icon\n     */\n    icon?: boolean;\n\n    /**\n     * Renders the button as a container for an IconLabel\n     */\n    iconLabel?: boolean;\n\n    /**\n     * Renders the tertiary variant\n     */\n    tertiary?: boolean;\n\n    /**\n     * Renders the component inline\n     */\n    inline?: boolean;\n\n    /**\n     * Renders a color variant\n     */\n    color?: 'blue' | 'red';\n\n    /**\n     * The `to` prop for vue-router's `RouterLink` component. If defined, the button will render as a `<router-link />`.\n     */\n    to?: RouteLocationRaw;\n\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    to: undefined,\n  });\n  const classes = useCssModule();\n\n  enum ButtonTypes {\n    Icon = 'icon',\n    IconLabel = 'iconLabel',\n    Secondary = 'secondary',\n    Tertiary = 'tertiary',\n    Inline = 'inline',\n    Primary = 'primary',\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\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'button';\n  });\n\n  const buttonAttrs = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n\n    if (props.href) {\n      return {\n        href: props.href,\n      };\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"buttonAttrs\"\n    class=\"stash-button\"\n    :class=\"[\n      classes.button,\n      `stash-button--${buttonType}`,\n      classes[`button--${buttonType}`],\n      { [`stash-button--${props.color}`]: props.color, [classes[`button--${props.color}`]]: props.color },\n    ]\"\n    data-test=\"ll-button\"\n  >\n    <!-- @slot default -->\n    <slot></slot>\n  </component>\n</template>\n\n<style module>\n  .button {\n    border-radius: theme('borderRadius.DEFAULT');\n    border-width: 1px;\n    display: inline-block;\n    font-size: 0.875rem;\n    font-weight: theme('fontWeight.semibold');\n    line-height: 2.125rem;\n    margin: 0;\n    min-width: 144px;\n    padding: 0 theme('spacing.3');\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: theme('borderRadius.DEFAULT');\n    height: theme('spacing.12');\n    min-width: theme('spacing.12');\n    text-decoration: none;\n  }\n\n  .button--icon {\n    padding: theme('spacing.3');\n    width: theme('spacing.12');\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: theme('fontWeight.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-500);\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: theme('spacing.6');\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: theme('spacing.6');\n  }\n\n  @media screen('lg') {\n    :global(.header-button-grid) > .button {\n      width: auto;\n    }\n  }\n</style>\n"],"names":["ButtonTypes","classes","useCssModule","buttonType","computed","type","props","is","buttonAttrs"],"mappings":";;;AA8DE,IAAKA,sBAAAA,OACHA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,UAAU,WANPA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;iBAFCC,IAAUC,KAaVC,IAAaC,EAAqB,MAAM;AAC5C,iBAAWC,KAAQ,OAAO,OAAOL,CAAW;AACtC,YAAAM,EAAMD,CAAI;AACL,iBAAAA;AAIJ,aAAA;AAAA,IAAA,CACR,GAEKE,IAAKH,EAAS,MACdE,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,QACR,GAEKE,IAAcJ,EAAS,MACvBE,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;"}

package/dist/Button.vue.d.ts

@@ -4,6 +4,7 @@ import { ComponentOptionsMixin } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
 import { VNodeProps } from 'vue';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -58,6 +59,10 @@ export declare interface ButtonProps {
      * Renders a color variant
      */
     color?: 'blue' | 'red';
+    /**
+     * The `to` prop for vue-router's `RouterLink` component. If defined, the button will render as a `<router-link />`.
+     */
+    to?: RouteLocationRaw;
     /**
      * Button link. If defined, the button will render as an `<a />` tag.
      */
@@ -72,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     inline: boolean;
     color: undefined;
     href: string;
+    to: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
     secondary: boolean;
     icon: boolean;
@@ -80,6 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     inline: boolean;
     color: undefined;
     href: string;
+    to: undefined;
 }>>>, {
     secondary: boolean;
     icon: boolean;
@@ -87,6 +94,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     tertiary: boolean;
     inline: boolean;
     color: "blue" | "red";
+    to: RouteLocationRaw;
     href: string;
 }, {}>, {
     default?(_: {}): any;

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

@@ -0,0 +1,17 @@
+const t = "_button_1d2of_2", o = {
+  button: t,
+  "button--solid": "_button--solid_1d2of_36",
+  "button--ghost": "_button--ghost_1d2of_58",
+  "button--primary": "_button--primary_1d2of_81 _button--solid_1d2of_36",
+  "button--secondary": "_button--secondary_1d2of_88 _button--ghost_1d2of_58",
+  "button--tertiary": "_button--tertiary_1d2of_95 _button--ghost_1d2of_58",
+  "button--icon": "_button--icon_1d2of_102",
+  "button--iconLabel": "_button--iconLabel_1d2of_103",
+  "button--inline": "_button--inline_1d2of_143",
+  "button--blue": "_button--blue_1d2of_161",
+  "button--red": "_button--red_1d2of_175"
+};
+export {
+  o as s
+};
+//# sourceMappingURL=Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js.map

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

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

package/dist/Checkbox.vue.d.ts

@@ -102,8 +102,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>>> & {
     "onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
 }, {
-    label: string;
     id: string;
+    label: string;
     checked: boolean | (string | number)[];
     disabled: boolean;
     value: string | number;

package/dist/ChevronToggle.js

@@ -1,7 +1,7 @@
 import { _ as o } from "./ChevronToggle.vue_vue_type_script_setup_true_lang-1591294c.js";
 import "vue";
 import "./Button.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "./Icon.js";
 import "lodash-es/uniqueId";

package/dist/Copy.js

@@ -12,7 +12,7 @@ import "lodash-es/camelCase";
 import "lodash-es/get";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/CurrencyInput.vue.d.ts

@@ -55,8 +55,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
 }>>> & {
     "onUpdate:model-value"?: ((v: string | null) => any) | undefined;
 }, {
-    label: string;
     id: string;
+    label: string;
     errorText: string;
     hintText: string;
     modelValue: string | null;

package/dist/DataViewFilters.js

@@ -15,7 +15,7 @@ import X from "./SearchBar.js";
 import { D as Y } from "./DataViewFilters.keys-c80ffabe.js";
 import { i as L } from "./isDefined-2ce6cde4.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";

package/dist/DataViewSortButton.js

@@ -9,7 +9,7 @@ import E from "./Dropdown.js";
 import I from "./IconLabel.js";
 import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/DataViewToolbar.js

@@ -7,7 +7,7 @@ import C from "./Icon.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import { D as B } from "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "@leaflink/snitch";
 import "lodash-es/uniqueId";

package/dist/DatePicker.js

@@ -15,7 +15,7 @@ import { _ as Bf } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 import "./toTimeZone-e6e9ab75.js";
 import "./_commonjsHelpers-10dfc225.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/isNil";

package/dist/DatePicker.vue.d.ts

@@ -203,8 +203,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     "onUpdate:model-value"?: ((date: string | number | Date) => any) | undefined;
 }, {
     name: string;
-    label: string;
     id: string;
+    label: string;
     disabled: boolean;
     placeholder: string;
     addBottomSpace: boolean;

package/dist/Dialog.js

@@ -7,7 +7,7 @@ import D from "./Button.js";
 import O from "./Icon.js";
 import { _ as Q } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const R = ["open", "aria-labelledby", "data-test", "onKeydown"], U = ["id"], W = {

package/dist/Expand.vue.d.ts

@@ -48,8 +48,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>>> & {
     "onAfter-expand"?: (() => any) | undefined;
 }, {
-    transitionName: string;
     is: ExpandOuterElement;
+    transitionName: string;
     isExpanded: boolean;
     isLazy: boolean;
 }, {}>, {

package/dist/Field.vue.d.ts

@@ -54,9 +54,9 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     showOptionalInLabel: boolean;
     fieldset: boolean;
 }>>>, {
+    id: string;
     fieldset: boolean;
     label: string;
-    id: string;
     isRequired: boolean;
     addBottomSpace: boolean;
     errorText: string;

package/dist/FileUpload.js

@@ -6,7 +6,7 @@ import D from "./Button.js";
 import oe from "./Icon.js";
 import { _ as ae } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const F = {

package/dist/FilterDropdown.js

@@ -11,7 +11,7 @@ import { D as z } from "./DataViewFilters.keys-c80ffabe.js";
 import G from "./Dropdown.js";
 import $ from "./FilterChip.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "./constants.js";
 import "./clickoutside.js";

package/dist/FilterDropdown.vue.d.ts

@@ -43,8 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     activeFilterCount: number;
     onApply: () => undefined;
 }>>> & {
-    onReset?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onReset?: (() => any) | undefined;
 }, {
     onApply: OnApplyFilters;
 }, {}>, {

package/dist/Filters.js

@@ -23,7 +23,7 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./utils/createValidDate.js";

package/dist/HttpError.js

@@ -5,7 +5,7 @@ import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup
 import { _ as M } from "./Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js";
 import { _ as T } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "@leaflink/snitch";

package/dist/Icon.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     title: string;
     staticPath: string;
 }>>>, {
-    title: string;
     id: string;
+    title: string;
     size: "small" | "standard" | "dense" | "large";
     staticPath: string;
 }, {}>;

package/dist/IconLabel.vue.d.ts

@@ -47,8 +47,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     truncate: boolean;
 }>>>, {
     color: "ice-700" | "purple-700" | "purple-500" | "purple-100" | "royal-700" | "royal-500" | "royal-100" | "blue-700" | "blue-500" | "blue-100" | "teal-700" | "teal-500" | "teal-100" | "green-700" | "green-500" | "green-100" | "seafoam-700" | "seafoam-500" | "seafoam-100" | "yellow-700" | "yellow-500" | "yellow-100" | "orange-700" | "orange-500" | "orange-100" | "red-700" | "red-500" | "red-100" | "ice-500" | "ice-200" | "ice-100" | "white" | "black";
-    href: string;
     to: string | object;
+    href: string;
     stacked: boolean;
     truncate: boolean;
 }, {}>, {

package/dist/Illustration.vue.d.ts

@@ -45,8 +45,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     staticPath: string;
 }>>>, {
     type: "spot" | "vignette" | "scene";
-    title: string;
     id: string;
+    title: string;
     size: number;
     staticPath: string;
     fillColor: StashPrimaryColorGroup;

package/dist/Input.vue.d.ts

@@ -66,8 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     "onUpdate:model-value"?: ((v: string | number) => any) | undefined;
 }, {
     type: string;
-    label: string;
     id: string;
+    label: string;
     autocomplete: string;
     value: string | number | null;
     errorText: string;

package/dist/ListView.js

@@ -26,7 +26,7 @@ import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/storage.js";
 import "@leaflink/snitch";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./clickoutside.js";

package/dist/Modal.js

@@ -7,7 +7,7 @@ import M from "./Button.js";
 import N from "./Icon.js";
 import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 var W = /* @__PURE__ */ ((l) => (l.Narrow = "narrow", l.Medium = "medium", l.Wide = "wide", l))(W || {}), G = /* @__PURE__ */ ((l) => (l.Center = "center", l.Left = "left", l.Right = "right", l))(G || {});

package/dist/ObfuscateText.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, ref as u, computed as c, openBlock as s, createElementBlock as i, createTextVNode as p, toDisplayString as f, createBlock as h, withCtx as m, createVNode as d, normalizeClass as g, createCommentVNode as x } from "vue";
 import C from "./Button.js";
 import b from "./Icon.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";

package/dist/QuickAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickAction.js","sources":["../src/components/QuickAction/QuickAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import {computed, useCssModule} from 'vue';\n  import { type RouteLocationRaw } from 'vue-router';\n\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface QuickActionProps {\n    /**\n     * The title prop will show the first line of text\n     */\n    title: string;\n\n    /**\n     * The subtitle prop will show the second line of text\n     */\n    subtitle: string;\n\n    /**\n     * The `to` prop for vue-router's `RouterLink` component\n     */\n    to?: RouteLocationRaw;\n    /**\n     * If defined, the quick action will render as an `<a />` tag.\n     */\n    href?: string;\n    /**\n     * Icon to render on the left side\n     */\n    icon: IconName;\n  }\n\n  const props = defineProps<QuickActionProps>();\n  const classes = useCssModule();\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'div';\n  });\n\n  const linkAttrs = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n\n    if (props.href) {\n      return {\n        href: props.href\n      };\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"linkAttrs\"\n    class=\"stash-quick-action tw-rounded tw-p-3 tw-shadow\"\n    :class=\"classes.root\"\n    data-test=\"stash-quick-action\"\n  >\n    <div class=\"tw-flex tw-items-center tw-gap-3\">\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-rounded tw-bg-blue-100 tw-p-3\">\n        <Icon :name=\"props.icon\" class=\"tw-text-blue-500\" />\n      </div>\n      <div class=\"tw-flex-1\">\n        <h4 class=\"tw-text-blue-500\">{{ props.title }}</h4>\n        <p class=\"tw-text-xs tw-font-normal tw-text-ice-700 lg:tw-mb-0\">\n          {{ props.subtitle }}\n        </p>\n      </div>\n      <Icon name=\"arrow-right\" class=\"tw-text-blue-500\" />\n    </div>\n  </component>\n</template>\n\n<style module>\n  .root {\n    background-color: #fff;\n    border: 1px solid transparent; /* it prevents layout size shifting of extra height/width when hover */\n    cursor: pointer;\n    display: inline-block;\n  }\n\n  .root:hover,\n  .root:active,\n  .root:focus {\n    border: 1px solid var(--color-blue-500);\n    text-decoration: none;\n  }\n</style>\n"],"names":["classes","useCssModule","is","computed","props","linkAttrs"],"mappings":";;;;;;;;;;;;;;;;iBAiCQA,IAAUC,KAEVC,IAAKC,EAAS,MACdC,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKC,IAAYF,EAAS,MACrBC,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"QuickAction.js","sources":["../src/components/QuickAction/QuickAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import {computed, useCssModule} from 'vue';\n  import { type RouteLocationRaw } from 'vue-router';\n\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface QuickActionProps {\n    /**\n     * The title prop will show the first line of text\n     */\n    title: string;\n\n    /**\n     * The subtitle prop will show the second line of text\n     */\n    subtitle: string;\n\n    /**\n     * The `to` prop for vue-router's `RouterLink` component\n     */\n    to?: RouteLocationRaw;\n\n    /**\n     * If defined, the quick action will render as an `<a />` tag.\n     */\n    href?: string;\n\n    /**\n     * Icon to render on the left side\n     */\n    icon: IconName;\n  }\n\n  const props = defineProps<QuickActionProps>();\n  const classes = useCssModule();\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'div';\n  });\n\n  const linkAttrs = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n\n    if (props.href) {\n      return {\n        href: props.href\n      };\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"linkAttrs\"\n    class=\"stash-quick-action tw-rounded tw-p-3 tw-shadow\"\n    :class=\"classes.root\"\n    data-test=\"stash-quick-action\"\n  >\n    <div class=\"tw-flex tw-items-center tw-gap-3\">\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-rounded tw-bg-blue-100 tw-p-3\">\n        <Icon :name=\"props.icon\" class=\"tw-text-blue-500\" />\n      </div>\n      <div class=\"tw-flex-1\">\n        <h4 class=\"tw-text-blue-500\">{{ props.title }}</h4>\n        <p class=\"tw-text-xs tw-font-normal tw-text-ice-700 lg:tw-mb-0\">\n          {{ props.subtitle }}\n        </p>\n      </div>\n      <Icon name=\"arrow-right\" class=\"tw-text-blue-500\" />\n    </div>\n  </component>\n</template>\n\n<style module>\n  .root {\n    background-color: #fff;\n    border: 1px solid transparent; /* it prevents layout size shifting of extra height/width when hover */\n    cursor: pointer;\n    display: inline-block;\n  }\n\n  .root:hover,\n  .root:active,\n  .root:focus {\n    border: 1px solid var(--color-blue-500);\n    text-decoration: none;\n  }\n</style>\n"],"names":["classes","useCssModule","is","computed","props","linkAttrs"],"mappings":";;;;;;;;;;;;;;;;iBAmCQA,IAAUC,KAEVC,IAAKC,EAAS,MACdC,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKC,IAAYF,EAAS,MACrBC,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/RadioNew.vue.d.ts

@@ -57,8 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     name: string;
-    label: string;
     id: string | number;
+    label: string;
     disabled: boolean;
     hasError: boolean;
     modelValue: string;

package/dist/SearchBar.js

@@ -5,7 +5,7 @@ import v from "./Icon.js";
 import T from "./Input.js";
 import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/Select.vue.d.ts

@@ -127,9 +127,9 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }, {
     name: string;
     icon: string | boolean;
-    label: string;
     id: string;
     error: string;
+    label: string;
     disabled: boolean;
     placeholder: string;
     value: any;

package/dist/Stepper.js

@@ -4,7 +4,7 @@ import T from "./useStepper.js";
 import h from "./Button.js";
 import w from "./Icon.js";
 import { S as A } from "./keys-7ecef029.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";

package/dist/Switch.vue.d.ts

@@ -55,8 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     "onUpdate:checked"?: ((value: boolean | (string | number)[] | undefined) => any) | undefined;
 }, {
     name: string;
-    label: string;
     id: string;
+    label: string;
     checked: boolean | (string | number)[];
     disabled: boolean;
     value: string | number;

package/dist/Table.js

@@ -20,7 +20,7 @@ import "./_plugin-vue_export-helper-dad06003.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import "@leaflink/snitch";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./Checkbox.js";
 import "./ChevronToggle.vue_vue_type_script_setup_true_lang-1591294c.js";
 import "./Button.js";

package/dist/TableCell.js

@@ -11,7 +11,7 @@ import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import { T as y, s as C } from "./Table.keys-cf93df19.js";
 import "@leaflink/snitch";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
 import "./index-79ce320f.js";
 const T = {

package/dist/TableHeaderCell.js

@@ -11,7 +11,7 @@ import { T as N } from "./Table.keys-cf93df19.js";
 import "lodash-es/uniqueId";
 import "@leaflink/snitch";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/TableHeaderRow.js

@@ -10,7 +10,7 @@ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
 import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
 import { T as v } from "./Table.keys-cf93df19.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import h from "./TableHeaderCell.js";
 import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";

package/dist/TableRow.js

@@ -18,7 +18,7 @@ import "lodash-es/get";
 import "@leaflink/snitch";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./Button.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
 import "./Icon.js";
 import "./index-79ce320f.js";
 const Q = /* @__PURE__ */ N({

package/dist/Textarea.vue.d.ts

@@ -54,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>>> & {
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }, {
-    label: string;
     resize: boolean | TextareaResizeOptions;
+    label: string;
     value: string | number | null;
     errorText: string;
     hintText: string;