@actioneer/ads 0.5.7 → 0.5.9

package/components/carousel.js

@@ -1,34 +1,36 @@
 "use client";
-import { jsx as C, jsxs as V } from "react/jsx-runtime";
+import { jsx as b, jsxs as V } from "react/jsx-runtime";
 import * as t from "react";
 import { cva as W } from "class-variance-authority";
+import { MotionConfig as H, motion as X } from "motion/react";
 import { Button as D } from "./button.js";
-import { ChevronLeft as H, ChevronRight as X } from "../lib/icons.js";
-import { cn as S } from "../lib/cn.js";
+import { ChevronLeft as B, ChevronRight as G } from "../lib/icons.js";
+import { cn as w } from "../lib/cn.js";
+import { springCarousel as O } from "../lib/motion.js";
 const q = t.createContext(null);
 function T(l) {
-  const i = t.useContext(q);
-  if (!i)
+  const s = t.useContext(q);
+  if (!s)
     throw new Error(`<${l}> must be used within <Carousel>`);
-  return i;
+  return s;
 }
 const F = t.createContext(null);
-function L(l, i, d) {
-  return i <= 0 ? 0 : d ? (l % i + i) % i : Math.min(Math.max(l, 0), i - 1);
+function L(l, s, d) {
+  return s <= 0 ? 0 : d ? (l % s + s) % s : Math.min(Math.max(l, 0), s - 1);
 }
 function _(l) {
   return l.detail === 0;
 }
-const B = W(
+const Y = W(
   "relative w-full rounded-sm outline-none focus-visible:ring-3 focus-visible:ring-ring"
-), G = t.forwardRef(
+), J = t.forwardRef(
   ({
     className: l,
-    index: i,
+    index: s,
     defaultIndex: d = 0,
     onIndexChange: f,
     loop: o = !0,
-    children: b,
+    children: h,
     role: p,
     tabIndex: m,
     onKeyDown: r,
@@ -36,55 +38,55 @@ const B = W(
     "aria-roledescription": I,
     ...N
   }, u) => {
-    const a = i !== void 0, [n, y] = t.useState(d), [h, v] = t.useState(0), [P, R] = t.useState(!0), E = t.useId(), g = L(a ? i : n, h, !1), e = t.useCallback((s) => {
-      v(s), y(
-        (M) => L(M, s, !1)
+    const a = s !== void 0, [n, y] = t.useState(d), [C, S] = t.useState(0), [P, v] = t.useState(!0), E = t.useId(), g = L(a ? s : n, C, !1), e = t.useCallback((i) => {
+      S(i), y(
+        (M) => L(M, i, !1)
       );
     }, []), c = t.useCallback(
-      (s, M = "animated") => {
-        const $ = L(s, h, o);
-        R(M === "animated"), a || y($), $ !== g && (f == null || f($));
+      (i, M = "animated") => {
+        const $ = L(i, C, o);
+        v(M === "animated"), a || y($), $ !== g && (f == null || f($));
       },
-      [h, g, a, o, f]
+      [C, g, a, o, f]
     ), A = t.useCallback(
-      (s) => c(g - 1, s),
+      (i) => c(g - 1, i),
       [c, g]
-    ), w = t.useCallback(
-      (s) => c(g + 1, s),
+    ), R = t.useCallback(
+      (i) => c(g + 1, i),
       [c, g]
     );
     t.useEffect(() => {
       if (P) return;
-      const s = requestAnimationFrame(() => R(!0));
-      return () => cancelAnimationFrame(s);
+      const i = requestAnimationFrame(() => v(!0));
+      return () => cancelAnimationFrame(i);
     }, [g, P]);
     const k = t.useMemo(
       () => ({
         index: g,
-        count: h,
+        count: C,
         loop: o,
         contentId: E,
         isAnimated: P,
         setCount: e,
         goTo: c,
         goPrevious: A,
-        goNext: w
+        goNext: R
       }),
       [
         g,
-        h,
+        C,
         o,
         E,
         P,
         e,
         c,
         A,
-        w
+        R
       ]
-    ), z = (s) => {
-      r == null || r(s), !(s.defaultPrevented || s.target !== s.currentTarget) && (s.key === "ArrowLeft" ? (s.preventDefault(), A("instant")) : s.key === "ArrowRight" ? (s.preventDefault(), w("instant")) : s.key === "Home" ? (s.preventDefault(), c(0, "instant")) : s.key === "End" && (s.preventDefault(), c(h - 1, "instant")));
+    ), z = (i) => {
+      r == null || r(i), !(i.defaultPrevented || i.target !== i.currentTarget) && (i.key === "ArrowLeft" ? (i.preventDefault(), A("instant")) : i.key === "ArrowRight" ? (i.preventDefault(), R("instant")) : i.key === "Home" ? (i.preventDefault(), c(0, "instant")) : i.key === "End" && (i.preventDefault(), c(C - 1, "instant")));
     };
-    return /* @__PURE__ */ C(q.Provider, { value: k, children: /* @__PURE__ */ V(
+    return /* @__PURE__ */ b(q.Provider, { value: k, children: /* @__PURE__ */ V(
       "div",
       {
         ref: u,
@@ -92,26 +94,26 @@ const B = W(
         "aria-roledescription": I ?? "carousel",
         "aria-label": x ?? "Carousel",
         tabIndex: m ?? 0,
-        className: S(B(), l),
+        className: w(Y(), l),
         onKeyDown: z,
         ...N,
         children: [
-          b,
-          /* @__PURE__ */ C("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: h > 0 ? `Slide ${g + 1} of ${h}` : "" })
+          h,
+          /* @__PURE__ */ b("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: C > 0 ? `Slide ${g + 1} of ${C}` : "" })
         ]
       }
     ) });
   }
 );
-G.displayName = "Carousel";
-const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
+J.displayName = "Carousel";
+const Q = 40, Z = 10, K = 0.11, U = t.forwardRef(
   ({
     className: l,
-    children: i,
+    children: s,
     onPointerDown: d,
     onPointerUp: f,
     onPointerCancel: o,
-    onClickCapture: b,
+    onClickCapture: h,
     ...p
   }, m) => {
     const {
@@ -122,53 +124,52 @@ const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
       setCount: u,
       goPrevious: a,
       goNext: n
-    } = T("CarouselContent"), y = t.Children.toArray(i), h = t.useRef(null), v = t.useRef(!1);
+    } = T("CarouselContent"), y = t.Children.toArray(s), C = t.useRef(null), S = t.useRef(!1);
     t.useEffect(() => {
       u(y.length);
     }, [y.length, u]);
     const P = (e) => {
-      d == null || d(e), !(e.defaultPrevented || !e.isPrimary || e.pointerType === "mouse" || x <= 1) && (h.current = {
+      d == null || d(e), !(e.defaultPrevented || !e.isPrimary || e.pointerType === "mouse" || x <= 1) && (C.current = {
         pointerId: e.pointerId,
         x: e.clientX,
         time: e.timeStamp
       }, e.currentTarget.setPointerCapture(e.pointerId));
-    }, R = (e) => {
+    }, v = (e) => {
       e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId);
     }, E = (e) => {
       f == null || f(e);
-      const c = h.current;
-      if (h.current = null, R(e), !c || c.pointerId !== e.pointerId) return;
-      const A = e.clientX - c.x, w = Math.max(1, e.timeStamp - c.time), k = Math.abs(A) / w;
-      (Math.abs(A) >= O || Math.abs(A) >= Y && k > J) && (v.current = !0, A < 0 ? n() : a());
+      const c = C.current;
+      if (C.current = null, v(e), !c || c.pointerId !== e.pointerId) return;
+      const A = e.clientX - c.x, R = Math.max(1, e.timeStamp - c.time), k = Math.abs(A) / R;
+      (Math.abs(A) >= Q || Math.abs(A) >= Z && k > K) && (S.current = !0, A < 0 ? n() : a());
     }, j = (e) => {
-      o == null || o(e), h.current = null, R(e);
+      o == null || o(e), C.current = null, v(e);
     }, g = (e) => {
-      if (v.current) {
-        v.current = !1, e.preventDefault(), e.stopPropagation();
+      if (S.current) {
+        S.current = !1, e.preventDefault(), e.stopPropagation();
         return;
       }
-      b == null || b(e);
+      h == null || h(e);
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: m,
         id: I,
-        className: S("overflow-hidden touch-pan-y", l),
+        className: w("overflow-hidden touch-pan-y", l),
         onPointerDown: P,
         onPointerUp: E,
         onPointerCancel: j,
         onClickCapture: g,
         ...p,
-        children: /* @__PURE__ */ C(
-          "div",
+        children: /* @__PURE__ */ b(H, { reducedMotion: "user", children: /* @__PURE__ */ b(
+          X.div,
           {
-            className: S(
-              "flex",
-              N ? "transition-transform duration-(--duration-normal) ease-in-out motion-reduce:transition-none" : "transition-none"
-            ),
-            style: { transform: `translate3d(-${r * 100}%, 0, 0)` },
-            children: y.map((e, c) => /* @__PURE__ */ C(
+            className: "flex",
+            initial: !1,
+            animate: { x: `${-r * 100}%` },
+            transition: N ? O : { duration: 0 },
+            children: y.map((e, c) => /* @__PURE__ */ b(
               F.Provider,
               {
                 value: {
@@ -181,48 +182,48 @@ const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
               t.isValidElement(e) ? e.key ?? c : c
             ))
           }
-        )
+        ) })
       }
     );
   }
 );
-Q.displayName = "CarouselContent";
-const Z = t.forwardRef(
+U.displayName = "CarouselContent";
+const ee = t.forwardRef(
   ({
     className: l,
-    role: i,
+    role: s,
     inert: d,
     "aria-label": f,
     "aria-hidden": o,
-    "aria-roledescription": b,
+    "aria-roledescription": h,
     ...p
   }, m) => {
     const r = t.useContext(F);
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: m,
-        role: i ?? "group",
-        "aria-roledescription": b ?? "slide",
+        role: s ?? "group",
+        "aria-roledescription": h ?? "slide",
         "aria-label": f ?? (r ? `${r.index + 1} of ${r.count}` : void 0),
         "aria-hidden": o ?? (r ? !r.isActive : void 0),
         inert: d ?? (r ? !r.isActive : void 0),
         "data-active": (r == null ? void 0 : r.isActive) || void 0,
-        className: S("w-full shrink-0", l),
+        className: w("w-full shrink-0", l),
         ...p
       }
     );
   }
 );
-Z.displayName = "CarouselItem";
-const K = t.forwardRef(
+ee.displayName = "CarouselItem";
+const te = t.forwardRef(
   ({
     className: l,
-    getLabel: i = (p) => `Go to slide ${p + 1}`,
+    getLabel: s = (p) => `Go to slide ${p + 1}`,
     onKeyDown: d,
     "aria-label": f,
     ...o
-  }, b) => {
+  }, h) => {
     const { index: p, count: m, contentId: r, goTo: x } = T("CarouselIndicators"), I = t.useRef([]);
     if (m <= 1) return null;
     const N = (u) => {
@@ -231,25 +232,25 @@ const K = t.forwardRef(
       let a = null;
       u.key === "ArrowRight" ? a = (p + 1) % m : u.key === "ArrowLeft" ? a = (p - 1 + m) % m : u.key === "Home" ? a = 0 : u.key === "End" && (a = m - 1), a !== null && (u.preventDefault(), u.stopPropagation(), x(a, "instant"), (n = I.current[a]) == null || n.focus());
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
-        ref: b,
+        ref: h,
         role: "group",
         "aria-label": f ?? "Choose a slide",
-        className: S("flex items-center justify-center gap-1", l),
+        className: w("flex items-center justify-center gap-1", l),
         onKeyDown: N,
         ...o,
         children: Array.from({ length: m }, (u, a) => {
           const n = a === p;
-          return /* @__PURE__ */ C(
+          return /* @__PURE__ */ b(
             "button",
             {
               ref: (y) => {
                 I.current[a] = y;
               },
               type: "button",
-              "aria-label": i(a),
+              "aria-label": s(a),
               "aria-current": n ? "true" : void 0,
               "aria-controls": r,
               tabIndex: n ? 0 : -1,
@@ -259,12 +260,12 @@ const K = t.forwardRef(
                 a,
                 _(y) ? "instant" : "animated"
               ),
-              children: /* @__PURE__ */ C(
+              children: /* @__PURE__ */ b(
                 "span",
                 {
                   "aria-hidden": !0,
-                  className: S(
-                    "size-2.5 rounded-dot transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                  className: w(
+                    "size-2.5 rounded-dot transition-colors duration-150 ease-out motion-reduce:transition-none",
                     n ? "bg-brand" : "bg-fill group-hover:bg-muted"
                   )
                 }
@@ -277,75 +278,75 @@ const K = t.forwardRef(
     );
   }
 );
-K.displayName = "CarouselIndicators";
-const U = t.forwardRef(
+te.displayName = "CarouselIndicators";
+const re = t.forwardRef(
   ({
     children: l,
-    variant: i = "secondary",
+    variant: s = "secondary",
     size: d = "icon-sm",
     disabled: f,
     onClick: o,
-    "aria-label": b,
+    "aria-label": h,
     ...p
   }, m) => {
     const { index: r, count: x, loop: I, contentId: N, goPrevious: u } = T("CarouselPrevious"), a = f || x <= 1 || !I && r === 0;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       D,
       {
         ref: m,
         type: "button",
-        variant: i,
+        variant: s,
         size: d,
         disabled: a,
-        "aria-label": b ?? "Previous slide",
+        "aria-label": h ?? "Previous slide",
         "aria-controls": N,
         onClick: (n) => {
           o == null || o(n), n.defaultPrevented || u(_(n) ? "instant" : "animated");
         },
         ...p,
-        children: l ?? /* @__PURE__ */ C(H, {})
+        children: l ?? /* @__PURE__ */ b(B, {})
       }
     );
   }
 );
-U.displayName = "CarouselPrevious";
-const ee = t.forwardRef(
+re.displayName = "CarouselPrevious";
+const ae = t.forwardRef(
   ({
     children: l,
-    variant: i = "secondary",
+    variant: s = "secondary",
     size: d = "icon-sm",
     disabled: f,
     onClick: o,
-    "aria-label": b,
+    "aria-label": h,
     ...p
   }, m) => {
     const { index: r, count: x, loop: I, contentId: N, goNext: u } = T("CarouselNext"), a = f || x <= 1 || !I && r === x - 1;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       D,
       {
         ref: m,
         type: "button",
-        variant: i,
+        variant: s,
         size: d,
         disabled: a,
-        "aria-label": b ?? "Next slide",
+        "aria-label": h ?? "Next slide",
         "aria-controls": N,
         onClick: (n) => {
           o == null || o(n), n.defaultPrevented || u(_(n) ? "instant" : "animated");
         },
         ...p,
-        children: l ?? /* @__PURE__ */ C(X, {})
+        children: l ?? /* @__PURE__ */ b(G, {})
       }
     );
   }
 );
-ee.displayName = "CarouselNext";
+ae.displayName = "CarouselNext";
 export {
-  G as Carousel,
-  Q as CarouselContent,
-  K as CarouselIndicators,
-  Z as CarouselItem,
-  ee as CarouselNext,
-  U as CarouselPrevious,
-  B as carouselVariants
+  J as Carousel,
+  U as CarouselContent,
+  te as CarouselIndicators,
+  ee as CarouselItem,
+  ae as CarouselNext,
+  re as CarouselPrevious,
+  Y as carouselVariants
 };

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 {