laif-ds 1.0.3 → 1.0.5

package/dist/CHANGELOG.md

@@ -5,6 +5,18 @@ 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.0.5]
+
+### 🚀 Added
+
+- **Input**: `type="search"` inputs now show a clear (X) button when they have content; clicking it clears the field and fires `onChange` in both controlled and uncontrolled modes. The native WebKit search-cancel button is hidden so only the custom clear button appears
+
+## [laif-ds@1.0.4]
+
+### 🐛 Fixed
+
+- **Button**: Disabled buttons no longer show hover colours, the press squash or the loading shimmer, keep the `not-allowed` cursor, and are removed from the tab order. With `asChild`, `disabled` is no longer forwarded to the slotted element (invalid on e.g. an `<a>`) — it now gets `aria-disabled`, `data-disabled` and `tabIndex={-1}`, and its click is blocked
+
 ## [laif-ds@1.0.3]
 
 ### 🚀 Added

package/dist/_virtual/index2.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+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 {
-  e as __module
+  m as default
 };

package/dist/_virtual/index3.js

@@ -1,8 +1,5 @@
 "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);
+var e = { exports: {} };
 export {
-  a as default
+  e as __module
 };

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 { 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 {
-  m as default
+  a 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/agent-docs/adoption-report.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-09-23T14:41:36.824Z",
+  "generatedAt": "2026-09-23T17:05:08.621Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.0.3"
+    "version": "1.0.5"
   },
   "summary": {
     "scannedFiles": 404,
@@ -500,19 +500,6 @@
           "src/components/stories/tabs.stories.tsx"
         ]
       },
-      {
-        "className": "text-d-muted-foreground text-xs",
-        "occurrences": 8,
-        "files": [
-          "src/components/editor/plugins/mention-plugin.tsx",
-          "src/components/stories/app-card.stories.tsx",
-          "src/components/stories/button.stories.tsx",
-          "src/components/stories/input.stories.tsx",
-          "src/components/ui/tables/data-cross-table/cell-editor-dialog.tsx",
-          "src/components/ui/tables/data-cross-table/data-cross-table.tsx",
-          "src/components/ui/tables/data-cross-table/editable-input.tsx"
-        ]
-      },
       {
         "className": "text-muted-foreground text-xs",
         "occurrences": 8,
@@ -579,6 +566,18 @@
           "src/components/stories/spinner.stories.tsx"
         ]
       },
+      {
+        "className": "text-d-muted-foreground text-xs",
+        "occurrences": 6,
+        "files": [
+          "src/components/editor/plugins/mention-plugin.tsx",
+          "src/components/stories/app-card.stories.tsx",
+          "src/components/stories/input.stories.tsx",
+          "src/components/ui/tables/data-cross-table/cell-editor-dialog.tsx",
+          "src/components/ui/tables/data-cross-table/data-cross-table.tsx",
+          "src/components/ui/tables/data-cross-table/editable-input.tsx"
+        ]
+      },
       {
         "className": "flex items-center gap-1 font-normal",
         "occurrences": 6,

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

@@ -129,6 +129,6 @@ export function LoadingButton() {
 
 ## Notes
 
-- **Disabled**: Applies reduced opacity and prevents interactions.
+- **Disabled**: `disabled` renders a native disabled button: reduced opacity, `not-allowed` cursor, no hover colours, press animation or shimmer, and it is skipped by Tab. With `asChild`, `disabled` sets `aria-disabled` and `tabIndex={-1}` on the slotted element and blocks activation; pass `onClick` to `Button`, not to the child (the child's own handler runs first), and omit `href` if the link must be fully unreachable, since middle-click still opens it.
 - **Icon-only**: Use `size="icon"` for square icon buttons.
 - **Theming**: Use variants to match semantic meaning (primary, destructive, etc.).

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-09-23T14:41:36.343Z",
+  "generatedAt": "2026-09-23T17:05:08.343Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.0.3"
+    "version": "1.0.5"
   },
   "stats": {
     "documentedComponentCount": 94,
@@ -6313,5 +6313,5 @@
       ]
     }
   ],
-  "checksum": "441a1b4c3f109ed52db50f2c4003a2b86365cc9bc5804aa6065840d41169e410"
+  "checksum": "24766d8fe606e7185e4f7214b04703357e66bb0075919f70f9c56dc1e9c6f901"
 }

package/dist/components/design-tokens.js

@@ -58,7 +58,10 @@ const e = {
     // Press snaps in (100ms) and eases back out (160ms, set by the caller) —
     // symmetric timing reads mushy. Do not deepen much past 2%: the scale is
     // anisotropic, so it distorts the label's aspect ratio too.
-    active: "origin-bottom active:translate-y-[1px] active:scale-y-[0.98] active:scale-x-[1.02] active:shadow-none active:duration-[100ms] motion-reduce:active:translate-y-0 motion-reduce:active:scale-y-100 motion-reduce:active:scale-x-100",
+    // Gated on `interactive:` so a disabled control does not squash; the
+    // reduced-motion resets carry it too, or v4 (which emits custom variants
+    // after built-in ones) would let the squash win over them.
+    active: "origin-bottom interactive:active:translate-y-[1px] interactive:active:scale-y-[0.98] interactive:active:scale-x-[1.02] interactive:active:shadow-none interactive:active:duration-[100ms] motion-reduce:interactive:active:translate-y-0 motion-reduce:interactive:active:scale-y-100 motion-reduce:interactive:active:scale-x-100",
     disabled: "disabled:cursor-not-allowed disabled:opacity-50"
   },
   // Input specific

package/dist/components/ui/button.js

@@ -1,17 +1,19 @@
 "use client";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as f } from "../../node_modules/class-variance-authority/dist/index.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { Root as p } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as x } from "../../node_modules/class-variance-authority/dist/index.js";
 import { designTokens as r } from "../design-tokens.js";
-import { cn as d } from "../../lib/utils.js";
-import { Icon as v } from "./icon.js";
-const h = f(
-  d(
+import { cn as i } from "../../lib/utils.js";
+import { Icon as g } from "./icon.js";
+const f = x(
+  i(
     r.text.base,
     r.radius.default,
     r.focusRing,
     r.interaction.active,
     r.interaction.disabled,
+    // A disabled `asChild` link has no `:disabled`: it is flagged `data-disabled`.
+    "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
     // `translate` and `scale` must be listed explicitly: Tailwind v4 compiles
     // them to the individual CSS properties of the same name, not to `transform`,
     // so a list naming only `transform` animates neither in the v4 bundle (v3
@@ -25,16 +27,16 @@ const h = f(
   {
     variants: {
       variant: {
-        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25",
-        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",
-        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"
+        default: "bg-d-primary text-d-primary-foreground shadow-xs interactive:hover:bg-d-primary/90 interactive:hover:shadow-d-primary/25",
+        destructive: "bg-d-destructive text-d-destructive-foreground shadow-xs interactive:hover:bg-d-destructive/90 interactive:hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20",
+        outline: "border border-d-foreground shadow-xs disabled:border-d-foreground/30 data-[disabled]:border-d-foreground/30 interactive:hover:bg-d-accent interactive:hover:text-d-accent-foreground interactive:hover:border-d-foreground/80",
+        "outline-primary": "border border-d-primary shadow-xs text-d-primary/80 interactive:hover:text-d-primary interactive:hover:bg-d-primary/10 interactive:hover:border-d-primary/80",
+        "outline-destructive": "border border-d-destructive shadow-xs text-d-destructive/80 interactive:hover:text-d-destructive interactive:hover:bg-d-destructive/10 interactive:hover:border-d-destructive/80",
+        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs interactive:hover:bg-d-secondary/80 interactive:hover:text-d-secondary-foreground",
+        ghost: "interactive:hover:bg-d-accent interactive:hover:text-d-accent-foreground",
+        "ghost-destructive": "text-d-destructive  bg-transparent interactive:hover:bg-d-destructive/10",
+        "ghost-accent": "text-d-primary bg-transparent interactive:hover:bg-d-primary/10",
+        link: "text-d-primary underline-offset-4 interactive:hover:underline"
       },
       size: {
         default: r.sizes.default + " has-[>svg]:px-3",
@@ -49,36 +51,48 @@ const h = f(
     }
   }
 );
-function _({
-  className: a,
-  variant: s,
+function j({
+  className: n,
+  variant: d,
   size: e,
-  asChild: n = !1,
-  iconLeft: i,
-  iconRight: c,
-  isLoading: m = !1,
-  ...o
+  asChild: s = !1,
+  iconLeft: c,
+  iconRight: v,
+  isLoading: b = !1,
+  disabled: o,
+  onClick: l,
+  ...a
 }) {
-  const l = n ? g : "button";
-  return n ? /* @__PURE__ */ t(
-    l,
+  const u = s ? p : "button";
+  return s ? /* @__PURE__ */ t(
+    u,
     {
       "data-slot": "button",
-      className: d(h({ variant: s, size: e, className: a })),
-      ...o
+      className: i(f({ variant: d, size: e, className: n })),
+      ...a,
+      ...o && {
+        "aria-disabled": !0,
+        "data-disabled": "",
+        tabIndex: -1
+      },
+      onClick: o ? (h) => {
+        h.preventDefault(), h.stopPropagation();
+      } : l
     }
-  ) : /* @__PURE__ */ u(
-    l,
+  ) : /* @__PURE__ */ m(
+    u,
     {
       "data-slot": "button",
-      className: d("relative", h({ variant: s, size: e, className: a })),
-      ...o,
+      className: i("relative", f({ variant: d, size: e, className: n })),
+      disabled: o,
+      ...a,
+      onClick: l,
       children: [
-        (s ?? "default") === "default" && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit] motion-reduce:hidden", children: /* @__PURE__ */ t("span", { className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-0 ease-out [@media(hover:hover)_and_(pointer:fine)]:group-hover:translate-x-full [@media(hover:hover)_and_(pointer:fine)]:group-hover:duration-700" }) }),
-        m ? /* @__PURE__ */ u(
+        (d ?? "default") === "default" && !o && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit] motion-reduce:hidden", children: /* @__PURE__ */ t("span", { className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-0 ease-out [@media(hover:hover)_and_(pointer:fine)]:group-hover:translate-x-full [@media(hover:hover)_and_(pointer:fine)]:group-hover:duration-700" }) }),
+        b ? /* @__PURE__ */ m(
           "svg",
           {
-            className: d("animate-spin", o.children && "mr-1 -ml-1"),
+            className: i("animate-spin", a.children && "mr-1 -ml-1"),
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -106,18 +120,18 @@ function _({
               )
             ]
           }
-        ) : i && /* @__PURE__ */ t(
-          v,
+        ) : c && /* @__PURE__ */ t(
+          g,
           {
-            name: i,
+            name: c,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
-        o.children,
-        c && /* @__PURE__ */ t(
-          v,
+        a.children,
+        v && /* @__PURE__ */ t(
+          g,
           {
-            name: c,
+            name: v,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         )
@@ -126,6 +140,6 @@ function _({
   );
 }
 export {
-  _ as Button,
-  h as buttonVariants
+  j as Button,
+  f as buttonVariants
 };