@alfadocs/ui-kit 0.14.1 → 0.15.1

package/dist/_chunks/menu-XRhW3_99.js

@@ -0,0 +1,16 @@
+import { c as e } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], o = e("menu", t);
+export {
+  o as M
+};
+//# sourceMappingURL=menu-XRhW3_99.js.map

package/dist/_chunks/{patient-shell-CL20JnVJ.js → patient-shell-BE0CdPOJ.js}

@@ -4,7 +4,7 @@ import { useTranslation as c } from "react-i18next";
 import { A as y } from "./app-frame-BYx1gcV7.js";
 import { I } from "./icon-button-C4CGcYuz.js";
 import { D as n } from "./dropdown-menu-dyV7gHh_.js";
-import { H as L, g as A, f as H, e as x, a as C, c as M, d as B } from "./header-D0ULgQl3.js";
+import { H as L, g as A, f as H, e as x, a as C, c as M, d as B } from "./header-DqmKROIY.js";
 import { L as N } from "./logo-_Z-jLq80.js";
 import { S as T, a as _, h as O, j as P, k as W, i as j } from "./sidebar-D8Lq065m.js";
 import { T as z } from "./theme-root-CSKD5ZRm.js";
@@ -185,4 +185,4 @@ V.displayName = "PatientShell";
 export {
   V as P
 };
-//# sourceMappingURL=patient-shell-CL20JnVJ.js.map
+//# sourceMappingURL=patient-shell-BE0CdPOJ.js.map

package/dist/_chunks/public-header.agent-ZLBAQ30j.js

@@ -0,0 +1,242 @@
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { forwardRef as P, useId as Y, useState as b, useCallback as N, useImperativeHandle as q, useEffect as j, useRef as L } from "react";
+import { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { I as D } from "./icon-button-C4CGcYuz.js";
+import { S as c } from "./sheet-BT0izeoI.js";
+import { X as F } from "./x-CCcI3eJp.js";
+import { M as W } from "./menu-XRhW3_99.js";
+const X = C(
+  [
+    "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
+    "ds:w-full ds:z-[var(--z-sticky)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]",
+    "ds:h-14 ds:md:h-16",
+    "ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        default: "ds:bg-[var(--card)] ds:text-[var(--foreground)] ds:border-b ds:border-[color:var(--border)]",
+        // Transparent fades to default once data-stuck="true" (set by the
+        // rAF scroll listener). The fade is handled via the same
+        // background utility so `data-stuck` swaps cleanly between states.
+        transparent: [
+          "ds:bg-transparent ds:text-[var(--foreground)]",
+          "ds:data-[stuck=true]:bg-[var(--card)]",
+          "ds:data-[stuck=true]:shadow-[var(--shadow-md)]",
+          "ds:forced-colors:border-b ds:forced-colors:border-[CanvasText]"
+        ].join(" "),
+        // `dark` flips its own scope into the dark token set so nav
+        // links + buttons inside read off-white text on the blue-800
+        // surface. Without the `theme-dark` scope the children inherit
+        // the light-theme `--foreground` (blue-500) and fail
+        // color-contrast at ~1.3:1.
+        dark: "theme-dark ds:bg-[var(--color-blue-800)] ds:text-[var(--foreground)]"
+      },
+      sticky: {
+        none: "",
+        top: "ds:sticky ds:top-0",
+        // `scroll-up` is sticky but translates off-screen when scrolling
+        // down past `stickyOffset` (handled by data-hidden="true") and
+        // slides back in when scrolling up.
+        "scroll-up": [
+          "ds:sticky ds:top-0",
+          "ds:data-[hidden=true]:-translate-y-full"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { variant: "default", sticky: "none" }
+  }
+), $ = C(
+  [
+    "ds:inline-flex ds:items-center",
+    "ds:type-body-sm ds:font-medium",
+    "ds:text-[var(--foreground)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:hover:text-[var(--primary)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:data-[active=true]:text-[var(--primary)]",
+    "ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]"
+  ].join(" ")
+);
+function G() {
+  const [e, d] = b(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return j(() => {
+    if (typeof window > "u" || !window.matchMedia) return;
+    const r = window.matchMedia("(prefers-reduced-motion: reduce)"), n = () => d(r.matches);
+    return r.addEventListener("change", n), () => r.removeEventListener("change", n);
+  }, []), e;
+}
+function J(e, d, r) {
+  const [n, a] = b(!1), [p, o] = b(!1), l = L(0), u = L(!1);
+  return j(() => {
+    if (!e || typeof window > "u") return;
+    l.current = window.scrollY;
+    const f = () => {
+      const t = window.scrollY;
+      if (a(t > r), d === "scroll-up") {
+        const v = t - l.current;
+        v > 4 && t > r ? o(!0) : (v < -4 || t <= r) && o(!1);
+      }
+      l.current = t, u.current = !1;
+    }, m = () => {
+      u.current || (u.current = !0, window.requestAnimationFrame(f));
+    };
+    return window.addEventListener("scroll", m, { passive: !0 }), f(), () => {
+      window.removeEventListener("scroll", m);
+    };
+  }, [e, d, r]), { stuck: n, hidden: p };
+}
+const I = P(
+  ({
+    logo: e,
+    homeHref: d = "/",
+    homeLabel: r,
+    navSlot: n,
+    actionsSlot: a,
+    variant: p = "default",
+    sticky: o = "none",
+    stickyOffset: l = 80,
+    menuLabel: u,
+    navLabel: f,
+    id: m,
+    className: t,
+    ...v
+  }, E) => {
+    const { t: h } = S(), y = G(), O = Y(), H = `${m ?? O}-sheet`, [i, w] = b(!1), _ = p === "transparent" || o === "scroll-up", { stuck: z, hidden: T } = J(
+      _,
+      o,
+      l
+    ), A = y ? !1 : T, k = N(() => w(!0), []), M = N(() => w(!1), []);
+    q(
+      E,
+      () => ({
+        openMenu: k,
+        closeMenu: M,
+        getMenuOpen: () => i
+      }),
+      [k, M, i]
+    );
+    const B = r ?? h("publicHeader.homeLabel", "AlfaDocs — home"), x = f ?? h("publicHeader.primaryNavLabel", "Primary"), V = u ?? (i ? h("publicHeader.closeMenu", "Close menu") : h("publicHeader.openMenu", "Open menu"));
+    return /* @__PURE__ */ g(
+      "header",
+      {
+        ...v,
+        "data-component": "public-header",
+        "data-component-id": m,
+        "data-stuck": z ? "true" : void 0,
+        "data-hidden": A ? "true" : void 0,
+        "data-state": y ? "reduced-motion" : void 0,
+        className: X({ variant: p, sticky: o, className: t }),
+        children: [
+          /* @__PURE__ */ s(
+            "a",
+            {
+              href: d,
+              "aria-label": B,
+              className: "ds:inline-flex ds:items-center ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+              children: e
+            }
+          ),
+          n ? /* @__PURE__ */ s(
+            "nav",
+            {
+              "aria-label": x,
+              className: "ds:hidden ds:md:flex ds:items-center ds:gap-[var(--spacing-md)] ds:ms-[var(--spacing-lg)]",
+              children: n
+            }
+          ) : null,
+          a ? /* @__PURE__ */ s("div", { className: "ds:hidden ds:md:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto", children: a }) : null,
+          /* @__PURE__ */ g(c, { open: i, onOpenChange: w, children: [
+            /* @__PURE__ */ s(c.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+              D,
+              {
+                size: "md",
+                intent: "ghost",
+                className: "ds:ms-auto ds:md:hidden",
+                icon: i ? /* @__PURE__ */ s(F, { "aria-hidden": "true" }) : /* @__PURE__ */ s(W, { "aria-hidden": "true" }),
+                "aria-controls": H,
+                "aria-expanded": i,
+                "aria-label": V
+              }
+            ) }),
+            /* @__PURE__ */ g(c.Content, { side: "end", size: "md", id: H, children: [
+              /* @__PURE__ */ s(c.Header, { children: /* @__PURE__ */ s(c.Title, { children: x }) }),
+              /* @__PURE__ */ s(c.Body, { children: /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                n ? /* @__PURE__ */ s(
+                  "nav",
+                  {
+                    "aria-label": x,
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+                    children: n
+                  }
+                ) : null,
+                a ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: a }) : null
+              ] }) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+I.displayName = "PublicHeader";
+const R = P(({ active: e, className: d, children: r, ...n }, a) => /* @__PURE__ */ s(
+  "a",
+  {
+    ref: a,
+    ...n,
+    "data-active": e ? "true" : void 0,
+    "aria-current": e ? "page" : void 0,
+    className: [$(), d].filter(Boolean).join(" "),
+    children: r
+  }
+));
+R.displayName = "PublicHeader.NavLink";
+const de = Object.assign(I, {
+  NavLink: R
+}), ae = {
+  id: "public-header",
+  capabilities: ["open", "close"],
+  state: {
+    menuOpen: {
+      type: "boolean",
+      description: "Whether the mobile drawer is currently open.",
+      read: (e) => e.getMenuOpen()
+    }
+  },
+  actions: {
+    open_menu: {
+      safety: "read",
+      description: "Open the mobile drawer.",
+      invoke: (e) => {
+        e.openMenu();
+      }
+    },
+    close_menu: {
+      safety: "read",
+      description: "Close the mobile drawer.",
+      invoke: (e) => {
+        e.closeMenu();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "public-header" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on PublicHeader."
+    }
+  }
+};
+export {
+  de as P,
+  ae as p
+};
+//# sourceMappingURL=public-header.agent-ZLBAQ30j.js.map

package/dist/_chunks/stat-CYEx8sIR.js

@@ -0,0 +1,317 @@
+import { jsxs as z, jsx as i } from "react/jsx-runtime";
+import { forwardRef as Q, useId as X, useCallback as L, useRef as Z, useMemo as tt } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as U } from "react-i18next";
+import { u as et } from "./use-count-up-BLLetaZ8.js";
+const O = V("ds:flex ds:flex-col", {
+  variants: {
+    variant: {
+      default: "ds:gap-[var(--spacing-xs)]",
+      outlined: [
+        "ds:gap-[var(--spacing-xs)]",
+        "ds:border ds:border-[color:var(--border)]",
+        "ds:rounded-[var(--radius-md)]",
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+      ].join(" "),
+      // White card surface with the shared card shadow — matches
+      // `Card variant="elevated"` tokens (`--card` + `--shadow-card`) so
+      // a grid of elevated Stats reads as a set of shaded panels without
+      // nesting a Card around each one.
+      elevated: [
+        "ds:gap-[var(--spacing-xs)]",
+        "ds:bg-[var(--card)]",
+        "ds:text-[var(--card-foreground)]",
+        "ds:shadow-[var(--shadow-card)]",
+        "ds:rounded-[var(--radius-lg)]",
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+        // Forced-colors: UA strips shadow, so render a border as the
+        // separation cue — mirrors Card's forced-colors behaviour.
+        "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+      ].join(" "),
+      compact: "ds:gap-[var(--spacing-none)]"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    align: {
+      start: "ds:items-start ds:text-start",
+      center: "ds:items-center ds:text-center",
+      end: "ds:items-end ds:text-end"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    align: "start"
+  }
+}), P = V("type-metric ds:text-[var(--foreground)]", {
+  variants: {
+    size: {
+      sm: "ds:[--type-metric-size:var(--font-size-xl)]",
+      md: "ds:[--type-metric-size:var(--font-size-3xl)]",
+      lg: "ds:[--type-metric-size:var(--font-size-5xl)]"
+    },
+    variant: {
+      default: "",
+      outlined: "",
+      elevated: "",
+      compact: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "compact",
+      size: "sm",
+      className: "ds:[--type-metric-size:var(--font-size-lg)]"
+    },
+    {
+      variant: "compact",
+      size: "md",
+      className: "ds:[--type-metric-size:var(--font-size-xl)]"
+    },
+    {
+      variant: "compact",
+      size: "lg",
+      className: "ds:[--type-metric-size:var(--font-size-2xl)]"
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), st = V(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
+  {
+    variants: {
+      trend: {
+        up: "ds:text-[var(--success)]",
+        down: "ds:text-[var(--destructive)]",
+        flat: "ds:text-[var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: {
+      trend: "flat"
+    }
+  }
+), rt = { up: "↑", down: "↓", flat: "→" }, at = {
+  up: "stat.trend.up",
+  down: "stat.trend.down",
+  flat: "stat.trend.flat"
+};
+function nt({
+  trend: d,
+  delta: t,
+  deltaFormat: c = "decimal",
+  locale: a
+}) {
+  const { t: e, i18n: o } = U(), l = typeof t == "string" ? t : new Intl.NumberFormat(a ?? o.language, {
+    style: c === "percent" ? "percent" : "decimal"
+  }).format(c === "percent" ? t / 100 : t);
+  return /* @__PURE__ */ z("span", { className: st({ trend: d }), children: [
+    /* @__PURE__ */ i("span", { "aria-hidden": "true", children: rt[d] }),
+    /* @__PURE__ */ i("span", { className: "ds:sr-only", children: e(at[d]) }),
+    l
+  ] });
+}
+function it(d, t) {
+  const c = d.trim();
+  if (c === "") return null;
+  let a = "", e = c;
+  e.startsWith("+") ? (a = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (a = "-", e = e.slice(1).trimStart());
+  let o = "";
+  const l = e.match(/[KMB]$/i);
+  l && (o = l[0], e = e.slice(0, -1).trimEnd());
+  let m = "", u = ".";
+  try {
+    const b = new Intl.NumberFormat(t).formatToParts(12345.6);
+    for (const n of b)
+      n.type === "group" ? m = n.value : n.type === "decimal" && (u = n.value);
+  } catch {
+  }
+  const g = e.match(/^(\d+)\.(\d+)$/);
+  if (g && !(g[2].length === 3 && m === ".")) {
+    const n = Number.parseFloat(e);
+    if (Number.isFinite(n))
+      return { target: n, sign: a, suffix: o };
+  }
+  let s = e;
+  m !== "" && (s = s.split(m).join("")), u !== "." && (s = s.split(u).join(".")), s = s.replace(/[\s\u00A0\u202F]/g, "");
+  const v = Number.parseFloat(s);
+  return Number.isFinite(v) ? { target: v, sign: a, suffix: o } : null;
+}
+const dt = Q(
+  ({
+    label: d,
+    value: t,
+    format: c,
+    currency: a,
+    locale: e,
+    trend: o,
+    delta: l,
+    deltaFormat: m = "decimal",
+    icon: u,
+    loading: g = !1,
+    animate: s = !1,
+    animateOnEveryView: v = !1,
+    animateDurationMs: b = 1600,
+    animateLocale: n,
+    animateSeparators: h,
+    variant: x = "default",
+    size: y = "md",
+    align: I = "start",
+    className: M,
+    ...j
+  }, k) => {
+    const { i18n: B } = U(), R = X(), f = e ?? B.language, K = L(() => {
+      if (typeof t == "string") return t;
+      switch (c) {
+        case "currency":
+          return new Intl.NumberFormat(f, {
+            style: "currency",
+            currency: a ?? "USD"
+          }).format(t);
+        case "percent":
+          return new Intl.NumberFormat(f, { style: "percent" }).format(
+            t
+          );
+        case "decimal":
+          return new Intl.NumberFormat(f, { style: "decimal" }).format(
+            t
+          );
+        default:
+          return new Intl.NumberFormat(f).format(t);
+      }
+    }, [t, c, f, a])(), N = n ?? f;
+    Z(!1);
+    const r = tt(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : it(t, N) : null, [s, t, N]), Y = s && r !== null, _ = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", T = (r == null ? void 0 : r.suffix) ?? "", q = L(
+      (w) => {
+        const C = (() => {
+          try {
+            return new Intl.NumberFormat(N, {
+              useGrouping: !0
+            });
+          } catch {
+            return null;
+          }
+        })();
+        let p;
+        if (C)
+          if (h) {
+            const W = Math.abs(w), A = Math.trunc(W), D = W - A, H = h.thousand ?? "", S = String(A).replace(
+              /\B(?=(\d{3})+(?!\d))/g,
+              H
+            );
+            if (D === 0)
+              p = S;
+            else {
+              const G = D.toFixed(6).replace(/0+$/, "").slice(2), J = h.decimal ?? ".";
+              p = G ? S + J + G : S;
+            }
+          } else
+            p = C.format(Math.abs(w));
+        else
+          p = String(Math.abs(w));
+        let E = F;
+        return F === "" && w < 0 && (E = "-"), `${E}${p}${T}`;
+      },
+      [N, h, F, T]
+    ), $ = et({
+      to: _,
+      from: 0,
+      durationMs: b,
+      startOnVisible: !0,
+      retriggerOnReEntry: v,
+      // `formatter` is the only path we use — it owns both the locale
+      // formatting and the sign/suffix re-application.
+      formatter: q
+    });
+    return g ? /* @__PURE__ */ z(
+      "div",
+      {
+        ref: k,
+        role: "group",
+        "aria-busy": "true",
+        "aria-label": d,
+        "data-component": "stat",
+        className: O({ variant: x, size: y, align: I, className: M }),
+        ...j,
+        children: [
+          /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
+          /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
+        ]
+      }
+    ) : /* @__PURE__ */ z(
+      "div",
+      {
+        ref: k,
+        role: "group",
+        "aria-labelledby": R,
+        "data-component": "stat",
+        className: O({ variant: x, size: y, align: I, className: M }),
+        ...j,
+        children: [
+          /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center", children: [
+            u && /* @__PURE__ */ i(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: [
+                  "ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0",
+                  // Accent tint on the leading icon. The icon is decorative
+                  // (aria-hidden), so magenta-500's 3.2:1 contrast on white
+                  // is acceptable here — the Stat label + value still
+                  // carry the accessible name at `--foreground`.
+                  "ds:text-[color:var(--accent)]",
+                  "ds:forced-colors:text-[CanvasText]"
+                ].join(" "),
+                children: u
+              }
+            ),
+            /* @__PURE__ */ i(
+              "span",
+              {
+                id: R,
+                className: "type-label ds:text-[var(--muted-foreground)]",
+                children: d
+              }
+            )
+          ] }),
+          Y ? (
+            // The animated number is wrapped in an `aria-live="off"` span
+            // so screen readers don't announce every interpolated frame.
+            // The `role="group"` ancestor (with `aria-labelledby` pointing
+            // at the label) carries the final accessible reading — the
+            // animated frames are decorative only.
+            /* @__PURE__ */ i(
+              "span",
+              {
+                ref: $.ref,
+                "aria-live": "off",
+                className: P({ size: y, variant: x }),
+                children: $.value
+              }
+            )
+          ) : /* @__PURE__ */ i("span", { className: P({ size: y, variant: x }), children: K }),
+          o != null && l != null && /* @__PURE__ */ i(
+            nt,
+            {
+              trend: o,
+              delta: l,
+              deltaFormat: m,
+              locale: e
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+dt.displayName = "Stat";
+export {
+  dt as S
+};
+//# sourceMappingURL=stat-CYEx8sIR.js.map

package/dist/_chunks/use-count-up-BLLetaZ8.js

@@ -0,0 +1,109 @@
+import { useMemo as D, useState as T, useRef as e, useCallback as v, useEffect as U } from "react";
+const H = (l) => 1 - Math.pow(1 - l, 3);
+function J(l, u, d) {
+  if (d) return d;
+  let m;
+  try {
+    m = new Intl.NumberFormat(l);
+  } catch {
+    return (r) => String(r);
+  }
+  return u ? (r) => {
+    if (!Number.isFinite(r)) return String(r);
+    const o = r < 0 ? "-" : "", w = Math.abs(r), p = Math.trunc(w), g = w - p, R = String(p), P = u.thousand ?? "", i = R.replace(/\B(?=(\d{3})+(?!\d))/g, P);
+    if (g === 0) return o + i;
+    const F = g.toFixed(6).replace(/0+$/, "").slice(2), t = u.decimal ?? ".";
+    return F ? o + i + t + F : o + i;
+  } : (r) => m.format(r);
+}
+function K() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function W(l) {
+  const {
+    to: u,
+    from: d = 0,
+    durationMs: m = 1600,
+    startOnVisible: r = !0,
+    retriggerOnReEntry: o = !1,
+    locale: w,
+    separators: p,
+    formatter: g,
+    reduceMotion: R
+  } = l, P = D(
+    () => J(
+      w ?? (typeof navigator < "u" ? navigator.language : void 0),
+      p,
+      g
+    ),
+    [w, p, g]
+  ), i = D(() => typeof R == "boolean" ? R : K(), [R]), [F, t] = T(u), [$, b] = T(!0), E = e(null), n = e(null), s = e(null), f = e(null), h = e(!1), O = e(d), S = e(u), G = e(m), x = e(i), V = e(o), A = e(r);
+  O.current = d, S.current = u, G.current = m, x.current = i, V.current = o, A.current = r;
+  const c = v(() => {
+    s.current != null && (typeof window < "u" && window.cancelAnimationFrame(s.current), s.current = null), f.current = null;
+  }, []), k = v((a) => {
+    f.current == null && (f.current = a);
+    const C = a - f.current, I = Math.max(G.current, 0), M = I === 0 ? 1 : Math.min(C / I, 1), j = H(M), N = O.current, B = S.current, z = N + (B - N) * j;
+    if (M >= 1) {
+      t(B), b(!0), s.current = null, f.current = null;
+      return;
+    }
+    t(z), s.current = window.requestAnimationFrame(k);
+  }, []), y = v(() => {
+    if (!(typeof window > "u")) {
+      if (x.current) {
+        c(), t(S.current), b(!0), h.current = !0;
+        return;
+      }
+      c(), t(O.current), b(!1), f.current = null, s.current = window.requestAnimationFrame(k), h.current = !0;
+    }
+  }, [c, k]), q = v(() => {
+    c(), t(O.current), b(!1), h.current = !1;
+  }, [c]);
+  return U(() => {
+    if (!(typeof window > "u")) {
+      if (x.current) {
+        t(S.current), b(!0);
+        return;
+      }
+      A.current || y();
+    }
+  }, []), U(() => () => {
+    c(), n.current && (n.current.disconnect(), n.current = null);
+  }, [c]), {
+    ref: v(
+      (a) => {
+        if (a === null) {
+          E.current = null, n.current && (n.current.disconnect(), n.current = null);
+          return;
+        }
+        if (E.current = a, typeof window > "u" || x.current || !A.current || n.current) return;
+        if (typeof IntersectionObserver > "u") {
+          y();
+          return;
+        }
+        const C = new IntersectionObserver(
+          (I) => {
+            const M = I[0];
+            if (M)
+              if (M.isIntersecting) {
+                if (h.current && !V.current) return;
+                y();
+              } else V.current && h.current && q();
+          },
+          { threshold: 0.4 }
+        );
+        C.observe(a), n.current = C;
+      },
+      [y, q]
+    ),
+    value: P(F),
+    done: $,
+    start: y,
+    reset: q
+  };
+}
+export {
+  W as u
+};
+//# sourceMappingURL=use-count-up-BLLetaZ8.js.map