laif-ds 0.2.36 → 0.2.38

package/dist/components/ui/input.js

@@ -1,12 +1,17 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Label as Z } from "./label.js";
-import { cn as o } from "../../lib/utils.js";
-import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as t from "react";
-import { Icon as T } from "./icon.js";
-const q = j(
-  "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",
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { Label as ee } from "./label.js";
+import { cn as n } from "../../lib/utils.js";
+import { cva as R } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as r from "react";
+import { Icon as N } from "./icon.js";
+import { Typo as se } from "./typo.js";
+const te = R(
+  n(
+    "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"
+  ),
   {
     variants: {
       size: {
@@ -19,8 +24,8 @@ const q = j(
       size: "default"
     }
   }
-), ee = j(
-  o(
+), re = R(
+  n(
     "shadow-none flex-1 min-w-0 bg-transparent outline-none border-0 p-0 overflow-hidden text-ellipsis whitespace-nowrap",
     "file:text-d-foreground file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium",
     "placeholder:text-d-muted-foreground",
@@ -39,152 +44,175 @@ const q = j(
       size: "default"
     }
   }
-), n = {
+), f = {
   show: "Mostra password",
   hide: "Nascondi password"
-}, te = t.forwardRef(
+}, ce = r.forwardRef(
   ({
-    className: L,
-    type: d,
+    className: W,
+    type: m,
     label: k,
-    labelClassName: R,
-    id: W,
-    iconLeft: v,
-    iconRight: x,
+    labelClassName: D,
+    id: G,
+    iconLeft: b,
+    iconRight: v,
     startContent: S,
-    endContent: C,
-    size: l,
-    disabled: a,
-    required: w,
-    errorMessage: b,
-    onBlur: E,
-    onChange: M,
-    onInvalid: B,
-    "aria-invalid": N,
-    "aria-describedby": D,
-    ...y
-  }, G) => {
-    const P = t.useId(), c = W ?? P, V = `${c}-error`, u = t.useRef(null), f = d === "password", [s, U] = t.useState(!1), [_, m] = t.useState(!0), [F, z] = t.useState(!1), [A, p] = t.useState(""), H = f ? s ? "text" : "password" : d;
-    t.useImperativeHandle(G, () => u.current);
-    const $ = t.useCallback(
-      (e) => {
-        if (a) return;
-        const g = e.target;
-        if (g.tagName === "INPUT" || g.tagName === "BUTTON") return;
-        const I = u.current;
-        I && (I.focus(), !f && d !== "file" && I.select());
+    endContent: T,
+    size: p,
+    disabled: d,
+    required: E,
+    onBlur: C,
+    onChange: O,
+    onInvalid: P,
+    "aria-invalid": _,
+    "aria-describedby": F,
+    showValidMessage: B = !1,
+    showValidityMessage: L = !1,
+    validityI18n: e,
+    ...H
+  }, $) => {
+    const [c, J] = r.useState(!1), [g, M] = r.useState(!0), [K, U] = r.useState(!1), [j, V] = r.useState(""), Q = r.useId(), x = G ?? Q, z = `${x}-validity`, h = r.useRef(null), w = m === "password", X = w ? c ? "text" : "password" : m, A = _ ?? (!g && K ? !0 : void 0), Y = [F, L && z].filter(Boolean).join(" ").trim() || void 0;
+    r.useImperativeHandle($, () => h.current);
+    const Z = r.useCallback(
+      (t) => {
+        if (d) return;
+        const s = t.target;
+        if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
+        const a = h.current;
+        a && (a.focus(), !w && m !== "file" && a.select());
+      },
+      [d, w, m]
+    ), l = r.useCallback(
+      (t) => {
+        const s = t.validity, a = t.validationMessage !== "" ? t.validationMessage : "✓";
+        if (s.valid)
+          return {
+            isValid: !0,
+            message: B ? e?.valid ?? a : ""
+          };
+        if (!e)
+          return { isValid: !1, message: a };
+        let o = a;
+        return s.valueMissing && e.valueMissing ? o = e.valueMissing : s.typeMismatch && e.typeMismatch ? o = e.typeMismatch : s.patternMismatch && e.patternMismatch ? o = e.patternMismatch : s.tooLong && e.tooLong ? o = e.tooLong : s.tooShort && e.tooShort ? o = e.tooShort : s.rangeUnderflow && e.rangeUnderflow ? o = e.rangeUnderflow : s.rangeOverflow && e.rangeOverflow ? o = e.rangeOverflow : s.badInput && e.badInput ? o = e.badInput : s.stepMismatch && e.stepMismatch ? o = e.stepMismatch : s.customError && e.customError && (o = e.customError), { isValid: !1, message: o };
       },
-      [a, f, d]
-    ), J = t.useCallback(
-      (e) => {
-        m(e.target.validity.valid), p(e.target.validationMessage), M?.(e);
+      [B, e]
+    );
+    r.useEffect(() => {
+      if (h.current) {
+        const { isValid: t, message: s } = l(h.current);
+        M(t), V(s);
+      }
+    }, [l]);
+    const q = r.useCallback(
+      (t) => {
+        U(!0);
+        const { isValid: s, message: a } = l(t.currentTarget);
+        M(s), V(a), O?.(t);
       },
-      [M]
-    ), K = t.useCallback(
-      (e) => {
-        z(!0), m(e.currentTarget.validity.valid), p(e.currentTarget.validationMessage), E?.(e);
+      [O, l]
+    ), y = r.useCallback(
+      (t) => {
+        U(!0), C?.(t);
       },
-      [E]
-    ), Q = t.useCallback(
-      (e) => {
-        z(!0), m(!1), p(e.currentTarget.validationMessage), B?.(e);
+      [C, l]
+    ), I = r.useCallback(
+      (t) => {
+        const { isValid: s, message: a } = l(t.currentTarget);
+        M(s), V(a), P?.(t);
       },
-      [B]
+      [P, l]
     );
-    t.useEffect(() => {
-      if (y.value !== void 0) {
-        const e = u.current;
-        e && (m(e.validity.valid), p(e.validationMessage));
-      }
-    }, [y.value]);
-    const h = (F || (N === !0 || N === "true")) && (!!b || !_), X = w && h, O = N ?? (h ? !0 : void 0), Y = [D, h ? V : void 0].filter(Boolean).join(" ").trim() || void 0;
-    return /* @__PURE__ */ i("div", { className: o("flex flex-col gap-1.5", L), children: [
-      k && /* @__PURE__ */ i(Z, { htmlFor: c, className: o("gap-0.5", R), children: [
+    return /* @__PURE__ */ u("div", { className: n("flex flex-col gap-1.5", W), children: [
+      k && /* @__PURE__ */ u(ee, { htmlFor: x, className: n("gap-0.5", D), children: [
         k,
-        w && /* @__PURE__ */ r("div", { className: X ? "text-d-destructive" : "", children: "*" })
+        E && g && /* @__PURE__ */ i("div", { children: "*" }),
+        !g && /* @__PURE__ */ i("div", { className: "text-d-destructive", children: "*" })
       ] }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ u(
         "div",
         {
-          className: o(
-            q({ size: l }),
-            "aria-[invalid=true]:ring-d-destructive/20 aria-[invalid=true]:border-d-destructive",
-            a ? "cursor-not-allowed opacity-50" : "cursor-text"
+          className: n(
+            te({ size: p }),
+            d ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
-          "aria-invalid": O,
-          onClick: $,
+          "aria-invalid": A,
+          onClick: Z,
           children: [
-            (v || S) && /* @__PURE__ */ i("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              v && /* @__PURE__ */ r(T, { name: v, size: l === "lg" ? "sm" : "xs" }),
+            (b || S) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              b && /* @__PURE__ */ i(N, { name: b, size: p === "lg" ? "sm" : "xs" }),
               S
             ] }),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ i(
               "input",
               {
-                id: c,
-                type: H,
+                id: x,
+                type: X,
                 "data-slot": "input",
-                className: o(ee({ size: l })),
-                ref: u,
-                disabled: a,
-                onChange: J,
-                onBlur: K,
-                onInvalid: Q,
-                "aria-invalid": O,
+                className: n(re({ size: p })),
+                ref: h,
+                disabled: d,
+                onChange: q,
+                onBlur: y,
+                onInvalid: I,
+                "aria-invalid": A,
                 "aria-describedby": Y,
-                required: w,
-                ...y
+                required: E,
+                step: m === "number" ? "any" : void 0,
+                ...H
               }
             ),
-            f ? /* @__PURE__ */ i(
+            w ? /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
-                onClick: (e) => {
-                  e.stopPropagation(), e.preventDefault(), U((g) => !g);
+                onClick: (t) => {
+                  t.stopPropagation(), t.preventDefault(), J((s) => !s);
                 },
-                className: o(
+                className: n(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  a && "cursor-not-allowed"
+                  d && "cursor-not-allowed"
                 ),
-                "aria-label": s ? n.hide : n.show,
-                "aria-pressed": s,
-                "aria-controls": c,
-                title: s ? n.hide : n.show,
-                disabled: a,
+                "aria-label": c ? f.hide : f.show,
+                "aria-pressed": c,
+                "aria-controls": x,
+                title: c ? f.hide : f.show,
+                disabled: d,
                 children: [
-                  /* @__PURE__ */ r(
-                    T,
+                  /* @__PURE__ */ i(
+                    N,
                     {
-                      name: s ? "EyeOff" : "Eye",
-                      size: l === "lg" ? "sm" : "xs"
+                      name: c ? "EyeOff" : "Eye",
+                      size: p === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ r("span", { className: "sr-only", children: s ? n.hide : n.show })
+                  /* @__PURE__ */ i("span", { className: "sr-only", children: c ? f.hide : f.show })
                 ]
               }
-            ) : (x || C) && /* @__PURE__ */ i("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              C,
-              x && /* @__PURE__ */ r(T, { name: x, size: l === "lg" ? "sm" : "xs" })
+            ) : (v || T) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              T,
+              v && /* @__PURE__ */ i(N, { name: v, size: p === "lg" ? "sm" : "xs" })
             ] })
           ]
         }
       ),
-      h && (b || A) && /* @__PURE__ */ r(
-        "span",
+      L && j.length > 0 && /* @__PURE__ */ i(
+        se,
         {
-          id: V,
-          role: "alert",
+          variant: "caption",
+          id: z,
+          role: g ? "status" : "alert",
           "aria-live": "polite",
-          className: "text-d-destructive max-w-full min-w-0 text-xs text-wrap",
-          children: b || A
+          className: n(
+            "max-w-full min-w-0 text-wrap",
+            g ? "text-d-success" : "text-d-destructive"
+          ),
+          children: j
         }
       )
     ] });
   }
 );
-te.displayName = "Input";
 export {
-  te as Input,
-  ee as inputVariants
+  ce as Input,
+  re as inputVariants
 };

package/dist/components/ui/menubar.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Root as u, Menu as c, Trigger as l, Content as m, Item as b, Separator as f, Label as p, CheckboxItem as g, ItemIndicator as d, RadioItem as x, RadioGroup as v, Portal as h, SubContent as M, SubTrigger as z, Group as N, Sub as y } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
+import { Root as u, CheckboxItem as c, ItemIndicator as d, Content as l, Group as m, Item as b, Label as f, Menu as p, Portal as g, RadioGroup as x, RadioItem as v, Separator as h, Sub as M, SubContent as z, SubTrigger as N, Trigger as y } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
 import { cn as r } from "../../lib/utils.js";
 import I from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 import S from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
@@ -24,29 +24,29 @@ function L({
 function P({
   ...e
 }) {
-  return /* @__PURE__ */ a(c, { "data-slot": "menubar-menu", ...e });
+  return /* @__PURE__ */ a(p, { "data-slot": "menubar-menu", ...e });
 }
 function q({
   ...e
 }) {
-  return /* @__PURE__ */ a(N, { "data-slot": "menubar-group", ...e });
+  return /* @__PURE__ */ a(m, { "data-slot": "menubar-group", ...e });
 }
 function k({
   ...e
 }) {
-  return /* @__PURE__ */ a(h, { "data-slot": "menubar-portal", ...e });
+  return /* @__PURE__ */ a(g, { "data-slot": "menubar-portal", ...e });
 }
 function A({
   ...e
 }) {
-  return /* @__PURE__ */ a(v, { "data-slot": "menubar-radio-group", ...e });
+  return /* @__PURE__ */ a(x, { "data-slot": "menubar-radio-group", ...e });
 }
 function B({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    l,
+    y,
     {
       "data-slot": "menubar-trigger",
       className: r(
@@ -65,7 +65,7 @@ function D({
   ...i
 }) {
   return /* @__PURE__ */ a(k, { children: /* @__PURE__ */ a(
-    m,
+    l,
     {
       "data-slot": "menubar-content",
       align: t,
@@ -106,7 +106,7 @@ function F({
   ...o
 }) {
   return /* @__PURE__ */ s(
-    g,
+    c,
     {
       "data-slot": "menubar-checkbox-item",
       className: r(
@@ -128,7 +128,7 @@ function H({
   ...n
 }) {
   return /* @__PURE__ */ s(
-    x,
+    v,
     {
       "data-slot": "menubar-radio-item",
       className: r(
@@ -149,7 +149,7 @@ function J({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    p,
+    f,
     {
       "data-slot": "menubar-label",
       "data-inset": t,
@@ -166,7 +166,7 @@ function K({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    f,
+    h,
     {
       "data-slot": "menubar-separator",
       className: r("bg-d-border -mx-1 my-1 h-px", e),
@@ -193,7 +193,7 @@ function O({
 function Q({
   ...e
 }) {
-  return /* @__PURE__ */ a(y, { "data-slot": "menubar-sub", ...e });
+  return /* @__PURE__ */ a(M, { "data-slot": "menubar-sub", ...e });
 }
 function U({
   className: e,
@@ -202,7 +202,7 @@ function U({
   ...o
 }) {
   return /* @__PURE__ */ s(
-    z,
+    N,
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": t,
@@ -223,7 +223,7 @@ function V({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    M,
+    z,
     {
       "data-slot": "menubar-sub-content",
       className: r(

package/dist/components/ui/popover.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { Root as n, Trigger as i, Portal as s, Content as p } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+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({
   ...o
@@ -10,7 +10,7 @@ function u({
 function g({
   ...o
 }) {
-  return /* @__PURE__ */ t(i, { "data-slot": "popover-trigger", ...o });
+  return /* @__PURE__ */ t(p, { "data-slot": "popover-trigger", ...o });
 }
 function v({
   className: o,
@@ -19,8 +19,8 @@ function v({
   container: a,
   ...d
 }) {
-  return /* @__PURE__ */ t(s, { container: a, children: /* @__PURE__ */ t(
-    p,
+  return /* @__PURE__ */ t(i, { container: a, children: /* @__PURE__ */ t(
+    s,
     {
       "data-slot": "popover-content",
       align: e,

package/dist/components/ui/select.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Root as p, Group as f, Value as g, Trigger as x, Icon as h, Portal as v, Content as b, Viewport as y, Label as S, Item as z, ItemIndicator as w, ItemText as N, Separator as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import { Root as p, Portal as f, Content as g, Viewport as x, Group as h, Item as v, ItemIndicator as b, ItemText as y, Label as S, Separator as z, Trigger as w, Icon as N, Value as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import * as c from "react";
 import { Label as j } from "./label.js";
 import { cn as o } from "../../lib/utils.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import k from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
 function q({
   size: t = "default",
@@ -24,12 +24,12 @@ const m = c.createContext({ size: "default" }), L = () => c.useContext(m);
 function A({
   ...t
 }) {
-  return /* @__PURE__ */ e(f, { "data-slot": "select-group", ...t });
+  return /* @__PURE__ */ e(h, { "data-slot": "select-group", ...t });
 }
 function E({
   ...t
 }) {
-  return /* @__PURE__ */ e(g, { "data-slot": "select-value", ...t });
+  return /* @__PURE__ */ e(C, { "data-slot": "select-value", ...t });
 }
 function H({
   className: t,
@@ -39,7 +39,7 @@ function H({
 }) {
   const { size: d, id: n } = L(), l = a || d;
   return /* @__PURE__ */ i(
-    x,
+    w,
     {
       id: n,
       "data-slot": "select-trigger",
@@ -62,7 +62,7 @@ function H({
       ...r,
       children: [
         s,
-        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -73,8 +73,8 @@ function J({
   position: s = "popper",
   ...r
 }) {
-  return /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
-    b,
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ i(
+    g,
     {
       "data-slot": "select-content",
       className: o(
@@ -87,7 +87,7 @@ function J({
       children: [
         /* @__PURE__ */ e(D, {}),
         /* @__PURE__ */ e(
-          y,
+          x,
           {
             className: o(
               "p-1",
@@ -123,7 +123,7 @@ function M({
   ...s
 }) {
   return /* @__PURE__ */ i(
-    z,
+    v,
     {
       "data-slot": "select-item",
       className: o(
@@ -132,8 +132,8 @@ function M({
       ),
       ...s,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(k, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(N, { children: a })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(k, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(y, { children: a })
       ]
     }
   );
@@ -143,7 +143,7 @@ function O({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    C,
+    z,
     {
       "data-slot": "select-separator",
       className: o(

package/dist/components/ui/sheet.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Root as d, Trigger as i, Content as l, Close as c, Title as f, Description as u, Portal as m, Overlay as h } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as d, Content as i, Close as l, Description as c, Title as f, Trigger as u, Portal as m, Overlay as h } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { cn as a } from "../../lib/utils.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function v({ ...t }) {
@@ -9,7 +9,7 @@ function v({ ...t }) {
 function w({
   ...t
 }) {
-  return /* @__PURE__ */ o(i, { "data-slot": "sheet-trigger", ...t });
+  return /* @__PURE__ */ o(u, { "data-slot": "sheet-trigger", ...t });
 }
 function g({
   ...t
@@ -41,7 +41,7 @@ function C({
   return /* @__PURE__ */ s(g, { children: [
     /* @__PURE__ */ o(b, {}),
     /* @__PURE__ */ s(
-      l,
+      i,
       {
         "data-slot": "sheet-content",
         className: a(
@@ -55,7 +55,7 @@ function C({
         ...n,
         children: [
           e,
-          /* @__PURE__ */ s(c, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ s(l, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ o(p, { className: "size-4" }),
             /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
           ] })
@@ -102,7 +102,7 @@ function j({
   ...e
 }) {
   return /* @__PURE__ */ o(
-    u,
+    c,
     {
       "data-slot": "sheet-description",
       className: a("text-d-secondary-foreground text-sm", t),

package/dist/components/ui/tabs.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import { Root as o, List as i, Trigger as r, Content as a } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import { Root as o, Content as i, List as r, Trigger as a } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
 import { cn as n } from "../../lib/utils.js";
 function u({
   className: e,
@@ -20,7 +20,7 @@ function f({
   ...t
 }) {
   return /* @__PURE__ */ s(
-    i,
+    r,
     {
       "data-slot": "tabs-list",
       className: n(
@@ -36,7 +36,7 @@ function b({
   ...t
 }) {
   return /* @__PURE__ */ s(
-    r,
+    a,
     {
       "data-slot": "tabs-trigger",
       className: n(
@@ -52,7 +52,7 @@ function g({
   ...t
 }) {
   return /* @__PURE__ */ s(
-    a,
+    i,
     {
       "data-slot": "tabs-content",
       className: n("flex-1 outline-none", e),