laif-ds 1.1.0 → 1.1.2

package/dist/CHANGELOG.md

@@ -5,6 +5,19 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@1.1.2]
+
+### 🐛 Fixed
+
+- **AppDataGrid**: Fixed the toolbar search showing two clear ("×") buttons instead of one
+- **Input**: Added a `clearable` prop (default `true`) to control whether the built-in clear button is shown on `type="search"` inputs
+
+## [laif-ds@1.1.1]
+
+### 🔧 Changed
+
+- **Storybook**: Increased the Node heap size for the GitHub Pages Storybook build to prevent out-of-memory failures
+
 ## [laif-ds@1.1.0]
 
 ### 🚀 Added

package/dist/agent-docs/adoption-report.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-09-30T14:40:24.024Z",
+  "generatedAt": "2026-10-01T10:45:10.468Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.0"
+    "version": "1.1.2"
   },
   "summary": {
     "scannedFiles": 502,

package/dist/agent-docs/components/Input.md

@@ -10,16 +10,17 @@ Text input component with label, sizes, optional left/right icons, custom start/
 
 Extends native `<input>` props (except `size` and `label` which are redefined).
 
-| Prop             | Type              | Default          | Description                                                   |
-| ---------------- | ----------------- | ---------------- | ------------------------------------------------------------- | ---------------------------------- | ------------------------------ |
-| `label`          | `string           | React.ReactNode` | `undefined`                                                   | Field label shown above the input. |
-| `labelClassName` | `string`          | `""`             | Extra classes for the label.                                  |
-| `size`           | `"sm"             | "default"        | "lg"`                                                         | `"default"`                        | Controls height and font-size. |
-| `iconLeft`       | `IconName`        | `undefined`      | Optional left icon (uses `Icon`).                             |
-| `iconRight`      | `IconName`        | `undefined`      | Optional right icon (ignored when `type="password"`).         |
-| `startContent`   | `React.ReactNode` | `undefined`      | Custom content before the input (coexists with `iconLeft`).   |
-| `endContent`     | `React.ReactNode` | `undefined`      | Custom content after the input (coexists with `iconRight`).   |
-| `errorMessage`   | `string`          | `undefined`      | Custom error message (shown after interaction/invalid state). |
+| Prop             | Type              | Default          | Description                                                                            |
+| ---------------- | ----------------- | ---------------- | -------------------------------------------------------------------------------------- | ---------------------------------- | ------------------------------ |
+| `label`          | `string           | React.ReactNode` | `undefined`                                                                            | Field label shown above the input. |
+| `labelClassName` | `string`          | `""`             | Extra classes for the label.                                                           |
+| `size`           | `"sm"             | "default"        | "lg"`                                                                                  | `"default"`                        | Controls height and font-size. |
+| `iconLeft`       | `IconName`        | `undefined`      | Optional left icon (uses `Icon`).                                                      |
+| `iconRight`      | `IconName`        | `undefined`      | Optional right icon (ignored when `type="password"`).                                  |
+| `startContent`   | `React.ReactNode` | `undefined`      | Custom content before the input (coexists with `iconLeft`).                            |
+| `endContent`     | `React.ReactNode` | `undefined`      | Custom content after the input (coexists with `iconRight`).                            |
+| `clearable`      | `boolean`         | `true`           | `type="search"` only: built-in clear «×». Set `false` if `endContent` renders its own. |
+| `errorMessage`   | `string`          | `undefined`      | Custom error message (shown after interaction/invalid state).                          |
 
 All other standard input attributes (e.g., `type`, `placeholder`, `required`, `min`, `max`, `pattern`, etc.) are supported.
 

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-09-30T14:40:23.445Z",
+  "generatedAt": "2026-10-01T10:45:09.928Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.0"
+    "version": "1.1.2"
   },
   "stats": {
     "documentedComponentCount": 97,
@@ -3866,10 +3866,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 8,
+          "totalProps": 9,
           "requiredPropsCount": 0,
-          "typedPropsCount": 8,
-          "describedPropsCount": 8
+          "typedPropsCount": 9,
+          "describedPropsCount": 9
         },
         "accessibility": {
           "hasCoverage": true
@@ -6536,5 +6536,5 @@
       ]
     }
   ],
-  "checksum": "8ed65408543b1344037ac39c1bc568c3075cd4bb3217813840b13d524be96b2f"
+  "checksum": "44236b5c35e1b29867207f25709eff0de16f40df0cfa97d7c9ac682e95f92b33"
 }

package/dist/components/ui/app-data-grid/app-data-grid.js

@@ -625,6 +625,7 @@ const Pt = [
                     ),
                     iconLeft: "Search",
                     size: "sm",
+                    clearable: !1,
                     endContent: o.state.query.search === "" ? void 0 : /* @__PURE__ */ n(
                       "button",
                       {

package/dist/components/ui/input.js

@@ -1,14 +1,14 @@
 "use client";
 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 { cva as y } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as a from "react";
 import { designTokens as i } from "../design-tokens.js";
-import { Label as oe } from "./label.js";
-import { cn as c } from "../../lib/utils.js";
+import { Label as le } from "./label.js";
+import { cn as l } from "../../lib/utils.js";
 import { Icon as k } from "./icon.js";
-import { Typo as ie } from "./typo.js";
-const le = G(
-  c(
+import { Typo as ce } from "./typo.js";
+const ue = y(
+  l(
     i.input.base,
     i.radius.default,
     "items-center gap-2 px-3",
@@ -27,8 +27,8 @@ const le = G(
       size: "default"
     }
   }
-), ce = G(
-  c(
+), de = y(
+  l(
     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",
@@ -50,26 +50,27 @@ const le = G(
       size: "default"
     }
   }
-), x = {
+), w = {
   show: "Mostra password",
   hide: "Nascondi password"
-}, T = "Cancella", xe = a.forwardRef(
+}, T = "Cancella", be = a.forwardRef(
   ({
-    className: F,
+    className: G,
     type: d,
     label: E,
-    labelClassName: X,
-    id: $,
+    labelClassName: F,
+    id: X,
     iconLeft: M,
     iconRight: V,
     startContent: C,
     endContent: L,
+    clearable: $ = !0,
     size: f,
-    disabled: l,
+    disabled: c,
     required: O,
     onBlur: _,
-    onChange: z,
-    onInvalid: B,
+    onChange: B,
+    onInvalid: z,
     "aria-invalid": J,
     "aria-describedby": K,
     showValidMessage: D = !1,
@@ -77,19 +78,19 @@ const le = G(
     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(
+    const [p, Y] = a.useState(!1), [x, N] = a.useState(!0), [Z, R] = a.useState(!1), [U, S] = a.useState(""), q = a.useId(), b = X ?? q, j = `${b}-validity`, h = a.useRef(null), v = d === "password", I = d === "search", [ee, W] = 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;
+    ), H = I && $ && ee && !c, te = v ? p ? "text" : "password" : d, P = J ?? (!x && Z ? !0 : void 0), se = [K, A && j].filter(Boolean).join(" ").trim() || void 0;
     a.useImperativeHandle(Q, () => h.current);
-    const te = a.useCallback(
+    const ae = a.useCallback(
       (e) => {
-        if (l) return;
+        if (c) return;
         const s = e.target;
         if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
         const r = h.current;
         r && (r.focus(), !v && d !== "file" && r.select());
       },
-      [l, v, d]
+      [c, v, d]
     ), g = a.useCallback(
       (e) => {
         const s = e.validity, r = e.validationMessage !== "" ? e.validationMessage : "✓";
@@ -111,51 +112,51 @@ const le = G(
         N(e), S(s);
       }
     }, [g]);
-    const se = a.useCallback(
+    const re = 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);
+        N(s), S(r), W(e.currentTarget.value.length > 0), B?.(e);
       },
-      [z, g]
+      [B, g]
     );
     a.useEffect(() => {
-      m.value !== void 0 && P(String(m.value).length > 0);
+      m.value !== void 0 && W(String(m.value).length > 0);
     }, [m.value]);
-    const ae = a.useCallback(() => {
+    const ne = 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(
+    }, []), oe = a.useCallback(
       (e) => {
         R(!0), _?.(e);
       },
       [_]
-    ), ne = a.useCallback(
+    ), ie = a.useCallback(
       (e) => {
         const { isValid: s, message: r } = g(e.currentTarget);
-        N(s), S(r), B?.(e);
+        N(s), S(r), z?.(e);
       },
-      [B, g]
+      [z, g]
     );
-    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: [
+    return /* @__PURE__ */ u("div", { className: l("flex flex-col gap-1.5", G), children: [
+      E && /* @__PURE__ */ u(le, { htmlFor: b, className: l("gap-0.5", F), children: [
         E,
-        O && w && /* @__PURE__ */ o("div", { children: "*" }),
-        !w && /* @__PURE__ */ o("div", { className: "text-d-destructive", children: "*" })
+        O && x && /* @__PURE__ */ o("div", { children: "*" }),
+        !x && /* @__PURE__ */ o("div", { className: "text-d-destructive", children: "*" })
       ] }),
       /* @__PURE__ */ u(
         "div",
         {
-          className: c(
-            le({ size: f }),
-            l ? "cursor-not-allowed opacity-50" : "cursor-text"
+          className: l(
+            ue({ size: f }),
+            c ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
-          "aria-invalid": y,
-          onClick: te,
+          "aria-invalid": P,
+          onClick: ae,
           children: [
             (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" }),
@@ -165,16 +166,16 @@ const le = G(
               "input",
               {
                 id: b,
-                type: I,
+                type: te,
                 "data-slot": "input",
-                className: c(ce({ size: f })),
+                className: l(de({ size: f })),
                 ref: h,
-                disabled: l,
-                onChange: se,
-                onBlur: re,
-                onInvalid: ne,
-                "aria-invalid": y,
-                "aria-describedby": ee,
+                disabled: c,
+                onChange: re,
+                onBlur: oe,
+                onInvalid: ie,
+                "aria-invalid": P,
+                "aria-describedby": se,
                 required: O,
                 step: d === "number" ? "any" : void 0,
                 ...m
@@ -187,15 +188,15 @@ const le = G(
                 onClick: (e) => {
                   e.stopPropagation(), e.preventDefault(), Y((s) => !s);
                 },
-                className: c(
+                className: l(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  l && "cursor-not-allowed"
+                  c && "cursor-not-allowed"
                 ),
-                "aria-label": p ? x.hide : x.show,
+                "aria-label": p ? w.hide : w.show,
                 "aria-pressed": p,
                 "aria-controls": b,
-                title: p ? x.hide : x.show,
-                disabled: l,
+                title: p ? w.hide : w.show,
+                disabled: c,
                 children: [
                   /* @__PURE__ */ o(
                     k,
@@ -204,17 +205,17 @@ const le = G(
                       size: f === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ o("span", { className: "sr-only", children: p ? x.hide : x.show })
+                  /* @__PURE__ */ o("span", { className: "sr-only", children: p ? w.hide : w.show })
                 ]
               }
-            ) : (W && H && !l ? !0 : V || L) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
+            ) : (H || V || L) && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [
               L,
-              W && H && !l && /* @__PURE__ */ u(
+              H && /* @__PURE__ */ u(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.stopPropagation(), e.preventDefault(), ae();
+                    e.stopPropagation(), e.preventDefault(), ne();
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   className: "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
@@ -232,15 +233,15 @@ const le = G(
         }
       ),
       A && U.length > 0 && /* @__PURE__ */ o(
-        ie,
+        ce,
         {
           variant: "caption",
           id: j,
-          role: w ? "status" : "alert",
+          role: x ? "status" : "alert",
           "aria-live": "polite",
-          className: c(
+          className: l(
             "max-w-full min-w-0 text-wrap",
-            w ? "text-d-success" : "text-d-destructive"
+            x ? "text-d-success" : "text-d-destructive"
           ),
           children: U
         }
@@ -249,6 +250,6 @@ const le = G(
   }
 );
 export {
-  xe as Input,
-  ce as inputVariants
+  be as Input,
+  de as inputVariants
 };

package/dist/index.d.ts

@@ -8071,6 +8071,12 @@ export declare interface InputProps extends Omit<React_2.ComponentProps<"input">
     iconRight?: IconName;
     startContent?: React_2.ReactNode;
     endContent?: React_2.ReactNode;
+    /**
+     * Only for `type="search"`: renders the built-in clear «×» when the field has
+     * a value. Pass `false` when the caller renders its own clear control in
+     * `endContent`, otherwise the field shows two «×».
+     */
+    clearable?: boolean;
     validityI18n?: InputValidityI18n;
     showValidMessage?: boolean;
     showValidityMessage?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",