@leaflink/stash 48.16.1 → 48.17.0

package/dist/PlaidLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, ref } from 'vue';\n\n  import { LinkTokenResponse, Plaid } from '../../../types/plaid';\n  import usePlaidLink from '../../composables/usePlaidLink/usePlaidLink';\n\n  export interface PlaidLinkProps {\n    /**\n     * @deprecated Plaid does not support other URLs for loading its SDK\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const emit =\n    defineEmits<{\n      /**\n       * Emitted whenever the exit event contains errors\n       */\n      (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted whenever the user successfully links an item\n       */\n      (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n      /**\n       * Emitted whenever the user exits the Link flow\n       */\n      (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted when the Link is ready to be opened\n       */\n      (e: 'load'): void;\n      /**\n       * Emitted at specific points during the Link flow\n       */\n      (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n    }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  const plaidLinkOptions = ref<Plaid.CreateConfig>({\n    env: props.env,\n    onSuccess,\n    onEvent,\n    onLoad,\n    onExit,\n  });\n\n  const { open: openPlaidLink } = usePlaidLink(plaidLinkOptions);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        plaidLinkOptions.value.token = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      plaidLinkOptions.value.token = props.token;\n    }\n\n    if (!plaidLinkOptions.value.token) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: plaidLinkOptions.value.token, returnTo: props.returnTo, env: props.env }),\n    );\n\n    openPlaidLink();\n  }\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["internalStorageKey","computed","props","isPlaidModalOpen","ref","onExit","error","metadata","logger","emit","onSuccess","public_token","onLoad","args","onEvent","plaidLinkOptions","openPlaidLink","usePlaidLink","handleClick","link_token","err","__expose"],"mappings":";;;;;;;;;;;;;;;;iBAkDQA,IAAqBC,EAAS,MAC9BC,EAAM,aACDA,EAAM,aAMR,GAFM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,SAGjE,GA0BKC,IAAmBC,EAAI,EAAK,GAE5BC,IAAuB,CAACC,GAA2BC,MAAmC;AAC1F,MAAAJ,EAAiB,QAAQ,IAErBG,MACFE,EAAO,MAAM,IAAI,MAAM,wCAAwC,GAAG;AAAA,QAChE,MAAM,EAAE,OAAO,GAAK;AAAA,QACpB,OAAO,EAAE,YAAYF,EAAM;AAAA,MAAA,CAC5B,GACIG,EAAA,SAASH,GAAOC,CAAQ,IAGhB,eAAA,WAAWP,EAAmB,KAAK,GAElDS,EAAK,QAAQF,CAAQ;AAAA,IAAA,GAGjBG,IAA6B,CAACC,GAAsBJ,MAAsC;AAC9F,MAAAJ,EAAiB,QAAQ,IAEV,eAAA,WAAWH,EAAmB,KAAK,GAE7CS,EAAA,WAAWE,GAAcJ,CAAQ;AAAA,IAAA,GAGlCK,IAAuB,IAAIC,MAASJ,EAAK,QAAQ,GAAGI,CAAI,GAExDC,IAAyB,IAAID,MAASJ,EAAK,SAAS,GAAGI,CAAI,GAE3DE,IAAmBX,EAAwB;AAAA,MAC/C,KAAKF,EAAM;AAAA,MACX,WAAAQ;AAAA,MACA,SAAAI;AAAA,MACA,QAAAF;AAAA,MACA,QAAAP;AAAA,IAAA,CACD,GAEK,EAAE,MAAMW,EAAc,IAAIC,EAAaF,CAAgB;AAE7D,mBAAeG,IAAc;AACvB,UAAAf,EAAiB,UAAU,IAM3B;AAAA,YAFJA,EAAiB,QAAQ,IAErB,OAAOD,EAAM,eAAgB;AAC3B,cAAA;AACF,kBAAM,EAAE,YAAAiB,EAAe,IAAA,MAAMjB,EAAM,YAAY;AAE/C,YAAAa,EAAiB,MAAM,QAAQI;AAAA,mBACxBC;AACD,kBAAAd,IAAQ,IAAI,MAAM,2CAA2C;AAEnE,YAAAE,EAAO,MAAMF,GAAO;AAAA,cAClB,MAAM,EAAE,OAAO,GAAK;AAAA,cACpB,OAAO,EAAE,OAAOc,EAAI;AAAA,YAAA,CACrB,GAEDX,EAAK,SAASH,CAAK;AAAA,UACrB;AAAA;AACF,UAAWJ,EAAM,UACEa,EAAA,MAAM,QAAQb,EAAM;AAGnC,YAAA,CAACa,EAAiB,MAAM,OAAO;AAC3B,gBAAAT,IAAQ,IAAI,MAAM,6BAA6B;AAE9C,UAAAE,EAAA,MAAMF,GAAO,EAAE,MAAM,EAAE,OAAO,MAAQ,GAC7CG,EAAK,SAASH,CAAK,GAEnBH,EAAiB,QAAQ;AAEzB;AAAA;AAGa,uBAAA;AAAA,UACbH,EAAmB;AAAA,UACnB,KAAK,UAAU,EAAE,OAAOe,EAAiB,MAAM,OAAO,UAAUb,EAAM,UAAU,KAAKA,EAAM,KAAK;AAAA,QAAA,GAGpFc;;IAChB;AAEa,WAAAK,EAAA;AAAA,MACX,aAAAH;AAAA,IAAA,CACD;;;;;;;;"}
+{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, ref } from 'vue';\n\n  import { LinkTokenResponse, Plaid } from '../../../types/plaid';\n  import usePlaidLink from '../../composables/usePlaidLink/usePlaidLink';\n\n  export interface PlaidLinkProps {\n    /**\n     * @deprecated Plaid does not support other URLs for loading its SDK\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted whenever the exit event contains errors\n     */\n    (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted whenever the user successfully links an item\n     */\n    (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n    /**\n     * Emitted whenever the user exits the Link flow\n     */\n    (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted when the Link is ready to be opened\n     */\n    (e: 'load'): void;\n    /**\n     * Emitted at specific points during the Link flow\n     */\n    (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n  }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  const plaidLinkOptions = ref<Plaid.CreateConfig>({\n    env: props.env,\n    onSuccess,\n    onEvent,\n    onLoad,\n    onExit,\n  });\n\n  const { open: openPlaidLink } = usePlaidLink(plaidLinkOptions);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        plaidLinkOptions.value.token = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      plaidLinkOptions.value.token = props.token;\n    }\n\n    if (!plaidLinkOptions.value.token) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: plaidLinkOptions.value.token, returnTo: props.returnTo, env: props.env }),\n    );\n\n    openPlaidLink();\n  }\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["props","__props","internalStorageKey","computed","emit","__emit","isPlaidModalOpen","ref","onExit","error","metadata","logger","onSuccess","public_token","onLoad","args","onEvent","plaidLinkOptions","openPlaidLink","usePlaidLink","handleClick","link_token","err","__expose"],"mappings":";;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GASRC,IAAqBC,EAAS,MAC9BH,EAAM,aACDA,EAAM,aAMR,GAFM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,SAGjE,GAEKI,IAAOC,GAuBPC,IAAmBC,EAAI,EAAK,GAE5BC,IAAuB,CAACC,GAA2BC,MAAmC;AAC1F,MAAAJ,EAAiB,QAAQ,IAErBG,MACFE,EAAO,MAAM,IAAI,MAAM,wCAAwC,GAAG;AAAA,QAChE,MAAM,EAAE,OAAO,GAAK;AAAA,QACpB,OAAO,EAAE,YAAYF,EAAM;AAAA,MAAA,CAC5B,GACIL,EAAA,SAASK,GAAOC,CAAQ,IAGhB,eAAA,WAAWR,EAAmB,KAAK,GAElDE,EAAK,QAAQM,CAAQ;AAAA,IAAA,GAGjBE,IAA6B,CAACC,GAAsBH,MAAsC;AAC9F,MAAAJ,EAAiB,QAAQ,IAEV,eAAA,WAAWJ,EAAmB,KAAK,GAE7CE,EAAA,WAAWS,GAAcH,CAAQ;AAAA,IAAA,GAGlCI,IAAuB,IAAIC,MAASX,EAAK,QAAQ,GAAGW,CAAI,GAExDC,IAAyB,IAAID,MAASX,EAAK,SAAS,GAAGW,CAAI,GAE3DE,IAAmBV,EAAwB;AAAA,MAC/C,KAAKP,EAAM;AAAA,MACX,WAAAY;AAAA,MACA,SAAAI;AAAA,MACA,QAAAF;AAAA,MACA,QAAAN;AAAA,IAAA,CACD,GAEK,EAAE,MAAMU,EAAc,IAAIC,EAAaF,CAAgB;AAE7D,mBAAeG,IAAc;AACvB,UAAAd,EAAiB,UAAU,IAM3B;AAAA,YAFJA,EAAiB,QAAQ,IAErB,OAAON,EAAM,eAAgB;AAC3B,cAAA;AACF,kBAAM,EAAE,YAAAqB,EAAe,IAAA,MAAMrB,EAAM,YAAY;AAE/C,YAAAiB,EAAiB,MAAM,QAAQI;AAAA,mBACxBC;AACD,kBAAAb,IAAQ,IAAI,MAAM,2CAA2C;AAEnE,YAAAE,EAAO,MAAMF,GAAO;AAAA,cAClB,MAAM,EAAE,OAAO,GAAK;AAAA,cACpB,OAAO,EAAE,OAAOa,EAAI;AAAA,YAAA,CACrB,GAEDlB,EAAK,SAASK,CAAK;AAAA,UACrB;AAAA;AACF,UAAWT,EAAM,UACEiB,EAAA,MAAM,QAAQjB,EAAM;AAGnC,YAAA,CAACiB,EAAiB,MAAM,OAAO;AAC3B,gBAAAR,IAAQ,IAAI,MAAM,6BAA6B;AAE9C,UAAAE,EAAA,MAAMF,GAAO,EAAE,MAAM,EAAE,OAAO,MAAQ,GAC7CL,EAAK,SAASK,CAAK,GAEnBH,EAAiB,QAAQ;AAEzB;AAAA;AAGa,uBAAA;AAAA,UACbJ,EAAmB;AAAA,UACnB,KAAK,UAAU,EAAE,OAAOe,EAAiB,MAAM,OAAO,UAAUjB,EAAM,UAAU,KAAKA,EAAM,KAAK;AAAA,QAAA,GAGpFkB;;IAChB;AAEa,WAAAK,EAAA;AAAA,MACX,aAAAH;AAAA,IAAA,CACD;;;;;;;;"}

package/dist/PlaidLink.vue.d.ts

@@ -1,11 +1,10 @@
-import { AllowedComponentProps } from 'vue';
-import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { Plaid } from 'plaid-link';
 import { PropType } from 'vue';
-import { VNodeProps } from 'vue';
+import { PublicProps } from 'vue';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
@@ -34,42 +33,42 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
     initScriptUrl: string;
     storageKey: undefined;
     returnTo: string;
     env: string;
     token: undefined;
     createToken: undefined;
-}>, {
+}>>, {
     handleClick: typeof handleClick;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, {}, {}, 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;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaidLinkProps>, {
     initScriptUrl: string;
     storageKey: undefined;
     returnTo: string;
     env: string;
     token: undefined;
     createToken: undefined;
-}>>> & {
-    onLoad?: (() => any) | 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;
-    onSuccess?: ((public_token: string, metadata: Plaid.OnSuccessMetaData) => any) | undefined;
-}, {
+}>, {
     initScriptUrl: string;
     storageKey: string;
     returnTo: string;
     token: string;
     env: Plaid.Environment;
     createToken: () => Promise<LinkTokenResponse>;
-}, {}>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {
         open: boolean;
     }): any;

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":["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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -1,11 +1,10 @@
-import { AllowedComponentProps } from 'vue';
-import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
+import { PublicProps } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
-import { VNodeProps } from 'vue';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
@@ -18,10 +17,10 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 
-declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<QuickActionProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<QuickActionProps>>>, {}, {}>;
+declare const _default: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<QuickActionProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<QuickActionProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
-declare type IconName = typeof iconNames[number];
+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"];
 

package/dist/Radio.vue.d.ts

@@ -1,4 +1,23 @@
-declare const _default: (props: Record<string, any> & {}) => any;
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const _default: DefineComponent<any, {
+    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;
+}>, {
+    label: string;
+    hasError: boolean;
+    modelValue: string | number | null;
+    checked: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
 export { }

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, inject as k, useCssModule as V, openBlock as s, createElementBlock as d, normalizeClass as _, unref as e, Fragment as B, renderList as R, createElementVNode as r, 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 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 E from "lodash-es/uniqueId";
 import { _ as O } from "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
 import { R as y } from "./RadioGroup.keys-974818d6.js";
@@ -9,31 +9,31 @@ import "lodash-es/get";
 const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @__PURE__ */ $({
   __name: "VariantButton",
   setup(u) {
-    const o = k(y.key);
-    if (!o)
+    const r = k(y.key);
+    if (!r)
       throw new Error("VariantButton must be used with a RadioGroup instance.");
-    const { name: t, disabled: m, fullWidth: f, modelValue: l, options: i, update: n } = o, p = V();
-    return (g, c) => (s(), d("div", {
-      class: _(["tw-flex", e(p).root])
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
+    return (g, _) => (l(), n("div", {
+      class: p(["tw-flex", e(c).root])
     }, [
-      (s(!0), d(B, null, R(e(i), (a) => (s(), d("div", {
-        key: `${e(t)}-${a.id}`,
-        class: _([{ "tw-w-full": e(f) }])
+      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+        key: `${e(s)}-${t.id}`,
+        class: p([{ "tw-w-full": e(f) }])
       }, [
-        r("input", {
-          id: `${e(t)}-${a.id}`,
+        i("input", {
+          id: `${e(s)}-${t.id}`,
           class: "tw-sr-only",
           type: "radio",
-          name: e(t),
-          value: a.value,
-          checked: e(l) === a.value,
-          disabled: e(m) || a.disabled,
-          onInput: c[0] || (c[0] = //@ts-ignore
-          (...b) => e(n) && e(n)(...b))
+          name: e(s),
+          value: t.value,
+          checked: e(d) === t.value,
+          disabled: e(a) || t.disabled,
+          onInput: _[0] || (_[0] = //@ts-ignore
+          (...b) => e(o) && e(o)(...b))
         }, null, 40, W),
-        r("label", {
-          for: `${e(t)}-${a.id}`
-        }, h(a.text), 9, j)
+        i("label", {
+          for: `${e(s)}-${t.id}`
+        }, h(t.text), 9, j)
       ], 2))), 128))
     ], 2));
   }
@@ -44,31 +44,31 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
 }, N = /* @__PURE__ */ x(q, [["__cssModules", L]]), z = ["id", "name", "value", "checked", "disabled"], A = ["for"], F = /* @__PURE__ */ $({
   __name: "VariantChip",
   setup(u) {
-    const o = k(y.key);
-    if (!o)
+    const r = k(y.key);
+    if (!r)
       throw new Error("VariantChip must be used with a RadioGroup instance.");
-    const { name: t, disabled: m, fullWidth: f, modelValue: l, options: i, update: n } = o, p = V();
-    return (g, c) => (s(), d("div", {
-      class: _(["tw-my-1.5 tw-flex tw-flex-wrap", e(p).root])
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
+    return (g, _) => (l(), n("div", {
+      class: p(["tw-my-1.5 tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (s(!0), d(B, null, R(e(i), (a) => (s(), d("div", {
-        key: `${e(t)}-${a.id}`,
-        class: _([{ "tw-w-full": e(f) }])
+      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+        key: `${e(s)}-${t.id}`,
+        class: p([{ "tw-w-full": e(f) }])
       }, [
-        r("input", {
-          id: `${e(t)}-${a.id}`,
+        i("input", {
+          id: `${e(s)}-${t.id}`,
           class: "tw-sr-only",
           type: "radio",
-          name: e(t),
-          value: a.value,
-          checked: e(l) === a.value,
-          disabled: e(m) || a.disabled,
-          onInput: c[0] || (c[0] = //@ts-ignore
-          (...b) => e(n) && e(n)(...b))
+          name: e(s),
+          value: t.value,
+          checked: e(d) === t.value,
+          disabled: e(a) || t.disabled,
+          onInput: _[0] || (_[0] = //@ts-ignore
+          (...b) => e(o) && e(o)(...b))
         }, null, 40, z),
-        r("label", {
-          for: `${e(t)}-${a.id}`
-        }, h(a.text), 9, A)
+        i("label", {
+          for: `${e(s)}-${t.id}`
+        }, h(t.text), 9, A)
       ], 2))), 128))
     ], 2));
   }
@@ -79,30 +79,30 @@ const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @_
 }, H = /* @__PURE__ */ x(F, [["__cssModules", U]]), K = ["id", "name", "value", "checked", "disabled"], Q = ["for"], X = /* @__PURE__ */ $({
   __name: "VariantRadio",
   setup(u) {
-    const o = k(y.key);
-    if (!o)
+    const r = k(y.key);
+    if (!r)
       throw new Error("VariantRadio must be used with a RadioGroup instance.");
-    const { name: t, disabled: m, fullWidth: f, modelValue: l, options: i, update: n } = o, p = V();
-    return (g, c) => (s(), d("div", {
-      class: _(["tw-flex tw-flex-wrap", e(p).root])
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
+    return (g, _) => (l(), n("div", {
+      class: p(["tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (s(!0), d(B, null, R(e(i), (a) => (s(), d("div", {
-        key: `${e(t)}-${a.id}`,
-        class: _([{ "tw-w-full": e(f) }])
+      (l(!0), n(B, null, R(e(m), (t) => (l(), n("div", {
+        key: `${e(s)}-${t.id}`,
+        class: p([{ "tw-w-full": e(f) }])
       }, [
-        r("input", {
-          id: `${e(t)}-${a.id}`,
+        i("input", {
+          id: `${e(s)}-${t.id}`,
           type: "radio",
-          name: e(t),
-          value: a.value,
-          checked: e(l) === a.value,
-          disabled: e(m) || a.disabled,
-          onInput: c[0] || (c[0] = //@ts-ignore
-          (...b) => e(n) && e(n)(...b))
+          name: e(s),
+          value: t.value,
+          checked: e(d) === t.value,
+          disabled: e(a) || t.disabled,
+          onInput: _[0] || (_[0] = //@ts-ignore
+          (...b) => e(o) && e(o)(...b))
         }, null, 40, K),
-        r("label", {
-          for: `${e(t)}-${a.id}`
-        }, h(a.text), 9, Q)
+        i("label", {
+          for: `${e(s)}-${t.id}`
+        }, h(t.text), 9, Q)
       ], 2))), 128))
     ], 2));
   }
@@ -110,56 +110,56 @@ 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"], le = { class: "tw-m-0 tw-text-ice-900" }, oe = { class: "tw-m-0 tw-text-ice-700" }, re = /* @__PURE__ */ $({
+}, 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__ */ $({
   __name: "VariantTile",
   setup(u) {
-    const o = k(y.key);
-    if (!o)
+    const r = k(y.key);
+    if (!r)
       throw new Error("VariantTile must be used with a RadioGroup instance.");
-    const { name: t, disabled: m, fullWidth: f, modelValue: l, options: i, update: n } = o, p = V();
-    return (g, c) => (s(), d("div", {
-      class: _(["tw-flex tw-flex-wrap", e(p).root])
+    const { name: s, disabled: a, fullWidth: f, modelValue: d, options: m, update: o } = r, c = V();
+    return (g, _) => (l(), n("div", {
+      class: p(["tw-flex tw-flex-wrap", e(c).root])
     }, [
-      (s(!0), d(B, null, R(e(i), (a) => (s(), d("label", {
-        key: `${e(t)}-${a.id}`,
-        class: _([e(p)["tile-container"], { "tw-w-full": e(f) }]),
-        for: `${e(t)}-${a.id}`
+      (l(!0), n(B, null, R(e(m), (t) => (l(), n("label", {
+        key: `${e(s)}-${t.id}`,
+        class: p([e(c)["tile-container"], { "tw-w-full": e(f) }]),
+        for: `${e(s)}-${t.id}`
       }, [
-        r("div", {
-          class: _(["tw-flex tw-border", [
-            e(p)["tile-header"],
+        i("div", {
+          class: p(["tw-flex tw-border", [
+            e(c)["tile-header"],
             {
-              "tw-border-blue-500 tw-bg-blue-100 tw-text-ice-900": e(l) === a.value,
-              "tw-border-ice-500 tw-bg-ice-100 tw-text-ice-700": e(l) !== a.value
+              "tw-border-blue-500 tw-bg-blue-100 tw-text-ice-900": e(d) === t.value,
+              "tw-border-ice-500 tw-bg-ice-100 tw-text-ice-700": e(d) !== t.value
             }
           ]])
         }, [
-          r("input", {
-            id: `${e(t)}-${a.id}`,
+          i("input", {
+            id: `${e(s)}-${t.id}`,
             class: "tw-sr-only",
             type: "radio",
-            name: e(t),
-            value: a.value,
-            checked: e(l) === a.value,
-            disabled: e(m) || a.disabled,
-            onInput: c[0] || (c[0] = //@ts-ignore
-            (...b) => e(n) && e(n)(...b))
+            name: e(s),
+            value: t.value,
+            checked: e(d) === t.value,
+            disabled: e(a) || t.disabled,
+            onInput: _[0] || (_[0] = //@ts-ignore
+            (...b) => e(o) && e(o)(...b))
           }, null, 40, se),
-          r("div", null, [
-            r("span", null, h(a.text), 1)
+          i("div", null, [
+            i("span", null, h(t.text), 1)
           ])
         ], 2),
-        r("div", {
-          class: _(["tw-border-x tw-border-b", [
-            e(p)["tile-body"],
+        i("div", {
+          class: p(["tw-border-x tw-border-b", [
+            e(c)["tile-body"],
             {
-              "tw-border-ice-500": e(l) !== a.value,
-              "tw-border-blue-500": e(l) === a.value
+              "tw-border-ice-500": e(d) !== t.value,
+              "tw-border-blue-500": e(d) === t.value
             }
           ]])
         }, [
-          r("p", le, h(a.subTitle), 1),
-          r("p", oe, h(a.subText), 1)
+          i("p", oe, h(t.subTitle), 1),
+          i("p", le, h(t.subText), 1)
         ], 2)
       ], 10, ae))), 128))
     ], 2));
@@ -191,60 +191,60 @@ const ce = /* @__PURE__ */ $({
     showOptionalInLabel: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: o }) {
-    const t = u, m = {
+  setup(u, { emit: r }) {
+    const s = {
       [w.Button]: N,
       [w.Chip]: H,
       [w.Radio]: te,
       [w.Tile]: ue
-    };
-    function f(i) {
-      o("update:modelValue", i.target.value);
+    }, a = u, f = r;
+    function d(o) {
+      f("update:modelValue", o.target.value);
     }
-    const l = E("radio-group-field-error-");
+    const m = E("radio-group-field-error-");
     return C(y.key, {
-      name: v(() => t.name),
-      disabled: v(() => t.disabled),
-      fullWidth: v(() => t.fullWidth),
-      modelValue: v(() => t.modelValue),
-      options: v(() => t.options),
-      variant: v(() => t.variant),
-      update: f
-    }), (i, n) => (s(), I(O, {
+      name: v(() => a.name),
+      disabled: v(() => a.disabled),
+      fullWidth: v(() => a.fullWidth),
+      modelValue: v(() => a.modelValue),
+      options: v(() => a.options),
+      variant: v(() => a.variant),
+      update: d
+    }), (o, c) => (l(), I(O, {
       class: "stash-radio-group",
       "data-test": "stash-radio-group",
-      "aria-errormessage": e(l),
-      "aria-invalid": !!t.errorText,
+      "aria-errormessage": e(m),
+      "aria-invalid": !!a.errorText,
       role: "radiogroup",
       fieldset: "",
-      label: t.label,
-      "add-bottom-space": t.addBottomSpace,
-      "error-id": e(l),
-      "error-text": t.errorText,
-      "hint-text": t.hintText,
-      "show-optional-in-label": t.showOptionalInLabel,
-      "is-required": t.isRequired,
-      "is-read-only": t.isReadOnly
+      label: a.label,
+      "add-bottom-space": a.addBottomSpace,
+      "error-id": e(m),
+      "error-text": a.errorText,
+      "hint-text": a.hintText,
+      "show-optional-in-label": a.showOptionalInLabel,
+      "is-required": a.isRequired,
+      "is-read-only": a.isReadOnly
     }, {
       default: M(() => [
-        t.options ? T(i.$slots, "default", { key: 0 }, () => [
-          (s(), I(G(m[t.variant])))
-        ], !0) : (s(), d("div", {
+        a.options ? T(o.$slots, "default", { key: 0 }, () => [
+          (l(), I(G(s[a.variant])))
+        ], !0) : (l(), n("div", {
           key: 1,
-          class: _(["tw-flex", {
-            "tw-flex-wrap": t.variant !== e(w).Button,
-            "tw-gap-x-1.5 tw-gap-y-3": t.variant === e(w).Chip,
-            "tw-gap-6": t.variant === e(w).Radio || t.variant === e(w).Tile
+          class: p(["tw-flex", {
+            "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(i.$slots, "default", {}, void 0, !0)
+          T(o.$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-a6627a68"]]);
+const $e = /* @__PURE__ */ x(ce, [["__scopeId", "data-v-f44396f6"]]);
 export {
   y as RADIO_GROUP_INJECTION,
   w as RadioGroupVariant,