@leaflink/stash 51.11.0 → 51.12.0

package/dist/QuickAction.vue.d.ts

@@ -1,10 +1,23 @@
 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';
 
-declare const _default: DefineComponent<QuickActionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<QuickActionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+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];
@@ -16,7 +29,7 @@ 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", "bank", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-slash", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "cloud-share", "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", "face-id", "face", "figma", "file-csv", "file", "filter-funnel", "filter-line", "fingerprint", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reorder", "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", "start", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "tag-leaf", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user-group", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
-declare interface QuickActionProps {
+export declare interface QuickActionProps {
     /**
      * The title prop will show the first line of text
      */

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       * @deprecated 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;;;;IAMX,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,MACT;AAAA;;;;IAMF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,gBAAgB;AAAA,EAExB,QAAQ;AACN,WAAO;AAAA,MACL,SAASC,EAAY;AAAA;EAEzB;AAAA,EAEA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AACJ,eAAO,KAAK;AAAA,MACd;AAAA,MACA,IAAID,GAAO;AACT,aAAK,MAAM,kBAAkBA,CAAK;AAAA,MACpC;AAAA;;EAIJ,UAAU;AACR,QAAI,KAAK,OAAO;AACd,YAAM,IAAI,MAAM,2DAA2D;AAAA,EAE/E;;;cAKFE,EAMM,OAAA;AAAA,IAND,UAAM,eAAa,CAA+BC,UAAQ,eAAeC,EAAA,SAAQ,CAAA,CAAA,CAAA;AAAA,IAA7D,aAAU;AAAA;IACjCC,EAAAC,EAAiH,SAAjHC,EAAiH;AAAA,MAAzG,IAAIH,EAAA;AAAA,oDAAaI,EAAA,gBAAaC;AAAA,MAAE,OAAK,CAAC,cAAqBN,EAAA,QAAQ,KAAK;AAAA,MAAE,MAAK;AAAA,OAAgBO,EAAA,MAAM,GAAA,MAAA,IAAAC,CAAA,GAAA;AAAA,UAApFH,EAAA,aAAa;AAAA;IAEtCF,EAEQ,SAAA;AAAA,MAFA,KAAKF,EAAA;AAAA,MAAK,OAAKQ,EAAET,EAAA,QAAQ,KAAK;AAAA,SACjCC,EAAA,KAAK,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       * @deprecated 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;;;;IAMX,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,MACT;AAAA;;;;IAMF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,gBAAgB;AAAA,EAExB,QAAQ;AACN,WAAO;AAAA,MACL,SAASC,EAAY;AAAA;EAEzB;AAAA,EAEA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AACJ,eAAO,KAAK;AAAA,MACd;AAAA,MACA,IAAID,GAAO;AACT,aAAK,MAAM,kBAAkBA,CAAK;AAAA,MACpC;AAAA;;EAIJ,UAAU;AACR,QAAI,KAAK,OAAO;AACd,YAAM,IAAI,MAAM,2DAA2D;AAAA,EAE/E;GAhFJE,IAAA,CAAA,IAAA,GAAAC,IAAA,CAAA,KAAA;;cAqFEC,EAMM,OAAA;AAAA,IAND,OArFPC,GAqFa,eAAa,CAA+BC,UAAQ,eAAeC,EAAA,SAAQ,CAAA,CAAA,CAAA;AAAA,IAA7D,aAAU;AAAA;IACjCC,EAAAC,EAAiH,SAAjHC,EAAiH;AAAA,MAAzG,IAAIH,EAAA;AAAA,MAtFhB,uBAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAsF6BC,EAAA,gBAAaD;AAAA,MAAE,OAAK,CAAC,cAAqBN,EAAA,QAAQ,KAAK;AAAA,MAAE,MAAK;AAAA,IAAgB,GAAAQ,EAAA,MAAM,GAAA,MAAA,IAtFjHZ,CAAA,GAAA;AAAA,UAsF6BW,EAAA,aAAa;AAAA;IAEtCJ,EAEQ,SAAA;AAAA,MAFA,KAAKF,EAAA;AAAA,MAAK,OAxFtBF,EAwF6BC,EAAA,QAAQ,KAAK;AAAA,IACjC,GAAAS,EAAAR,EAAA,KAAK,GAAA,IAzFdJ,CAAA;AAAA;;;;;"}

package/dist/Radio.vue.d.ts

@@ -1 +1,94 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const _default: DefineComponent<ExtractPropTypes<    {
+/**
+* The checked/selected state of the radio button
+*/
+checked: {
+type: (NumberConstructor | StringConstructor)[];
+default: undefined;
+};
+/**
+* @deprecated 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(): 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;
+};
+/**
+* @deprecated 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;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+
 export { }

package/dist/RadioGroup.js

@@ -1,34 +1,34 @@
-import { defineComponent as x, inject as g, useCssModule as V, createElementBlock as u, openBlock as l, normalizeClass as p, unref as e, Fragment as R, renderList as I, createElementVNode as d, toDisplayString as $, provide as S, computed as m, ref as C, useTemplateRef as j, onMounted as D, onUnmounted as q, watchEffect as A, createBlock as M, mergeProps as L, withCtx as N, renderSlot as W, resolveDynamicComponent as P } from "vue";
+import { defineComponent as x, inject as g, useCssModule as V, createElementBlock as c, openBlock as s, normalizeClass as v, unref as e, Fragment as R, renderList as I, createElementVNode as u, toDisplayString as $, provide as S, computed as m, ref as C, useTemplateRef as j, onMounted as D, onUnmounted as q, watchEffect as A, createBlock as M, mergeProps as L, withCtx as N, renderSlot as W, resolveDynamicComponent as P } from "vue";
 import U from "lodash-es/uniqueId";
 import { R as k } from "./RadioGroup.keys-CqfiKkNz.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js";
 const J = ["id", "name", "value", "checked", "disabled"], H = ["for"], K = /* @__PURE__ */ x({
   __name: "VariantButton",
-  setup(_) {
-    const n = g(k.key);
-    if (!n)
+  setup(p) {
+    const i = g(k.key);
+    if (!i)
       throw new Error("VariantButton must be used with a RadioGroup instance.");
-    const { name: o, disabled: a, fullWidth: b, modelValue: i, options: v, update: r } = n, c = V();
-    return (h, s) => (l(), u("div", {
-      class: p(["tw-flex", e(c).root])
+    const { name: o, disabled: a, fullWidth: b, modelValue: d, options: f, update: l } = i, _ = V();
+    return (h, n) => (s(), c("div", {
+      class: v(["tw-flex", e(_).root])
     }, [
-      (l(!0), u(R, null, I(e(v), (t) => (l(), u("div", {
+      (s(!0), c(R, null, I(e(f), (t) => (s(), c("div", {
         key: `${e(o)}-${t.id}`,
-        class: p([{ "tw-w-full": e(b) }])
+        class: v([{ "tw-w-full": e(b) }])
       }, [
-        d("input", {
+        u("input", {
           id: `${e(o)}-${t.id}`,
           class: "tw-sr-only",
           type: "radio",
           name: e(o),
           value: t.value,
-          checked: e(i) === t.value,
+          checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
-          onInput: s[0] || (s[0] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w))
+          onInput: n[0] || (n[0] = //@ts-ignore
+          (...w) => e(l) && e(l)(...w))
         }, null, 40, J),
-        d("label", {
+        u("label", {
           for: `${e(o)}-${t.id}`
         }, $(t.text), 9, H)
       ], 2))), 128))
@@ -40,30 +40,30 @@ const J = ["id", "name", "value", "checked", "disabled"], H = ["for"], K = /* @_
   $style: X
 }, Z = /* @__PURE__ */ B(K, [["__cssModules", Y]]), ee = ["id", "name", "value", "checked", "disabled"], te = ["for"], ae = /* @__PURE__ */ x({
   __name: "VariantChip",
-  setup(_) {
-    const n = g(k.key);
-    if (!n)
+  setup(p) {
+    const i = g(k.key);
+    if (!i)
       throw new Error("VariantChip must be used with a RadioGroup instance.");
-    const { name: o, disabled: a, fullWidth: b, modelValue: i, options: v, update: r } = n, c = V();
-    return (h, s) => (l(), u("div", {
-      class: p(["tw-my-1.5 tw-flex tw-flex-wrap", e(c).root])
+    const { name: o, disabled: a, fullWidth: b, modelValue: d, options: f, update: l } = i, _ = V();
+    return (h, n) => (s(), c("div", {
+      class: v(["tw-my-1.5 tw-flex tw-flex-wrap", e(_).root])
     }, [
-      (l(!0), u(R, null, I(e(v), (t) => (l(), u("div", {
+      (s(!0), c(R, null, I(e(f), (t) => (s(), c("div", {
         key: `${e(o)}-${t.id}`,
-        class: p([{ "tw-w-full": e(b) }])
+        class: v([{ "tw-w-full": e(b) }])
       }, [
-        d("input", {
+        u("input", {
           id: `${e(o)}-${t.id}`,
           class: "tw-sr-only",
           type: "radio",
           name: e(o),
           value: t.value,
-          checked: e(i) === t.value,
+          checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
-          onInput: s[0] || (s[0] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w))
+          onInput: n[0] || (n[0] = //@ts-ignore
+          (...w) => e(l) && e(l)(...w))
         }, null, 40, ee),
-        d("label", {
+        u("label", {
           for: `${e(o)}-${t.id}`
         }, $(t.text), 9, te)
       ], 2))), 128))
@@ -75,29 +75,29 @@ const J = ["id", "name", "value", "checked", "disabled"], H = ["for"], K = /* @_
   $style: re
 }, se = /* @__PURE__ */ B(ae, [["__cssModules", le]]), ne = ["id", "name", "value", "checked", "disabled"], ie = ["for"], de = /* @__PURE__ */ x({
   __name: "VariantRadio",
-  setup(_) {
-    const n = g(k.key);
-    if (!n)
+  setup(p) {
+    const i = g(k.key);
+    if (!i)
       throw new Error("VariantRadio must be used with a RadioGroup instance.");
-    const { name: o, disabled: a, fullWidth: b, modelValue: i, options: v, update: r } = n, c = V();
-    return (h, s) => (l(), u("div", {
-      class: p(["tw-flex tw-flex-wrap", e(c).root])
+    const { name: o, disabled: a, fullWidth: b, modelValue: d, options: f, update: l } = i, _ = V();
+    return (h, n) => (s(), c("div", {
+      class: v(["tw-flex tw-flex-wrap", e(_).root])
     }, [
-      (l(!0), u(R, null, I(e(v), (t) => (l(), u("div", {
+      (s(!0), c(R, null, I(e(f), (t) => (s(), c("div", {
         key: `${e(o)}-${t.id}`,
-        class: p([{ "tw-w-full": e(b) }])
+        class: v([{ "tw-w-full": e(b) }])
       }, [
-        d("input", {
+        u("input", {
           id: `${e(o)}-${t.id}`,
           type: "radio",
           name: e(o),
           value: t.value,
-          checked: e(i) === t.value,
+          checked: e(d) === t.value,
           disabled: e(a) || t.disabled,
-          onInput: s[0] || (s[0] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w))
+          onInput: n[0] || (n[0] = //@ts-ignore
+          (...w) => e(l) && e(l)(...w))
         }, null, 40, ne),
-        d("label", {
+        u("label", {
           for: `${e(o)}-${t.id}`
         }, $(t.text), 9, ie)
       ], 2))), 128))
@@ -109,54 +109,54 @@ const J = ["id", "name", "value", "checked", "disabled"], H = ["for"], K = /* @_
   $style: ce
 }, pe = /* @__PURE__ */ B(de, [["__cssModules", _e]]), ve = ["for"], fe = ["id", "name", "value", "checked", "disabled"], me = { class: "tw-m-0 tw-text-ice-900" }, be = { class: "tw-m-0 tw-text-ice-700" }, we = /* @__PURE__ */ x({
   __name: "VariantTile",
-  setup(_) {
-    const n = g(k.key);
-    if (!n)
+  setup(p) {
+    const i = g(k.key);
+    if (!i)
       throw new Error("VariantTile must be used with a RadioGroup instance.");
-    const { name: o, disabled: a, fullWidth: b, modelValue: i, options: v, update: r } = n, c = V();
-    return (h, s) => (l(), u("div", {
-      class: p(["tw-flex tw-flex-wrap", e(c).root])
+    const { name: o, disabled: a, fullWidth: b, modelValue: d, options: f, update: l } = i, _ = V();
+    return (h, n) => (s(), c("div", {
+      class: v(["tw-flex tw-flex-wrap", e(_).root])
     }, [
-      (l(!0), u(R, null, I(e(v), (t) => (l(), u("label", {
+      (s(!0), c(R, null, I(e(f), (t) => (s(), c("label", {
         key: `${e(o)}-${t.id}`,
-        class: p([e(c)["tile-container"], { "tw-w-full": e(b) }]),
+        class: v([e(_)["tile-container"], { "tw-w-full": e(b) }]),
         for: `${e(o)}-${t.id}`
       }, [
-        d("div", {
-          class: p(["tw-flex tw-border", [
-            e(c)["tile-header"],
+        u("div", {
+          class: v(["tw-flex tw-border", [
+            e(_)["tile-header"],
             {
-              "tw-border-blue-500 tw-bg-blue-100 tw-text-ice-900": e(i) === t.value,
-              "tw-border-ice-500 tw-bg-ice-100 tw-text-ice-700": e(i) !== t.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
             }
           ]])
         }, [
-          d("input", {
+          u("input", {
             id: `${e(o)}-${t.id}`,
             class: "tw-sr-only",
             type: "radio",
             name: e(o),
             value: t.value,
-            checked: e(i) === t.value,
+            checked: e(d) === t.value,
             disabled: e(a) || t.disabled,
-            onInput: s[0] || (s[0] = //@ts-ignore
-            (...w) => e(r) && e(r)(...w))
+            onInput: n[0] || (n[0] = //@ts-ignore
+            (...w) => e(l) && e(l)(...w))
           }, null, 40, fe),
-          d("div", null, [
-            d("span", null, $(t.text), 1)
+          u("div", null, [
+            u("span", null, $(t.text), 1)
           ])
         ], 2),
-        d("div", {
-          class: p(["tw-border-x tw-border-b", [
-            e(c)["tile-body"],
+        u("div", {
+          class: v(["tw-border-x tw-border-b", [
+            e(_)["tile-body"],
             {
-              "tw-border-ice-500": e(i) !== t.value,
-              "tw-border-blue-500": e(i) === t.value
+              "tw-border-ice-500": e(d) !== t.value,
+              "tw-border-blue-500": e(d) === t.value
             }
           ]])
         }, [
-          d("p", me, $(t.subTitle), 1),
-          d("p", be, $(t.subText), 1)
+          u("p", me, $(t.subTitle), 1),
+          u("p", be, $(t.subText), 1)
         ], 2)
       ], 10, ve))), 128))
     ], 2));
@@ -169,7 +169,7 @@ const J = ["id", "name", "value", "checked", "disabled"], H = ["for"], K = /* @_
 }, ye = {
   $style: $e
 }, xe = /* @__PURE__ */ B(we, [["__cssModules", ye]]);
-var y = /* @__PURE__ */ ((_) => (_.Radio = "radio", _.Button = "button", _.Chip = "chip", _.Tile = "tile", _))(y || {});
+var y = /* @__PURE__ */ ((p) => (p.Radio = "radio", p.Button = "button", p.Chip = "chip", p.Tile = "tile", p))(y || {});
 const ke = /* @__PURE__ */ x({
   __name: "RadioGroup",
   props: {
@@ -194,17 +194,17 @@ const ke = /* @__PURE__ */ x({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(_, { emit: n }) {
+  setup(p, { emit: i }) {
     const o = {
       [y.Button]: Z,
       [y.Chip]: se,
       [y.Radio]: pe,
       [y.Tile]: xe
-    }, a = _, b = n;
-    function i(f) {
-      b("update:modelValue", f.target.value);
+    }, a = p, b = i;
+    function d(r) {
+      b("update:modelValue", r.target.value);
     }
-    const v = U("radio-group-field-error-");
+    const f = U("radio-group-field-error-");
     S(k.key, {
       name: m(() => a.name),
       disabled: m(() => a.isDisabled || a.disabled),
@@ -212,49 +212,56 @@ const ke = /* @__PURE__ */ x({
       modelValue: m(() => a.modelValue),
       options: m(() => a.options),
       variant: m(() => a.variant),
-      orientation: m(() => r.value),
-      update: i
+      orientation: m(() => l.value),
+      update: d
     });
-    const r = C(a.orientation), c = m(() => ({
+    const l = C(a.orientation), _ = m(() => ({
       "tw-flex-wrap": a.variant !== "button",
-      "tw-gap-x-1.5 tw-gap-y-3": a.variant === "chip" && r.value === "horizontal",
-      "tw-gap-6": a.variant === "radio" || a.variant === "tile" || a.variant === "chip" && r.value === "vertical",
-      "tw-flex-col": r.value === "vertical"
-    })), h = C(null), s = j("radioGroup"), t = m(() => s.value?.$el.parentElement), w = m(() => a.variant !== "button" ? [] : Array.from(s.value?.$el.querySelectorAll("[data-variant-button]")) || []);
+      "tw-gap-x-1.5 tw-gap-y-3": a.variant === "chip" && l.value === "horizontal",
+      "tw-gap-6": a.variant === "radio" || a.variant === "tile" || a.variant === "chip" && l.value === "vertical",
+      "tw-flex-col": l.value === "vertical"
+    })), h = C(null), n = j("radioGroup"), t = m(() => {
+      var r;
+      return (r = n.value) == null ? void 0 : r.$el.parentElement;
+    }), w = m(() => {
+      var r;
+      return a.variant !== "button" ? [] : Array.from((r = n.value) == null ? void 0 : r.$el.querySelectorAll("[data-variant-button]")) || [];
+    });
     function E() {
-      return w.value.reduce((f, T) => {
+      return w.value.reduce((r, T) => {
         const z = T.getBoundingClientRect().width;
-        return f + z;
+        return r + z;
       }, 0);
     }
-    const G = C(0), O = (f) => {
-      r.value = G.value > f.contentBoxSize[0].inlineSize ? "vertical" : a.orientation;
+    const G = C(0), O = (r) => {
+      l.value = G.value > r.contentBoxSize[0].inlineSize ? "vertical" : a.orientation;
     };
     return D(() => {
-      a.variant === "button" && !a.fullWidth && (G.value = E(), h.value = new ResizeObserver((f) => O(f[0])), h.value.observe(t.value));
+      a.variant === "button" && !a.fullWidth && (G.value = E(), h.value = new ResizeObserver((r) => O(r[0])), h.value.observe(t.value));
     }), q(() => {
-      a.variant === "button" && h.value && h.value?.disconnect();
+      var r;
+      a.variant === "button" && h.value && ((r = h.value) == null || r.disconnect());
     }), A(() => {
-      r.value = a.orientation;
-    }), (f, T) => (l(), M(F, L(a, {
+      l.value = a.orientation;
+    }), (r, T) => (s(), M(F, L(a, {
       ref: "radioGroup",
       class: "stash-radio-group",
       "data-test": "stash-radio-group",
-      "aria-errormessage": e(v),
-      "error-id": e(v),
+      "aria-errormessage": e(f),
+      "error-id": e(f),
       "aria-invalid": !!a.errorText,
       role: "radiogroup",
       fieldset: ""
     }), {
       default: N(() => [
-        a.options ? W(f.$slots, "default", { key: 0 }, () => [
-          (l(), M(P(o[a.variant])))
-        ], !0) : (l(), u("div", {
+        a.options ? W(r.$slots, "default", { key: 0 }, () => [
+          (s(), M(P(o[a.variant])))
+        ], !0) : (s(), c("div", {
           key: 1,
-          class: p(["tw-flex", c.value]),
+          class: v(["tw-flex", _.value]),
           "data-test": "stash-radio-group|default-slot"
         }, [
-          W(f.$slots, "default", {}, void 0, !0)
+          W(r.$slots, "default", {}, void 0, !0)
         ], 2))
       ]),
       _: 3

package/dist/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../src/components/RadioGroup/components/VariantButton.vue","../src/components/RadioGroup/components/VariantChip.vue","../src/components/RadioGroup/components/VariantRadio.vue","../src/components/RadioGroup/components/VariantTile.vue","../src/components/RadioGroup/RadioGroup.types.ts","../src/components/RadioGroup/RadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantButton must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        class=\"tw-sr-only\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root label {\n    padding: 8px 30px;\n    border: 1px solid var(--color-ice-500);\n    font-weight: theme('fontWeight.semibold');\n    color: var(--color-ice-700);\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n    display: block;\n    text-align: center;\n  }\n\n  .root > div:first-child label {\n    border-top-left-radius: theme('borderRadius.DEFAULT');\n    border-bottom-left-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .root > div:last-child label {\n    border-top-right-radius: theme('borderRadius.DEFAULT');\n    border-bottom-right-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .root > div:not(:first-child) label {\n    margin-left: -1px;\n  }\n\n  .root > div:not(:last-child) label {\n    border-right-color: transparent;\n  }\n\n  .root input:disabled ~ label {\n    background-color: var(--color-ice-200);\n    color: var(--color-ice-500);\n    cursor: auto;\n  }\n\n  .root input:not(:checked, :disabled) ~ label:hover {\n    border-color: var(--color-blue-500);\n    color: var(--color-blue-500);\n    z-index: 1;\n    position: relative;\n  }\n\n  .root input:checked:not(:disabled) ~ label {\n    border-color: var(--color-blue-500);\n    color: var(--color-blue-500);\n    background-color: var(--color-blue-100);\n    z-index: 1;\n    position: relative;\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantChip must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-my-1.5 tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        class=\"tw-sr-only\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    padding: theme('spacing[1.5]') theme('spacing.3');\n    border: 1px solid var(--color-ice-500);\n    font-weight: theme('fontWeight.normal');\n    color: var(--color-ice-900);\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n    border-radius: 9999px;\n    white-space: nowrap;\n  }\n\n  .root input:disabled ~ label {\n    background-color: var(--color-ice-200);\n    color: var(--color-ice-500);\n    cursor: auto;\n  }\n\n  .root input:checked:not(:disabled) ~ label {\n    border-color: var(--color-blue-500);\n    color: var(--color-white);\n    background-color: var(--color-blue-500);\n    font-weight: theme('fontWeight.bold');\n  }\n\n  .root input:not(:checked, :disabled) ~ label:hover {\n    border-color: var(--color-blue-500);\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantRadio must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    font-weight: theme('fontWeight.medium');\n    user-select: none;\n    cursor: pointer;\n    padding: 0 theme('spacing.3');\n  }\n\n  .root input {\n    appearance: none;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    border: 1px solid var(--color-ice-500);\n    transition: all 0.2s;\n    position: relative;\n    cursor: pointer;\n    top: 5px;\n  }\n\n  .root input:checked {\n    background-image: radial-gradient(var(--color-blue-500) 50%, transparent 54%);\n  }\n\n  .root input:disabled {\n    background: #eef2f4;\n  }\n\n  .root input:disabled ~ label {\n    cursor: auto;\n  }\n\n  .root input:disabled:checked {\n    background-image: radial-gradient(var(--color-ice-500) 50%, transparent 54%);\n  }\n\n  .root input:hover:not(:disabled) {\n    border-color: var(--color-blue-500);\n  }\n\n  .root input:hover:not(:disabled) ~ label {\n    color: var(--color-ice-900);\n  }\n\n  .root input:not(:disabled) ~ label:hover {\n    color: var(--color-ice-900);\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantTile must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <label\n      v-for=\"option in options\"\n      :key=\"`${name}-${option.id}`\"\n      :class=\"[classes['tile-container'], { 'tw-w-full': fullWidth }]\"\n      :for=\"`${name}-${option.id}`\"\n    >\n      <div\n        class=\"tw-flex tw-border\"\n        :class=\"[\n          classes['tile-header'],\n          {\n            'tw-border-blue-500 tw-bg-blue-100 tw-text-ice-900': modelValue === option.value,\n            'tw-border-ice-500 tw-bg-ice-100 tw-text-ice-700': modelValue !== option.value,\n          },\n        ]\"\n      >\n        <input\n          :id=\"`${name}-${option.id}`\"\n          class=\"tw-sr-only\"\n          type=\"radio\"\n          :name=\"name\"\n          :value=\"option.value\"\n          :checked=\"modelValue === option.value\"\n          :disabled=\"disabled || option.disabled\"\n          @input=\"update\"\n        />\n        <div>\n          <span>\n            {{ option.text }}\n          </span>\n        </div>\n      </div>\n      <div\n        class=\"tw-border-x tw-border-b\"\n        :class=\"[\n          classes['tile-body'],\n          {\n            'tw-border-ice-500': modelValue !== option.value,\n            'tw-border-blue-500': modelValue === option.value,\n          },\n        ]\"\n      >\n        <p class=\"tw-m-0 tw-text-ice-900\">{{ option.subTitle }}</p>\n        <p class=\"tw-m-0 tw-text-ice-700\">{{ option.subText }}</p>\n      </div>\n    </label>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .root input:disabled ~ label {\n    cursor: auto;\n  }\n\n  .root input:hover:not(:disabled) ~ label {\n    color: var(--color-ice-900);\n  }\n\n  .root input:not(:disabled) ~ label:hover {\n    color: var(--color-ice-900);\n  }\n\n  .root label.tile-container {\n    border-radius: theme('borderRadius.DEFAULT');\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n  }\n\n  .tile-header,\n  .tile-body {\n    transition: all 0.2s;\n  }\n\n  .tile-header {\n    border-radius: theme('borderRadius.DEFAULT') theme('borderRadius.DEFAULT') 0 0;\n    padding: theme('spacing.3') 0;\n  }\n\n  .root label.tile-container:hover .tile-header {\n    background-color: var(--color-blue-100) !important;\n    border-color: var(--color-blue-500) !important;\n    color: var(--color-ice-900) !important;\n    transition: all 0.2s;\n  }\n\n  .tile-body {\n    border-radius: 0 0 theme('borderRadius.DEFAULT') theme('borderRadius.DEFAULT');\n    background-color: var(--color-white);\n    padding: theme('spacing.6');\n    display: flex;\n    flex-direction: column;\n  }\n\n  .root label.tile-container:hover .tile-body {\n    border-color: var(--color-blue-500) !important;\n    transition: all 0.2s;\n  }\n\n  .root input {\n    appearance: none;\n    background-color: var(--color-white);\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    border: 1px solid var(--color-ice-500);\n    transition: all 0.2s;\n    position: relative;\n    cursor: pointer;\n    top: 2px;\n  }\n\n  .root input ~ div {\n    font-weight: theme('fontWeight.medium');\n    user-select: none;\n    cursor: pointer;\n    padding: 0 theme('spacing.3');\n  }\n\n  .root input:disabled {\n    background: #eef2f4;\n  }\n\n  .root input:checked {\n    background-image: radial-gradient(var(--color-blue-500) 50%, transparent 54%);\n  }\n\n  .root label.tile-container input {\n    margin-left: theme('spacing.3');\n  }\n\n  .root input:disabled:checked {\n    background-image: radial-gradient(var(--color-ice-500) 50%, transparent 54%);\n  }\n\n  @media screen and (width <= 640px) {\n    .root {\n      flex-direction: column;\n    }\n  }\n</style>\n","import { ComputedRef } from 'vue';\n\nexport enum RadioGroupVariant {\n  Radio = 'radio',\n  Button = 'button',\n  Chip = 'chip',\n  Tile = 'tile',\n}\n\nexport type RadioGroupVariants = `${RadioGroupVariant}`;\n\n/**\n * An individual radio `<input>` within a RadioGroup instance\n */\nexport interface RadioGroupOption {\n  /**\n   * Disables the RadioGroupOption if truthy\n   */\n  disabled?: boolean;\n\n  /**\n   * The unique identifier for the option\n   */\n  id: number | string;\n\n  /**\n   * The text to be displayed for the option\n   */\n  text: string;\n\n  /**\n   * The value of the option. Used for the modelValue of the RadioGroup.\n   */\n  value: string;\n\n  /**\n   * The subtitle for tile variant\n   */\n  subTitle?: string;\n\n  /**\n   * The subtext for tile variant\n   */\n  subText?: string;\n}\n\n/**\n * Properties and utilities provided to children of a RadioGroup instance\n */\nexport interface RadioGroupInjection {\n  /**\n   * This type should match RadioGroupProps['disabled']\n   */\n  disabled: ComputedRef<boolean | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['fullWidth']\n   */\n  fullWidth: ComputedRef<boolean | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['modelValue']\n   */\n  modelValue: ComputedRef<string | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['name']\n   */\n  name: ComputedRef<string | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['options']\n   */\n  options: ComputedRef<RadioGroupOption[] | undefined>;\n\n  /**\n   * Triggered when the user changes their selection; updates the v-model.\n   */\n  update: (e: Event) => void;\n\n  /**\n   * This type should match RadioGroupProps['variant']\n   * @default 'radio'\n   */\n  variant: ComputedRef<RadioGroupVariants | undefined>;\n\n  /**\n   * Default orientation. If the variant is `button` and the group is wider than its parent it will be displayed in a column, and this prop will be ignored.\n   *\n   * Note: This does not work with the deprecated `options` prop. Update those instances to use the `RadioNew` component and default slot.\n   */\n  orientation?: ComputedRef<'horizontal' | 'vertical'>;\n}\n","<script lang=\"ts\">\n  import { FieldProps } from '../Field/Field.types';\n  import Field from '../Field/Field.vue';\n  import { RadioGroupOption, RadioGroupVariant, RadioGroupVariants } from './RadioGroup.types';\n\n  export * from './RadioGroup.keys';\n  export * from './RadioGroup.types';\n\n  export interface RadioGroupProps extends FieldProps {\n    /**\n     * Passed to the \"name\" attribute of the `<input>` elements within the RadioGroup.\n     */\n    name?: string;\n\n    /**\n     * Deprecated - Compose your radio group with the `Radio` component instead\n     * @deprecated\n     */\n    options?: RadioGroupOption[];\n\n    /**\n     * The value of the selected radio option. Use this prop with the `update:modelValue` event to create a controlled component.\n     */\n    modelValue?: RadioGroupOption['value'];\n\n    /**\n     * @defaultValue 'radio'\n     */\n    variant?: RadioGroupVariants;\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Default orientation. If the variant is `button` and the group is wider than its parent it will be displayed in a column, and this prop will be ignored.\n     *\n     * Note: This does not work with the deprecated `options` prop. Update those instances to use the `RadioNew` component and default slot.\n     *\n     * @defaultValue 'horizontal'\n     */\n    orientation?: 'horizontal' | 'vertical';\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onMounted, onUnmounted, provide, ref, useTemplateRef, watchEffect } from 'vue';\n\n  import VariantButton from './components/VariantButton.vue';\n  import VariantChip from './components/VariantChip.vue';\n  import VariantRadio from './components/VariantRadio.vue';\n  import VariantTile from './components/VariantTile.vue';\n  import { RADIO_GROUP_INJECTION } from './RadioGroup.keys';\n\n  const variantComponentsMap = {\n    [RadioGroupVariant.Button]: VariantButton,\n    [RadioGroupVariant.Chip]: VariantChip,\n    [RadioGroupVariant.Radio]: VariantRadio,\n    [RadioGroupVariant.Tile]: VariantTile,\n  };\n\n  const props = withDefaults(defineProps<RadioGroupProps>(), {\n    variant: 'radio',\n    fullWidth: false,\n    modelValue: undefined,\n    name: undefined,\n    options: undefined,\n    orientation: 'horizontal',\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Occurs when the user selects a radio option. Also, it enables v-model usage on the component.\n     */\n    (e: 'update:modelValue', value: RadioGroupOption['value']): void;\n  }>();\n\n  function update(e: Event) {\n    emit('update:modelValue', (e.target as HTMLInputElement).value);\n  }\n\n  const errorId = uniqueId('radio-group-field-error-');\n\n  provide(RADIO_GROUP_INJECTION.key, {\n    name: computed(() => props.name),\n    disabled: computed(() => props.isDisabled || props.disabled),\n    fullWidth: computed(() => props.fullWidth),\n    modelValue: computed(() => props.modelValue),\n    options: computed(() => props.options),\n    variant: computed(() => props.variant),\n    orientation: computed(() => internalOrientation.value),\n    update,\n  });\n\n  const internalOrientation = ref(props.orientation);\n\n  const classes = computed(() => {\n    return {\n      'tw-flex-wrap': props.variant !== 'button',\n      'tw-gap-x-1.5 tw-gap-y-3': props.variant === 'chip' && internalOrientation.value === 'horizontal',\n      'tw-gap-6':\n        props.variant === 'radio' ||\n        props.variant === 'tile' ||\n        (props.variant === 'chip' && internalOrientation.value === 'vertical'),\n      'tw-flex-col': internalOrientation.value === 'vertical',\n    };\n  });\n\n  const resizeObserver = ref<ResizeObserver | null>(null);\n  const radioGroupRef = useTemplateRef('radioGroup');\n  const radioGroupParent = computed(() => radioGroupRef.value?.$el.parentElement);\n  const radioGroupButtons = computed(() => {\n    if (props.variant !== 'button') {\n      return [];\n    }\n\n    return Array.from<HTMLElement>(radioGroupRef.value?.$el.querySelectorAll('[data-variant-button]')) || [];\n  });\n\n  function getButtonsWidth() {\n    return radioGroupButtons.value.reduce((acc, button) => {\n      const buttonWidth = button.getBoundingClientRect().width;\n      return acc + buttonWidth;\n    }, 0);\n  }\n\n  const initialTotalButtonsWidth = ref(0);\n\n  const handleResize = (entry: ResizeObserverEntry) => {\n    internalOrientation.value =\n      initialTotalButtonsWidth.value > entry.contentBoxSize[0].inlineSize ? 'vertical' : props.orientation;\n  };\n\n  onMounted(() => {\n    // If the width of the buttons is greater than the parent element,\n    // set orientation to vertical\n    if (props.variant === 'button' && !props.fullWidth) {\n      initialTotalButtonsWidth.value = getButtonsWidth();\n      resizeObserver.value = new ResizeObserver((entries) => handleResize(entries[0]));\n\n      resizeObserver.value.observe(radioGroupParent.value);\n    }\n  });\n\n  onUnmounted(() => {\n    if (props.variant === 'button' && resizeObserver.value) {\n      resizeObserver.value?.disconnect();\n    }\n  });\n\n  watchEffect(() => {\n    internalOrientation.value = props.orientation;\n  });\n</script>\n\n<template>\n  <Field\n    v-bind=\"props\"\n    ref=\"radioGroup\"\n    class=\"stash-radio-group\"\n    data-test=\"stash-radio-group\"\n    :aria-errormessage=\"errorId\"\n    :error-id=\"errorId\"\n    :aria-invalid=\"!!props.errorText\"\n    role=\"radiogroup\"\n    fieldset\n  >\n    <slot v-if=\"props.options\">\n      <component :is=\"variantComponentsMap[props.variant]\" />\n    </slot>\n    <div v-else class=\"tw-flex\" data-test=\"stash-radio-group|default-slot\" :class=\"classes\">\n      <slot></slot>\n    </div>\n  </Field>\n</template>\n\n<style scoped>\n  .stash-radio-group :global(.stash-field-hint),\n  .stash-radio-group :global(.stash-field-error) {\n    display: block;\n    width: 100%;\n  }\n\n  .stash-radio-group > :global(.stash-label) {\n    margin-bottom: 4px;\n  }\n</style>\n"],"names":["radioGroupInjection","inject","RADIO_GROUP_INJECTION","name","disabled","fullWidth","modelValue","options","update","classes","useCssModule","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","option","_createElementVNode","_cache","args","_toDisplayString","_hoisted_2","_hoisted_3","_hoisted_4","RadioGroupVariant","variantComponentsMap","VariantButton","VariantChip","VariantRadio","VariantTile","props","__props","emit","__emit","e","errorId","uniqueId","provide","computed","internalOrientation","ref","resizeObserver","radioGroupRef","useTemplateRef","radioGroupParent","radioGroupButtons","getButtonsWidth","acc","button","buttonWidth","initialTotalButtonsWidth","handleResize","entry","onMounted","entries","onUnmounted","watchEffect","_createBlock","Field","_mergeProps","_renderSlot","_ctx","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;AAKE,UAAMA,IAAsBC,EAAOC,EAAsB,GAAG;AAE5D,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wDAAwD;AAG1E,UAAM,EAAE,MAAAG,GAAM,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,MAAWR,GAC7DS,IAAUC,EAAA;2BAIhBC,EAgBM,OAAA;AAAA,MAhBD,OAAKC,EAAA,CAAC,WAAkBC,EAAAJ,CAAA,EAAQ,IAAI,CAAA;AAAA,IAAA;cACvCE,EAcMG,GAAA,MAAAC,EAdgBF,EAAAN,CAAA,GAAO,CAAjBS,YAAZL,EAcM,OAAA;AAAA,QAd0B,KAAG,GAAKE,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAK,yBAAuBH,EAAAR,CAAA,GAAS,CAAA;AAAA,MAAA;QAC5FY,EASE,SAAA;AAAA,UARC,IAAE,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,UACzB,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,MAAMH,EAAAV,CAAA;AAAA,UACN,OAAOa,EAAO;AAAA,UACd,SAASH,EAAAP,CAAA,MAAeU,EAAO;AAAA,UAC/B,UAAUH,EAAAT,CAAA,KAAYY,EAAO;AAAA,UAC7B,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,oBAAEL,EAAAL,CAAA,KAAAK,EAAAL,CAAA,EAAA,GAAAW,CAAA;AAAA,QAAA;QAEVF,EAEQ,SAAA;AAAA,UAFA,KAAG,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAA,GAC5BI,EAAAJ,EAAO,IAAI,GAAA,GAAAK,CAAA;AAAA,MAAA;;;;;;;;;;ACxBpB,UAAMrB,IAAsBC,EAAOC,EAAsB,GAAG;AAE5D,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,sDAAsD;AAGxE,UAAM,EAAE,MAAAG,GAAM,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,MAAWR,GAC7DS,IAAUC,EAAA;2BAIhBC,EAgBM,OAAA;AAAA,MAhBD,OAAKC,EAAA,CAAC,kCAAyCC,EAAAJ,CAAA,EAAQ,IAAI,CAAA;AAAA,IAAA;cAC9DE,EAcMG,GAAA,MAAAC,EAdgBF,EAAAN,CAAA,GAAO,CAAjBS,YAAZL,EAcM,OAAA;AAAA,QAd0B,KAAG,GAAKE,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAK,yBAAuBH,EAAAR,CAAA,GAAS,CAAA;AAAA,MAAA;QAC5FY,EASE,SAAA;AAAA,UARC,IAAE,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,UACzB,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,MAAMH,EAAAV,CAAA;AAAA,UACN,OAAOa,EAAO;AAAA,UACd,SAASH,EAAAP,CAAA,MAAeU,EAAO;AAAA,UAC/B,UAAUH,EAAAT,CAAA,KAAYY,EAAO;AAAA,UAC7B,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,oBAAEL,EAAAL,CAAA,KAAAK,EAAAL,CAAA,EAAA,GAAAW,CAAA;AAAA,QAAA;QAEVF,EAEQ,SAAA;AAAA,UAFA,KAAG,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAA,GAC5BI,EAAAJ,EAAO,IAAI,GAAA,GAAAK,EAAA;AAAA,MAAA;;;;;;;;;;ACxBpB,UAAMrB,IAAsBC,EAAOC,EAAsB,GAAG;AAE5D,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,uDAAuD;AAGzE,UAAM,EAAE,MAAAG,GAAM,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,MAAWR,GAC7DS,IAAUC,EAAA;2BAIhBC,EAeM,OAAA;AAAA,MAfD,OAAKC,EAAA,CAAC,wBAA+BC,EAAAJ,CAAA,EAAQ,IAAI,CAAA;AAAA,IAAA;cACpDE,EAaMG,GAAA,MAAAC,EAbgBF,EAAAN,CAAA,GAAO,CAAjBS,YAAZL,EAaM,OAAA;AAAA,QAb0B,KAAG,GAAKE,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAK,yBAAuBH,EAAAR,CAAA,GAAS,CAAA;AAAA,MAAA;QAC5FY,EAQE,SAAA;AAAA,UAPC,IAAE,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,UACzB,MAAK;AAAA,UACJ,MAAMH,EAAAV,CAAA;AAAA,UACN,OAAOa,EAAO;AAAA,UACd,SAASH,EAAAP,CAAA,MAAeU,EAAO;AAAA,UAC/B,UAAUH,EAAAT,CAAA,KAAYY,EAAO;AAAA,UAC7B,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,oBAAEL,EAAAL,CAAA,KAAAK,EAAAL,CAAA,EAAA,GAAAW,CAAA;AAAA,QAAA;QAEVF,EAEQ,SAAA;AAAA,UAFA,KAAG,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QAAA,GAC5BI,EAAAJ,EAAO,IAAI,GAAA,GAAAK,EAAA;AAAA,MAAA;;;;;;;;;;ACvBpB,UAAMrB,IAAsBC,EAAOC,EAAsB,GAAG;AAE5D,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,sDAAsD;AAGxE,UAAM,EAAE,MAAAG,GAAM,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,MAAWR,GAC7DS,IAAUC,EAAA;2BAIhBC,EA+CM,OAAA;AAAA,MA/CD,OAAKC,EAAA,CAAC,wBAA+BC,EAAAJ,CAAA,EAAQ,IAAI,CAAA;AAAA,IAAA;cACpDE,EA6CQG,GAAA,MAAAC,EA5CWF,EAAAN,CAAA,GAAO,CAAjBS,YADTL,EA6CQ,SAAA;AAAA,QA3CL,KAAG,GAAKE,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,QACzB,OAAKJ,EAAA,CAAGC,EAAAJ,CAAA,EAAO,gBAAA,GAAA,EAAA,aAAmCI,EAAAR,CAAA,EAAA,CAAS,CAAA;AAAA,QAC3D,KAAG,GAAKQ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,MAAA;QAE1BC,EAyBM,OAAA;AAAA,UAxBJ,UAAM,qBAAmB;AAAA,YACLJ,EAAAJ,CAAA,EAAO,aAAA;AAAA;mEAA8FI,EAAAP,CAAA,MAAeU,EAAO;AAAA,iEAAsEH,EAAAP,CAAA,MAAeU,EAAO;AAAA,YAAA;AAAA;;UAQ3OC,EASE,SAAA;AAAA,YARC,IAAE,GAAKJ,EAAAV,CAAA,CAAI,IAAIa,EAAO,EAAE;AAAA,YACzB,OAAM;AAAA,YACN,MAAK;AAAA,YACJ,MAAMH,EAAAV,CAAA;AAAA,YACN,OAAOa,EAAO;AAAA,YACd,SAASH,EAAAP,CAAA,MAAeU,EAAO;AAAA,YAC/B,UAAUH,EAAAT,CAAA,KAAYY,EAAO;AAAA,YAC7B,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,sBAAEL,EAAAL,CAAA,KAAAK,EAAAL,CAAA,EAAA,GAAAW,CAAA;AAAA,UAAA;UAEVF,EAIM,OAAA,MAAA;AAAA,YAHJA,EAEO,QAAA,MAAAG,EADFJ,EAAO,IAAI,GAAA,CAAA;AAAA,UAAA;;QAIpBC,EAYM,OAAA;AAAA,UAXJ,UAAM,2BAAyB;AAAA,YACXJ,EAAAJ,CAAA,EAAO,WAAA;AAAA;mCAA4DI,EAAAP,CAAA,MAAeU,EAAO;AAAA,oCAAyCH,EAAAP,CAAA,MAAeU,EAAO;AAAA,YAAA;AAAA;;UAQ5KC,EAA2D,KAA3DK,IAA2DF,EAAtBJ,EAAO,QAAQ,GAAA,CAAA;AAAA,UACpDC,EAA0D,KAA1DM,IAA0DH,EAArBJ,EAAO,OAAO,GAAA,CAAA;AAAA,QAAA;;;;;;;;;;;;AC1DpD,IAAKQ,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,OAAO,QAJGA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;ACsDV,UAAMC,IAAuB;AAAA,MAC3B,CAACD,EAAkB,MAAM,GAAGE;AAAA,MAC5B,CAACF,EAAkB,IAAI,GAAGG;AAAA,MAC1B,CAACH,EAAkB,KAAK,GAAGI;AAAA,MAC3B,CAACJ,EAAkB,IAAI,GAAGK;AAAA,IAAA,GAGtBC,IAAQC,GASRC,IAAOC;AAOb,aAASzB,EAAO0B,GAAU;AACxB,MAAAF,EAAK,qBAAsBE,EAAE,OAA4B,KAAK;AAAA,IAChE;AAEA,UAAMC,IAAUC,EAAS,0BAA0B;AAEnD,IAAAC,EAAQnC,EAAsB,KAAK;AAAA,MACjC,MAAMoC,EAAS,MAAMR,EAAM,IAAI;AAAA,MAC/B,UAAUQ,EAAS,MAAMR,EAAM,cAAcA,EAAM,QAAQ;AAAA,MAC3D,WAAWQ,EAAS,MAAMR,EAAM,SAAS;AAAA,MACzC,YAAYQ,EAAS,MAAMR,EAAM,UAAU;AAAA,MAC3C,SAASQ,EAAS,MAAMR,EAAM,OAAO;AAAA,MACrC,SAASQ,EAAS,MAAMR,EAAM,OAAO;AAAA,MACrC,aAAaQ,EAAS,MAAMC,EAAoB,KAAK;AAAA,MACrD,QAAA/B;AAAA,IAAA,CACD;AAED,UAAM+B,IAAsBC,EAAIV,EAAM,WAAW,GAE3CrB,IAAU6B,EAAS,OAChB;AAAA,MACL,gBAAgBR,EAAM,YAAY;AAAA,MAClC,2BAA2BA,EAAM,YAAY,UAAUS,EAAoB,UAAU;AAAA,MACrF,YACET,EAAM,YAAY,WAClBA,EAAM,YAAY,UACjBA,EAAM,YAAY,UAAUS,EAAoB,UAAU;AAAA,MAC7D,eAAeA,EAAoB,UAAU;AAAA,IAAA,EAEhD,GAEKE,IAAiBD,EAA2B,IAAI,GAChDE,IAAgBC,EAAe,YAAY,GAC3CC,IAAmBN,EAAS,MAAMI,EAAc,OAAO,IAAI,aAAa,GACxEG,IAAoBP,EAAS,MAC7BR,EAAM,YAAY,WACb,CAAA,IAGF,MAAM,KAAkBY,EAAc,OAAO,IAAI,iBAAiB,uBAAuB,CAAC,KAAK,CAAA,CACvG;AAED,aAASI,IAAkB;AACzB,aAAOD,EAAkB,MAAM,OAAO,CAACE,GAAKC,MAAW;AACrD,cAAMC,IAAcD,EAAO,sBAAA,EAAwB;AACnD,eAAOD,IAAME;AAAA,MACf,GAAG,CAAC;AAAA,IACN;AAEA,UAAMC,IAA2BV,EAAI,CAAC,GAEhCW,IAAe,CAACC,MAA+B;AACnD,MAAAb,EAAoB,QAClBW,EAAyB,QAAQE,EAAM,eAAe,CAAC,EAAE,aAAa,aAAatB,EAAM;AAAA,IAC7F;AAEA,WAAAuB,EAAU,MAAM;AAGd,MAAIvB,EAAM,YAAY,YAAY,CAACA,EAAM,cACvCoB,EAAyB,QAAQJ,EAAA,GACjCL,EAAe,QAAQ,IAAI,eAAe,CAACa,MAAYH,EAAaG,EAAQ,CAAC,CAAC,CAAC,GAE/Eb,EAAe,MAAM,QAAQG,EAAiB,KAAK;AAAA,IAEvD,CAAC,GAEDW,EAAY,MAAM;AAChB,MAAIzB,EAAM,YAAY,YAAYW,EAAe,SAC/CA,EAAe,OAAO,WAAA;AAAA,IAE1B,CAAC,GAEDe,EAAY,MAAM;AAChB,MAAAjB,EAAoB,QAAQT,EAAM;AAAA,IACpC,CAAC,mBAID2B,EAiBQC,GAjBRC,EAiBQ7B,GAhBO;AAAA,MACb,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,aAAU;AAAA,MACT,qBAAmBjB,EAAAsB,CAAA;AAAA,MACnB,YAAUtB,EAAAsB,CAAA;AAAA,MACV,gBAAY,CAAA,CAAIL,EAAM;AAAA,MACvB,MAAK;AAAA,MACL,UAAA;AAAA,IAAA;iBAEA,MAEO;AAAA,QAFKA,EAAM,UAAlB8B,EAEOC,iCAFP,MAEO;AAAA,WADLC,EAAA,GAAAL,EAAuDM,EAAvCtC,EAAqBK,EAAM,OAAO,CAAA,CAAA;AAAA,QAAA,eAEpDnB,EAEM,OAAA;AAAA;UAFM,OAAKC,EAAA,CAAC,WAA6DH,EAAA,KAAO,CAAA;AAAA,UAA1D,aAAU;AAAA,QAAA;UACpCmD,EAAaC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../src/components/RadioGroup/components/VariantButton.vue","../src/components/RadioGroup/components/VariantChip.vue","../src/components/RadioGroup/components/VariantRadio.vue","../src/components/RadioGroup/components/VariantTile.vue","../src/components/RadioGroup/RadioGroup.types.ts","../src/components/RadioGroup/RadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantButton must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        class=\"tw-sr-only\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root label {\n    padding: 8px 30px;\n    border: 1px solid var(--color-ice-500);\n    font-weight: theme('fontWeight.semibold');\n    color: var(--color-ice-700);\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n    display: block;\n    text-align: center;\n  }\n\n  .root > div:first-child label {\n    border-top-left-radius: theme('borderRadius.DEFAULT');\n    border-bottom-left-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .root > div:last-child label {\n    border-top-right-radius: theme('borderRadius.DEFAULT');\n    border-bottom-right-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .root > div:not(:first-child) label {\n    margin-left: -1px;\n  }\n\n  .root > div:not(:last-child) label {\n    border-right-color: transparent;\n  }\n\n  .root input:disabled ~ label {\n    background-color: var(--color-ice-200);\n    color: var(--color-ice-500);\n    cursor: auto;\n  }\n\n  .root input:not(:checked, :disabled) ~ label:hover {\n    border-color: var(--color-blue-500);\n    color: var(--color-blue-500);\n    z-index: 1;\n    position: relative;\n  }\n\n  .root input:checked:not(:disabled) ~ label {\n    border-color: var(--color-blue-500);\n    color: var(--color-blue-500);\n    background-color: var(--color-blue-100);\n    z-index: 1;\n    position: relative;\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantChip must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-my-1.5 tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        class=\"tw-sr-only\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    padding: theme('spacing[1.5]') theme('spacing.3');\n    border: 1px solid var(--color-ice-500);\n    font-weight: theme('fontWeight.normal');\n    color: var(--color-ice-900);\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n    border-radius: 9999px;\n    white-space: nowrap;\n  }\n\n  .root input:disabled ~ label {\n    background-color: var(--color-ice-200);\n    color: var(--color-ice-500);\n    cursor: auto;\n  }\n\n  .root input:checked:not(:disabled) ~ label {\n    border-color: var(--color-blue-500);\n    color: var(--color-white);\n    background-color: var(--color-blue-500);\n    font-weight: theme('fontWeight.bold');\n  }\n\n  .root input:not(:checked, :disabled) ~ label:hover {\n    border-color: var(--color-blue-500);\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantRadio must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <div v-for=\"option in options\" :key=\"`${name}-${option.id}`\" :class=\"[{ 'tw-w-full': fullWidth }]\">\n      <input\n        :id=\"`${name}-${option.id}`\"\n        type=\"radio\"\n        :name=\"name\"\n        :value=\"option.value\"\n        :checked=\"modelValue === option.value\"\n        :disabled=\"disabled || option.disabled\"\n        @input=\"update\"\n      />\n      <label :for=\"`${name}-${option.id}`\">\n        {{ option.text }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    font-weight: theme('fontWeight.medium');\n    user-select: none;\n    cursor: pointer;\n    padding: 0 theme('spacing.3');\n  }\n\n  .root input {\n    appearance: none;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    border: 1px solid var(--color-ice-500);\n    transition: all 0.2s;\n    position: relative;\n    cursor: pointer;\n    top: 5px;\n  }\n\n  .root input:checked {\n    background-image: radial-gradient(var(--color-blue-500) 50%, transparent 54%);\n  }\n\n  .root input:disabled {\n    background: #eef2f4;\n  }\n\n  .root input:disabled ~ label {\n    cursor: auto;\n  }\n\n  .root input:disabled:checked {\n    background-image: radial-gradient(var(--color-ice-500) 50%, transparent 54%);\n  }\n\n  .root input:hover:not(:disabled) {\n    border-color: var(--color-blue-500);\n  }\n\n  .root input:hover:not(:disabled) ~ label {\n    color: var(--color-ice-900);\n  }\n\n  .root input:not(:disabled) ~ label:hover {\n    color: var(--color-ice-900);\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { inject, useCssModule } from 'vue';\n\n  import { RADIO_GROUP_INJECTION } from '../RadioGroup.keys';\n\n  const radioGroupInjection = inject(RADIO_GROUP_INJECTION.key);\n\n  if (!radioGroupInjection) {\n    throw new Error('VariantTile must be used with a RadioGroup instance.');\n  }\n\n  const { name, disabled, fullWidth, modelValue, options, update } = radioGroupInjection;\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"tw-flex tw-flex-wrap\" :class=\"classes.root\">\n    <label\n      v-for=\"option in options\"\n      :key=\"`${name}-${option.id}`\"\n      :class=\"[classes['tile-container'], { 'tw-w-full': fullWidth }]\"\n      :for=\"`${name}-${option.id}`\"\n    >\n      <div\n        class=\"tw-flex tw-border\"\n        :class=\"[\n          classes['tile-header'],\n          {\n            'tw-border-blue-500 tw-bg-blue-100 tw-text-ice-900': modelValue === option.value,\n            'tw-border-ice-500 tw-bg-ice-100 tw-text-ice-700': modelValue !== option.value,\n          },\n        ]\"\n      >\n        <input\n          :id=\"`${name}-${option.id}`\"\n          class=\"tw-sr-only\"\n          type=\"radio\"\n          :name=\"name\"\n          :value=\"option.value\"\n          :checked=\"modelValue === option.value\"\n          :disabled=\"disabled || option.disabled\"\n          @input=\"update\"\n        />\n        <div>\n          <span>\n            {{ option.text }}\n          </span>\n        </div>\n      </div>\n      <div\n        class=\"tw-border-x tw-border-b\"\n        :class=\"[\n          classes['tile-body'],\n          {\n            'tw-border-ice-500': modelValue !== option.value,\n            'tw-border-blue-500': modelValue === option.value,\n          },\n        ]\"\n      >\n        <p class=\"tw-m-0 tw-text-ice-900\">{{ option.subTitle }}</p>\n        <p class=\"tw-m-0 tw-text-ice-700\">{{ option.subText }}</p>\n      </div>\n    </label>\n  </div>\n</template>\n\n<style module>\n  .root {\n    gap: theme('spacing.6');\n  }\n\n  .root label {\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .root input:disabled ~ label {\n    cursor: auto;\n  }\n\n  .root input:hover:not(:disabled) ~ label {\n    color: var(--color-ice-900);\n  }\n\n  .root input:not(:disabled) ~ label:hover {\n    color: var(--color-ice-900);\n  }\n\n  .root label.tile-container {\n    border-radius: theme('borderRadius.DEFAULT');\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n  }\n\n  .tile-header,\n  .tile-body {\n    transition: all 0.2s;\n  }\n\n  .tile-header {\n    border-radius: theme('borderRadius.DEFAULT') theme('borderRadius.DEFAULT') 0 0;\n    padding: theme('spacing.3') 0;\n  }\n\n  .root label.tile-container:hover .tile-header {\n    background-color: var(--color-blue-100) !important;\n    border-color: var(--color-blue-500) !important;\n    color: var(--color-ice-900) !important;\n    transition: all 0.2s;\n  }\n\n  .tile-body {\n    border-radius: 0 0 theme('borderRadius.DEFAULT') theme('borderRadius.DEFAULT');\n    background-color: var(--color-white);\n    padding: theme('spacing.6');\n    display: flex;\n    flex-direction: column;\n  }\n\n  .root label.tile-container:hover .tile-body {\n    border-color: var(--color-blue-500) !important;\n    transition: all 0.2s;\n  }\n\n  .root input {\n    appearance: none;\n    background-color: var(--color-white);\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    border: 1px solid var(--color-ice-500);\n    transition: all 0.2s;\n    position: relative;\n    cursor: pointer;\n    top: 2px;\n  }\n\n  .root input ~ div {\n    font-weight: theme('fontWeight.medium');\n    user-select: none;\n    cursor: pointer;\n    padding: 0 theme('spacing.3');\n  }\n\n  .root input:disabled {\n    background: #eef2f4;\n  }\n\n  .root input:checked {\n    background-image: radial-gradient(var(--color-blue-500) 50%, transparent 54%);\n  }\n\n  .root label.tile-container input {\n    margin-left: theme('spacing.3');\n  }\n\n  .root input:disabled:checked {\n    background-image: radial-gradient(var(--color-ice-500) 50%, transparent 54%);\n  }\n\n  @media screen and (width <= 640px) {\n    .root {\n      flex-direction: column;\n    }\n  }\n</style>\n","import { ComputedRef } from 'vue';\n\nexport enum RadioGroupVariant {\n  Radio = 'radio',\n  Button = 'button',\n  Chip = 'chip',\n  Tile = 'tile',\n}\n\nexport type RadioGroupVariants = `${RadioGroupVariant}`;\n\n/**\n * An individual radio `<input>` within a RadioGroup instance\n */\nexport interface RadioGroupOption {\n  /**\n   * Disables the RadioGroupOption if truthy\n   */\n  disabled?: boolean;\n\n  /**\n   * The unique identifier for the option\n   */\n  id: number | string;\n\n  /**\n   * The text to be displayed for the option\n   */\n  text: string;\n\n  /**\n   * The value of the option. Used for the modelValue of the RadioGroup.\n   */\n  value: string;\n\n  /**\n   * The subtitle for tile variant\n   */\n  subTitle?: string;\n\n  /**\n   * The subtext for tile variant\n   */\n  subText?: string;\n}\n\n/**\n * Properties and utilities provided to children of a RadioGroup instance\n */\nexport interface RadioGroupInjection {\n  /**\n   * This type should match RadioGroupProps['disabled']\n   */\n  disabled: ComputedRef<boolean | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['fullWidth']\n   */\n  fullWidth: ComputedRef<boolean | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['modelValue']\n   */\n  modelValue: ComputedRef<string | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['name']\n   */\n  name: ComputedRef<string | undefined>;\n\n  /**\n   * This type should match RadioGroupProps['options']\n   */\n  options: ComputedRef<RadioGroupOption[] | undefined>;\n\n  /**\n   * Triggered when the user changes their selection; updates the v-model.\n   */\n  update: (e: Event) => void;\n\n  /**\n   * This type should match RadioGroupProps['variant']\n   * @default 'radio'\n   */\n  variant: ComputedRef<RadioGroupVariants | undefined>;\n\n  /**\n   * Default orientation. If the variant is `button` and the group is wider than its parent it will be displayed in a column, and this prop will be ignored.\n   *\n   * Note: This does not work with the deprecated `options` prop. Update those instances to use the `RadioNew` component and default slot.\n   */\n  orientation?: ComputedRef<'horizontal' | 'vertical'>;\n}\n","<script lang=\"ts\">\n  import { FieldProps } from '../Field/Field.types';\n  import Field from '../Field/Field.vue';\n  import { RadioGroupOption, RadioGroupVariant, RadioGroupVariants } from './RadioGroup.types';\n\n  export * from './RadioGroup.keys';\n  export * from './RadioGroup.types';\n\n  export interface RadioGroupProps extends FieldProps {\n    /**\n     * Passed to the \"name\" attribute of the `<input>` elements within the RadioGroup.\n     */\n    name?: string;\n\n    /**\n     * Deprecated - Compose your radio group with the `Radio` component instead\n     * @deprecated\n     */\n    options?: RadioGroupOption[];\n\n    /**\n     * The value of the selected radio option. Use this prop with the `update:modelValue` event to create a controlled component.\n     */\n    modelValue?: RadioGroupOption['value'];\n\n    /**\n     * @defaultValue 'radio'\n     */\n    variant?: RadioGroupVariants;\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Default orientation. If the variant is `button` and the group is wider than its parent it will be displayed in a column, and this prop will be ignored.\n     *\n     * Note: This does not work with the deprecated `options` prop. Update those instances to use the `RadioNew` component and default slot.\n     *\n     * @defaultValue 'horizontal'\n     */\n    orientation?: 'horizontal' | 'vertical';\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onMounted, onUnmounted, provide, ref, useTemplateRef, watchEffect } from 'vue';\n\n  import VariantButton from './components/VariantButton.vue';\n  import VariantChip from './components/VariantChip.vue';\n  import VariantRadio from './components/VariantRadio.vue';\n  import VariantTile from './components/VariantTile.vue';\n  import { RADIO_GROUP_INJECTION } from './RadioGroup.keys';\n\n  const variantComponentsMap = {\n    [RadioGroupVariant.Button]: VariantButton,\n    [RadioGroupVariant.Chip]: VariantChip,\n    [RadioGroupVariant.Radio]: VariantRadio,\n    [RadioGroupVariant.Tile]: VariantTile,\n  };\n\n  const props = withDefaults(defineProps<RadioGroupProps>(), {\n    variant: 'radio',\n    fullWidth: false,\n    modelValue: undefined,\n    name: undefined,\n    options: undefined,\n    orientation: 'horizontal',\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Occurs when the user selects a radio option. Also, it enables v-model usage on the component.\n     */\n    (e: 'update:modelValue', value: RadioGroupOption['value']): void;\n  }>();\n\n  function update(e: Event) {\n    emit('update:modelValue', (e.target as HTMLInputElement).value);\n  }\n\n  const errorId = uniqueId('radio-group-field-error-');\n\n  provide(RADIO_GROUP_INJECTION.key, {\n    name: computed(() => props.name),\n    disabled: computed(() => props.isDisabled || props.disabled),\n    fullWidth: computed(() => props.fullWidth),\n    modelValue: computed(() => props.modelValue),\n    options: computed(() => props.options),\n    variant: computed(() => props.variant),\n    orientation: computed(() => internalOrientation.value),\n    update,\n  });\n\n  const internalOrientation = ref(props.orientation);\n\n  const classes = computed(() => {\n    return {\n      'tw-flex-wrap': props.variant !== 'button',\n      'tw-gap-x-1.5 tw-gap-y-3': props.variant === 'chip' && internalOrientation.value === 'horizontal',\n      'tw-gap-6':\n        props.variant === 'radio' ||\n        props.variant === 'tile' ||\n        (props.variant === 'chip' && internalOrientation.value === 'vertical'),\n      'tw-flex-col': internalOrientation.value === 'vertical',\n    };\n  });\n\n  const resizeObserver = ref<ResizeObserver | null>(null);\n  const radioGroupRef = useTemplateRef('radioGroup');\n  const radioGroupParent = computed(() => radioGroupRef.value?.$el.parentElement);\n  const radioGroupButtons = computed(() => {\n    if (props.variant !== 'button') {\n      return [];\n    }\n\n    return Array.from<HTMLElement>(radioGroupRef.value?.$el.querySelectorAll('[data-variant-button]')) || [];\n  });\n\n  function getButtonsWidth() {\n    return radioGroupButtons.value.reduce((acc, button) => {\n      const buttonWidth = button.getBoundingClientRect().width;\n      return acc + buttonWidth;\n    }, 0);\n  }\n\n  const initialTotalButtonsWidth = ref(0);\n\n  const handleResize = (entry: ResizeObserverEntry) => {\n    internalOrientation.value =\n      initialTotalButtonsWidth.value > entry.contentBoxSize[0].inlineSize ? 'vertical' : props.orientation;\n  };\n\n  onMounted(() => {\n    // If the width of the buttons is greater than the parent element,\n    // set orientation to vertical\n    if (props.variant === 'button' && !props.fullWidth) {\n      initialTotalButtonsWidth.value = getButtonsWidth();\n      resizeObserver.value = new ResizeObserver((entries) => handleResize(entries[0]));\n\n      resizeObserver.value.observe(radioGroupParent.value);\n    }\n  });\n\n  onUnmounted(() => {\n    if (props.variant === 'button' && resizeObserver.value) {\n      resizeObserver.value?.disconnect();\n    }\n  });\n\n  watchEffect(() => {\n    internalOrientation.value = props.orientation;\n  });\n</script>\n\n<template>\n  <Field\n    v-bind=\"props\"\n    ref=\"radioGroup\"\n    class=\"stash-radio-group\"\n    data-test=\"stash-radio-group\"\n    :aria-errormessage=\"errorId\"\n    :error-id=\"errorId\"\n    :aria-invalid=\"!!props.errorText\"\n    role=\"radiogroup\"\n    fieldset\n  >\n    <slot v-if=\"props.options\">\n      <component :is=\"variantComponentsMap[props.variant]\" />\n    </slot>\n    <div v-else class=\"tw-flex\" data-test=\"stash-radio-group|default-slot\" :class=\"classes\">\n      <slot></slot>\n    </div>\n  </Field>\n</template>\n\n<style scoped>\n  .stash-radio-group :global(.stash-field-hint),\n  .stash-radio-group :global(.stash-field-error) {\n    display: block;\n    width: 100%;\n  }\n\n  .stash-radio-group > :global(.stash-label) {\n    margin-bottom: 4px;\n  }\n</style>\n"],"names":["radioGroupInjection","inject","RADIO_GROUP_INJECTION","name","disabled","fullWidth","modelValue","options","update","classes","useCssModule","RadioGroupVariant","variantComponentsMap","VariantButton","VariantChip","VariantRadio","VariantTile","props","__props","emit","__emit","e","errorId","uniqueId","provide","computed","internalOrientation","ref","resizeObserver","radioGroupRef","useTemplateRef","radioGroupParent","_a","radioGroupButtons","getButtonsWidth","acc","button","buttonWidth","initialTotalButtonsWidth","handleResize","entry","onMounted","entries","onUnmounted","watchEffect"],"mappings":"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"}