@actioneer/ads 0.5.4 → 0.5.6

package/components/stepper.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as v from "react";
-import { cva as k } from "class-variance-authority";
+import { cva as y } from "class-variance-authority";
 import { cn as s } from "../lib/cn.js";
-import { Check as u, Close as f } from "../lib/icons.js";
-const p = k(
+import { Check as p, Close as g } from "../lib/icons.js";
+const b = y(
   s(
-    "flex shrink-0 items-center justify-center rounded-full font-medium tabular-nums",
+    "flex shrink-0 items-center justify-center rounded-full font-normal tabular-nums",
     "transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none"
   ),
   {
@@ -18,59 +18,96 @@ const p = k(
         error: "bg-danger text-danger-foreground"
       },
       size: {
-        sm: "size-5 text-[11px] [&>svg]:size-3",
+        sm: "size-5 text-xs [&>svg]:size-3",
         md: "size-6 text-xs [&>svg]:size-3.5"
       }
     },
     defaultVariants: { status: "upcoming", size: "md" }
   }
-), w = v.forwardRef(
+), j = v.forwardRef(
   ({
-    className: d,
-    steps: l,
-    activeIndex: a,
-    size: n = "md",
+    className: x,
+    steps: u,
+    activeIndex: n,
+    size: i = "md",
     onSelect: o,
-    ...c
-  }, g) => /* @__PURE__ */ e(
+    labelPosition: h = "below",
+    ...m
+  }, N) => /* @__PURE__ */ e(
     "ol",
     {
-      ref: g,
+      ref: N,
       "data-slot": "stepper",
-      "aria-label": c["aria-label"] ?? "Progress",
-      className: s("flex w-full flex-row items-start", d),
-      ...c,
-      children: l.map((i, t) => {
-        const r = i.isError ? "error" : t < a ? "complete" : t === a ? "current" : "upcoming", b = t === l.length - 1, x = !!o && t < a, h = t < a && !i.isError, N = /* @__PURE__ */ e("span", { "aria-hidden": !0, className: p({ status: r, size: n }), children: r === "complete" ? /* @__PURE__ */ e(u, {}) : r === "error" ? /* @__PURE__ */ e(f, {}) : t + 1 });
-        return /* @__PURE__ */ m(
+      "aria-label": m["aria-label"] ?? "Progress",
+      className: s("flex w-full flex-row items-start", x),
+      ...m,
+      children: u.map((a, t) => {
+        const r = a.isError ? "error" : t < n ? "complete" : t === n ? "current" : "upcoming", l = t === u.length - 1, w = !!o && t < n, d = t < n && !a.isError, k = /* @__PURE__ */ e("span", { "aria-hidden": !0, className: b({ status: r, size: i }), children: r === "complete" ? /* @__PURE__ */ e(p, {}) : r === "error" ? /* @__PURE__ */ e(g, {}) : t + 1 }), f = w ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => o == null ? void 0 : o(t),
+            "aria-label": `Go to step ${t + 1}`,
+            className: s(
+              b({ status: r, size: i }),
+              "cursor-pointer outline-none focus-visible:ring-3 focus-visible:ring-ring",
+              "active:scale-(--scale-press)"
+            ),
+            children: r === "complete" ? /* @__PURE__ */ e(p, {}) : r === "error" ? /* @__PURE__ */ e(g, {}) : t + 1
+          }
+        ) : k;
+        return h === "inline" ? /* @__PURE__ */ c(
+          "li",
+          {
+            "data-status": r,
+            "aria-current": r === "current" ? "step" : void 0,
+            className: s(
+              "flex min-w-0 items-center gap-2",
+              l ? "shrink-0" : "flex-1"
+            ),
+            children: [
+              f,
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: s(
+                    "truncate whitespace-nowrap",
+                    i === "sm" ? "text-xs" : "text-base",
+                    r === "upcoming" ? "text-tertiary" : "text-foreground",
+                    r === "error" && "text-danger"
+                  ),
+                  children: a.label
+                }
+              ),
+              !l && /* @__PURE__ */ e(
+                "span",
+                {
+                  "aria-hidden": !0,
+                  className: s(
+                    "h-px min-w-4 flex-1 shrink-0 bg-border",
+                    d && "bg-success"
+                  )
+                }
+              )
+            ]
+          },
+          a.id
+        ) : /* @__PURE__ */ c(
           "li",
           {
             "data-status": r,
             "aria-current": r === "current" ? "step" : void 0,
             className: "flex min-w-0 flex-1 flex-col gap-2",
             children: [
-              /* @__PURE__ */ m("div", { className: "flex w-full flex-row items-center gap-2", children: [
-                x ? /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => o == null ? void 0 : o(t),
-                    "aria-label": `Go to step ${t + 1}`,
-                    className: s(
-                      p({ status: r, size: n }),
-                      "cursor-pointer outline-none focus-visible:ring-3 focus-visible:ring-ring",
-                      "active:scale-(--scale-press)"
-                    ),
-                    children: r === "complete" ? /* @__PURE__ */ e(u, {}) : r === "error" ? /* @__PURE__ */ e(f, {}) : t + 1
-                  }
-                ) : N,
-                !b && /* @__PURE__ */ e(
+              /* @__PURE__ */ c("div", { className: "flex w-full flex-row items-center gap-2", children: [
+                f,
+                !l && /* @__PURE__ */ e(
                   "span",
                   {
                     "aria-hidden": !0,
                     className: s(
                       "h-px flex-1 shrink-0 bg-border",
-                      h && "bg-success"
+                      d && "bg-success"
                     )
                   }
                 )
@@ -80,23 +117,23 @@ const p = k(
                 {
                   className: s(
                     "truncate",
-                    n === "sm" ? "text-xs" : "text-base",
+                    i === "sm" ? "text-xs" : "text-base",
                     r === "upcoming" ? "text-tertiary" : "text-foreground",
                     r === "error" && "text-danger"
                   ),
-                  children: i.label
+                  children: a.label
                 }
               ) })
             ]
           },
-          i.id
+          a.id
         );
       })
     }
   )
 );
-w.displayName = "Stepper";
+j.displayName = "Stepper";
 export {
-  w as Stepper,
-  p as stepperMarkerVariants
+  j as Stepper,
+  b as stepperMarkerVariants
 };

package/components/table.d.ts

@@ -35,6 +35,13 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
     actionColumnWidth?: string;
     sortDescriptor?: SortDescriptor;
     onSortChange?: (descriptor: SortDescriptor) => void;
+    /**
+     * A purely display table: no row hover/focus wash, no selection. Set this
+     * when rows have nothing to click — a plain data grid — so hovering never
+     * implies an action that doesn't exist (principle 2). Leave unset for any
+     * table with row selection, sorting, or a click-through action.
+     */
+    isStatic?: boolean;
 }
 /**
  * Styled wrapper around a semantic `<table>` with horizontal overflow.