laif-ds 0.2.49 → 0.2.50

package/dist/components/ui/dialog.js

@@ -1,34 +1,35 @@
 "use client";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Root as c, Content as u, Close as l, Description as f, Title as m, Trigger as p, Portal as x, Overlay as v } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as u, Content as m, Close as r, Description as f, Title as p, Trigger as x, Portal as v, Overlay as D } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { designTokens as l } from "../../lib/design-tokens.js";
 import { cn as o } from "../../lib/utils.js";
-import D from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function k({
+import b from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function j({
   ...t
 }) {
-  return /* @__PURE__ */ a(c, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(u, { "data-slot": "dialog", ...t });
 }
-function T({
+function O({
   ...t
 }) {
-  return /* @__PURE__ */ a(p, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(x, { "data-slot": "dialog-trigger", ...t });
 }
-function b({
+function h({
   ...t
 }) {
-  return /* @__PURE__ */ a(x, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(v, { "data-slot": "dialog-portal", ...t });
 }
-function j({
+function P({
   ...t
 }) {
-  return /* @__PURE__ */ a(l, { "data-slot": "dialog-close", ...t });
+  return /* @__PURE__ */ a(r, { "data-slot": "dialog-close", ...t });
 }
-function h({
+function w({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v,
+    D,
     {
       "data-slot": "dialog-overlay",
       className: o(
@@ -39,46 +40,57 @@ function h({
     }
   );
 }
-function O({
+function _({
   className: t,
   children: e,
-  size: r = "default",
+  size: i = "default",
   closeOnOverlay: d = !0,
-  ...i
+  ...g
 }) {
-  const g = {
+  const c = {
     sm: "sm:max-w-sm",
     default: "sm:max-w-lg",
     lg: "sm:max-w-2xl",
     xl: "sm:max-w-3xl"
-  }[r];
-  return /* @__PURE__ */ s(b, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(h, {}),
+  }[i];
+  return /* @__PURE__ */ s(h, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(w, {}),
     /* @__PURE__ */ s(
-      u,
+      m,
       {
         "data-slot": "dialog-content",
         onPointerDownOutside: (n) => {
           n.target?.closest("[data-command-portal]") && n.preventDefault(), d || n.preventDefault();
         },
         className: o(
-          "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200",
-          g,
+          "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
+          l.radius.lg,
+          c,
           t
         ),
-        ...i,
+        ...g,
         children: [
           e,
-          /* @__PURE__ */ s(l, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground absolute top-4 right-4 rounded-md p-1.5 bg-d-muted/30 hover:bg-d-muted/60 cursor-pointer transition-all hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(D, {}),
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-          ] })
+          /* @__PURE__ */ s(
+            r,
+            {
+              className: o(
+                "ring-offset-d-background data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground bg-d-muted/30 hover:bg-d-muted/60 absolute top-4 right-4 cursor-pointer p-1.5 transition-all hover:opacity-100 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                l.focusRing,
+                l.radius.default
+              ),
+              children: [
+                /* @__PURE__ */ a(b, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
         ]
       }
     )
   ] });
 }
-function P({ className: t, ...e }) {
+function R({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -88,7 +100,7 @@ function P({ className: t, ...e }) {
     }
   );
 }
-function _({ className: t, ...e }) {
+function F({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -101,12 +113,12 @@ function _({ className: t, ...e }) {
     }
   );
 }
-function F({
+function H({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    m,
+    p,
     {
       "data-slot": "dialog-title",
       className: o("text-lg leading-none font-semibold", t),
@@ -114,7 +126,7 @@ function F({
     }
   );
 }
-function H({
+function X({
   className: t,
   ...e
 }) {
@@ -128,14 +140,14 @@ function H({
   );
 }
 export {
-  k as Dialog,
-  j as DialogClose,
-  O as DialogContent,
-  H as DialogDescription,
-  _ as DialogFooter,
-  P as DialogHeader,
-  h as DialogOverlay,
-  b as DialogPortal,
-  F as DialogTitle,
-  T as DialogTrigger
+  j as Dialog,
+  P as DialogClose,
+  _ as DialogContent,
+  X as DialogDescription,
+  F as DialogFooter,
+  R as DialogHeader,
+  w as DialogOverlay,
+  h as DialogPortal,
+  H as DialogTitle,
+  O as DialogTrigger
 };

package/dist/components/ui/input.js

@@ -1,42 +1,47 @@
 "use client";
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { Label as ee } from "./label.js";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { Label as se } from "./label.js";
+import { designTokens as o } from "../../lib/design-tokens.js";
 import { cn as l } from "../../lib/utils.js";
-import { cva as A } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as r from "react";
-import { Icon as k } from "./icon.js";
+import { cva as R } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as a from "react";
+import { Icon as N } from "./icon.js";
 import { Typo as te } from "./typo.js";
-const se = A(
+const ae = R(
   l(
-    "flex w-full items-center gap-2 rounded-md bg-d-input border border-d-border/50 px-3 transition-all duration-200",
-    "focus-within:border-d-ring focus-within:border-1",
-    "aria-[invalid=true]:ring-d-destructive/20 aria-[invalid=true]:border-d-destructive"
+    o.input.base,
+    o.radius.default,
+    "items-center gap-2 px-3",
+    // Focus states using the standard ring token but adapted for focus-within
+    "focus-within:ring-d-ring/50 focus-within:ring-[3px] focus-within:border-d-ring outline-none",
+    o.input.invalid
   ),
   {
     variants: {
       size: {
-        default: "h-9",
-        sm: "h-8",
-        lg: "h-10"
+        default: o.sizes.default,
+        sm: o.sizes.sm,
+        lg: o.sizes.lg
       }
     },
     defaultVariants: {
       size: "default"
     }
   }
-), re = A(
+), re = R(
   l(
-    "shadow-none flex-1 min-w-0 bg-transparent outline-none border-0 p-0 overflow-hidden text-ellipsis whitespace-nowrap",
+    o.text.base,
+    "shadow-none flex-1 min-w-0 bg-transparent outline-none border-0 p-0 overflow-hidden text-ellipsis",
     "file:text-d-foreground file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium",
-    "placeholder:text-d-muted-foreground",
+    o.text.placeholder,
     "selection:bg-d-primary selection:text-d-primary-foreground",
-    "disabled:cursor-not-allowed disabled:opacity-50",
+    o.interaction.disabled,
     "[-webkit-autofill]:shadow-[0_0_0_1000px_transparent_inset] [-webkit-autofill]:[-webkit-text-fill-color:inherit]"
   ),
   {
     variants: {
       size: {
-        default: "text-sm file:h-7",
+        default: "file:h-7",
         sm: "text-xs file:h-6",
         lg: "text-lg file:h-8"
       }
@@ -45,158 +50,158 @@ const se = A(
       size: "default"
     }
   }
-), f = {
+), m = {
   show: "Mostra password",
   hide: "Nascondi password"
-}, ce = r.forwardRef(
+}, fe = a.forwardRef(
   ({
-    className: R,
-    type: m,
-    label: N,
-    labelClassName: W,
-    id: D,
-    iconLeft: b,
-    iconRight: v,
+    className: W,
+    type: p,
+    label: T,
+    labelClassName: D,
+    id: G,
+    iconLeft: v,
+    iconRight: M,
     startContent: S,
-    endContent: T,
-    size: p,
+    endContent: E,
+    size: g,
     disabled: d,
-    required: E,
-    onBlur: C,
-    onChange: O,
-    onInvalid: _,
-    "aria-invalid": G,
-    "aria-describedby": F,
+    required: C,
+    onBlur: O,
+    onChange: _,
+    onInvalid: z,
+    "aria-invalid": F,
+    "aria-describedby": H,
     showValidMessage: P = !1,
     showValidityMessage: B = !1,
     validityI18n: e,
-    ...H
-  }, $) => {
-    const [c, J] = r.useState(!1), [h, M] = r.useState(!0), [K, L] = r.useState(!1), [U, V] = r.useState(""), Q = r.useId(), w = D ?? Q, j = `${w}-validity`, g = r.useRef(null), x = m === "password", X = x ? c ? "text" : "password" : m, z = G ?? (!h && K ? !0 : void 0), Y = [F, B && j].filter(Boolean).join(" ").trim() || void 0;
-    r.useImperativeHandle($, () => g.current);
-    const Z = r.useCallback(
-      (s) => {
+    ...$
+  }, J) => {
+    const [u, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, j = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? u ? "text" : "password" : p, A = F ?? (!h && Q ? !0 : void 0), Z = [H, B && j].filter(Boolean).join(" ").trim() || void 0;
+    a.useImperativeHandle(J, () => x.current);
+    const q = a.useCallback(
+      (t) => {
         if (d) return;
-        const t = s.target;
-        if (t.tagName === "INPUT" || t.tagName === "BUTTON") return;
-        const a = g.current;
-        a && (a.focus(), !x && m !== "file" && a.select());
+        const s = t.target;
+        if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
+        const r = x.current;
+        r && (r.focus(), !b && p !== "file" && r.select());
       },
-      [d, x, m]
-    ), n = r.useCallback(
-      (s) => {
-        const t = s.validity, a = s.validationMessage !== "" ? s.validationMessage : "✓";
-        if (t.valid)
+      [d, b, p]
+    ), c = a.useCallback(
+      (t) => {
+        const s = t.validity, r = t.validationMessage !== "" ? t.validationMessage : "✓";
+        if (s.valid)
           return {
             isValid: !0,
-            message: P ? e?.valid ?? a : ""
+            message: P ? e?.valid ?? r : ""
           };
         if (!e)
-          return { isValid: !1, message: a };
-        let o = a;
-        return t.valueMissing && e.valueMissing ? o = e.valueMissing : t.typeMismatch && e.typeMismatch ? o = e.typeMismatch : t.patternMismatch && e.patternMismatch ? o = e.patternMismatch : t.tooLong && e.tooLong ? o = e.tooLong : t.tooShort && e.tooShort ? o = e.tooShort : t.rangeUnderflow && e.rangeUnderflow ? o = e.rangeUnderflow : t.rangeOverflow && e.rangeOverflow ? o = e.rangeOverflow : t.badInput && e.badInput ? o = e.badInput : t.stepMismatch && e.stepMismatch ? o = e.stepMismatch : t.customError && e.customError && (o = e.customError), { isValid: !1, message: o };
+          return { isValid: !1, message: r };
+        let i = r;
+        return s.valueMissing && e.valueMissing ? i = e.valueMissing : s.typeMismatch && e.typeMismatch ? i = e.typeMismatch : s.patternMismatch && e.patternMismatch ? i = e.patternMismatch : s.tooLong && e.tooLong ? i = e.tooLong : s.tooShort && e.tooShort ? i = e.tooShort : s.rangeUnderflow && e.rangeUnderflow ? i = e.rangeUnderflow : s.rangeOverflow && e.rangeOverflow ? i = e.rangeOverflow : s.badInput && e.badInput ? i = e.badInput : s.stepMismatch && e.stepMismatch ? i = e.stepMismatch : s.customError && e.customError && (i = e.customError), { isValid: !1, message: i };
       },
       [P, e]
     );
-    r.useEffect(() => {
-      if (g.current) {
-        const { isValid: s, message: t } = n(g.current);
-        M(s), V(t);
+    a.useEffect(() => {
+      if (x.current) {
+        const { isValid: t, message: s } = c(x.current);
+        k(t), V(s);
       }
-    }, [n]);
-    const q = r.useCallback(
-      (s) => {
+    }, [c]);
+    const y = a.useCallback(
+      (t) => {
         L(!0);
-        const { isValid: t, message: a } = n(s.currentTarget);
-        M(t), V(a), O?.(s);
+        const { isValid: s, message: r } = c(t.currentTarget);
+        k(s), V(r), _?.(t);
       },
-      [O, n]
-    ), y = r.useCallback(
-      (s) => {
-        L(!0), C?.(s);
+      [_, c]
+    ), I = a.useCallback(
+      (t) => {
+        L(!0), O?.(t);
       },
-      [C, n]
-    ), I = r.useCallback(
-      (s) => {
-        const { isValid: t, message: a } = n(s.currentTarget);
-        M(t), V(a), _?.(s);
+      [O, c]
+    ), ee = a.useCallback(
+      (t) => {
+        const { isValid: s, message: r } = c(t.currentTarget);
+        k(s), V(r), z?.(t);
       },
-      [_, n]
+      [z, c]
     );
-    return /* @__PURE__ */ u("div", { className: l("flex flex-col gap-1.5", R), children: [
-      N && /* @__PURE__ */ u(ee, { htmlFor: w, className: l("gap-0.5", W), children: [
-        N,
-        E && h && /* @__PURE__ */ i("div", { children: "*" }),
-        !h && /* @__PURE__ */ i("div", { className: "text-d-destructive", children: "*" })
+    return /* @__PURE__ */ f("div", { className: l("flex flex-col gap-1.5", W), children: [
+      T && /* @__PURE__ */ f(se, { htmlFor: w, className: l("gap-0.5", D), children: [
+        T,
+        C && h && /* @__PURE__ */ n("div", { children: "*" }),
+        !h && /* @__PURE__ */ n("div", { className: "text-d-destructive", children: "*" })
       ] }),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ f(
         "div",
         {
           className: l(
-            se({ size: p }),
+            ae({ size: g }),
             d ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
-          "aria-invalid": z,
-          onClick: Z,
+          "aria-invalid": A,
+          onClick: q,
           children: [
-            (b || S) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              b && /* @__PURE__ */ i(k, { name: b, size: p === "lg" ? "sm" : "xs" }),
+            (v || S) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              v && /* @__PURE__ */ n(N, { name: v, size: g === "lg" ? "sm" : "xs" }),
               S
             ] }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n(
               "input",
               {
                 id: w,
-                type: X,
+                type: Y,
                 "data-slot": "input",
-                className: l(re({ size: p })),
-                ref: g,
+                className: l(re({ size: g })),
+                ref: x,
                 disabled: d,
-                onChange: q,
-                onBlur: y,
-                onInvalid: I,
-                "aria-invalid": z,
-                "aria-describedby": Y,
-                required: E,
-                step: m === "number" ? "any" : void 0,
-                ...H
+                onChange: y,
+                onBlur: I,
+                onInvalid: ee,
+                "aria-invalid": A,
+                "aria-describedby": Z,
+                required: C,
+                step: p === "number" ? "any" : void 0,
+                ...$
               }
             ),
-            x ? /* @__PURE__ */ u(
+            b ? /* @__PURE__ */ f(
               "button",
               {
                 type: "button",
-                onClick: (s) => {
-                  s.stopPropagation(), s.preventDefault(), J((t) => !t);
+                onClick: (t) => {
+                  t.stopPropagation(), t.preventDefault(), K((s) => !s);
                 },
                 className: l(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
                   d && "cursor-not-allowed"
                 ),
-                "aria-label": c ? f.hide : f.show,
-                "aria-pressed": c,
+                "aria-label": u ? m.hide : m.show,
+                "aria-pressed": u,
                 "aria-controls": w,
-                title: c ? f.hide : f.show,
+                title: u ? m.hide : m.show,
                 disabled: d,
                 children: [
-                  /* @__PURE__ */ i(
-                    k,
+                  /* @__PURE__ */ n(
+                    N,
                     {
-                      name: c ? "EyeOff" : "Eye",
-                      size: p === "lg" ? "sm" : "xs"
+                      name: u ? "EyeOff" : "Eye",
+                      size: g === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ i("span", { className: "sr-only", children: c ? f.hide : f.show })
+                  /* @__PURE__ */ n("span", { className: "sr-only", children: u ? m.hide : m.show })
                 ]
               }
-            ) : (v || T) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              T,
-              v && /* @__PURE__ */ i(k, { name: v, size: p === "lg" ? "sm" : "xs" })
+            ) : (M || E) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              E,
+              M && /* @__PURE__ */ n(N, { name: M, size: g === "lg" ? "sm" : "xs" })
             ] })
           ]
         }
       ),
-      B && U.length > 0 && /* @__PURE__ */ i(
+      B && U.length > 0 && /* @__PURE__ */ n(
         te,
         {
           variant: "caption",
@@ -214,6 +219,6 @@ const se = A(
   }
 );
 export {
-  ce as Input,
+  fe as Input,
   re as inputVariants
 };

package/dist/components/ui/popover.js

@@ -1,23 +1,24 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { Root as n, Portal as i, Content as s, Trigger as p } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import { cn as m } from "../../lib/utils.js";
-function u({
+import { Root as d, Portal as i, Content as s, Trigger as p } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { designTokens as m } from "../../lib/design-tokens.js";
+import { cn as f } from "../../lib/utils.js";
+function v({
   ...o
 }) {
-  return /* @__PURE__ */ t(n, { "data-slot": "popover", ...o });
+  return /* @__PURE__ */ t(d, { "data-slot": "popover", ...o });
 }
-function g({
+function b({
   ...o
 }) {
   return /* @__PURE__ */ t(p, { "data-slot": "popover-trigger", ...o });
 }
-function v({
+function h({
   className: o,
   align: e = "center",
   sideOffset: r = 4,
   container: a,
-  ...d
+  ...n
 }) {
   return /* @__PURE__ */ t(i, { container: a, children: /* @__PURE__ */ t(
     s,
@@ -25,16 +26,17 @@ function v({
       "data-slot": "popover-content",
       align: e,
       sideOffset: r,
-      className: m(
-        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border z-[60] w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+      className: f(
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border z-[60] w-72 origin-(--radix-popover-content-transform-origin) border p-4 shadow-md outline-hidden",
+        m.radius.default,
         o
       ),
-      ...d
+      ...n
     }
   ) });
 }
 export {
-  u as Popover,
-  v as PopoverContent,
-  g as PopoverTrigger
+  v as Popover,
+  h as PopoverContent,
+  b as PopoverTrigger
 };

package/dist/components/ui/radio-group.js

@@ -1,50 +1,52 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Root as a, Item as d, Indicator as s } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
-import { cn as t } from "../../lib/utils.js";
-import n from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
-function p({
-  className: o,
+import { jsx as t } from "react/jsx-runtime";
+import { Root as d, Item as s, Indicator as n } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { designTokens as o } from "../../lib/design-tokens.js";
+import { cn as a } from "../../lib/utils.js";
+import l from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+function g({
+  className: e,
   ...r
 }) {
-  return /* @__PURE__ */ e(
-    a,
+  return /* @__PURE__ */ t(
+    d,
     {
       "data-slot": "radio-group",
-      className: t("grid gap-3", o),
+      className: a("grid gap-3", e),
       ...r
     }
   );
 }
-function f({
-  className: o,
+function h({
+  className: e,
   disabled: r,
   ...i
 }) {
-  return /* @__PURE__ */ e(
-    d,
+  return /* @__PURE__ */ t(
+    s,
     {
       "data-slot": "radio-group-item",
       disabled: r,
-      className: t(
-        "text-d-primary aspect-square size-4 shrink-0 cursor-pointer rounded-full shadow-xs transition-[color,box-shadow] outline-none",
-        "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
-        "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px]",
+      className: a(
+        "text-d-primary aspect-square size-4 shrink-0 cursor-pointer border shadow-xs transition-[color,box-shadow] outline-none",
+        o.radius.full,
+        o.focusRing,
         // Red border when not selected, default border when selected
-        "data-[state=unchecked]:border-d-foreground data-[state=checked]:border-d-primary border",
-        r && "text-d-muted border-d-muted-foreground cursor-not-allowed opacity-50",
-        o
+        "data-[state=unchecked]:border-d-foreground data-[state=checked]:border-d-primary",
+        "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
+        o.interaction.disabled,
+        e
       ),
       ...i,
-      children: /* @__PURE__ */ e(
-        s,
+      children: /* @__PURE__ */ t(
+        n,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(
-            n,
+          children: /* @__PURE__ */ t(
+            l,
             {
-              className: t(
+              className: a(
                 "fill-d-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
                 r && "fill-d-muted-foreground"
               )
@@ -56,6 +58,6 @@ function f({
   );
 }
 export {
-  p as RadioGroup,
-  f as RadioGroupItem
+  g as RadioGroup,
+  h as RadioGroupItem
 };