laif-ds 0.2.87 → 0.2.89

package/dist/CHANGELOG.md

@@ -5,6 +5,21 @@ 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@0.2.89]
+
+### 🐛 Fixed
+
+- **Button**: Press feedback now drops and squashes the button (1px down, an anisotropic squash that conserves area) instead of uniformly scaling it down, so it reads as compressed material rather than a resized image; also fixed the press animation not running at all for Tailwind v4 consumers, which needs `translate` and `scale` named explicitly in the transition instead of `transform`
+- **Button**: Fixed press feedback animating in contradictory directions and outside its timing budget — the shadow now recedes instead of growing on press (and no longer appears out of nothing on `ghost`/`ghost-*`/`link`), the press/release transition is scoped to the properties that actually change with a snappy 100ms-in/160ms-out curve instead of inheriting a generic 200ms transition, and the button is no longer permanently promoted to its own compositing layer
+- **Button**: Fixed the hover shimmer showing on variants where it read wrong — it's now limited to the `default` variant (previously invisible on light `outline`/`secondary` surfaces and a mismatched highlight on `destructive`), resets instantly instead of re-sweeping backwards on mouse-leave, and is gated to hover-capable, fine-pointer devices so a tap no longer triggers it on touch; press scale and shimmer are both dropped under `prefers-reduced-motion: reduce`
+- **Button**: Fixed the loading spinner sitting off-center on icon-only buttons (`size="icon"`) — the spinner's spacing margins are now only applied when the button has label content
+
+## [laif-ds@0.2.88]
+
+### 🚀 Added
+
+- **FilePreviewer**: Image previews now support zooming and panning — zoom in/out/reset buttons, wheel-to-zoom toward the cursor, drag-to-pan when zoomed, and pinch-to-zoom on touch. The overlay toolbar fades out after 2s of pointer inactivity. `PreviewOptions` gained an optional `alt`, falling back to the filename
+
 ## [laif-ds@0.2.87]
 
 ### 🔧 Changed

package/dist/_virtual/index3.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/index4.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/_virtual/index5.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 { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  x as default
+  m as default
 };

package/dist/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

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

@@ -1,21 +1,21 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-28T15:56:34.475Z",
+  "generatedAt": "2026-08-06T08:46:23.531Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.87"
+    "version": "0.2.89"
   },
   "summary": {
-    "scannedFiles": 397,
+    "scannedFiles": 398,
     "deprecatedComponentsCount": 2,
     "deprecatedComponentsUsedCount": 0,
     "componentsWithoutExamplesCount": 5,
     "componentsWithoutPropsTableCount": 30,
     "repeatedClassPatternsCount": 25,
-    "lowAiReadinessComponentsCount": 42,
-    "componentsWithoutAccessibilityCoverageCount": 46,
+    "lowAiReadinessComponentsCount": 41,
+    "componentsWithoutAccessibilityCoverageCount": 45,
     "componentsWithWeakStateCoverageCount": 72,
-    "averageAiReadinessScore": 55.38
+    "averageAiReadinessScore": 55.54
   },
   "deprecatedUsage": [],
   "documentationGaps": {
@@ -74,7 +74,6 @@
       "CopyButton",
       "DataCrossTable",
       "DropdownMenu",
-      "FilePreviewer",
       "GanttChart",
       "HoverCard",
       "Icon",
@@ -323,10 +322,6 @@
         "name": "Toggle",
         "score": 40
       },
-      {
-        "name": "FilePreviewer",
-        "score": 45
-      },
       {
         "name": "GanttChart",
         "score": 45
@@ -480,6 +475,19 @@
           "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": "flex flex-col items-center gap-4",
         "occurrences": 8,
@@ -550,18 +558,6 @@
           "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

@@ -31,6 +31,9 @@ Versatile button with multiple variants and sizes, optional leading/trailing ico
 - **Icons**: Icon sizes adapt to the button size (`sm`, `default`, `lg`, `icon`).
 - **As Child**: Use `asChild` to render the button as a link or custom element while keeping button styles.
 - **Accessibility**: Keyboard-focus ring and proper semantics are included.
+- **Press feedback**: On `:active` the button moves down `1px` and squashes against its base — `scaleY(0.98)` paid back as `scaleX(1.02)`, so the area is conserved and it reads as compressed material rather than a resized image — while its shadow drops, because it is pushed down onto the surface rather than lifted off it. The squash is anchored with `transform-origin: bottom`, whose x stays at 50% so the horizontal spread is symmetric. It is intentionally shallow: the scale is anisotropic, so it distorts the label's aspect ratio too, and much past 2% that becomes visible. The press snaps in over `100ms` and eases back over `160ms`; the asymmetry is deliberate, symmetric press/release feels mushy. Easing is `cubic-bezier(0.23, 1, 0.32, 1)`. Fires on pointer press and on keyboard `Space`/`Enter`. Note that `scale` is a paint-time transform: the widening never shifts adjacent layout.
+- **Hover shimmer**: A light gradient sweeps across the button on hover, `700ms`, **on the `default` (primary) variant only** — on the outline/secondary variants the white gradient is invisible over a light surface, and on `destructive` a white highlight reads as an invitation on a dangerous action. The sweep resets instantly on pointer-leave (both end states are clipped out of view), so a quick hover never produces a second sweep running backwards. It is gated behind `@media (hover: hover) and (pointer: fine)` so a tap on touch does not trigger it.
+- **Reduced motion**: Under `prefers-reduced-motion: reduce` the press scale and the hover shimmer are both removed; the colour transitions stay, so the button still gives feedback.
 
 ---
 

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

@@ -21,6 +21,7 @@ export type PreviewOptions = {
   filename?: string;
   mimeType?: string;
   title?: React.ReactNode;
+  alt?: string; // Alt text for image previews (a11y); falls back to filename
   readOnly?: boolean; // Enables SecurePdfViewer for PDFs
   page?: number; // Initial page for PDFs (1-based)
 };
@@ -35,7 +36,7 @@ export type PreviewOptions = {
 ## Behavior
 
 - **Kind detection**: Determines preview type from `mimeType`, `filename` or `url`.
-- **Image**: Responsive `<img>` with contain fit.
+- **Image**: Zoomable preview (`ZoomableImage`) with contain fit. Supports zoom in/out/reset buttons, wheel-to-zoom toward the cursor, drag-to-pan when zoomed, and pinch-to-zoom on touch devices.
 - **PDF**:
   - `readOnly=true` uses `SecurePdfViewer` with `page` support.
   - Otherwise embedded via `<iframe>` (supports `#page=` parameter).

package/dist/agent-docs/manifest.json

@@ -1,18 +1,18 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-07-28T15:56:33.991Z",
+  "generatedAt": "2026-08-06T08:46:23.047Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.87"
+    "version": "0.2.89"
   },
   "stats": {
     "documentedComponentCount": 93,
     "catalogedComponentCount": 92,
     "missingFromDocsCount": 1,
     "deprecatedComponentCount": 2,
-    "averageAiReadinessScore": 55.38,
+    "averageAiReadinessScore": 55.54,
     "highAiReadinessCount": 37,
-    "lowAiReadinessCount": 42
+    "lowAiReadinessCount": 41
   },
   "missingFromDocs": [
     "TruncatedCell"
@@ -1596,11 +1596,12 @@
         },
         "states": {
           "coveredStates": [
+            "hover",
             "focus",
             "disabled",
             "loading"
           ],
-          "coveredStateCount": 3
+          "coveredStateCount": 4
         }
       },
       "aiReadiness": {
@@ -3120,7 +3121,7 @@
           "describedPropsCount": 2
         },
         "accessibility": {
-          "hasCoverage": false
+          "hasCoverage": true
         },
         "states": {
           "coveredStates": [],
@@ -3128,8 +3129,8 @@
         }
       },
       "aiReadiness": {
-        "score": 45,
-        "tier": "low"
+        "score": 60,
+        "tier": "medium"
       },
       "typeReferences": []
     },
@@ -6167,5 +6168,5 @@
       ]
     }
   ],
-  "checksum": "f2399fb883f49393798314db7867d7de0348288ae1f868f36ae5e1c71c6e4e95"
+  "checksum": "1c104d906f38ef12dbbba087133ff4b937aac854df73a741a83da7eb2f58d3de"
 }

package/dist/components/design-tokens.js

@@ -27,7 +27,18 @@ const e = {
   },
   // Common interactive behaviors
   interaction: {
-    active: "active:scale-[0.98] active:shadow-sm transform-gpu",
+    // Press feedback: the element is pushed down onto the surface and squashes
+    // against it, so the shadow must shrink, never grow. Squash-and-stretch —
+    // the 2% vertical compression is paid back as 2% horizontal spread
+    // (1 / 0.98 = 1.0204), conserving area so it reads as compressed material
+    // rather than a resized image. The squash is anchored at the base
+    // (`origin-bottom`) — set unconditionally, not under `active:`, or the origin
+    // would snap back to centre while the release is still animating and the
+    // button would jump; its x is still 50%, so the spread stays symmetric.
+    // 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",
     disabled: "disabled:cursor-not-allowed disabled:opacity-50"
   },
   // Input specific

package/dist/components/ui/button.js

@@ -1,17 +1,24 @@
 "use client";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+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 { designTokens as r } from "../design-tokens.js";
 import { cn as d } from "../../lib/utils.js";
-import { Icon as h } from "./icon.js";
-const v = f(
+import { Icon as v } from "./icon.js";
+const h = f(
   d(
     r.text.base,
     r.radius.default,
     r.focusRing,
     r.interaction.active,
     r.interaction.disabled,
+    // `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
+    // still routes both through `transform`, hence keeping it too).
+    "transition-[transform,translate,scale,box-shadow,background-color,border-color,color] duration-[160ms] ease-[cubic-bezier(0.23,1,0.32,1)]",
+    // Reduced motion keeps the colour feedback and drops the movement.
+    "motion-reduce:transition-[background-color,border-color,color]",
     "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap overflow-hidden relative group",
     "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0"
   ),
@@ -42,36 +49,36 @@ const v = f(
     }
   }
 );
-function N({
+function _({
   className: a,
-  variant: o,
+  variant: s,
   size: e,
   asChild: n = !1,
   iconLeft: i,
   iconRight: c,
   isLoading: m = !1,
-  ...s
+  ...o
 }) {
-  const u = n ? g : "button";
+  const l = n ? g : "button";
   return n ? /* @__PURE__ */ t(
-    u,
+    l,
     {
       "data-slot": "button",
-      className: d(v({ variant: o, size: e, className: a })),
-      ...s
+      className: d(h({ variant: s, size: e, className: a })),
+      ...o
     }
-  ) : /* @__PURE__ */ l(
-    u,
+  ) : /* @__PURE__ */ u(
+    l,
     {
       "data-slot": "button",
-      className: d("relative", v({ variant: o, size: e, className: a })),
-      ...s,
+      className: d("relative", h({ variant: s, size: e, className: a })),
+      ...o,
       children: [
-        o !== "ghost" && o !== "ghost-destructive" && o !== "ghost-accent" && o !== "link" && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]", 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-700 ease-out group-hover:translate-x-full" }) }),
-        m ? /* @__PURE__ */ l(
+        (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(
           "svg",
           {
-            className: "mr-1 -ml-1 animate-spin",
+            className: d("animate-spin", o.children && "mr-1 -ml-1"),
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
@@ -100,15 +107,15 @@ function N({
             ]
           }
         ) : i && /* @__PURE__ */ t(
-          h,
+          v,
           {
             name: i,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
-        s.children,
+        o.children,
         c && /* @__PURE__ */ t(
-          h,
+          v,
           {
             name: c,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
@@ -119,6 +126,6 @@ function N({
   );
 }
 export {
-  N as Button,
-  v as buttonVariants
+  _ as Button,
+  h as buttonVariants
 };

package/dist/components/ui/file-previewer.js

@@ -1,77 +1,73 @@
 "use client";
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { useMemo as c } from "react";
+import { useMemo as u } from "react";
 import { createAsk as v } from "../../node_modules/use-ask/dist/index.js";
-import { AppDialog as x } from "./app-dialog.js";
-import { Icon as g } from "./icon.js";
+import { AppDialog as g } from "./app-dialog.js";
+import { Icon as x } from "./icon.js";
 import { SecurePdfViewer as N } from "./secure-pdf-viewer.js";
-import { guessKind as y, isHttpUrl as P, getOfficeEmbedUrl as b } from "../../lib/file-preview.js";
-const [d, A] = v({});
+import { ZoomableImage as y } from "./zoomable-image.js";
+import { guessKind as P, isHttpUrl as b, getOfficeEmbedUrl as A } from "../../lib/file-preview.js";
+const [d, O] = v({});
 function p(e) {
   return typeof e == "string" ? { url: e } : e || {};
 }
-async function S(e) {
+async function _(e) {
   return d.ask(p(e));
 }
-function U(e) {
+function I(e) {
   return d.safeAsk(p(e));
 }
-const _ = () => {
-  const [{ payload: e }, { asking: l, ok: i }] = A(), n = e?.url, s = e?.readOnly, t = e?.page, o = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), u = c(() => {
+const q = () => {
+  const [{ payload: e }, { asking: l, ok: n }] = O(), i = e?.url, a = e?.readOnly, s = e?.page, t = u(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), c = u(() => {
     if (!e?.url) return null;
-    const a = new URL(e?.url), m = a.searchParams.get("response-content-type") || a.searchParams.get("content-type"), f = e?.mimeType || m || "";
-    return y({
+    const o = new URL(e?.url), m = o.searchParams.get("response-content-type") || o.searchParams.get("content-type"), f = e?.mimeType || m || "";
+    return P({
       mimeType: f,
-      filename: o,
+      filename: t,
       url: e?.url
     });
-  }, [e?.mimeType, o, e?.url]), w = c(
+  }, [e?.mimeType, t, e?.url]), w = u(
     () => /* @__PURE__ */ h("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r(g, { name: "File", className: "h-4 w-4" }),
-      e?.title || o
+      /* @__PURE__ */ r(x, { name: "File", className: "h-4 w-4" }),
+      e?.title || t
     ] }),
-    [e?.title, o]
+    [e?.title, t]
   );
   return /* @__PURE__ */ r(
-    x,
+    g,
     {
       open: l,
-      onOpenChange: (a) => !a && i(),
+      onOpenChange: (o) => !o && n(),
       title: w,
       size: e?.size ?? "xl",
-      children: u && n ? /* @__PURE__ */ r(
-        O,
+      children: c && i ? /* @__PURE__ */ r(
+        F,
         {
-          kind: u,
-          src: n,
-          officeUrl: n,
-          readOnly: s,
-          page: t
+          kind: c,
+          src: i,
+          officeUrl: i,
+          alt: e?.alt ?? t,
+          readOnly: a,
+          page: s
         }
       ) : null
     }
   );
-}, O = ({
+}, F = ({
   kind: e,
   src: l,
-  officeUrl: i,
-  readOnly: n = !1,
+  officeUrl: n,
+  alt: i,
+  readOnly: a = !1,
   page: s = 0
 }) => {
   if (!l && e !== "text" && e !== "office")
     return /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
   switch (e) {
     case "image":
-      return /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ r(
-        "img",
-        {
-          src: l,
-          alt: "preview",
-          className: "max-h-full w-auto max-w-full object-contain"
-        }
-      ) });
+      return l ? /* @__PURE__ */ r(y, { src: l, alt: i }) : null;
     case "pdf": {
-      if (n && l)
+      if (a && l)
         return /* @__PURE__ */ r(
           N,
           {
@@ -104,8 +100,8 @@ const _ = () => {
         }
       );
     case "office": {
-      if (i && P(i)) {
-        const t = b(i);
+      if (n && b(n)) {
+        const t = A(n);
         return /* @__PURE__ */ r(
           "iframe",
           {
@@ -122,7 +118,7 @@ const _ = () => {
   }
 };
 export {
-  _ as FilePreviewer,
-  S as previewFileModal,
-  U as safePreviewFileModal
+  q as FilePreviewer,
+  _ as previewFileModal,
+  I as safePreviewFileModal
 };