laif-ds 0.2.33 → 0.2.35

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  a as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  m as default
+  x as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -8,7 +8,7 @@ import * as t from "react";
 import { useEffect as q } from "react";
 import { selectTriggerVariants as H } from "./async-select.js";
 import { Checkbox as I } from "./checkbox.js";
-import { Icon as N } from "./icon.js";
+import { Icon as x } from "./icon.js";
 import { inputVariants as J } from "./input.js";
 import { Popover as K, PopoverTrigger as Q, PopoverContent as U } from "./popover.js";
 import Y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
@@ -30,12 +30,12 @@ function ue({
   cancelLabel: j = "Cancella selezione",
   maxSelectedItems: i
 }) {
-  const f = t.useId(), [s, D] = t.useState(!1), [d, v] = t.useState(""), [O, S] = t.useState(
+  const f = t.useId(), [s, D] = t.useState(!1), [c, v] = t.useState(""), [O, S] = t.useState(
     void 0
   ), L = t.useRef(null), p = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        o(n.filter((c) => c !== e));
+        o(n.filter((d) => d !== e));
       else {
         if (i && n.length >= i)
           return;
@@ -45,9 +45,9 @@ function ue({
     [n, o, i]
   ), T = t.useCallback(() => {
     o([]), v(""), g && g();
-  }, [o]), h = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => d ? a.filter(
-    (e) => e.label.toLowerCase().includes(d.toLowerCase())
-  ) : a, [a, d]), x = t.useMemo(() => i ? n.length >= i : !1, [n, i]);
+  }, [o]), h = t.useMemo(() => a.filter((e) => n.includes(e.value)), [a, n]), W = t.useMemo(() => c ? a.filter(
+    (e) => e.label.toLowerCase().includes(c.toLowerCase())
+  ) : a, [a, c]), N = t.useMemo(() => i ? n.length >= i : !1, [n, i]);
   return q(() => {
     if (s && p.current) {
       const e = p.current.getBoundingClientRect();
@@ -103,7 +103,7 @@ function ue({
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": j,
                       children: /* @__PURE__ */ r(
-                        N,
+                        x,
                         {
                           name: "X",
                           size: "xs",
@@ -130,7 +130,7 @@ function ue({
               children: /* @__PURE__ */ l(E, { className: "bg-d-popover w-full rounded-md border border-none", children: [
                 R && /* @__PURE__ */ r("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ r(
-                    N,
+                    x,
                     {
                       name: "Search",
                       className: "text-d-accent-foreground opacity-50",
@@ -142,7 +142,7 @@ function ue({
                     {
                       id: "app-multiple-select-dropdown-filter",
                       placeholder: P,
-                      value: d,
+                      value: c,
                       onChange: (e) => v(e.target.value),
                       className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${J({ size: m })} !shadow-none`
                     }
@@ -151,25 +151,25 @@ function ue({
                 /* @__PURE__ */ l(F, { className: "max-h-60 w-full", children: [
                   /* @__PURE__ */ r(V, { children: M }),
                   /* @__PURE__ */ r(G, { children: W.map((e) => {
-                    const c = n.includes(e.value);
+                    const d = n.includes(e.value);
                     return /* @__PURE__ */ l(
                       X,
                       {
                         value: e.value,
-                        disabled: e.disabled || !c && x,
+                        disabled: e.disabled || !d && N,
                         onSelect: () => w(e.value),
                         className: u(
                           "aria-selected:!bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !c && x) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !d && N) && "cursor-not-allowed opacity-50"
                         ),
                         children: [
                           /* @__PURE__ */ r(
                             I,
                             {
-                              checked: c,
+                              checked: d,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
-                                console.log("checkbox change for:", e.value), w(e.value);
+                                w(e.value);
                               }
                             }
                           ),

package/dist/components/ui/avatar.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { Root as l, Image as o, Fallback as s } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
+import { Root as l, Fallback as o, Image as s } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
 import { cn as r } from "../../lib/utils.js";
 function f({
   className: a,
@@ -23,7 +23,7 @@ function u({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    o,
+    s,
     {
       "data-slot": "avatar-image",
       className: r("aspect-square size-full", a),
@@ -36,7 +36,7 @@ function m({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    s,
+    o,
     {
       "data-slot": "avatar-fallback",
       className: r(

package/dist/components/ui/button.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Root as m } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as v } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as l } from "../../lib/utils.js";
-import { Icon as u } from "./icon.js";
-const b = v(
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { Root as f } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as m } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as c } from "../../lib/utils.js";
+import { Icon as l } from "./icon.js";
+const v = m(
   "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive transition-all duration-200 ease-out transform-gpu active:scale-[0.98] active:shadow-sm overflow-hidden relative group  disabled:cursor-not-allowed disabled:opacity-50  [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-d-ring",
   {
     variants: {
       variant: {
         default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
         destructive: "bg-d-destructive text-d-destructive-foreground shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
-        outline: "border border-d-foreground bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent disabled:border-d-foreground/30",
-        "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary hover:bg-d-primary/5 hover:border-d-primary/80 ",
+        outline: "border border-d-foreground shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent disabled:border-d-foreground/30 hover:border-d-foreground/80",
+        "outline-primary": "border !border-d-primary shadow-xs text-d-primary/80 hover:!text-d-primary hover:bg-d-primary/10 hover:border-d-primary/80 ",
+        "outline-destructive": "border !border-d-destructive shadow-xs text-d-destructive/80 hover:!text-d-destructive hover:bg-d-destructive/10 hover:border-d-destructive/80 ",
         secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground ",
         ghost: "hover:bg-d-accent hover:text-d-accent-foreground ",
         "ghost-destructive": "text-d-destructive  bg-transparent hover:bg-d-destructive/10",
@@ -34,30 +35,30 @@ const b = v(
 );
 function w({
   className: o,
-  variant: a,
+  variant: d,
   size: e,
-  asChild: d = !1,
-  iconLeft: n,
-  iconRight: s,
-  isLoading: f = !1,
+  asChild: a = !1,
+  iconLeft: s,
+  iconRight: n,
+  isLoading: b = !1,
   ...t
 }) {
-  const i = d ? m : "button";
-  return d ? /* @__PURE__ */ r(
+  const i = a ? f : "button";
+  return a ? /* @__PURE__ */ r(
     i,
     {
       "data-slot": "button",
-      className: l(b({ variant: a, size: e, className: o })),
+      className: c(v({ variant: d, size: e, className: o })),
       ...t
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ u(
     i,
     {
       "data-slot": "button",
-      className: l(b({ variant: a, size: e, className: o }), "relative"),
+      className: c(v({ variant: d, size: e, className: o }), "relative"),
       ...t,
       children: [
-        f ? /* @__PURE__ */ c(
+        b ? /* @__PURE__ */ u(
           "svg",
           {
             className: "mr-1 -ml-1 animate-spin",
@@ -88,18 +89,18 @@ function w({
               )
             ]
           }
-        ) : n && /* @__PURE__ */ r(
-          u,
+        ) : s && /* @__PURE__ */ r(
+          l,
           {
-            name: n,
+            name: s,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        s && /* @__PURE__ */ r(
-          u,
+        n && /* @__PURE__ */ r(
+          l,
           {
-            name: s,
+            name: n,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         )
@@ -109,5 +110,5 @@ function w({
 }
 export {
   w as Button,
-  b as buttonVariants
+  v as buttonVariants
 };

package/dist/components/ui/checkbox.js

@@ -1,26 +1,30 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { Checkbox as d, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { Checkbox as t, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
 import { cn as n } from "../../lib/utils.js";
 import s from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
 import c from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-function f({
+function p({
   className: o,
-  checked: i,
-  ...t
+  checked: d,
+  ...i
 }) {
-  const r = i === "indeterminate";
+  const r = d === "indeterminate";
   return /* @__PURE__ */ e(
-    d,
+    t,
     {
       "data-slot": "checkbox",
       className: n(
-        "peer bg-d-input border-d-border data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary data-[state=checked]:text-d-primary-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:border-d-destructive aria-invalid:ring-d-destructive/20 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        r && "bg-d-primary border-d-primary text-d-primary-foreground",
+        "peer bg-d-input border-d-foreground size-4 shrink-0 cursor-pointer rounded-[4px] border shadow-xs transition-shadow outline-none",
+        "aria-invalid:border-d-destructive aria-invalid:ring-d-destructive/20",
+        "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px]",
+        "data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary data-[state=checked]:text-d-primary-foreground",
+        "disabled:data-[state=unchecked]:border-d-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        r && "bg-d-primary border-d-primary text-d-primary-foreground disabled:border-d-muted-foreground",
         o
       ),
-      checked: r ? !1 : i,
-      ...t,
+      checked: r ? !1 : d,
+      ...i,
       children: /* @__PURE__ */ e(
         a,
         {
@@ -34,5 +38,5 @@ function f({
   );
 }
 export {
-  f as Checkbox
+  p as Checkbox
 };

package/dist/components/ui/collapsible.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Root as t, CollapsibleTrigger as e, CollapsibleContent as i } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
+import { Root as t, CollapsibleContent as e, CollapsibleTrigger as i } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
 function n({
   ...l
 }) {
@@ -10,7 +10,7 @@ function s({
   ...l
 }) {
   return /* @__PURE__ */ o(
-    e,
+    i,
     {
       "data-slot": "collapsible-trigger",
       ...l
@@ -21,7 +21,7 @@ function p({
   ...l
 }) {
   return /* @__PURE__ */ o(
-    i,
+    e,
     {
       "data-slot": "collapsible-content",
       ...l

package/dist/components/ui/input.js

@@ -1,85 +1,190 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Label as N } from "./label.js";
-import { cn as c } from "../../lib/utils.js";
-import { cva as I } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as f from "react";
-import { Icon as l } from "./icon.js";
-const M = I(
-  "file:text-d-foreground placeholder:text-d-muted-foreground shadow-none selection:bg-d-primary selection:text-d-primary-foreground flex w-full min-w-0 rounded-md bg-d-input border border-d-border/50 px-3 py-1 text-base transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+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",
   {
     variants: {
       size: {
-        default: "h-9 py-1 text-base md:text-sm file:h-7",
-        sm: "h-8 py-1 text-xs md:text-xs file:h-6",
-        lg: "h-10 py-2 text-lg md:text-lg file:h-8"
+        default: "h-9",
+        sm: "h-8",
+        lg: "h-10"
       }
     },
     defaultVariants: {
       size: "default"
     }
   }
-), P = f.forwardRef(
+), ee = j(
+  o(
+    "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",
+    "selection:bg-d-primary selection:text-d-primary-foreground",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ),
+  {
+    variants: {
+      size: {
+        default: "text-sm file:h-7",
+        sm: "text-xs file:h-6",
+        lg: "text-lg file:h-8"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), n = {
+  show: "Mostra password",
+  hide: "Nascondi password"
+}, te = t.forwardRef(
   ({
-    className: x,
-    type: m,
-    label: r,
-    labelClassName: b,
-    id: g,
-    iconLeft: o,
-    iconRight: a,
-    size: t,
-    ...u
-  }, h) => {
-    const p = g || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0), n = m === "password", [s, v] = f.useState(!1), w = n ? s ? "text" : "password" : m, y = !!a || n;
-    return /* @__PURE__ */ i("div", { className: c("space-y-1.5", x), children: [
-      r && /* @__PURE__ */ e(N, { htmlFor: p, className: b, children: r }),
-      /* @__PURE__ */ i("div", { className: "relative w-full", children: [
-        o && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: o, size: t === "lg" ? "sm" : "xs" }) }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            id: p,
-            type: w,
-            "data-slot": "input",
-            className: c(
-              M({ size: t }),
-              "focus-visible:border-d-ring focus-visible:border-1 focus-visible:ring-0 focus-visible:outline-none",
-              "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
-              o ? t !== "lg" ? "pl-9" : "pl-10" : "",
-              y ? t !== "lg" ? "pr-9" : "pr-10" : ""
+    className: L,
+    type: d,
+    label: k,
+    labelClassName: R,
+    id: W,
+    iconLeft: v,
+    iconRight: x,
+    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());
+      },
+      [a, f, d]
+    ), J = t.useCallback(
+      (e) => {
+        m(e.target.validity.valid), p(e.target.validationMessage), M?.(e);
+      },
+      [M]
+    ), K = t.useCallback(
+      (e) => {
+        z(!0), m(e.currentTarget.validity.valid), p(e.currentTarget.validationMessage), E?.(e);
+      },
+      [E]
+    ), Q = t.useCallback(
+      (e) => {
+        z(!0), m(!1), p(e.currentTarget.validationMessage), B?.(e);
+      },
+      [B]
+    );
+    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: [
+        k,
+        w && /* @__PURE__ */ r("div", { className: X ? "text-d-destructive" : "", children: "*" })
+      ] }),
+      /* @__PURE__ */ i(
+        "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"
+          ),
+          "aria-invalid": O,
+          onClick: $,
+          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" }),
+              S
+            ] }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                id: c,
+                type: H,
+                "data-slot": "input",
+                className: o(ee({ size: l })),
+                ref: u,
+                disabled: a,
+                onChange: J,
+                onBlur: K,
+                onInvalid: Q,
+                "aria-invalid": O,
+                "aria-describedby": Y,
+                required: w,
+                ...y
+              }
             ),
-            ref: h,
-            ...u
-          }
-        ),
-        n ? /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => v((d) => !d),
-            onMouseDown: (d) => d.preventDefault(),
-            className: "text-d-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",
-            "aria-label": s ? "Nascondi password" : "Mostra password",
-            disabled: u.disabled,
-            children: [
-              /* @__PURE__ */ e(
-                l,
-                {
-                  name: s ? "EyeOff" : "Eye",
-                  size: t === "lg" ? "sm" : "xs"
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: s ? "Nascondi password" : "Mostra password" })
-            ]
-          }
-        ) : a && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: a, size: t === "lg" ? "sm" : "xs" }) })
-      ] })
+            f ? /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation(), e.preventDefault(), U((g) => !g);
+                },
+                className: o(
+                  "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
+                  a && "cursor-not-allowed"
+                ),
+                "aria-label": s ? n.hide : n.show,
+                "aria-pressed": s,
+                "aria-controls": c,
+                title: s ? n.hide : n.show,
+                disabled: a,
+                children: [
+                  /* @__PURE__ */ r(
+                    T,
+                    {
+                      name: s ? "EyeOff" : "Eye",
+                      size: l === "lg" ? "sm" : "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ r("span", { className: "sr-only", children: s ? n.hide : n.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" })
+            ] })
+          ]
+        }
+      ),
+      h && (b || A) && /* @__PURE__ */ r(
+        "span",
+        {
+          id: V,
+          role: "alert",
+          "aria-live": "polite",
+          className: "text-d-destructive max-w-full min-w-0 text-xs text-wrap",
+          children: b || A
+        }
+      )
     ] });
   }
 );
-P.displayName = "Input";
+te.displayName = "Input";
 export {
-  P as Input,
-  M as inputVariants
+  te as Input,
+  ee as inputVariants
 };