@actioneer/ads 1.0.9 → 1.0.10

package/components/breadcrumbs.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as x, jsx as t, Fragment as k } from "react/jsx-runtime";
+import { jsxs as b, jsx as t, Fragment as k } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as d } from "../lib/cn.js";
 const N = r.createContext({
@@ -15,23 +15,23 @@ function B(a) {
   return null;
 }
 const C = r.forwardRef(
-  ({ className: a, children: n, sticky: e, actions: i, center: c, meta: f, ...p }, l) => {
-    const h = r.Children.toArray(n), b = r.useRef(null), m = r.useCallback(
+  ({ className: a, children: n, sticky: e, actions: i, center: c, meta: f, ...h }, o) => {
+    const p = r.Children.toArray(n), x = r.useRef(null), m = r.useCallback(
       (s) => {
-        b.current = s, typeof l == "function" ? l(s) : l && (l.current = s);
+        x.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
       },
-      [l]
-    ), [o, g] = r.useState(!1);
+      [o]
+    ), [l, g] = r.useState(!1);
     return r.useEffect(() => {
       if (!e) return;
-      const s = B(b.current), u = s ?? window, v = () => g((s ? s.scrollTop : window.scrollY) > 2);
+      const s = B(x.current), u = s ?? window, v = () => g((s ? s.scrollTop : window.scrollY) > 2);
       return v(), u.addEventListener("scroll", v, { passive: !0 }), () => u.removeEventListener("scroll", v);
-    }, [e]), /* @__PURE__ */ x(
+    }, [e]), /* @__PURE__ */ b(
       "nav",
       {
         ref: m,
         "aria-label": "Breadcrumb",
-        "data-stuck": e ? o ? "true" : "false" : void 0,
+        "data-stuck": e ? l ? "true" : "false" : void 0,
         className: d(
           "relative flex w-full items-center",
           e && "sticky top-0 z-40 bg-card transition-[border-color] duration-150 ease-out motion-reduce:transition-none",
@@ -41,13 +41,13 @@ const C = r.forwardRef(
           // background over that gap (a no-op at rest, where the strip is the
           // panel's empty padding).
           e && "before:absolute before:inset-x-0 before:-top-8 before:h-8 before:bg-inherit before:content-['']",
-          e && (o ? "border-b border-border" : "border-b border-transparent"),
+          e && (l ? "border-b border-border" : "border-b border-transparent"),
           a
         ),
-        ...p,
+        ...h,
         children: [
-          /* @__PURE__ */ x("div", { className: "flex min-w-0 shrink items-baseline", children: [
-            /* @__PURE__ */ t("ol", { className: "flex min-w-0 shrink items-center gap-1.5 text-l", children: /* @__PURE__ */ t(N.Provider, { value: { count: h.length }, children: h.map((s, u) => /* @__PURE__ */ t(w.Provider, { value: u, children: s }, u)) }) }),
+          /* @__PURE__ */ b("div", { className: "flex min-w-0 shrink items-baseline", children: [
+            /* @__PURE__ */ t("ol", { className: "flex min-w-0 shrink items-center gap-1.5 font-heading text-xl", children: /* @__PURE__ */ t(N.Provider, { value: { count: p.length }, children: p.map((s, u) => /* @__PURE__ */ t(w.Provider, { value: u, children: s }, u)) }) }),
             f && /* @__PURE__ */ t("div", { className: "ml-3 flex shrink-0 items-baseline gap-3 text-s text-tertiary", children: f })
           ] }),
           c && /* @__PURE__ */ t("div", { className: "absolute left-1/2 top-1/2 z-50 flex -translate-x-1/2 -translate-y-1/2 items-center", children: c }),
@@ -58,16 +58,16 @@ const C = r.forwardRef(
   }
 );
 C.displayName = "Breadcrumbs";
-const R = r.forwardRef(({ className: a, href: n, isCurrent: e, icon: i, children: c, ...f }, p) => {
-  const { count: l } = r.useContext(N), b = r.useContext(w) === l - 1, m = "inline-flex items-center gap-1.5", o = /* @__PURE__ */ x(k, { children: [
+const R = r.forwardRef(({ className: a, href: n, isCurrent: e, icon: i, children: c, ...f }, h) => {
+  const { count: o } = r.useContext(N), x = r.useContext(w) === o - 1, m = "inline-flex items-center gap-1.5", l = /* @__PURE__ */ b(k, { children: [
     i && /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "flex shrink-0 items-center [&_svg]:size-4", children: i }),
     e ? /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: c }) : c
   ] }), g = e ? /* @__PURE__ */ t(
     "span",
     {
       "aria-current": "page",
-      className: d(m, "min-w-0 text-l font-medium text-primary"),
-      children: o
+      className: d(m, "min-w-0 text-xl font-medium text-primary"),
+      children: l
     }
   ) : n ? /* @__PURE__ */ t(
     "a",
@@ -78,13 +78,13 @@ const R = r.forwardRef(({ className: a, href: n, isCurrent: e, icon: i, children
         "font-normal text-muted-foreground transition-colors hover:text-foreground",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm"
       ),
-      children: o
+      children: l
     }
-  ) : /* @__PURE__ */ t("span", { className: d(m, "text-muted-foreground"), children: o });
-  return /* @__PURE__ */ x(
+  ) : /* @__PURE__ */ t("span", { className: d(m, "text-muted-foreground"), children: l });
+  return /* @__PURE__ */ b(
     "li",
     {
-      ref: p,
+      ref: h,
       className: d(
         "flex items-center gap-1.5",
         e ? "min-w-0 shrink" : "shrink-0",
@@ -93,7 +93,7 @@ const R = r.forwardRef(({ className: a, href: n, isCurrent: e, icon: i, children
       ...f,
       children: [
         g,
-        !b && /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
+        !x && /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
       ]
     }
   );

package/components/card.js

@@ -3,14 +3,14 @@ import { jsx as t } from "react/jsx-runtime";
 import * as d from "react";
 import { cn as o } from "../lib/cn.js";
 const l = d.forwardRef(
-  ({ className: r, isHoverable: a, isPressable: e, children: s, ...n }, i) => {
+  ({ className: e, isHoverable: a, isPressable: r, children: s, ...n }, i) => {
     const c = o(
-      "bg-card text-card-foreground rounded-xl",
-      (e || a) && "transition-[box-shadow,transform] duration-150 ease-out motion-reduce:transition-none",
+      "rounded-card border border-border bg-card text-card-foreground shadow-card",
+      (r || a) && "transition-[box-shadow,transform] duration-150 ease-out motion-reduce:transition-none",
       a && "hover:-translate-y-0.5",
-      r
+      e
     );
-    return e ? /* @__PURE__ */ t(
+    return r ? /* @__PURE__ */ t(
       "button",
       {
         ref: i,
@@ -29,46 +29,46 @@ const l = d.forwardRef(
   }
 );
 l.displayName = "Card";
-const f = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+const f = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "div",
   {
-    ref: e,
-    className: o("flex flex-col gap-1 px-5 pt-5", r),
+    ref: r,
+    className: o("flex flex-col gap-1 px-5 pt-5", e),
     ...a
   }
 ));
 f.displayName = "CardHeader";
-const m = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+const m = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "h3",
   {
-    ref: e,
-    className: o("text-base font-medium leading-none", r),
+    ref: r,
+    className: o("text-base font-medium leading-none", e),
     ...a
   }
 ));
 m.displayName = "CardTitle";
-const p = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+const p = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "p",
   {
-    ref: e,
-    className: o("text-xs text-muted-foreground", r),
+    ref: r,
+    className: o("text-xs text-muted-foreground", e),
     ...a
   }
 ));
 p.displayName = "CardDescription";
-const u = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t("div", { ref: e, className: o("px-5 py-4", r), ...a }));
+const u = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: o("px-5 py-4", e), ...a }));
 u.displayName = "CardBody";
 const x = d.forwardRef(
-  ({ className: r, withBorder: a, ...e }, s) => /* @__PURE__ */ t(
+  ({ className: e, withBorder: a, ...r }, s) => /* @__PURE__ */ t(
     "div",
     {
       ref: s,
       className: o(
         "flex items-center px-5 pb-5 pt-4",
         a && "border-t border-border",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   )
 );

package/components/chart.d.ts

@@ -128,6 +128,15 @@ export interface LineChartProps extends BaseChartProps {
      * labels step aside while the plot is hovered. Pass `false` to opt out.
      */
     showValues?: boolean;
+    /**
+     * A soft wash under each observed line that fades from the series colour
+     * (20%) at the line down to nothing at the baseline — ON by default
+     * (user-mandated 2026-11-12, the Span trend-line look). It reads as the
+     * line's shadow, not as an area measurement: it never stacks, never takes a
+     * label or tooltip, and forecasts (dashed) stay unfilled. Pass `false` for
+     * bare lines.
+     */
+    gradientFill?: boolean;
 }
 export interface AreaChartProps extends BaseChartProps {
     curve?: "linear" | "natural" | "step";