@actioneer/ads 0.5.8 → 0.5.9

package/components/avatar.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 declare const sizeClasses: {
+    readonly xs: "size-5 text-[10px]";
     readonly sm: "size-8 text-xs";
     readonly md: "size-10 text-xs";
     readonly lg: "size-12 text-base";

package/components/avatar.js

@@ -1,8 +1,9 @@
 "use client";
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import * as f from "react";
 import { cn as i } from "../lib/cn.js";
 const g = {
+  xs: "size-5 text-[10px]",
   sm: "size-8 text-xs",
   md: "size-10 text-xs",
   lg: "size-12 text-base",
@@ -62,21 +63,21 @@ N.displayName = "Avatar";
 const y = f.forwardRef(
   ({ className: r, max: e, size: t = "md", radius: s = "full", children: o, ...a }, c) => {
     const l = f.Children.toArray(o), d = typeof e == "number" ? l.length - e : 0, p = typeof e == "number" ? l.slice(0, e) : l;
-    return /* @__PURE__ */ x(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: c,
         className: i("flex items-center", r),
         ...a,
         children: [
-          p.map((b, u) => /* @__PURE__ */ n(
+          p.map((x, u) => /* @__PURE__ */ n(
             "div",
             {
               className: i(
                 "ring-2 ring-background rounded-full",
                 u > 0 && "-ml-2"
               ),
-              children: b
+              children: x
             },
             u
           )),

package/components/breadcrumbs.d.ts

@@ -18,6 +18,8 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
      * overflow menu) — they ride along when the trail is sticky.
      */
     actions?: React.ReactNode;
+    /** Controls pinned to the true horizontal center of the trail row. */
+    center?: React.ReactNode;
     /**
      * Supporting metadata stitched inline right after the trail (schema name,
      * sync status…). Muted, truncates before the trail does.

package/components/breadcrumbs.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as v, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { jsxs as h, jsx as e, Fragment as B } from "react/jsx-runtime";
 import * as t from "react";
-import { ArrowLeft as B } from "../lib/icons.js";
-import { cn as a } from "../lib/cn.js";
-const N = t.createContext({
+import { ArrowLeft as y } from "../lib/icons.js";
+import { cn as c } from "../lib/cn.js";
+const w = t.createContext({
   count: 0
-}), w = t.createContext(0);
+}), C = t.createContext(0);
 function R(s) {
   let n = (s == null ? void 0 : s.parentElement) ?? null;
   for (; n; ) {
@@ -15,35 +15,36 @@ function R(s) {
   }
   return null;
 }
-const y = t.forwardRef(
+const z = t.forwardRef(
   ({
     className: s,
     children: n,
     sticky: r,
-    onBack: c,
-    backLabel: g = "Back",
+    onBack: u,
+    backLabel: x = "Back",
     actions: m,
-    meta: f,
-    ...p
-  }, i) => {
-    const b = t.Children.toArray(n), l = t.useRef(null), u = t.useCallback(
+    center: f,
+    meta: b,
+    ...v
+  }, l) => {
+    const a = t.Children.toArray(n), i = t.useRef(null), p = t.useCallback(
       (o) => {
-        l.current = o, typeof i == "function" ? i(o) : i && (i.current = o);
+        i.current = o, typeof l == "function" ? l(o) : l && (l.current = o);
       },
-      [i]
-    ), [x, C] = t.useState(!1);
+      [l]
+    ), [N, k] = t.useState(!1);
     return t.useEffect(() => {
       if (!r) return;
-      const o = R(l.current), d = o ?? window, h = () => C((o ? o.scrollTop : window.scrollY) > 2);
-      return h(), d.addEventListener("scroll", h, { passive: !0 }), () => d.removeEventListener("scroll", h);
-    }, [r]), /* @__PURE__ */ v(
+      const o = R(i.current), d = o ?? window, g = () => k((o ? o.scrollTop : window.scrollY) > 2);
+      return g(), d.addEventListener("scroll", g, { passive: !0 }), () => d.removeEventListener("scroll", g);
+    }, [r]), /* @__PURE__ */ h(
       "nav",
       {
-        ref: u,
+        ref: p,
         "aria-label": "Breadcrumb",
-        "data-stuck": r ? x ? "true" : "false" : void 0,
-        className: a(
-          "flex w-full items-center",
+        "data-stuck": r ? N ? "true" : "false" : void 0,
+        className: c(
+          "relative flex w-full items-center",
           r && "sticky top-0 z-40 bg-background transition-[border-color] duration-150 ease-out motion-reduce:transition-none",
           // Sticky offsets resolve against the scrollport's PADDING box, so in
           // a padded panel the pinned trail sits below a strip the content
@@ -51,66 +52,67 @@ const y = t.forwardRef(
           // background over that gap (a no-op at rest, where the strip is the
           // panel's empty padding).
           r && "before:absolute before:inset-x-0 before:-top-8 before:h-8 before:bg-inherit before:content-['']",
-          r && (x ? "border-b border-border" : "border-b border-transparent"),
+          r && (N ? "border-b border-border" : "border-b border-transparent"),
           s
         ),
-        ...p,
+        ...v,
         children: [
-          c && /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: c,
-              "aria-label": g,
-              className: a(
+              onClick: u,
+              "aria-label": x,
+              className: c(
                 "mr-1 inline-flex size-6 shrink-0 items-center justify-center rounded-sm text-muted-foreground",
                 "transition-colors hover:bg-fill hover:text-foreground",
                 "outline-none focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4"
               ),
-              children: /* @__PURE__ */ e(B, { "aria-hidden": !0 })
+              children: /* @__PURE__ */ e(y, { "aria-hidden": !0 })
             }
           ),
-          /* @__PURE__ */ e("ol", { className: "flex min-w-0 items-center gap-1.5 text-base", children: /* @__PURE__ */ e(N.Provider, { value: { count: b.length }, children: b.map((o, d) => /* @__PURE__ */ e(w.Provider, { value: d, children: o }, d)) }) }),
-          f && /* @__PURE__ */ e("div", { className: "ml-4 flex min-w-0 shrink items-center gap-3 text-xs text-muted-foreground", children: f }),
+          /* @__PURE__ */ e("ol", { className: "flex min-w-0 items-center gap-1.5 text-base", children: /* @__PURE__ */ e(w.Provider, { value: { count: a.length }, children: a.map((o, d) => /* @__PURE__ */ e(C.Provider, { value: d, children: o }, d)) }) }),
+          b && /* @__PURE__ */ e("div", { className: "ml-4 flex min-w-0 shrink items-center gap-3 text-xs text-muted-foreground", children: b }),
+          f && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 z-50 flex -translate-x-1/2 -translate-y-1/2 items-center", children: f }),
           m && /* @__PURE__ */ e("div", { className: "ml-auto flex shrink-0 items-center gap-2 pl-4", children: m })
         ]
       }
     );
   }
 );
-y.displayName = "Breadcrumbs";
-const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: c, children: g, ...m }, f) => {
-  const { count: p } = t.useContext(N), b = t.useContext(w) === p - 1, l = "inline-flex items-center gap-1.5", u = /* @__PURE__ */ v(k, { children: [
-    c && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex shrink-0 items-center [&_svg]:size-4", children: c }),
-    g
-  ] }), x = r ? /* @__PURE__ */ e(
+z.displayName = "Breadcrumbs";
+const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: u, children: x, ...m }, f) => {
+  const { count: b } = t.useContext(w), l = t.useContext(C) === b - 1, a = "inline-flex items-center gap-1.5", i = /* @__PURE__ */ h(B, { children: [
+    u && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex shrink-0 items-center [&_svg]:size-4", children: u }),
+    x
+  ] }), p = r ? /* @__PURE__ */ e(
     "span",
     {
       "aria-current": "page",
-      className: a(l, "font-normal text-primary"),
-      children: u
+      className: c(a, "font-normal text-primary"),
+      children: i
     }
   ) : n ? /* @__PURE__ */ e(
     "a",
     {
       href: n,
-      className: a(
-        l,
+      className: c(
+        a,
         "font-normal text-muted-foreground transition-colors hover:text-foreground",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm"
       ),
-      children: u
+      children: i
     }
-  ) : /* @__PURE__ */ e("span", { className: a(l, "text-muted-foreground"), children: u });
-  return /* @__PURE__ */ v(
+  ) : /* @__PURE__ */ e("span", { className: c(a, "text-muted-foreground"), children: i });
+  return /* @__PURE__ */ h(
     "li",
     {
       ref: f,
-      className: a("flex items-center gap-1.5", s),
+      className: c("flex items-center gap-1.5", s),
       ...m,
       children: [
-        x,
-        !b && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
+        p,
+        !l && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
       ]
     }
   );
@@ -118,5 +120,5 @@ const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: c, children
 E.displayName = "BreadcrumbItem";
 export {
   E as BreadcrumbItem,
-  y as Breadcrumbs
+  z as Breadcrumbs
 };

package/components/chart.d.ts

@@ -100,6 +100,8 @@ export interface LineChartProps extends BaseChartProps {
     curve?: "linear" | "natural" | "step";
     /** Series keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
     /**
      * Print each observation's value above its dot. On by default for a SINGLE
      * series (the reader shouldn't have to hover to read a number that fits);
@@ -112,6 +114,8 @@ export interface AreaChartProps extends BaseChartProps {
     stacked?: boolean;
     /** Series keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
     /** Print each observation's value above its dot — see {@link LineChartProps.showValues}. */
     showValues?: boolean;
 }
@@ -130,6 +134,8 @@ export interface ComboChartProps extends BaseChartProps {
     stacked?: boolean;
     /** Line keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
 }
 export type ComposedChartProps = ComboChartProps;
 export interface PieChartProps {