@actioneer/ads 0.5.6 → 0.5.8

package/components/number-field.js

@@ -1,67 +1,76 @@
 "use client";
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
 import * as M from "react";
 import { Minus as _, Plus as j } from "../lib/icons.js";
-import { cn as c } from "../lib/cn.js";
+import { cn as a } from "../lib/cn.js";
 import { inputBaseClass as h } from "./field.js";
 const D = {
-  sm: { field: "h-8 text-xs", btn: "size-8 [&_svg]:size-3.5" },
-  md: { field: "h-10 text-xs", btn: "size-10 [&_svg]:size-4" },
-  lg: { field: "h-11 text-base", btn: "size-11 [&_svg]:size-4" }
+  sm: {
+    field: "h-8 rounded-sm text-xs",
+    btn: "size-8 rounded-sm [&_svg]:size-3.5"
+  },
+  md: {
+    field: "h-10 rounded-md text-xs",
+    btn: "size-10 rounded-md [&_svg]:size-4"
+  },
+  lg: {
+    field: "h-11 rounded-md text-base",
+    btn: "size-11 rounded-md [&_svg]:size-4"
+  }
 }, F = M.forwardRef(
   ({
     className: v,
-    value: l,
+    value: c,
     onChange: t,
     min: i,
-    max: s,
-    step: d = 1,
+    max: n,
+    step: l = 1,
     size: x = "md",
     isInvalid: N,
     disabled: o,
     ...z
   }, w) => {
-    const u = D[x], b = (n) => {
-      let e = n;
-      return i !== void 0 && (e = Math.max(i, e)), s !== void 0 && (e = Math.min(s, e)), e;
-    }, a = l ?? 0, y = !o && (i === void 0 || a > i), g = !o && (s === void 0 || a < s), p = (n) => t == null ? void 0 : t(b(a + n * d)), m = c(
+    const u = D[x], b = (r) => {
+      let e = r;
+      return i !== void 0 && (e = Math.max(i, e)), n !== void 0 && (e = Math.min(n, e)), e;
+    }, d = c ?? 0, y = !o && (i === void 0 || d > i), g = !o && (n === void 0 || d < n), m = (r) => t == null ? void 0 : t(b(d + r * l)), p = a(
       "inline-flex items-center justify-center rounded-md border border-input bg-elevated text-foreground",
-      "transition-[background,box-shadow] duration-(--duration-fast) hover:bg-muted",
+      "transition-[background,box-shadow] duration-150 hover:bg-muted",
       "outline-none focus-visible:ring-3 focus-visible:ring-ring",
       "disabled:pointer-events-none disabled:opacity-50",
       u.btn
     );
-    return /* @__PURE__ */ k("div", { className: c("inline-flex items-center gap-1.5", v), children: [
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ k("div", { className: a("inline-flex items-center gap-1.5", v), children: [
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           "aria-label": "Decrease",
           disabled: !y,
-          onClick: () => p(-1),
-          className: m,
-          children: /* @__PURE__ */ r(_, {})
+          onClick: () => m(-1),
+          className: p,
+          children: /* @__PURE__ */ s(_, {})
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "input",
         {
           ref: w,
           type: "number",
           inputMode: "numeric",
-          value: l ?? "",
+          value: c ?? "",
           min: i,
-          max: s,
-          step: d,
+          max: n,
+          step: l,
           disabled: o,
           "aria-invalid": N || void 0,
-          onChange: (n) => {
-            const e = n.target.value;
+          onChange: (r) => {
+            const e = r.target.value;
             if (e === "") return;
             const f = Number(e);
             Number.isNaN(f) || t == null || t(b(f));
           },
-          className: c(
+          className: a(
             h,
             "w-20 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
             u.field
@@ -69,15 +78,15 @@ const D = {
           ...z
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           "aria-label": "Increase",
           disabled: !g,
-          onClick: () => p(1),
-          className: m,
-          children: /* @__PURE__ */ r(j, {})
+          onClick: () => m(1),
+          className: p,
+          children: /* @__PURE__ */ s(j, {})
         }
       )
     ] });

package/components/page-header.js

@@ -1,27 +1,27 @@
 "use client";
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import * as o from "react";
 import { ArrowLeft as d } from "../lib/icons.js";
 import { cn as f } from "../lib/cn.js";
 import { Button as h } from "./button.js";
-const x = c.forwardRef(
+const x = o.forwardRef(
   ({
-    className: s,
-    title: m,
+    className: m,
+    title: s,
     description: r,
     onBack: a,
-    backLabel: l = "Back",
+    backLabel: n = "Back",
     actions: i,
-    ...n
-  }, o) => /* @__PURE__ */ t(
+    ...l
+  }, c) => /* @__PURE__ */ t(
     "header",
     {
-      ref: o,
+      ref: c,
       className: f(
         "flex min-w-0 items-start justify-between gap-4",
-        s
+        m
       ),
-      ...n,
+      ...l,
       children: [
         /* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-2", children: [
           a && /* @__PURE__ */ e(
@@ -30,14 +30,14 @@ const x = c.forwardRef(
               type: "button",
               size: "icon-sm",
               variant: "ghost",
-              "aria-label": l,
+              "aria-label": n,
               className: "shrink-0",
               onClick: a,
               children: /* @__PURE__ */ e(d, { "aria-hidden": !0 })
             }
           ),
           /* @__PURE__ */ t("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-semibold tracking-tight text-foreground", children: m }),
+            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-medium tracking-tight text-foreground", children: s }),
             r && /* @__PURE__ */ e("p", { className: "mt-1 max-w-2xl text-xs text-muted-foreground", children: r })
           ] })
         ] }),

package/components/pagination.js

@@ -12,7 +12,7 @@ function p(e, r) {
 function E(e, r, t) {
   if (t * 2 + 5 >= e)
     return p(1, e);
-  const m = Math.max(r - t, 1), n = Math.min(r + t, e), d = m > 2, a = n < e - 1;
+  const m = Math.max(r - t, 1), s = Math.min(r + t, e), d = m > 2, a = s < e - 1;
   if (!d && a) {
     const c = t * 2 + 3;
     return [...p(1, c), "end-ellipsis", e];
@@ -24,7 +24,7 @@ function E(e, r, t) {
   return [
     1,
     "start-ellipsis",
-    ...p(m, n),
+    ...p(m, s),
     "end-ellipsis",
     e
   ];
@@ -32,7 +32,7 @@ function E(e, r, t) {
 const A = (e) => o(
   "inline-flex items-center justify-center rounded-md font-normal",
   "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-  "transition active:scale-(--scale-press)",
+  "transition active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100",
   "disabled:pointer-events-none disabled:opacity-40",
   e === "sm" ? "size-7 text-xs" : "size-9 text-xs"
 ), N = (e) => e === "sm" ? "w-auto gap-1.5 px-2" : "w-auto gap-1.5 px-2.5", F = j.forwardRef(
@@ -42,7 +42,7 @@ const A = (e) => o(
     page: t,
     onChange: i,
     siblings: m = 1,
-    size: n = "md",
+    size: s = "md",
     summary: d,
     labels: a = !1,
     pageSize: c,
@@ -51,7 +51,7 @@ const A = (e) => o(
     ...C
   }, y) => {
     if (r <= 0) return null;
-    const P = E(r, t, m), R = t <= 1, S = t >= r, f = A(n), x = n === "sm" ? "size-3.5" : "size-4", h = c != null && !!g, b = d != null || h;
+    const P = E(r, t, m), R = t <= 1, S = t >= r, f = A(s), x = s === "sm" ? "size-3.5" : "size-4", h = c != null && !!g, b = d != null || h;
     return /* @__PURE__ */ u(
       "nav",
       {
@@ -90,12 +90,12 @@ const A = (e) => o(
                       size: "sm",
                       className: "w-18",
                       placement: "top",
-                      items: (w ?? [8, 16, 32]).map((s) => ({
-                        label: String(s),
-                        value: String(s)
+                      items: (w ?? [8, 16, 32]).map((n) => ({
+                        label: String(n),
+                        value: String(n)
                       })),
                       value: String(c),
-                      onChange: (s) => g(Number(s))
+                      onChange: (n) => g(Number(n))
                     }
                   )
                 ]
@@ -112,7 +112,7 @@ const A = (e) => o(
                   className: o(
                     f,
                     "text-foreground hover:bg-muted",
-                    a && N(n)
+                    a && N(s)
                   ),
                   children: [
                     /* @__PURE__ */ l(k, { className: x, "aria-hidden": !0 }),
@@ -120,8 +120,8 @@ const A = (e) => o(
                   ]
                 }
               ),
-              P.map((s) => {
-                if (s === "start-ellipsis" || s === "end-ellipsis")
+              P.map((n) => {
+                if (n === "start-ellipsis" || n === "end-ellipsis")
                   return /* @__PURE__ */ l(
                     "span",
                     {
@@ -129,23 +129,23 @@ const A = (e) => o(
                       className: o(f, "text-muted-foreground"),
                       children: /* @__PURE__ */ l(L, { className: x })
                     },
-                    s
+                    n
                   );
-                const v = s === t;
+                const v = n === t;
                 return /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Go to page ${s}`,
+                    "aria-label": `Go to page ${n}`,
                     "aria-current": v ? "page" : void 0,
-                    onClick: () => i(s),
+                    onClick: () => i(n),
                     className: o(
                       f,
                       v ? "bg-foreground text-background" : "text-foreground hover:bg-muted"
                     ),
-                    children: s
+                    children: n
                   },
-                  s
+                  n
                 );
               }),
               /* @__PURE__ */ u(
@@ -158,7 +158,7 @@ const A = (e) => o(
                   className: o(
                     f,
                     "text-foreground hover:bg-muted",
-                    a && N(n)
+                    a && N(s)
                   ),
                   children: [
                     a && "Next",

package/components/panel.js

@@ -37,7 +37,7 @@ const d = l.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "h2",
   {
     ref: r,
-    className: n("flex min-w-0 items-center gap-2 truncate text-xs font-semibold text-foreground", e),
+    className: n("flex min-w-0 items-center gap-2 truncate text-xs font-medium text-foreground", e),
     ...a
   }
 ));
@@ -47,7 +47,7 @@ const i = l.forwardRef(
 );
 i.displayName = "PanelToolbar";
 const f = l.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, className: n("min-h-0 flex-1 overflow-auto p-4", e), ...a })
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, tabIndex: 0, className: n("min-h-0 flex-1 overflow-auto p-4", e), ...a })
 );
 f.displayName = "PanelBody";
 const m = l.forwardRef(

package/components/pixel-blast-svg.js

@@ -13,7 +13,7 @@ const z = {
   preserveDrawingBuffer: !1
 }, O = 1e6, B = `uniform float u_type;
 uniform float u_patternDensity;
-uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering);", b = `  vec2 triangleUV = fract(pxSizeUV);
+uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering);", G = `  vec2 triangleUV = fract(pxSizeUV);
   vec2 triangleCell = floor(pxSizeUV);
   float triangleFlip = mod(triangleCell.x + triangleCell.y, 2.0);
   triangleUV.x = mix(triangleUV.x, 1.0 - triangleUV.x, triangleFlip);
@@ -31,7 +31,7 @@ uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering
   float res = step(densityThreshold, shape + dithering) * triangleMask;`;
 if (!g.includes("uniform float u_type;") || !g.includes(k))
   throw new Error("The Paper dithering shader no longer exposes the expected cell output.");
-const G = g.replace("uniform float u_type;", B).replace(k, b), d = (e) => Math.max(0, Math.min(1, e)), J = "#0a0a0b", W = "#ffffff";
+const b = g.replace("uniform float u_type;", B).replace(k, G), d = (e) => Math.max(0, Math.min(1, e)), J = "#202020", W = "#ffffff";
 function X(e, t) {
   if (typeof document > "u") return t;
   const r = (o, i = 0) => {
@@ -132,7 +132,7 @@ const $ = c.forwardRef(
                     className: "size-full",
                     width: "100%",
                     height: "100%",
-                    fragmentShader: G,
+                    fragmentShader: b,
                     uniforms: A,
                     speed: x || S ? 0 : o,
                     minPixelRatio: 1,

package/components/pixel-icon.d.ts

@@ -18,8 +18,10 @@ export interface PixelIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     mask?: PixelIconMask | (string & {});
     /** Entrance choreography: "sequence" sweeps corner-to-corner, else radial. */
     motion?: "sequence" | "radial";
-    /** Interaction preset 0–5 (3 = hover-shrink + click blast; hero forces 3). */
+    /** Interaction preset 0–5 (3 = local hover-grow + click blast; hero forces 3). */
     motionMode?: number;
+    /** Optional hover/click accent. Defaults to the standard green interaction color. */
+    interactionColor?: string;
     /** Larger hero rendering (broader hatch, mode 3). */
     hero?: boolean;
 }