vlite3 1.2.4 → 1.2.7

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/OTPInput/OTPInput.vue.d.ts

@@ -11,15 +11,26 @@ interface Props {
     size?: 'sm' | 'md' | 'lg';
     mask?: boolean;
     fluid?: boolean;
+    allowResend?: boolean;
+    resendDuration?: number;
+    maxResends?: number;
+    resendText?: string;
+    resendActionText?: string;
+    resendWaitText?: string;
+    resendLimitText?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string) => any;
     "update:modelValue": (value: string) => any;
     complete: (value: string) => any;
+    resend: (count: number) => any;
+    "resend-limit-reached": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onChange?: (value: string) => any;
     "onUpdate:modelValue"?: (value: string) => any;
     onComplete?: (value: string) => any;
+    onResend?: (count: number) => any;
+    "onResend-limit-reached"?: () => any;
 }>, {
     length: number;
     type: "text" | "number";
@@ -33,5 +44,12 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     autofocus: boolean;
     attached: boolean;
     fluid: boolean;
+    allowResend: boolean;
+    resendDuration: number;
+    maxResends: number;
+    resendText: string;
+    resendActionText: string;
+    resendWaitText: string;
+    resendLimitText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/OTPInput/OTPInput.vue.js

@@ -1,5 +1,11 @@
-import { defineComponent as C, ref as v, watch as M, onMounted as V, nextTick as A, computed as m, openBlock as g, createElementBlock as h, normalizeClass as y, Fragment as E, renderList as F } from "vue";
-const K = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "onKeydown"], T = /* @__PURE__ */ C({
+import { defineComponent as K, ref as w, watch as N, onMounted as J, nextTick as W, onUnmounted as $, computed as x, openBlock as d, createElementBlock as c, normalizeClass as D, createElementVNode as k, Fragment as I, renderList as O, createTextVNode as B, toDisplayString as m, createCommentVNode as S } from "vue";
+const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "onKeydown"], q = {
+  key: 0,
+  class: "text-sm text-center text-muted-foreground mt-1"
+}, G = { key: 0 }, H = { class: "font-medium text-primary" }, Q = { key: 1 }, X = {
+  key: 1,
+  class: "text-destructive font-medium"
+}, Z = /* @__PURE__ */ K({
   __name: "OTPInput",
   props: {
     length: { default: 6 },
@@ -13,78 +19,98 @@ const K = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
     attached: { type: Boolean, default: !1 },
     size: { default: "md" },
     mask: { type: Boolean, default: !1 },
-    fluid: { type: Boolean, default: !1 }
+    fluid: { type: Boolean, default: !1 },
+    allowResend: { type: Boolean, default: !1 },
+    resendDuration: { default: 45 },
+    maxResends: { default: 5 },
+    resendText: { default: "Don't see it?" },
+    resendActionText: { default: "Resend code" },
+    resendWaitText: { default: "Resend code in" },
+    resendLimitText: { default: "Too many attempts. Please try again." }
   },
-  emits: ["update:modelValue", "complete", "change"],
-  setup(d, { emit: b }) {
-    const t = d, p = b, s = v([]), r = v(new Array(t.length).fill(""));
-    M(
-      () => t.modelValue,
-      (l) => {
-        const e = l || "", a = e.split("").slice(0, t.length);
-        if (r.value.join("") !== e) {
-          const o = new Array(t.length).fill("");
-          a.forEach((u, i) => o[i] = u), r.value = o;
+  emits: ["update:modelValue", "complete", "change", "resend", "resend-limit-reached"],
+  setup(s, { emit: R }) {
+    const e = s, p = R, i = w([]), r = w(new Array(e.length).fill("")), v = w(e.resendDuration), g = w(0);
+    let f = null;
+    const T = () => {
+      f && clearInterval(f), v.value = e.resendDuration, f = setInterval(() => {
+        v.value > 0 ? v.value-- : f && clearInterval(f);
+      }, 1e3);
+    }, C = () => {
+      g.value >= e.maxResends || (g.value++, p("resend", g.value), g.value >= e.maxResends ? p("resend-limit-reached") : T());
+    };
+    N(
+      () => e.modelValue,
+      (n) => {
+        const t = n || "", o = t.split("").slice(0, e.length);
+        if (r.value.join("") !== t) {
+          const l = new Array(e.length).fill("");
+          o.forEach((u, y) => l[y] = u), r.value = l;
         }
       },
       { immediate: !0 }
     );
-    const c = () => {
-      const l = r.value.join("");
-      p("update:modelValue", l), p("change", l), l.length === t.length && p("complete", l);
-    }, w = (l, e) => {
-      let n = l.target.value;
-      if (t.type === "number" && (n = n.replace(/\D/g, "")), n.length === 1) {
-        r.value[e] = n, c(), e < t.length - 1 && s.value[e + 1]?.focus();
+    const h = () => {
+      const n = r.value.join("");
+      p("update:modelValue", n), p("change", n), n.length === e.length && p("complete", n);
+    }, V = (n, t) => {
+      let a = n.target.value;
+      if (e.type === "number" && (a = a.replace(/\D/g, "")), a.length === 1) {
+        r.value[t] = a, h(), t < e.length - 1 && i.value[t + 1]?.focus();
         return;
       }
-      if (!n) {
-        r.value[e] = "", c();
+      if (!a) {
+        r.value[t] = "", h();
         return;
       }
-      if (n.length > 1) {
-        const o = n.split("").slice(0, t.length - e);
-        o.forEach((i, f) => {
-          e + f < t.length && (r.value[e + f] = i);
-        }), c();
-        const u = Math.min(e + o.length, t.length - 1);
-        s.value[u]?.focus();
+      if (a.length > 1) {
+        const l = a.split("").slice(0, e.length - t);
+        l.forEach((y, b) => {
+          t + b < e.length && (r.value[t + b] = y);
+        }), h();
+        const u = Math.min(t + l.length, e.length - 1);
+        i.value[u]?.focus();
       }
-    }, D = (l, e) => {
-      const a = l.key;
-      if (a === "Backspace") {
-        r.value[e] || (l.preventDefault(), e > 0 && (r.value[e - 1] = "", s.value[e - 1]?.focus(), c()));
+    }, j = (n, t) => {
+      const o = n.key;
+      if (o === "Backspace") {
+        r.value[t] || (n.preventDefault(), t > 0 && (r.value[t - 1] = "", i.value[t - 1]?.focus(), h()));
         return;
       }
-      a === "ArrowLeft" && (l.preventDefault(), e > 0 && s.value[e - 1]?.focus()), a === "ArrowRight" && (l.preventDefault(), e < t.length - 1 && s.value[e + 1]?.focus());
-    }, k = (l) => {
-      l.preventDefault();
-      const e = l.clipboardData?.getData("text/plain");
-      if (!e) return;
-      let a = e.trim();
-      t.type === "number" && (a = a.replace(/\D/g, ""));
-      const n = a.split("").slice(0, t.length), o = [...r.value];
-      n.forEach((i, f) => {
-        o[f] = i;
-      }), r.value = o, c();
-      const u = Math.min(n.length, t.length - 1);
-      s.value[u]?.focus();
-    }, B = (l, e) => {
-      l && (s.value[e] = l);
+      o === "ArrowLeft" && (n.preventDefault(), t > 0 && i.value[t - 1]?.focus()), o === "ArrowRight" && (n.preventDefault(), t < e.length - 1 && i.value[t + 1]?.focus());
+    }, A = (n) => {
+      n.preventDefault();
+      const t = n.clipboardData?.getData("text/plain");
+      if (!t) return;
+      let o = t.trim();
+      e.type === "number" && (o = o.replace(/\D/g, ""));
+      const a = o.split("").slice(0, e.length), l = [...r.value];
+      a.forEach((y, b) => {
+        l[b] = y;
+      }), r.value = l, h();
+      const u = Math.min(a.length, e.length - 1);
+      i.value[u]?.focus();
+    }, z = (n, t) => {
+      n && (i.value[t] = n);
     };
-    V(() => {
-      t.autofocus && A(() => {
-        s.value[0]?.focus();
-      });
+    J(() => {
+      e.autofocus && W(() => {
+        i.value[0]?.focus();
+      }), e.allowResend && T();
+    }), $(() => {
+      f && clearInterval(f);
     });
-    const I = m(() => t.mask ? "password" : t.type === "number" ? "tel" : "text"), j = m(() => {
-      if (!t.mask)
-        return t.type === "number" ? "numeric" : void 0;
-    }), x = m(() => {
-      const l = t.attached ? "-space-x-px" : "gap-2", e = t.fluid ? "w-full" : "";
-      return ["flex items-center", l, e].filter(Boolean).join(" ");
-    }), z = (l) => {
-      const e = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", a = t.fluid ? {
+    const E = x(() => e.mask ? "password" : e.type === "number" ? "tel" : "text"), M = x(() => {
+      if (!e.mask)
+        return e.type === "number" ? "numeric" : void 0;
+    }), L = x(() => [
+      "flex flex-col gap-2",
+      e.fluid ? "w-full" : "w-fit"
+    ].filter(Boolean).join(" ")), P = x(() => {
+      const n = e.attached ? "-space-x-px" : "gap-2", t = e.fluid ? "w-full" : "";
+      return ["flex items-center", n, t].filter(Boolean).join(" ");
+    }), F = (n) => {
+      const t = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", o = e.fluid ? {
         sm: "flex-1 min-w-0 h-8 text-sm",
         md: "flex-1 min-w-0 h-10 text-lg",
         lg: "flex-1 min-w-0 h-12 text-xl"
@@ -92,36 +118,55 @@ const K = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
         sm: "w-8 h-8 text-sm",
         md: "w-10 h-10 text-lg",
         lg: "w-12 h-12 text-xl"
-      }, n = {
+      }, a = {
         solid: "bg-muted border border-transparent focus:border-primary focus:ring-2 focus:ring-primary",
         outline: "border border-input focus:border-primary focus:ring-2 focus:ring-primary",
         ghost: "bg-transparent border border-transparent hover:bg-accent focus:border-primary focus:ring-2 focus:ring-primary"
-      }, o = t.error ? "border-destructive focus:ring-destructive text-destructive" : "";
+      }, l = e.error ? "border-destructive focus:ring-destructive text-destructive" : "";
       let u = "rounded-md";
-      return t.attached && (l === 0 ? u = "rounded-l-md rounded-r-none" : l === t.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [e, a[t.size], n[t.variant], o, u].join(" ");
+      return e.attached && (n === 0 ? u = "rounded-l-md rounded-r-none" : n === e.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [t, o[e.size], a[e.variant], l, u].join(" ");
     };
-    return (l, e) => (g(), h("div", {
-      class: y(x.value)
+    return (n, t) => (d(), c("div", {
+      class: D(L.value)
     }, [
-      (g(!0), h(E, null, F(t.length, (a, n) => (g(), h("input", {
-        key: n,
-        ref_for: !0,
-        ref: (o) => B(o, n),
-        value: r.value[n],
-        type: I.value,
-        inputmode: j.value,
-        maxlength: 1,
-        disabled: d.disabled,
-        placeholder: d.placeholder,
-        class: y(z(n)),
-        onInput: (o) => w(o, n),
-        onKeydown: (o) => D(o, n),
-        onPaste: k,
-        onFocus: e[0] || (e[0] = (o) => l.$emit("update:modelValue", r.value.join("")))
-      }, null, 42, K))), 128))
+      k("div", {
+        class: D(P.value)
+      }, [
+        (d(!0), c(I, null, O(e.length, (o, a) => (d(), c("input", {
+          key: a,
+          ref_for: !0,
+          ref: (l) => z(l, a),
+          value: r.value[a],
+          type: E.value,
+          inputmode: M.value,
+          maxlength: 1,
+          disabled: s.disabled,
+          placeholder: s.placeholder,
+          class: D(F(a)),
+          onInput: (l) => V(l, a),
+          onKeydown: (l) => j(l, a),
+          onPaste: A,
+          onFocus: t[0] || (t[0] = (l) => n.$emit("update:modelValue", r.value.join("")))
+        }, null, 42, U))), 128))
+      ], 2),
+      s.allowResend ? (d(), c("div", q, [
+        g.value < s.maxResends ? (d(), c(I, { key: 0 }, [
+          v.value > 0 ? (d(), c("span", G, [
+            B(m(s.resendText) + " " + m(s.resendWaitText) + " ", 1),
+            k("span", H, m(v.value) + "s", 1)
+          ])) : (d(), c("span", Q, [
+            B(m(s.resendText) + " ", 1),
+            k("button", {
+              type: "button",
+              onClick: C,
+              class: "font-medium text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-primary rounded px-1 transition-colors"
+            }, m(s.resendActionText), 1)
+          ]))
+        ], 64)) : (d(), c("span", X, m(s.resendLimitText), 1))
+      ])) : S("", !0)
     ], 2));
   }
 });
 export {
-  T as default
+  Z as default
 };

package/components/Persona.vue.d.ts

@@ -0,0 +1,25 @@
+import { AvatarSize, AvatarRounded } from '../types';
+export type PresenceType = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+export type PersonaLabelTheme = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'info' | 'muted' | string;
+interface Props {
+    src?: string;
+    link?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    rounded?: AvatarRounded;
+    presence?: PresenceType;
+    label?: string;
+    secondaryLabel?: string;
+    labelTheme?: PersonaLabelTheme;
+    hideDetails?: boolean;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    size: AvatarSize;
+    rounded: AvatarRounded;
+    labelTheme: PersonaLabelTheme;
+    hideDetails: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/PricingPlan/PricingPlanItem.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as m, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as u, createElementVNode as s, Fragment as D, renderList as E, createBlock as y } from "vue";
+import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as u, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as m, createElementVNode as s, Fragment as j, renderList as D, createBlock as y } from "vue";
 import _ from "../Icon.vue.js";
-import S from "../Button.vue.js";
-import j from "../Badge.vue.js";
+import E from "../Button.vue.js";
+import S from "../Badge.vue.js";
 import { $t as n } from "../../utils/i18n.js";
 const L = {
   key: 0,
-  class: "absolute -top-3 left-1/2 -translate-x-1/2 z-20"
+  class: "absolute -top-3 left-1/2 -translate-x-1/2 z-20 flex w-full max-w-[90%] justify-center"
 }, M = { class: "mb-3 text-center" }, R = { class: "text-xl font-bold text-foreground tracking-tight" }, q = {
   key: 0,
   class: "text-sm text-muted-foreground mt-2 min-h-[40px] leading-relaxed"
@@ -22,9 +22,9 @@ const L = {
   },
   emits: ["select"],
   setup(c, { emit: P }) {
-    const e = c, k = P, I = () => {
+    const e = c, k = P, w = () => {
       e.selectable && k("select", e.item);
-    }, T = o(() => e.item.titleI18n ? n(e.item.titleI18n) : e.item.title), p = o(() => e.item.descriptionI18n ? n(e.item.descriptionI18n) : e.item.description), f = o(() => e.item.periodI18n ? n(e.item.periodI18n) : e.item.period), w = o(() => {
+    }, I = o(() => e.item.titleI18n ? n(e.item.titleI18n) : e.item.title), p = o(() => e.item.descriptionI18n ? n(e.item.descriptionI18n) : e.item.description), f = o(() => e.item.periodI18n ? n(e.item.periodI18n) : e.item.period), T = o(() => {
       if (e.item.buttonTextI18n) return n(e.item.buttonTextI18n);
       if (e.item.buttonText) return e.item.buttonText;
       const t = n("vlite.pricingPlan.selected") !== "vlite.pricingPlan.selected" ? n("vlite.pricingPlan.selected") : "Selected", r = n("vlite.pricingPlan.choosePlan") !== "vlite.pricingPlan.choosePlan" ? n("vlite.pricingPlan.choosePlan") : "Choose Plan";
@@ -42,30 +42,30 @@ const L = {
       return t !== "vlite.pricingPlan.mostPopular" ? t : "Most Popular";
     });
     return (t, r) => (i(), a("div", {
-      class: m(C.value),
-      onClick: I
+      class: u(C.value),
+      onClick: w
     }, [
       x.value ? (i(), a("div", L, [
-        v(j, {
+        v(S, {
           variant: B.value,
-          class: "shadow-sm px-4 py-1 text-xs uppercase tracking-wider font-bold"
+          class: "shadow-sm px-4 py-1 text-xs uppercase tracking-wider font-bold truncate max-w-full"
         }, {
           default: h(() => [
             b(l(z.value), 1)
           ]),
           _: 1
         }, 8, ["variant"])
-      ])) : u("", !0),
+      ])) : m("", !0),
       s("div", M, [
-        s("h3", R, l(T.value), 1),
-        p.value ? (i(), a("p", q, l(p.value), 1)) : u("", !0)
+        s("h3", R, l(I.value), 1),
+        p.value ? (i(), a("p", q, l(p.value), 1)) : m("", !0)
       ]),
       s("div", A, [
         s("span", G, l(c.item.price), 1),
-        f.value ? (i(), a("span", H, l(f.value), 1)) : u("", !0)
+        f.value ? (i(), a("span", H, l(f.value), 1)) : m("", !0)
       ]),
       s("ul", J, [
-        (i(!0), a(D, null, E(c.item.features, (d, N) => (i(), a("li", {
+        (i(!0), a(j, null, D(c.item.features, (d, N) => (i(), a("li", {
           key: N,
           class: "flex items-start gap-3 text-sm group/feature"
         }, [
@@ -81,20 +81,20 @@ const L = {
             }))
           ]),
           s("span", {
-            class: m(
+            class: u(
               g(d) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
             )
           }, l($(d)), 3)
         ]))), 128))
       ]),
       s("div", O, [
-        v(S, {
+        v(E, {
           variant: V.value,
-          class: m(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
+          class: u(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
           size: "lg"
         }, {
           default: h(() => [
-            b(l(w.value), 1)
+            b(l(T.value), 1)
           ]),
           _: 1
         }, 8, ["variant", "class"])

package/components/Radio.vue.d.ts

@@ -0,0 +1,41 @@
+import { RadioSize, RadioColor } from '../types';
+interface Props {
+    modelValue?: any;
+    value?: any;
+    disabled?: boolean;
+    label?: string;
+    labelI18n?: string;
+    id?: string;
+    class?: string;
+    size?: RadioSize;
+    color?: RadioColor;
+    name?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {
+    value: any;
+    class: string;
+    color: RadioColor;
+    size: RadioSize;
+    disabled: boolean;
+    modelValue: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Radio.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as x, inject as V, computed as o, unref as s, openBlock as m, createElementBlock as z, createElementVNode as g, withModifiers as $, normalizeClass as f, createBlock as S, withCtx as j, renderSlot as B, createTextVNode as N, toDisplayString as D, createCommentVNode as I } from "vue";
+import M from "./Label.vue.js";
+import { $t as E } from "../utils/i18n.js";
+const G = { class: "flex items-center space-x-2" }, L = ["aria-checked", "data-state", "disabled", "id", "name", "data-testid"], A = /* @__PURE__ */ x({
+  __name: "Radio",
+  props: {
+    modelValue: { default: void 0 },
+    value: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    labelI18n: {},
+    id: {},
+    class: { default: "" },
+    size: { default: void 0 },
+    color: { default: void 0 },
+    name: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: v }) {
+    const e = i, p = v, r = V("radioGroup", null), n = o(() => r ? s(r.modelValue) === e.value : e.modelValue === e.value), d = o(() => s(r?.disabled) || e.disabled), u = o(() => e.size || s(r?.size) || "md"), c = o(() => e.color || s(r?.color) || "primary"), h = o(() => s(r?.name) || e.name || `radio-${Math.random().toString(36).substring(2, 9)}`), t = o(() => e.labelI18n ? E(e.labelI18n) : e.label), b = () => {
+      d.value || (r ? r.updateValue(e.value) : p("update:modelValue", e.value));
+    }, y = {
+      xs: "h-3.5 w-3.5",
+      sm: "h-4 w-4",
+      md: "h-4.5 w-4.5",
+      lg: "h-5 w-5",
+      xl: "h-5.5 w-5.5"
+    }, w = {
+      xs: "h-1.5 w-1.5",
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3",
+      xl: "h-3.5 w-3.5"
+    }, l = {
+      primary: { border: "border-primary!", bg: "bg-primary", ring: "focus-visible:ring-primary" },
+      secondary: { border: "border-secondary!", bg: "bg-secondary", ring: "focus-visible:ring-secondary" },
+      success: { border: "border-success!", bg: "bg-success", ring: "focus-visible:ring-success" },
+      warning: { border: "border-warning!", bg: "bg-warning", ring: "focus-visible:ring-warning" },
+      danger: { border: "border-danger!", bg: "bg-danger", ring: "focus-visible:ring-danger" },
+      info: { border: "border-info!", bg: "bg-info", ring: "focus-visible:ring-info" }
+    }, C = o(() => {
+      const a = l[c.value] || l.primary;
+      return [
+        "peer shrink-0 rounded-full border transition-all duration-200 ease-in-out",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "cursor-pointer bg-transparent flex items-center justify-center",
+        y[u.value],
+        n.value ? a.border : "border-gray-400!",
+        a.ring,
+        e.class
+      ].join(" ");
+    }), k = o(() => {
+      const a = l[c.value] || l.primary;
+      return [
+        "rounded-full transition-transform duration-200",
+        n.value ? "scale-100" : "scale-0",
+        w[u.value],
+        a.bg
+      ].join(" ");
+    });
+    return (a, _) => (m(), z("div", G, [
+      g("button", {
+        type: "button",
+        role: "radio",
+        "aria-checked": n.value,
+        "data-state": n.value ? "checked" : "unchecked",
+        disabled: d.value,
+        class: f(C.value),
+        id: i.id,
+        name: h.value,
+        "data-testid": a.$attrs["data-testid"] || (i.id ? `radio-${i.id}` : t.value ? `radio-${t.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "radio"),
+        onClick: $(b, ["prevent"])
+      }, [
+        g("div", {
+          class: f(k.value)
+        }, null, 2)
+      ], 10, L),
+      t.value || a.$slots.default ? (m(), S(M, {
+        key: 0,
+        for: i.id,
+        class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
+        onClick: b
+      }, {
+        default: j(() => [
+          B(a.$slots, "default", {}, () => [
+            N(D(t.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for"])) : I("", !0)
+    ]));
+  }
+});
+export {
+  A as default
+};

package/components/Radio.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Radio.vue.js";
+export {
+  f as default
+};

package/components/RadioGroup.vue.d.ts

@@ -0,0 +1,38 @@
+import { RadioSize, RadioColor } from '../types';
+interface Props {
+    modelValue?: any;
+    name?: string;
+    disabled?: boolean;
+    direction?: 'row' | 'column';
+    size?: RadioSize;
+    color?: RadioColor;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {
+    class: string;
+    color: RadioColor;
+    size: RadioSize;
+    disabled: boolean;
+    modelValue: any;
+    direction: "row" | "column";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/RadioGroup.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as n, computed as o, provide as i, openBlock as c, createElementBlock as m, normalizeClass as p, renderSlot as f } from "vue";
+const v = /* @__PURE__ */ n({
+  __name: "RadioGroup",
+  props: {
+    modelValue: { default: void 0 },
+    name: {},
+    disabled: { type: Boolean, default: !1 },
+    direction: { default: "column" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    class: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: t }) {
+    const e = l, r = t, d = (a) => {
+      r("update:modelValue", a);
+    }, s = o(() => e.name || `radio-group-${Math.random().toString(36).substring(2, 9)}`);
+    i("radioGroup", {
+      modelValue: o(() => e.modelValue),
+      updateValue: d,
+      name: s.value,
+      disabled: o(() => e.disabled),
+      size: o(() => e.size),
+      color: o(() => e.color)
+    });
+    const u = o(() => e.direction === "row" ? "flex-row space-x-4" : "flex-col space-y-2");
+    return (a, V) => (c(), m("div", {
+      class: p(["flex", u.value, e.class]),
+      role: "radiogroup"
+    }, [
+      f(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/RadioGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./RadioGroup.vue.js";
+export {
+  f as default
+};