laif-ds 1.0.3 → 1.0.5

package/dist/components/ui/input.js

@@ -1,41 +1,42 @@
 "use client";
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { cva as G } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as a from "react";
-import { designTokens as o } from "../design-tokens.js";
-import { Label as se } from "./label.js";
-import { cn as n } from "../../lib/utils.js";
-import { Icon as N } from "./icon.js";
-import { Typo as te } from "./typo.js";
-const ae = j(
-  n(
-    o.input.base,
-    o.radius.default,
+import { designTokens as i } from "../design-tokens.js";
+import { Label as oe } from "./label.js";
+import { cn as c } from "../../lib/utils.js";
+import { Icon as k } from "./icon.js";
+import { Typo as ie } from "./typo.js";
+const le = G(
+  c(
+    i.input.base,
+    i.radius.default,
     "items-center gap-2 px-3",
-    o.focusRingWithin,
-    o.input.invalid
+    i.focusRingWithin,
+    i.input.invalid
   ),
   {
     variants: {
       size: {
-        default: o.sizes.default,
-        sm: o.sizes.sm,
-        lg: o.sizes.lg
+        default: i.sizes.default,
+        sm: i.sizes.sm,
+        lg: i.sizes.lg
       }
     },
     defaultVariants: {
       size: "default"
     }
   }
-), re = j(
-  n(
-    o.text.base,
+), ce = G(
+  c(
+    i.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",
-    o.text.placeholder,
+    i.text.placeholder,
     "selection:bg-d-primary selection:text-d-primary-foreground",
-    o.interaction.disabled,
-    "[-webkit-autofill]:shadow-[0_0_0_1000px_transparent_inset] [-webkit-autofill]:[-webkit-text-fill-color:inherit]"
+    i.interaction.disabled,
+    "[-webkit-autofill]:shadow-[0_0_0_1000px_transparent_inset] [-webkit-autofill]:[-webkit-text-fill-color:inherit]",
+    "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
   ),
   {
     variants: {
@@ -49,167 +50,197 @@ const ae = j(
       size: "default"
     }
   }
-), m = {
+), x = {
   show: "Mostra password",
   hide: "Nascondi password"
-}, fe = a.forwardRef(
+}, T = "Cancella", xe = a.forwardRef(
   ({
-    className: A,
-    type: p,
-    label: T,
-    labelClassName: D,
-    id: G,
-    iconLeft: v,
-    iconRight: M,
-    startContent: S,
-    endContent: E,
-    size: g,
-    disabled: c,
-    required: C,
-    onBlur: O,
-    onChange: _,
-    onInvalid: z,
-    "aria-invalid": F,
-    "aria-describedby": H,
-    showValidMessage: P = !1,
-    showValidityMessage: B = !1,
-    validityI18n: e,
-    ...$
-  }, J) => {
-    const [d, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, R = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? d ? "text" : "password" : p, W = F ?? (!h && Q ? !0 : void 0), Z = [H, B && R].filter(Boolean).join(" ").trim() || void 0;
-    a.useImperativeHandle(J, () => x.current);
-    const q = a.useCallback(
-      (t) => {
-        if (c) return;
-        const s = t.target;
+    className: F,
+    type: d,
+    label: E,
+    labelClassName: X,
+    id: $,
+    iconLeft: M,
+    iconRight: V,
+    startContent: C,
+    endContent: L,
+    size: f,
+    disabled: l,
+    required: O,
+    onBlur: _,
+    onChange: z,
+    onInvalid: B,
+    "aria-invalid": J,
+    "aria-describedby": K,
+    showValidMessage: D = !1,
+    showValidityMessage: A = !1,
+    validityI18n: t,
+    ...m
+  }, Q) => {
+    const [p, Y] = a.useState(!1), [w, N] = a.useState(!0), [Z, R] = a.useState(!1), [U, S] = a.useState(""), q = a.useId(), b = $ ?? q, j = `${b}-validity`, h = a.useRef(null), v = d === "password", W = d === "search", [H, P] = a.useState(
+      () => String(m.value ?? m.defaultValue ?? "").length > 0
+    ), I = v ? p ? "text" : "password" : d, y = J ?? (!w && Z ? !0 : void 0), ee = [K, A && j].filter(Boolean).join(" ").trim() || void 0;
+    a.useImperativeHandle(Q, () => h.current);
+    const te = a.useCallback(
+      (e) => {
+        if (l) return;
+        const s = e.target;
         if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
-        const r = x.current;
-        r && (r.focus(), !b && p !== "file" && r.select());
+        const r = h.current;
+        r && (r.focus(), !v && d !== "file" && r.select());
       },
-      [c, b, p]
-    ), u = a.useCallback(
-      (t) => {
-        const s = t.validity, r = t.validationMessage !== "" ? t.validationMessage : "✓";
+      [l, v, d]
+    ), g = a.useCallback(
+      (e) => {
+        const s = e.validity, r = e.validationMessage !== "" ? e.validationMessage : "✓";
         if (s.valid)
           return {
             isValid: !0,
-            message: P ? e?.valid ?? r : ""
+            message: D ? t?.valid ?? r : ""
           };
-        if (!e)
+        if (!t)
           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 };
+        let n = r;
+        return s.valueMissing && t.valueMissing ? n = t.valueMissing : s.typeMismatch && t.typeMismatch ? n = t.typeMismatch : s.patternMismatch && t.patternMismatch ? n = t.patternMismatch : s.tooLong && t.tooLong ? n = t.tooLong : s.tooShort && t.tooShort ? n = t.tooShort : s.rangeUnderflow && t.rangeUnderflow ? n = t.rangeUnderflow : s.rangeOverflow && t.rangeOverflow ? n = t.rangeOverflow : s.badInput && t.badInput ? n = t.badInput : s.stepMismatch && t.stepMismatch ? n = t.stepMismatch : s.customError && t.customError && (n = t.customError), { isValid: !1, message: n };
       },
-      [P, e]
+      [D, t]
     );
     a.useEffect(() => {
-      if (x.current) {
-        const { isValid: t, message: s } = u(x.current);
-        k(t), V(s);
+      if (h.current) {
+        const { isValid: e, message: s } = g(h.current);
+        N(e), S(s);
       }
-    }, [u]);
-    const y = a.useCallback(
-      (t) => {
-        L(!0);
-        const { isValid: s, message: r } = u(t.currentTarget);
-        k(s), V(r), _?.(t);
+    }, [g]);
+    const se = a.useCallback(
+      (e) => {
+        R(!0);
+        const { isValid: s, message: r } = g(e.currentTarget);
+        N(s), S(r), P(e.currentTarget.value.length > 0), z?.(e);
       },
-      [_, u]
-    ), I = a.useCallback(
-      (t) => {
-        L(!0), O?.(t);
+      [z, g]
+    );
+    a.useEffect(() => {
+      m.value !== void 0 && P(String(m.value).length > 0);
+    }, [m.value]);
+    const ae = a.useCallback(() => {
+      const e = h.current;
+      if (!e) return;
+      Object.getOwnPropertyDescriptor(
+        window.HTMLInputElement.prototype,
+        "value"
+      )?.set?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus();
+    }, []), re = a.useCallback(
+      (e) => {
+        R(!0), _?.(e);
       },
-      [O]
-    ), ee = a.useCallback(
-      (t) => {
-        const { isValid: s, message: r } = u(t.currentTarget);
-        k(s), V(r), z?.(t);
+      [_]
+    ), ne = a.useCallback(
+      (e) => {
+        const { isValid: s, message: r } = g(e.currentTarget);
+        N(s), S(r), B?.(e);
       },
-      [z, u]
+      [B, g]
     );
-    return /* @__PURE__ */ f("div", { className: n("flex flex-col gap-1.5", A), children: [
-      T && /* @__PURE__ */ f(se, { htmlFor: w, className: n("gap-0.5", D), children: [
-        T,
-        C && h && /* @__PURE__ */ l("div", { children: "*" }),
-        !h && /* @__PURE__ */ l("div", { className: "text-d-destructive", children: "*" })
+    return /* @__PURE__ */ u("div", { className: c("flex flex-col gap-1.5", F), children: [
+      E && /* @__PURE__ */ u(oe, { htmlFor: b, className: c("gap-0.5", X), children: [
+        E,
+        O && w && /* @__PURE__ */ o("div", { children: "*" }),
+        !w && /* @__PURE__ */ o("div", { className: "text-d-destructive", children: "*" })
       ] }),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ u(
         "div",
         {
-          className: n(
-            ae({ size: g }),
-            c ? "cursor-not-allowed opacity-50" : "cursor-text"
+          className: c(
+            le({ size: f }),
+            l ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
-          "aria-invalid": W,
-          onClick: q,
+          "aria-invalid": y,
+          onClick: te,
           children: [
-            (v || S) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              v && /* @__PURE__ */ l(N, { name: v, size: g === "lg" ? "sm" : "xs" }),
-              S
+            (M || C) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              M && /* @__PURE__ */ o(k, { name: M, size: f === "lg" ? "sm" : "xs" }),
+              C
             ] }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ o(
               "input",
               {
-                id: w,
-                type: Y,
+                id: b,
+                type: I,
                 "data-slot": "input",
-                className: n(re({ size: g })),
-                ref: x,
-                disabled: c,
-                onChange: y,
-                onBlur: I,
-                onInvalid: ee,
-                "aria-invalid": W,
-                "aria-describedby": Z,
-                required: C,
-                step: p === "number" ? "any" : void 0,
-                ...$
+                className: c(ce({ size: f })),
+                ref: h,
+                disabled: l,
+                onChange: se,
+                onBlur: re,
+                onInvalid: ne,
+                "aria-invalid": y,
+                "aria-describedby": ee,
+                required: O,
+                step: d === "number" ? "any" : void 0,
+                ...m
               }
             ),
-            b ? /* @__PURE__ */ f(
+            v ? /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
-                onClick: (t) => {
-                  t.stopPropagation(), t.preventDefault(), K((s) => !s);
+                onClick: (e) => {
+                  e.stopPropagation(), e.preventDefault(), Y((s) => !s);
                 },
-                className: n(
+                className: c(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  c && "cursor-not-allowed"
+                  l && "cursor-not-allowed"
                 ),
-                "aria-label": d ? m.hide : m.show,
-                "aria-pressed": d,
-                "aria-controls": w,
-                title: d ? m.hide : m.show,
-                disabled: c,
+                "aria-label": p ? x.hide : x.show,
+                "aria-pressed": p,
+                "aria-controls": b,
+                title: p ? x.hide : x.show,
+                disabled: l,
                 children: [
-                  /* @__PURE__ */ l(
-                    N,
+                  /* @__PURE__ */ o(
+                    k,
                     {
-                      name: d ? "EyeOff" : "Eye",
-                      size: g === "lg" ? "sm" : "xs"
+                      name: p ? "EyeOff" : "Eye",
+                      size: f === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ l("span", { className: "sr-only", children: d ? m.hide : m.show })
+                  /* @__PURE__ */ o("span", { className: "sr-only", children: p ? x.hide : x.show })
                 ]
               }
-            ) : (M || E) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
-              E,
-              M && /* @__PURE__ */ l(N, { name: M, size: g === "lg" ? "sm" : "xs" })
+            ) : (W && H && !l ? !0 : V || L) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+              L,
+              W && H && !l && /* @__PURE__ */ u(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation(), e.preventDefault(), ae();
+                  },
+                  onMouseDown: (e) => e.preventDefault(),
+                  className: "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
+                  "aria-label": T,
+                  title: T,
+                  children: [
+                    /* @__PURE__ */ o(k, { name: "X", size: f === "lg" ? "sm" : "xs" }),
+                    /* @__PURE__ */ o("span", { className: "sr-only", children: T })
+                  ]
+                }
+              ),
+              V && /* @__PURE__ */ o(k, { name: V, size: f === "lg" ? "sm" : "xs" })
             ] })
           ]
         }
       ),
-      B && U.length > 0 && /* @__PURE__ */ l(
-        te,
+      A && U.length > 0 && /* @__PURE__ */ o(
+        ie,
         {
           variant: "caption",
-          id: R,
-          role: h ? "status" : "alert",
+          id: j,
+          role: w ? "status" : "alert",
           "aria-live": "polite",
-          className: n(
+          className: c(
             "max-w-full min-w-0 text-wrap",
-            h ? "text-d-success" : "text-d-destructive"
+            w ? "text-d-success" : "text-d-destructive"
           ),
           children: U
         }
@@ -218,6 +249,6 @@ const ae = j(
   }
 );
 export {
-  fe as Input,
-  re as inputVariants
+  xe as Input,
+  ce as inputVariants
 };

package/dist/css-for-template.css

@@ -1,5 +1,14 @@
 /* This files contains everything that should be imported in the template */
 
+/* A control that can be used right now: neither natively disabled nor marked
+   `data-disabled` (how Button flags a disabled `asChild` link). Gates hover/press feedback without `pointer-events: none`,
+   which would drop the `not-allowed` cursor and any tooltip explaining why.
+   `:where()` keeps specificity at zero so a consumer's `hover:` class still
+   wins. Declared here, not in index.css, because consumer apps compile the
+   laif-ds classes with their own Tailwind and only import this file.
+   Mirrored in tailwind.config.v3.js. */
+@custom-variant interactive (&:where(:not(:disabled, [data-disabled])));
+
 @theme inline {
   --radius-d-sm: calc(var(--d-radius) - 4px);
   --radius-d-md: calc(var(--d-radius) - 2px);

package/dist/index.d.ts

@@ -952,7 +952,7 @@ export declare function BreadcrumbPage({ className, ...props }: React_2.Componen
 
 export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare function Button({ className, variant, size, asChild, iconLeft, iconRight, isLoading, ...props }: ButtonProps): JSX.Element;
+export declare function Button({ className, variant, size, asChild, iconLeft, iconRight, isLoading, disabled, onClick, ...props }: ButtonProps): JSX.Element;
 
 export declare interface ButtonProps extends React_2.ComponentProps<"button"> {
     variant?: ButtonVariant;

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index5.js";
+import e from "../../_virtual/index2.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index7.js";
+import { __module as x } from "../../_virtual/index6.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, (function(d) {

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index3.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index5.js";
+import e from "../../../../_virtual/index2.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __exports as r } from "../../../_virtual/index6.js";
+import { __exports as r } from "../../../_virtual/index7.js";
 import { __require as c } from "../../inline-style-parser/index.js";
 var f;
 function j() {

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../../_virtual/index2.js";
+import { __module as e } from "../../../_virtual/index3.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.development.js";
 var r;