@octaviaflow/core 3.1.0-beta.67 → 3.1.0-beta.69

package/dist/chunk-X7YETDK7.js

@@ -0,0 +1,107 @@
+import {
+  cn
+} from "./chunk-ZAUUGK2Y.js";
+
+// src/components/CountUp/CountUp.tsx
+import {
+  forwardRef,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsxs } from "react/jsx-runtime";
+var easeLinear = (t) => t;
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+var easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
+var easeOutExpo = (t) => t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
+var CountUp = forwardRef(
+  function CountUp2({
+    value,
+    from = 0,
+    duration = 800,
+    easing = easeOutCubic,
+    decimals = 0,
+    formatValue,
+    prefix,
+    suffix,
+    delay = 0,
+    disableAnimation = false,
+    onComplete,
+    className,
+    ...rest
+  }, ref) {
+    const [n, setN] = useState(disableAnimation ? value : from);
+    const lastRendered = useRef(disableAnimation ? value : from);
+    useEffect(() => {
+      const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      if (disableAnimation || reduced) {
+        setN(value);
+        lastRendered.current = value;
+        onComplete?.();
+        return;
+      }
+      const startValue = lastRendered.current;
+      const delta = value - startValue;
+      if (delta === 0) return;
+      let raf = null;
+      let timeoutId = null;
+      let startTime = null;
+      let cancelled = false;
+      const tick = (ts) => {
+        if (cancelled) return;
+        if (startTime === null) startTime = ts;
+        const t = Math.min(1, (ts - startTime) / Math.max(1, duration));
+        const eased = easing(t);
+        const current = startValue + delta * eased;
+        setN(current);
+        lastRendered.current = current;
+        if (t < 1) {
+          raf = requestAnimationFrame(tick);
+        } else {
+          lastRendered.current = value;
+          setN(value);
+          onComplete?.();
+        }
+      };
+      const start = () => {
+        raf = requestAnimationFrame(tick);
+      };
+      if (delay > 0) {
+        timeoutId = window.setTimeout(start, delay);
+      } else {
+        start();
+      }
+      return () => {
+        cancelled = true;
+        if (raf !== null) cancelAnimationFrame(raf);
+        if (timeoutId !== null) window.clearTimeout(timeoutId);
+      };
+    }, [value, duration, delay, disableAnimation]);
+    const display = formatValue ? formatValue(n) : n.toFixed(decimals);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ...rest,
+        ref,
+        className: cn("ods-count-up", className),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: [
+          prefix,
+          display,
+          suffix
+        ]
+      }
+    );
+  }
+);
+CountUp.displayName = "CountUp";
+
+export {
+  easeLinear,
+  easeOutCubic,
+  easeOutQuart,
+  easeOutExpo,
+  CountUp
+};
+//# sourceMappingURL=chunk-X7YETDK7.js.map

package/dist/chunk-X7YETDK7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CountUp/CountUp.tsx"],"sourcesContent":["\"use client\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/* ---------------------------------------------------------------------------\n * CountUp — animated numeric counter.\n *\n * For ETL / orchestration dashboards: rows processed, runs completed,\n * MRR, throughput totals. Pairs naturally with `Sparkline` and `Stat`.\n *\n * The animation is implementation-light — a `requestAnimationFrame` loop\n * with a configurable easing function. Skips entirely when the user has\n * `prefers-reduced-motion` enabled or `disableAnimation` is true.\n *\n * Re-runs the tween whenever `value` changes, starting from the previous\n * displayed value (so consecutive updates flow smoothly without a reset\n * to 0).\n * ------------------------------------------------------------------------- */\n\nexport type Easing = (t: number) => number;\n\nexport interface CountUpProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"span\">,\n    // HTMLSpanElement carries a native `prefix` attribute (string) — omit\n    // it so our `ReactNode` prefix slot can coexist.\n    \"children\" | \"onChange\" | \"prefix\"\n  > {\n  /** Target value. */\n  value: number;\n  /** Starting value on FIRST mount. Default 0. */\n  from?: number;\n  /** Tween duration in ms. Default 800. */\n  duration?: number;\n  /** Easing function. Default `easeOutCubic`. */\n  easing?: Easing;\n  /** Decimal places when no `formatValue` is supplied. Default 0. */\n  decimals?: number;\n  /** Custom formatter — wins over `decimals`. */\n  formatValue?: (value: number) => ReactNode;\n  /** Inline content before the number. */\n  prefix?: ReactNode;\n  /** Inline content after the number (e.g. \"%\"). */\n  suffix?: ReactNode;\n  /** Delay the tween start in ms. */\n  delay?: number;\n  /**\n   * Skip the animation and render `value` immediately. Reads as a\n   * \"static mode\" — useful for SSR snapshots or print views.\n   */\n  disableAnimation?: boolean;\n  /** Fires once when the tween settles on the target value. */\n  onComplete?: () => void;\n}\n\n/* ---------------------------------------------------------------------------\n * Easings\n * ------------------------------------------------------------------------- */\n\nexport const easeLinear: Easing = (t) => t;\nexport const easeOutCubic: Easing = (t) => 1 - Math.pow(1 - t, 3);\nexport const easeOutQuart: Easing = (t) => 1 - Math.pow(1 - t, 4);\nexport const easeOutExpo: Easing = (t) =>\n  t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\n\n/* ---------------------------------------------------------------------------\n * Component\n * ------------------------------------------------------------------------- */\n\nexport const CountUp = forwardRef<HTMLSpanElement, CountUpProps>(\n  function CountUp(\n    {\n      value,\n      from = 0,\n      duration = 800,\n      easing = easeOutCubic,\n      decimals = 0,\n      formatValue,\n      prefix,\n      suffix,\n      delay = 0,\n      disableAnimation = false,\n      onComplete,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    // The current rendered number. Initialise to `from` on first mount;\n    // subsequent renders tween from the previous displayed value.\n    const [n, setN] = useState<number>(disableAnimation ? value : from);\n    const lastRendered = useRef<number>(disableAnimation ? value : from);\n\n    useEffect(() => {\n      // Respect prefers-reduced-motion — snap to target without animation.\n      const reduced =\n        typeof window !== \"undefined\" &&\n        window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")\n          .matches;\n\n      if (disableAnimation || reduced) {\n        setN(value);\n        lastRendered.current = value;\n        onComplete?.();\n        return;\n      }\n\n      const startValue = lastRendered.current;\n      const delta = value - startValue;\n      if (delta === 0) return;\n\n      let raf: number | null = null;\n      let timeoutId: number | null = null;\n      let startTime: number | null = null;\n      let cancelled = false;\n\n      const tick = (ts: number) => {\n        if (cancelled) return;\n        if (startTime === null) startTime = ts;\n        const t = Math.min(1, (ts - startTime) / Math.max(1, duration));\n        const eased = easing(t);\n        const current = startValue + delta * eased;\n        setN(current);\n        lastRendered.current = current;\n        if (t < 1) {\n          raf = requestAnimationFrame(tick);\n        } else {\n          lastRendered.current = value;\n          setN(value);\n          onComplete?.();\n        }\n      };\n\n      const start = () => {\n        raf = requestAnimationFrame(tick);\n      };\n\n      if (delay > 0) {\n        timeoutId = window.setTimeout(start, delay);\n      } else {\n        start();\n      }\n\n      return () => {\n        cancelled = true;\n        if (raf !== null) cancelAnimationFrame(raf);\n        if (timeoutId !== null) window.clearTimeout(timeoutId);\n      };\n      // We intentionally exclude `easing` from deps — it should be a\n      // stable function reference. If the consumer changes easing\n      // mid-flight, we just pick it up on the next value change.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, duration, delay, disableAnimation]);\n\n    const display = formatValue ? formatValue(n) : n.toFixed(decimals);\n\n    return (\n      <span\n        {...rest}\n        ref={ref}\n        className={cn(\"ods-count-up\", className)}\n        // aria-live so screen readers announce updates without a stale\n        // value lingering. Polite (default for \"status\") avoids\n        // interrupting other announcements.\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {prefix}\n        {display}\n        {suffix}\n      </span>\n    );\n  },\n);\n\nCountUp.displayName = \"CountUp\";\n"],"mappings":";;;;;AACA;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA4JD;AAlGC,IAAM,aAAqB,CAAC,MAAM;AAClC,IAAM,eAAuB,CAAC,MAAM,IAAI,KAAK,IAAI,IAAI,GAAG,CAAC;AACzD,IAAM,eAAuB,CAAC,MAAM,IAAI,KAAK,IAAI,IAAI,GAAG,CAAC;AACzD,IAAM,cAAsB,CAAC,MAClC,MAAM,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,CAAC;AAMhC,IAAM,UAAU;AAAA,EACrB,SAASA,SACP;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AAGA,UAAM,CAAC,GAAG,IAAI,IAAI,SAAiB,mBAAmB,QAAQ,IAAI;AAClE,UAAM,eAAe,OAAe,mBAAmB,QAAQ,IAAI;AAEnE,cAAU,MAAM;AAEd,YAAM,UACJ,OAAO,WAAW,eAClB,OAAO,aAAa,kCAAkC,EACnD;AAEL,UAAI,oBAAoB,SAAS;AAC/B,aAAK,KAAK;AACV,qBAAa,UAAU;AACvB,qBAAa;AACb;AAAA,MACF;AAEA,YAAM,aAAa,aAAa;AAChC,YAAM,QAAQ,QAAQ;AACtB,UAAI,UAAU,EAAG;AAEjB,UAAI,MAAqB;AACzB,UAAI,YAA2B;AAC/B,UAAI,YAA2B;AAC/B,UAAI,YAAY;AAEhB,YAAM,OAAO,CAAC,OAAe;AAC3B,YAAI,UAAW;AACf,YAAI,cAAc,KAAM,aAAY;AACpC,cAAM,IAAI,KAAK,IAAI,IAAI,KAAK,aAAa,KAAK,IAAI,GAAG,QAAQ,CAAC;AAC9D,cAAM,QAAQ,OAAO,CAAC;AACtB,cAAM,UAAU,aAAa,QAAQ;AACrC,aAAK,OAAO;AACZ,qBAAa,UAAU;AACvB,YAAI,IAAI,GAAG;AACT,gBAAM,sBAAsB,IAAI;AAAA,QAClC,OAAO;AACL,uBAAa,UAAU;AACvB,eAAK,KAAK;AACV,uBAAa;AAAA,QACf;AAAA,MACF;AAEA,YAAM,QAAQ,MAAM;AAClB,cAAM,sBAAsB,IAAI;AAAA,MAClC;AAEA,UAAI,QAAQ,GAAG;AACb,oBAAY,OAAO,WAAW,OAAO,KAAK;AAAA,MAC5C,OAAO;AACL,cAAM;AAAA,MACR;AAEA,aAAO,MAAM;AACX,oBAAY;AACZ,YAAI,QAAQ,KAAM,sBAAqB,GAAG;AAC1C,YAAI,cAAc,KAAM,QAAO,aAAa,SAAS;AAAA,MACvD;AAAA,IAKF,GAAG,CAAC,OAAO,UAAU,OAAO,gBAAgB,CAAC;AAE7C,UAAM,UAAU,cAAc,YAAY,CAAC,IAAI,EAAE,QAAQ,QAAQ;AAEjE,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,QAIvC,aAAU;AAAA,QACV,eAAY;AAAA,QAEX;AAAA;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":["CountUp"]}