laif-ds 0.2.34 → 0.2.36

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 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 r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  a as default
+  x as default
 };

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/badge.js

@@ -1,19 +1,30 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Root as d } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as n } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as i } from "../../lib/utils.js";
-const s = n(
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as p } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as c } from "../../lib/utils.js";
+import { Icon as g } from "./icon.js";
+const u = p(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
         default: "border-transparent bg-d-primary text-d-primary-foreground [a&]:hover:bg-d-primary/90",
+        destructive: "border-transparent bg-d-destructive text-d-destructive-foreground [a&]:hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20",
+        warning: "border-transparent bg-d-warning-background text-d-warning-foreground [a&]:hover:bg-d-warning-background/90",
+        success: "border-transparent bg-d-success-background text-d-success-foreground [a&]:hover:bg-d-success-background/90",
+        outline: "text-d-foreground [a&]:hover:bg-d-accent [a&]:hover:text-d-accent-foreground [a&]:hover:border-d-foreground/80",
+        "outline-primary": "text-d-primary border-d-primary [a&]:hover:text-d-primary [a&]:hover:bg-d-primary/10 [a&]:hover:border-d-primary/80",
+        "outline-destructive": "text-d-destructive border-d-destructive [a&]:hover:text-d-destructive [a&]:hover:bg-d-destructive/10 [a&]:hover:border-d-destructive/80",
+        "outline-warning": "text-d-warning border-d-warning [a&]:hover:text-d-warning [a&]:hover:bg-d-warning-background/10 [a&]:hover:border-d-warning/80",
+        "outline-success": "text-d-success border-d-success [a&]:hover:text-d-success [a&]:hover:bg-d-success-background/10 [a&]:hover:border-d-success/80",
         secondary: "border-transparent bg-d-secondary text-d-secondary-foreground [a&]:hover:bg-d-secondary/90",
         ghost: "border-transparent bg-transparent text-d-secondary-foreground [a&]:hover:bg-d-secondary/90",
-        destructive: "border-transparent bg-d-destructive text-white [a&]:hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20",
-        outline: "text-d-foreground [a&]:hover:bg-d-accent [a&]:hover:text-d-background !bg-d-background",
-        "outline-primary": "text-d-primary [a&]:hover:bg-d-accent [a&]:hover:text-d-background !bg-d-background !border-d-primary"
+        "ghost-destructive": "border-transparent bg-transparent text-d-destructive [a&]:hover:bg-d-destructive/10",
+        "ghost-accent": "border-transparent bg-transparent text-d-primary [a&]:hover:bg-d-primary/10",
+        "ghost-warning": "border-transparent bg-transparent text-d-warning [a&]:hover:bg-d-warning/10",
+        "ghost-success": "border-transparent bg-transparent text-d-success [a&]:hover:bg-d-success/10",
+        link: "border-transparent bg-transparent text-d-primary underline-offset-4 hover:underline cursor-pointer"
       }
     },
     defaultVariants: {
@@ -21,22 +32,46 @@ const s = n(
     }
   }
 );
-function p({
-  className: r,
-  variant: e,
-  asChild: t = !1,
-  ...a
+function y({
+  className: t,
+  variant: a,
+  asChild: d = !1,
+  disabled: n = !1,
+  iconLeft: o,
+  iconRight: s,
+  ...r
 }) {
-  return /* @__PURE__ */ o(
-    t ? d : "span",
+  const i = d ? v : "span";
+  return d ? /* @__PURE__ */ e(
+    i,
     {
       "data-slot": "badge",
-      className: i(s({ variant: e }), r),
-      ...a
+      className: c(
+        u({ variant: a }),
+        n && "cursor-not-allowed opacity-50",
+        t
+      ),
+      ...r
+    }
+  ) : /* @__PURE__ */ b(
+    i,
+    {
+      "data-slot": "badge",
+      className: c(
+        u({ variant: a }),
+        n && "cursor-not-allowed opacity-50",
+        t
+      ),
+      ...r,
+      children: [
+        o && /* @__PURE__ */ e(g, { name: o }),
+        r.children,
+        s && /* @__PURE__ */ e(g, { name: s })
+      ]
     }
   );
 }
 export {
-  p as Badge,
-  s as badgeVariants
+  y as Badge,
+  u as badgeVariants
 };

package/dist/components/ui/button.js

@@ -11,11 +11,11 @@ const v = m(
       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 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 ",
+        outline: "border border-d-foreground shadow-xs disabled:border-d-foreground/30 hover:bg-d-accent hover:text-d-accent-foreground 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",
         "ghost-accent": "text-d-primary bg-transparent hover:bg-d-primary/10",
         link: "text-d-primary underline-offset-4 hover:underline"
@@ -35,27 +35,27 @@ const v = m(
 );
 function w({
   className: o,
-  variant: d,
+  variant: a,
   size: e,
-  asChild: a = !1,
+  asChild: d = !1,
   iconLeft: s,
   iconRight: n,
   isLoading: b = !1,
   ...t
 }) {
-  const i = a ? f : "button";
-  return a ? /* @__PURE__ */ r(
+  const i = d ? f : "button";
+  return d ? /* @__PURE__ */ r(
     i,
     {
       "data-slot": "button",
-      className: c(v({ variant: d, size: e, className: o })),
+      className: c(v({ variant: a, size: e, className: o })),
       ...t
     }
   ) : /* @__PURE__ */ u(
     i,
     {
       "data-slot": "button",
-      className: c(v({ variant: d, size: e, className: o }), "relative"),
+      className: c(v({ variant: a, size: e, className: o }), "relative"),
       ...t,
       children: [
         b ? /* @__PURE__ */ u(

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
 };

package/dist/components/ui/tooltip.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Root as l, Trigger as p, Portal as m, Content as c, Arrow as f, Provider as u } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { Root as l, Portal as p, Content as m, Arrow as c, Provider as f, Trigger as u } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
 import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as i } from "../../lib/utils.js";
 const g = e(
@@ -35,7 +35,7 @@ function b({
   ...o
 }) {
   return /* @__PURE__ */ r(
-    u,
+    f,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -51,7 +51,7 @@ function w({
 function z({
   ...t
 }) {
-  return /* @__PURE__ */ r(p, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ r(u, { "data-slot": "tooltip-trigger", ...t });
 }
 function V({
   className: t,
@@ -60,8 +60,8 @@ function V({
   children: d,
   ...n
 }) {
-  return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ s(
-    c,
+  return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ s(
+    m,
     {
       "data-slot": "tooltip-content",
       sideOffset: o,
@@ -70,7 +70,7 @@ function V({
       children: [
         d,
         /* @__PURE__ */ r(
-          f,
+          c,
           {
             className: i(x({ variant: a }))
           }

package/dist/css-for-template.css

@@ -21,6 +21,12 @@
   --color-d-accent-foreground: var(--d-accent-foreground);
   --color-d-destructive: var(--d-destructive);
   --color-d-destructive-foreground: var(--d-destructive-foreground);
+  --color-d-warning: var(--d-warning);
+  --color-d-warning-background: var(--d-warning);
+  --color-d-warning-foreground: var(--d-warning-foreground);
+  --color-d-success: var(--d-success);
+  --color-d-success-background: var(--d-success);
+  --color-d-success-foreground: var(--d-success-foreground);
   --color-d-border: var(--d-border);
   --color-d-input: var(--d-input);
   --color-d-ring: var(--d-ring);