@leaflink/stash 49.5.0 → 50.0.1

package/dist/PlaidLink.vue.d.ts

@@ -34,40 +34,40 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
-    initScriptUrl: string;
-    storageKey: undefined;
-    returnTo: string;
-    env: string;
-    token: undefined;
-    createToken: undefined;
+initScriptUrl: string;
+storageKey: undefined;
+returnTo: string;
+env: string;
+token: undefined;
+createToken: undefined;
 }>>, {
-    handleClick: typeof handleClick;
+handleClick: typeof handleClick;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    error: (error: Error | Plaid.Error | null, metadata?: Plaid.OnExitMetaData | undefined) => void;
-    success: (public_token: string, metadata: Plaid.OnSuccessMetaData) => void;
-    exit: (metadata: Plaid.OnExitMetaData) => void;
-    load: () => void;
-    event: (eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData) => void;
+error: (error: Error | Plaid.Error | null, metadata?: Plaid.OnExitMetaData | undefined) => void;
+success: (public_token: string, metadata: Plaid.OnSuccessMetaData) => void;
+exit: (metadata: Plaid.OnExitMetaData) => void;
+load: () => void;
+event: (eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
-    initScriptUrl: string;
-    storageKey: undefined;
-    returnTo: string;
-    env: string;
-    token: undefined;
-    createToken: undefined;
+initScriptUrl: string;
+storageKey: undefined;
+returnTo: string;
+env: string;
+token: undefined;
+createToken: undefined;
 }>>> & Readonly<{
-    onError?: ((error: Error | Plaid.Error | null, metadata?: Plaid.OnExitMetaData | undefined) => any) | undefined;
-    onLoad?: (() => any) | undefined;
-    onSuccess?: ((public_token: string, metadata: Plaid.OnSuccessMetaData) => any) | undefined;
-    onEvent?: ((eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData) => any) | undefined;
-    onExit?: ((metadata: Plaid.OnExitMetaData) => any) | undefined;
+onError?: ((error: Error | Plaid.Error | null, metadata?: Plaid.OnExitMetaData | undefined) => any) | undefined;
+onLoad?: (() => any) | undefined;
+onSuccess?: ((public_token: string, metadata: Plaid.OnSuccessMetaData) => any) | undefined;
+onEvent?: ((eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData) => any) | undefined;
+onExit?: ((metadata: Plaid.OnExitMetaData) => any) | undefined;
 }>, {
-    initScriptUrl: string;
-    storageKey: string;
-    returnTo: string;
-    token: string;
-    env: Plaid.Environment;
-    createToken: () => Promise<LinkTokenResponse>;
+initScriptUrl: string;
+storageKey: string;
+returnTo: string;
+token: string;
+env: Plaid.Environment;
+createToken: () => Promise<LinkTokenResponse>;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {
         open: boolean;

package/dist/QuickAction.js

@@ -1,9 +1,6 @@
-import { defineComponent as u, useCssModule as _, computed as o, openBlock as d, createBlock as m, resolveDynamicComponent as f, mergeProps as p, unref as w, withCtx as h, createElementVNode as e, createVNode as s, toDisplayString as r } from "vue";
-import n from "./Icon.js";
-import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import { defineComponent as u, useCssModule as _, computed as s, openBlock as d, createBlock as f, resolveDynamicComponent as w, mergeProps as m, unref as p, withCtx as h, createElementVNode as e, createVNode as o, toDisplayString as n } from "vue";
+import r from "./Icon.js";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = { class: "tw-flex tw-items-center tw-gap-3" }, k = { class: "tw-flex tw-items-center tw-justify-center tw-rounded tw-bg-blue-100 tw-p-3" }, v = { class: "tw-flex-1" }, g = { class: "tw-text-blue-500" }, y = { class: "tw-text-xs tw-font-normal tw-text-ice-700 lg:tw-mb-0" }, C = /* @__PURE__ */ u({
   __name: "QuickAction",
   props: {
@@ -14,28 +11,28 @@ const b = { class: "tw-flex tw-items-center tw-gap-3" }, k = { class: "tw-flex t
     icon: {}
   },
   setup(c) {
-    const t = c, i = _(), l = o(() => t.to ? "router-link" : t.href ? "a" : "div"), a = o(() => t.to ? {
+    const t = c, i = _(), l = s(() => t.to ? "router-link" : t.href ? "a" : "div"), a = s(() => t.to ? {
       to: t.to
     } : t.href ? {
       href: t.href
     } : {});
-    return (B, D) => (d(), m(f(l.value), p(a.value, {
-      class: ["stash-quick-action tw-rounded tw-p-3 tw-shadow", w(i).root],
+    return (B, D) => (d(), f(w(l.value), m(a.value, {
+      class: ["stash-quick-action tw-rounded tw-p-3 tw-shadow", p(i).root],
       "data-test": "stash-quick-action"
     }), {
       default: h(() => [
         e("div", b, [
           e("div", k, [
-            s(n, {
+            o(r, {
               name: t.icon,
               class: "tw-text-blue-500"
             }, null, 8, ["name"])
           ]),
           e("div", v, [
-            e("h4", g, r(t.title), 1),
-            e("p", y, r(t.subtitle), 1)
+            e("h4", g, n(t.title), 1),
+            e("p", y, n(t.subtitle), 1)
           ]),
-          s(n, {
+          o(r, {
             name: "arrow-right",
             class: "tw-text-blue-500"
           })
@@ -48,8 +45,8 @@ const b = { class: "tw-flex tw-items-center tw-gap-3" }, k = { class: "tw-flex t
   root: A
 }, q = {
   $style: M
-}, P = /* @__PURE__ */ x(C, [["__cssModules", q]]);
+}, j = /* @__PURE__ */ x(C, [["__cssModules", q]]);
 export {
-  P as default
+  j as default
 };
 //# sourceMappingURL=QuickAction.js.map

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    /**\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":["props","__props","classes","useCssModule","is","computed","linkAttrs"],"mappings":";;;;;;;;;;;;;;;;AAkCE,UAAMA,IAAQC,GACRC,IAAUC,KAEVC,IAAKC,EAAS,MACdL,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKM,IAAYD,EAAS,MACrBL,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":["props","__props","classes","useCssModule","is","computed","linkAttrs"],"mappings":";;;;;;;;;;;;;AAkCE,UAAMA,IAAQC,GACRC,IAAUC,KAEVC,IAAKC,EAAS,MACdL,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKM,IAAYD,EAAS,MACrBL,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/QuickAction.vue.d.ts

@@ -22,7 +22,7 @@ export default _default;
 
 declare type IconName = (typeof iconNames)[number];
 
-declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
+declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "image", "import", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 export declare interface QuickActionProps {
     /**

package/dist/Radio.js

@@ -1,5 +1,5 @@
 import { useCssModule as d, openBlock as i, createElementBlock as u, normalizeClass as a, withDirectives as c, createElementVNode as s, mergeProps as _, vModelRadio as m, toDisplayString as h } from "vue";
-import { _ as f } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const p = "_root_ul6uq_2", b = "_label_ul6uq_7", k = "_error_ul6uq_40", y = "_input_ul6uq_45", g = {
   root: p,
   label: b,

package/dist/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../src/components/Radio/Radio.vue"],"sourcesContent":["<script>\n  import { useCssModule } from 'vue';\n\n  /**\n   * @deprecated use components/RadioNew/Radio instead.\n   * if you need multiple Radio components considering using RadioGroup instead.\n   */\n  export default {\n    name: 'll-radio',\n\n    props: {\n      /**\n       * The checked/selected state of the radio button\n       */\n      checked: {\n        type: [String, Number],\n        default: undefined,\n      },\n\n      /**\n       * Use :checked or v-model:checked instead of :model-value and v-model.\n       */\n      modelValue: {\n        type: [String, Number, null],\n        default: null,\n        validator(value) {\n          if (value !== null) {\n            throw new Error('ll-radio: use :checked or v-model:checked instead of :model-value and v-model.');\n          }\n\n          return true;\n        },\n      },\n\n      /**\n       * Adds error styling\n       */\n      hasError: Boolean,\n\n      /**\n       * A unique string to distinguish one Radio instance from another\n       * and to link the label to the input; required for accessibility\n       */\n      id: {\n        type: String,\n        required: true,\n      },\n\n      /**\n       * The description which appears to the right of the radio button\n       */\n      label: {\n        type: String,\n        default: '',\n      },\n    },\n\n    emits: ['update:checked'],\n\n    setup() {\n      return {\n        classes: useCssModule(),\n      };\n    },\n\n    computed: {\n      internalValue: {\n        get() {\n          return this.checked;\n        },\n        set(value) {\n          this.$emit('update:checked', value);\n        },\n      },\n    },\n\n    created() {\n      if (this.$attrs.onChange) {\n        throw new Error('ll-radio: use the @update:checked event instead of @input');\n      }\n    },\n  };\n</script>\n\n<template>\n  <div class=\"stash-radio\" data-test=\"ll-radio\" :class=\"[classes.root, { error: hasError }]\">\n    <input :id=\"id\" v-model=\"internalValue\" class=\"tw-sr-only\" :class=\"classes.input\" type=\"radio\" v-bind=\"$attrs\" />\n\n    <label :for=\"id\" :class=\"classes.label\">\n      {{ label }}\n    </label>\n  </div>\n</template>\n\n<style module>\n  .root {\n    position: relative;\n    margin: theme('spacing[1.5]') 0;\n  }\n\n  .label {\n    color: var(--color-ice-700);\n    cursor: pointer;\n    display: inline-block;\n    font-size: theme('fontSize.sm');\n    font-weight: theme('fontWeight.normal');\n    line-height: theme('spacing.6');\n    min-height: theme('spacing.9');\n    overflow: visible;\n    padding: theme('spacing[1.5]') 0 theme('spacing[1.5]') calc(20px + theme('spacing.3'));\n    position: relative;\n    vertical-align: top;\n  }\n\n  .label::before {\n    background: var(--color-white);\n    border: 1px solid var(--color-ice-500);\n    content: '';\n    display: inline-block;\n    vertical-align: top;\n  }\n\n  .label::before,\n  .label::after {\n    height: 20px;\n    left: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    border-radius: 50%;\n  }\n\n  .error .label {\n    color: var(--color-red-500);\n  }\n\n  .error .label::before,\n  .error .input {\n    border-color: var(--color-red-500);\n  }\n\n  .input:checked + .label::after {\n    background: var(--color-blue-500);\n    content: '';\n    height: 14px;\n    left: 3px;\n    width: 14px;\n  }\n\n  .input:checked:disabled + .label::after {\n    background: var(--color-ice-500);\n  }\n\n  .input:not(:disabled, :checked) + .label:hover::before {\n    border-color: var(--color-blue-500);\n  }\n\n  @media screen('lg') {\n    .root input {\n      margin: 0;\n    }\n  }\n</style>\n"],"names":["_sfc_main","value","useCssModule","_createElementBlock","$setup","$props","_withDirectives","_createElementVNode","_mergeProps","$options","$event","_ctx","_hoisted_1","_normalizeClass","_hoisted_2"],"mappings":";;;;;;;GAOOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,QAAQ,IAAI;AAAA,MAC3B,SAAS;AAAA,MACT,UAAUC,GAAO;AACf,YAAIA,MAAU;AACZ,gBAAM,IAAI,MAAM,gFAAgF;AAGlG,eAAO;AAAA,MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,gBAAgB;AAAA,EAExB,QAAQ;AACN,WAAO;AAAA,MACL,SAASC,EAAc;AAAA;EAE1B;AAAA,EAED,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AACJ,eAAO,KAAK;AAAA,MACb;AAAA,MACD,IAAID,GAAO;AACT,aAAK,MAAM,kBAAkBA,CAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AACR,QAAI,KAAK,OAAO;AACd,YAAM,IAAI,MAAM,2DAA2D;AAAA,EAE9E;;;cAKHE,EAMM,OAAA;AAAA,IAND,UAAM,eAAa,CAA+BC,UAAQ,eAAeC,EAAQ,SAAA,CAAA,CAAA,CAAA;AAAA,IAA7D,aAAU;AAAA;IACjCC,EAAAC,EAAiH,SAAjHC,EAAiH;AAAA,MAAzG,IAAIH,EAAE;AAAA,oDAAWI,EAAa,gBAAAC;AAAA,MAAE,OAAM,CAAA,cAAqBN,EAAA,QAAQ,KAAK;AAAA,MAAE,MAAK;AAAA,OAAgBO,EAAM,MAAA,GAAA,MAAA,IAAAC,CAAA,GAAA;AAAA,UAApFH,EAAa,aAAA;AAAA;IAEtCF,EAEQ,SAAA;AAAA,MAFA,KAAKF,EAAE;AAAA,MAAG,OAAKQ,EAAET,EAAO,QAAC,KAAK;AAAA,SACjCC,EAAK,KAAA,GAAA,IAAAS,CAAA;AAAA;;;;;"}
+{"version":3,"file":"Radio.js","sources":["../src/components/Radio/Radio.vue"],"sourcesContent":["<script>\n  import { useCssModule } from 'vue';\n\n  /**\n   * @deprecated use components/RadioNew/Radio instead.\n   * if you need multiple Radio components considering using RadioGroup instead.\n   */\n  export default {\n    name: 'll-radio',\n\n    props: {\n      /**\n       * The checked/selected state of the radio button\n       */\n      checked: {\n        type: [String, Number],\n        default: undefined,\n      },\n\n      /**\n       * Use :checked or v-model:checked instead of :model-value and v-model.\n       */\n      modelValue: {\n        type: [String, Number, null],\n        default: null,\n        validator(value) {\n          if (value !== null) {\n            throw new Error('ll-radio: use :checked or v-model:checked instead of :model-value and v-model.');\n          }\n\n          return true;\n        },\n      },\n\n      /**\n       * Adds error styling\n       */\n      hasError: Boolean,\n\n      /**\n       * A unique string to distinguish one Radio instance from another\n       * and to link the label to the input; required for accessibility\n       */\n      id: {\n        type: String,\n        required: true,\n      },\n\n      /**\n       * The description which appears to the right of the radio button\n       */\n      label: {\n        type: String,\n        default: '',\n      },\n    },\n\n    emits: ['update:checked'],\n\n    setup() {\n      return {\n        classes: useCssModule(),\n      };\n    },\n\n    computed: {\n      internalValue: {\n        get() {\n          return this.checked;\n        },\n        set(value) {\n          this.$emit('update:checked', value);\n        },\n      },\n    },\n\n    created() {\n      if (this.$attrs.onChange) {\n        throw new Error('ll-radio: use the @update:checked event instead of @input');\n      }\n    },\n  };\n</script>\n\n<template>\n  <div class=\"stash-radio\" data-test=\"ll-radio\" :class=\"[classes.root, { error: hasError }]\">\n    <input :id=\"id\" v-model=\"internalValue\" class=\"tw-sr-only\" :class=\"classes.input\" type=\"radio\" v-bind=\"$attrs\" />\n\n    <label :for=\"id\" :class=\"classes.label\">\n      {{ label }}\n    </label>\n  </div>\n</template>\n\n<style module>\n  .root {\n    position: relative;\n    margin: theme('spacing[1.5]') 0;\n  }\n\n  .label {\n    color: var(--color-ice-700);\n    cursor: pointer;\n    display: inline-block;\n    font-size: theme('fontSize.sm');\n    font-weight: theme('fontWeight.normal');\n    line-height: theme('spacing.6');\n    min-height: theme('spacing.9');\n    overflow: visible;\n    padding: theme('spacing[1.5]') 0 theme('spacing[1.5]') calc(20px + theme('spacing.3'));\n    position: relative;\n    vertical-align: top;\n  }\n\n  .label::before {\n    background: var(--color-white);\n    border: 1px solid var(--color-ice-500);\n    content: '';\n    display: inline-block;\n    vertical-align: top;\n  }\n\n  .label::before,\n  .label::after {\n    height: 20px;\n    left: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    border-radius: 50%;\n  }\n\n  .error .label {\n    color: var(--color-red-500);\n  }\n\n  .error .label::before,\n  .error .input {\n    border-color: var(--color-red-500);\n  }\n\n  .input:checked + .label::after {\n    background: var(--color-blue-500);\n    content: '';\n    height: 14px;\n    left: 3px;\n    width: 14px;\n  }\n\n  .input:checked:disabled + .label::after {\n    background: var(--color-ice-500);\n  }\n\n  .input:not(:disabled, :checked) + .label:hover::before {\n    border-color: var(--color-blue-500);\n  }\n\n  @media screen('lg') {\n    .root input {\n      margin: 0;\n    }\n  }\n</style>\n"],"names":["_sfc_main","value","useCssModule","_hoisted_1","_hoisted_2","_createElementBlock","_normalizeClass","$setup","$props","_withDirectives","_createElementVNode","_mergeProps","_cache","$event","$options","_ctx","_toDisplayString"],"mappings":";;;;;;;GAOOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,QAAQ,IAAI;AAAA,MAC3B,SAAS;AAAA,MACT,UAAUC,GAAO;AACf,YAAIA,MAAU;AACZ,gBAAM,IAAI,MAAM,gFAAgF;AAGlG,eAAO;AAAA,MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,gBAAgB;AAAA,EAExB,QAAQ;AACN,WAAO;AAAA,MACL,SAASC,EAAc;AAAA;EAE1B;AAAA,EAED,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AACJ,eAAO,KAAK;AAAA,MACb;AAAA,MACD,IAAID,GAAO;AACT,aAAK,MAAM,kBAAkBA,CAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AACR,QAAI,KAAK,OAAO;AACd,YAAM,IAAI,MAAM,2DAA2D;AAAA,EAE9E;GAhFLE,IAAA,CAAA,IAAA,GAAAC,IAAA,CAAA,KAAA;;cAqFEC,EAMM,OAAA;AAAA,IAND,OArFPC,GAqFa,eAAa,CAA+BC,UAAQ,eAAeC,EAAQ,SAAA,CAAA,CAAA,CAAA;AAAA,IAA7D,aAAU;AAAA;IACjCC,EAAAC,EAAiH,SAAjHC,EAAiH;AAAA,MAAzG,IAAIH,EAAE;AAAA,MAtFlB,uBAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAsF6BC,EAAa,gBAAAD;AAAA,MAAE,OAAM,CAAA,cAAqBN,EAAA,QAAQ,KAAK;AAAA,MAAE,MAAK;AAAA,IAAgB,GAAAQ,EAAA,MAAM,GAtFjH,MAAA,IAAAZ,CAAA,GAAA;AAAA,UAsF6BW,EAAa,aAAA;AAAA;IAEtCJ,EAEQ,SAAA;AAAA,MAFA,KAAKF,EAAE;AAAA,MAAG,OAxFtBF,EAwF6BC,EAAO,QAAC,KAAK;AAAA,IACjC,GAAAS,EAAAR,EAAA,KAAK,GAzFd,IAAAJ,CAAA;AAAA;;;;;"}

package/dist/Radio.vue.d.ts

@@ -1,22 +1,93 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import { PublicProps } from 'vue';
 
-declare const _default: DefineComponent<any, {
-    classes: Record<string, string>;
+declare const _default: DefineComponent<ExtractPropTypes<    {
+/**
+* The checked/selected state of the radio button
+*/
+checked: {
+type: (NumberConstructor | StringConstructor)[];
+default: undefined;
+};
+/**
+* Use :checked or v-model:checked instead of :model-value and v-model.
+*/
+modelValue: {
+type: (NumberConstructor | StringConstructor | null)[];
+default: null;
+validator(value: unknown): true;
+};
+/**
+* Adds error styling
+*/
+hasError: BooleanConstructor;
+/**
+* A unique string to distinguish one Radio instance from another
+* and to link the label to the input; required for accessibility
+*/
+id: {
+type: StringConstructor;
+required: true;
+};
+/**
+* The description which appears to the right of the radio button
+*/
+label: {
+type: StringConstructor;
+default: string;
+};
+}>, {
+classes: Record<string, string>;
 }, {}, {
-    internalValue: {
-        get(): any;
-        set(value: any): void;
-    };
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:checked"[], "update:checked", PublicProps, Readonly<any> & Readonly<{
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+internalValue: {
+get(): string | number | undefined;
+set(value: any): void;
+};
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:checked"[], "update:checked", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The checked/selected state of the radio button
+*/
+checked: {
+type: (NumberConstructor | StringConstructor)[];
+default: undefined;
+};
+/**
+* Use :checked or v-model:checked instead of :model-value and v-model.
+*/
+modelValue: {
+type: (NumberConstructor | StringConstructor | null)[];
+default: null;
+validator(value: unknown): true;
+};
+/**
+* Adds error styling
+*/
+hasError: BooleanConstructor;
+/**
+* A unique string to distinguish one Radio instance from another
+* and to link the label to the input; required for accessibility
+*/
+id: {
+type: StringConstructor;
+required: true;
+};
+/**
+* The description which appears to the right of the radio button
+*/
+label: {
+type: StringConstructor;
+default: string;
+};
+}>> & Readonly<{
+"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
-    label: string;
-    hasError: boolean;
-    modelValue: string | number | null;
-    checked: string | number;
+label: string;
+hasError: boolean;
+modelValue: string | number | null;
+checked: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 

package/dist/RadioGroup.js

@@ -1,22 +1,19 @@
-import { defineComponent as $, inject as k, useCssModule as V, openBlock as l, createElementBlock as n, normalizeClass as p, unref as e, Fragment as B, renderList as R, createElementVNode as i, toDisplayString as h, provide as C, computed as v, createBlock as I, withCtx as M, renderSlot as T, resolveDynamicComponent as G } from "vue";
+import { defineComponent as $, inject as k, useCssModule as V, openBlock as o, createElementBlock as n, normalizeClass as p, unref as e, Fragment as B, renderList as I, createElementVNode as i, toDisplayString as h, provide as C, computed as v, createBlock as g, withCtx as M, renderSlot as T, resolveDynamicComponent as G } from "vue";
 import E from "lodash-es/uniqueId";
-import { _ as O } from "./Field.vue_vue_type_script_setup_true_lang-fded4f75.js";
-import { R as y } from "./RadioGroup.keys-974818d6.js";
-import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
-import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
-import "./locale.js";
-import "lodash-es/get";
+import { _ as O } from "./Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js";
+import { R as y } from "./RadioGroup.keys-CqfiKkNz.js";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @__PURE__ */ $({
   __name: "VariantButton",
   setup(u) {
     const r = k(y.key);
     if (!r)
       throw new Error("VariantButton must be used with a RadioGroup instance.");
-    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
-    return (g, _) => (l(), n("div", {
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: l } = r, c = V();
+    return (R, _) => (o(), n("div", {
       class: p(["tw-flex", e(c).root])
     }, [
-      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+      (o(!0), n(B, null, I(e(m), (t) => (o(), n("div", {
         key: `${e(s)}-${t.id}`,
         class: p([{ "tw-w-full": e(f) }])
       }, [
@@ -29,7 +26,7 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
           checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
           onInput: _[0] || (_[0] = //@ts-ignore
-          (...w) => e(o) && e(o)(...w))
+          (...b) => e(l) && e(l)(...b))
         }, null, 40, W),
         i("label", {
           for: `${e(s)}-${t.id}`
@@ -47,11 +44,11 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
     const r = k(y.key);
     if (!r)
       throw new Error("VariantChip must be used with a RadioGroup instance.");
-    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
-    return (g, _) => (l(), n("div", {
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: l } = r, c = V();
+    return (R, _) => (o(), n("div", {
       class: p(["tw-my-1.5 tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+      (o(!0), n(B, null, I(e(m), (t) => (o(), n("div", {
         key: `${e(s)}-${t.id}`,
         class: p([{ "tw-w-full": e(f) }])
       }, [
@@ -64,7 +61,7 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
           checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
           onInput: _[0] || (_[0] = //@ts-ignore
-          (...w) => e(o) && e(o)(...w))
+          (...b) => e(l) && e(l)(...b))
         }, null, 40, z),
         i("label", {
           for: `${e(s)}-${t.id}`
@@ -82,11 +79,11 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
     const r = k(y.key);
     if (!r)
       throw new Error("VariantRadio must be used with a RadioGroup instance.");
-    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
-    return (g, _) => (l(), n("div", {
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: l } = r, c = V();
+    return (R, _) => (o(), n("div", {
       class: p(["tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+      (o(!0), n(B, null, I(e(m), (t) => (o(), n("div", {
         key: `${e(s)}-${t.id}`,
         class: p([{ "tw-w-full": e(f) }])
       }, [
@@ -98,7 +95,7 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
           checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
           onInput: _[0] || (_[0] = //@ts-ignore
-          (...w) => e(o) && e(o)(...w))
+          (...b) => e(l) && e(l)(...b))
         }, null, 40, K),
         i("label", {
           for: `${e(s)}-${t.id}`
@@ -110,17 +107,17 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
   root: Y
 }, ee = {
   $style: Z
-}, te = /* @__PURE__ */ x(X, [["__cssModules", ee]]), ae = ["for"], se = ["id", "name", "value", "checked", "disabled"], oe = { class: "tw-m-0 tw-text-ice-900" }, le = { class: "tw-m-0 tw-text-ice-700" }, re = /* @__PURE__ */ $({
+}, te = /* @__PURE__ */ x(X, [["__cssModules", ee]]), ae = ["for"], se = ["id", "name", "value", "checked", "disabled"], le = { class: "tw-m-0 tw-text-ice-900" }, oe = { class: "tw-m-0 tw-text-ice-700" }, re = /* @__PURE__ */ $({
   __name: "VariantTile",
   setup(u) {
     const r = k(y.key);
     if (!r)
       throw new Error("VariantTile must be used with a RadioGroup instance.");
-    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
-    return (g, _) => (l(), n("div", {
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: l } = r, c = V();
+    return (R, _) => (o(), n("div", {
       class: p(["tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (l(!0), n(B, null, R(e(m), (t) => (l(), n("label", {
+      (o(!0), n(B, null, I(e(m), (t) => (o(), n("label", {
         key: `${e(s)}-${t.id}`,
         class: p([e(c)["tile-container"], { "tw-w-full": e(f) }]),
         for: `${e(s)}-${t.id}`
@@ -143,7 +140,7 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
             checked: e(d) === t.value,
             disabled: e(a) || t.disabled,
             onInput: _[0] || (_[0] = //@ts-ignore
-            (...w) => e(o) && e(o)(...w))
+            (...b) => e(l) && e(l)(...b))
           }, null, 40, se),
           i("div", null, [
             i("span", null, h(t.text), 1)
@@ -158,8 +155,8 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
             }
           ]])
         }, [
-          i("p", oe, h(t.subTitle), 1),
-          i("p", le, h(t.subText), 1)
+          i("p", le, h(t.subTitle), 1),
+          i("p", oe, h(t.subText), 1)
         ], 2)
       ], 10, ae))), 128))
     ], 2));
@@ -172,7 +169,7 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
 }, ne = {
   $style: ie
 }, ue = /* @__PURE__ */ x(re, [["__cssModules", ne]]);
-var b = /* @__PURE__ */ ((u) => (u.Radio = "radio", u.Button = "button", u.Chip = "chip", u.Tile = "tile", u))(b || {});
+var w = /* @__PURE__ */ ((u) => (u.Radio = "radio", u.Button = "button", u.Chip = "chip", u.Tile = "tile", u))(w || {});
 const ce = /* @__PURE__ */ $({
   __name: "RadioGroup",
   props: {
@@ -193,13 +190,13 @@ const ce = /* @__PURE__ */ $({
   emits: ["update:modelValue"],
   setup(u, { emit: r }) {
     const s = {
-      [b.Button]: N,
-      [b.Chip]: H,
-      [b.Radio]: te,
-      [b.Tile]: ue
+      [w.Button]: N,
+      [w.Chip]: H,
+      [w.Radio]: te,
+      [w.Tile]: ue
     }, a = u, f = r;
-    function d(o) {
-      f("update:modelValue", o.target.value);
+    function d(l) {
+      f("update:modelValue", l.target.value);
     }
     const m = E("radio-group-field-error-");
     return C(y.key, {
@@ -210,7 +207,7 @@ const ce = /* @__PURE__ */ $({
       options: v(() => a.options),
       variant: v(() => a.variant),
       update: d
-    }), (o, c) => (l(), I(O, {
+    }), (l, c) => (o(), g(O, {
       class: "stash-radio-group",
       "data-test": "stash-radio-group",
       "aria-errormessage": e(m),
@@ -227,27 +224,26 @@ const ce = /* @__PURE__ */ $({
       "is-read-only": a.isReadOnly
     }, {
       default: M(() => [
-        a.options ? T(o.$slots, "default", { key: 0 }, () => [
-          (l(), I(G(s[a.variant])))
-        ], !0) : (l(), n("div", {
+        a.options ? T(l.$slots, "default", { key: 0 }, () => [
+          (o(), g(G(s[a.variant])))
+        ], !0) : (o(), n("div", {
           key: 1,
           class: p(["tw-flex", {
-            "tw-flex-wrap": a.variant !== e(b).Button,
-            "tw-gap-x-1.5 tw-gap-y-3": a.variant === e(b).Chip,
-            "tw-gap-6": a.variant === e(b).Radio || a.variant === e(b).Tile
+            "tw-flex-wrap": a.variant !== e(w).Button,
+            "tw-gap-x-1.5 tw-gap-y-3": a.variant === e(w).Chip,
+            "tw-gap-6": a.variant === e(w).Radio || a.variant === e(w).Tile
           }])
         }, [
-          T(o.$slots, "default", {}, void 0, !0)
+          T(l.$slots, "default", {}, void 0, !0)
         ], 2))
       ]),
       _: 3
     }, 8, ["aria-errormessage", "aria-invalid", "label", "add-bottom-space", "error-id", "error-text", "hint-text", "show-optional-in-label", "is-required", "is-read-only"]));
   }
-});
-const $e = /* @__PURE__ */ x(ce, [["__scopeId", "data-v-b73c0b83"]]);
+}), be = /* @__PURE__ */ x(ce, [["__scopeId", "data-v-b73c0b83"]]);
 export {
   y as RADIO_GROUP_INJECTION,
-  b as RadioGroupVariant,
-  $e as default
+  w as RadioGroupVariant,
+  be as default
 };
 //# sourceMappingURL=RadioGroup.js.map