@alfadocs/ui-kit 1.52.0 → 1.54.0

package/dist/_chunks/{sparkline-ZOxMBU76.js → sparkline-pkGPCXbl.js}

@@ -1,13 +1,13 @@
-import { jsx as u, jsxs as K } from "react/jsx-runtime";
-import { forwardRef as ve, useId as we, useMemo as _, useRef as k, useState as $, useEffect as H, useImperativeHandle as ke } from "react";
+import { jsx as u, jsxs as E } from "react/jsx-runtime";
+import { forwardRef as ve, useId as we, useMemo as _, useRef as k, useState as $, useEffect as H, useImperativeHandle as xe } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as xe } from "react-i18next";
+import { useTranslation as ke } from "react-i18next";
 import Ie from "react-apexcharts";
 import P from "apexcharts";
-import { g as re, u as Ne } from "./apexcharts-theme-B_AxGC_h.js";
-import { m as Re } from "./annotation-marker-D-M7y4R1.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-function Te(n) {
+import { g as re, u as Ne, a as Re } from "./apexcharts-theme-DNoXvgnZ.js";
+import { m as Me } from "./annotation-marker-D-M7y4R1.js";
+import { u as Te } from "./registry-DvAUVLHh.js";
+function Ce(n) {
   if (n.length < 2)
     return { slope: 0, direction: "steady" };
   const r = n.length, g = (r - 1) / 2, p = n.reduce((c, d) => c + d, 0) / r;
@@ -16,10 +16,10 @@ function Te(n) {
     const d = c - g;
     a += d * (n[c] - p), h += d * d;
   }
-  const f = h === 0 ? 0 : a / h, N = 0.01 * (Math.max(...n) - Math.min(...n) || 1), b = Math.abs(f) < N ? "steady" : f > 0 ? "increasing" : "decreasing";
-  return { slope: f, direction: b };
+  const f = h === 0 ? 0 : a / h, N = 0.01 * (Math.max(...n) - Math.min(...n) || 1), v = Math.abs(f) < N ? "steady" : f > 0 ? "increasing" : "decreasing";
+  return { slope: f, direction: v };
 }
-const Ce = {
+const Ae = {
   id: "sparkline",
   capabilities: [],
   // `select_annotation` enforces two preconditions silently and
@@ -156,7 +156,7 @@ const Ce = {
     }
   },
   defaultVariants: { tone: "neutral" }
-}), Ae = j(
+}), Oe = j(
   "ds:pointer-events-none ds:absolute ds:inset-x-[2px]",
   {
     variants: {
@@ -172,22 +172,22 @@ const Ce = {
     },
     defaultVariants: { size: "md" }
   }
-), Oe = {
+), Se = {
   increasing: "↑",
   decreasing: "↓",
   steady: "→"
-}, Se = {
+}, ze = {
   xs: 24,
   sm: 32,
   md: 40
-}, M = 2, ie = 2.5, oe = 44;
-function ze(n, r, g = oe) {
+}, T = 2, ie = 2.5, oe = 44;
+function _e(n, r, g = oe) {
   const p = n.map((a) => ({
     annotation: a,
     centre: de(a.position) * r
   })).sort((a, h) => a.centre - h.centre);
   return p.map((a, h) => {
-    const f = p[h - 1], x = p[h + 1], N = f ? (f.centre + a.centre) / 2 : 0, b = x ? (a.centre + x.centre) / 2 : r, c = Math.max(0, N), d = Math.min(r, b), s = Math.min(g, Math.max(0, d - c)), y = Math.min(
+    const f = p[h - 1], b = p[h + 1], N = f ? (f.centre + a.centre) / 2 : 0, v = b ? (a.centre + b.centre) / 2 : r, c = Math.max(0, N), d = Math.min(r, v), s = Math.min(g, Math.max(0, d - c)), y = Math.min(
       Math.max(a.centre - s / 2, c),
       d - s
     );
@@ -197,13 +197,13 @@ function ze(n, r, g = oe) {
 function de(n) {
   return Number.isFinite(n) ? Math.min(1, Math.max(0, n)) : 0;
 }
-function _e(n) {
+function He(n) {
   return n.filter((r) => r != null);
 }
-function He() {
+function Pe() {
   return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-const Pe = ve(
+const De = ve(
   ({
     id: n,
     data: r,
@@ -212,9 +212,9 @@ const Pe = ve(
     label: a,
     color: h,
     showEndpoint: f = !1,
-    showTooltip: x = !1,
+    showTooltip: b = !1,
     seriesName: N,
-    pointLabels: b,
+    pointLabels: v,
     width: c,
     height: d,
     annotations: s,
@@ -223,23 +223,23 @@ const Pe = ve(
     ...L
   }, ce) => {
     var ne;
-    const { t: v, i18n: q } = xe("ui"), Z = we(), w = _(
+    const { t: w, i18n: q } = ke("ui"), Z = we(), x = _(
       () => `sparkline-${Z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [Z]
-    ), T = k(null), [D, le] = $(0), [ue, pe] = $(oe), m = _(() => _e(r), [r]), { direction: F } = Te(m), J = _(() => {
-      const e = s && s.length > 0 ? v("sparkline.annotations", {
+    ), R = k(null), [D, le] = $(0), [ue, pe] = $(oe), m = _(() => He(r), [r]), { direction: F } = Ce(m), J = _(() => {
+      const e = s && s.length > 0 ? w("sparkline.annotations", {
         list: s.map((I) => I.label).join(", ")
       }) : "", t = (I) => e ? `${I}. ${e}` : I;
       if (m.length === 0)
-        return t(v("sparkline.noData", "No data"));
-      const i = (I) => new Intl.NumberFormat(q.language).format(I), l = v(`sparkline.direction.${F}`), o = {
+        return t(w("sparkline.noData", "No data"));
+      const i = (I) => new Intl.NumberFormat(q.language).format(I), l = w(`sparkline.direction.${F}`), o = {
         min: i(Math.min(...m)),
         max: i(Math.max(...m)),
         current: i(m[m.length - 1]),
         direction: l
       };
-      return t(a ? v("sparkline.summary", { label: a, ...o }) : v("sparkline.summaryNoLabel", o));
-    }, [m, s, a, F, q.language, v]), [C, he] = $(
+      return t(a ? w("sparkline.summary", { label: a, ...o }) : w("sparkline.summaryNoLabel", o));
+    }, [m, s, a, F, q.language, w]), [C, he] = $(
       () => {
         try {
           return re();
@@ -265,7 +265,7 @@ const Pe = ve(
         clearTimeout(e), t.disconnect();
       };
     }, []), H(() => {
-      const e = T.current;
+      const e = R.current;
       if (!e) return;
       const t = () => {
         const l = getComputedStyle(e).getPropertyValue("--min-target-size"), o = Number.parseFloat(l);
@@ -277,56 +277,56 @@ const Pe = ve(
         o && le(Math.floor(o.contentRect.width)), t();
       });
       return i.observe(e), () => i.disconnect();
-    }, []), Ne(T);
-    const R = k(y);
+    }, []), Ne(R), Re(R, b);
+    const M = k(y);
     H(() => {
-      R.current = y;
+      M.current = y;
     }, [y]);
-    const U = k(s);
-    U.current = s;
-    const V = N ?? a ?? "", Q = k(V);
-    Q.current = V;
-    const W = k(r.length), A = k({ shown: !1 }), O = k(!1);
+    const K = k(s);
+    K.current = s;
+    const U = N ?? a ?? "", Q = k(U);
+    Q.current = U;
+    const V = k(r.length), A = k({ shown: !1 }), O = k(!1);
     H(() => {
       var e;
-      W.current = r.length, O.current && (O.current = !1, A.current.shown && ((e = P.getChartByID(w)) == null || e.updateOptions({
+      V.current = r.length, O.current && (O.current = !1, A.current.shown && ((e = P.getChartByID(x)) == null || e.updateOptions({
         tooltip: { x: { show: !0 } }
       })));
-    }, [r, w]);
-    const B = _(
+    }, [r, x]);
+    const W = _(
       () => ({
         updateSeries(e) {
-          const t = P.getChartByID(w);
-          t == null || t.updateSeries([{ name: Q.current, data: e }]), W.current = e.length, A.current.shown && (O.current = !0, t == null || t.updateOptions({ tooltip: { x: { show: !1 } } }));
+          const t = P.getChartByID(x);
+          t == null || t.updateSeries([{ name: Q.current, data: e }]), V.current = e.length, A.current.shown && (O.current = !0, t == null || t.updateOptions({ tooltip: { x: { show: !1 } } }));
         },
         updateOptions(e) {
           var t;
-          (t = P.getChartByID(w)) == null || t.updateOptions(e);
+          (t = P.getChartByID(x)) == null || t.updateOptions(e);
         },
         async dataURI() {
-          const e = P.getChartByID(w);
+          const e = P.getChartByID(x);
           return e ? (await e.dataURI()).imgURI : "";
         },
         selectAnnotation(e) {
           var i, l;
-          (i = U.current) != null && i.some((o) => o.id === e) && ((l = R.current) == null || l.call(R, e));
+          (i = K.current) != null && i.some((o) => o.id === e) && ((l = M.current) == null || l.call(M, e));
         },
         // Read-back for the two preconditions `selectAnnotation` enforces
         // silently — without these an agent can check neither and gets no
         // signal from either failure.
-        getAnnotationIds: () => (U.current ?? []).map((e) => e.id),
-        isSelectable: () => R.current != null,
-        getPointCount: () => W.current
+        getAnnotationIds: () => (K.current ?? []).map((e) => e.id),
+        isSelectable: () => M.current != null,
+        getPointCount: () => V.current
       }),
-      [w]
+      [x]
     );
-    ke(ce, () => B, [B]), Me(Ce, B, n);
-    const E = h ?? ((ne = C.colors) == null ? void 0 : ne[0]) ?? "currentColor";
+    xe(ce, () => W, [W]), Te(Ae, W, n);
+    const B = h ?? ((ne = C.colors) == null ? void 0 : ne[0]) ?? "currentColor";
     if (m.length === 0)
       return /* @__PURE__ */ u(
         "div",
         {
-          ref: T,
+          ref: R,
           role: "img",
           "aria-label": J,
           dir: "ltr",
@@ -339,15 +339,15 @@ const Pe = ve(
           ...L
         }
       );
-    const X = He(), S = r.length > m.length, Y = S ? r.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : m, me = S ? r.flatMap((e, t) => e == null ? [] : [t]) : void 0;
+    const X = Pe(), S = r.length > m.length, Y = S ? r.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : m, me = S ? r.flatMap((e, t) => e == null ? [] : [t]) : void 0;
     A.current = {
-      labels: b,
+      labels: v,
       slotOf: me,
-      shown: x && b !== void 0
+      shown: b && v !== void 0
     };
-    const fe = x ? {
+    const fe = b ? {
       enabled: !0,
-      x: b ? {
+      x: v ? {
         show: !0,
         formatter: (e, t) => {
           const { labels: i, slotOf: l } = A.current;
@@ -363,7 +363,7 @@ const Pe = ve(
       ...C,
       chart: {
         ...C.chart,
-        id: w,
+        id: x,
         type: g,
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
@@ -380,7 +380,7 @@ const Pe = ve(
         zoom: { enabled: !1 },
         parentHeightOffset: 0
       },
-      colors: [E],
+      colors: [B],
       stroke: {
         curve: "smooth",
         width: g === "bar" ? 0 : 2
@@ -405,8 +405,8 @@ const Pe = ve(
             // the parameter was not measured at.
             seriesIndex: 0,
             dataPointIndex: Y.length - 1,
-            fillColor: E,
-            strokeColor: E,
+            fillColor: B,
+            strokeColor: B,
             size: 4
           }
         ]
@@ -417,17 +417,17 @@ const Pe = ve(
         // ApexCharts grid.padding uses physical keys (not CSS logical properties).
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: {
-          top: M,
-          right: M,
-          bottom: M,
-          left: M
+          top: T,
+          right: T,
+          bottom: T,
+          left: T
         }
       }
-    }, ye = c ?? (D > 0 ? D : "100%"), be = d ?? Se[p ?? "md"], z = s != null && s.length ? s : void 0, ee = D - M * 2, te = y && z && ee > 0 ? ze(z, ee, ue) : void 0;
-    return /* @__PURE__ */ K(
+    }, ye = c ?? (D > 0 ? D : "100%"), be = d ?? ze[p ?? "md"], z = s != null && s.length ? s : void 0, ee = D - T * 2, te = y && z && ee > 0 ? _e(z, ee, ue) : void 0;
+    return /* @__PURE__ */ E(
       "div",
       {
-        ref: T,
+        ref: R,
         role: "img",
         "aria-label": J,
         dir: "ltr",
@@ -443,7 +443,7 @@ const Pe = ve(
             Ie,
             {
               type: g,
-              series: [{ name: V, data: Y }],
+              series: [{ name: U, data: Y }],
               options: ge,
               width: ye,
               height: be,
@@ -473,7 +473,7 @@ const Pe = ve(
                   /* A nested viewport placed at a percentage of the plot: the
                    one positioning rule that needs no measurement, so a column
                    of sparklines shares an x whatever their widths. */
-                  /* @__PURE__ */ K(
+                  /* @__PURE__ */ E(
                     "svg",
                     {
                       x: `${t * 100}%`,
@@ -498,7 +498,7 @@ const Pe = ve(
                         /* @__PURE__ */ u(
                           "path",
                           {
-                            d: Re(
+                            d: Me(
                               e.shape ?? "diamond",
                               0,
                               ie,
@@ -522,7 +522,7 @@ const Pe = ve(
           /* @__PURE__ */ u(
             "div",
             {
-              className: Ae({
+              className: Oe({
                 size: d !== void 0 ? "auto" : p
               }),
               children: /* @__PURE__ */ u(
@@ -532,7 +532,7 @@ const Pe = ve(
                   focusable: "false",
                   "data-testid": "sparkline-annotation-hits",
                   className: "ds:size-full",
-                  children: te.map(({ annotation: e, x: t, width: i }) => /* @__PURE__ */ K(
+                  children: te.map(({ annotation: e, x: t, width: i }) => /* @__PURE__ */ E(
                     "g",
                     {
                       "data-annotation-hit-id": e.id,
@@ -541,7 +541,7 @@ const Pe = ve(
                         { tone: e.tone }
                       )}`,
                       children: [
-                        /* @__PURE__ */ u("title", { children: v("sparkline.annotationAction", {
+                        /* @__PURE__ */ u("title", { children: w("sparkline.annotationAction", {
                           label: e.label
                         }) }),
                         /* @__PURE__ */ u(
@@ -567,7 +567,7 @@ const Pe = ve(
             {
               "aria-hidden": "true",
               className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
-              children: Oe[F]
+              children: Se[F]
             }
           )
         ]
@@ -575,10 +575,10 @@ const Pe = ve(
     );
   }
 );
-Pe.displayName = "Sparkline";
+De.displayName = "Sparkline";
 export {
-  Pe as S,
-  Ce as s,
-  Te as u
+  De as S,
+  Ae as s,
+  Ce as u
 };
-//# sourceMappingURL=sparkline-ZOxMBU76.js.map
+//# sourceMappingURL=sparkline-pkGPCXbl.js.map

package/dist/_chunks/spinner-a0FTYX9Q.js

@@ -0,0 +1,211 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as f } from "react-i18next";
+import { P as v } from "./use-prism-DaspP8w-.js";
+const g = t("ds:inline-block ds:shrink-0 ds:text-current", {
+  variants: {
+    size: {
+      sm: "ds:size-3",
+      md: "ds:size-4",
+      lg: "ds:size-5"
+    },
+    variant: {
+      pulse: "",
+      chase: "",
+      // The prism's drift comes from the shared tables in `hooks/use-prism`,
+      // which pace themselves off `--prism-duration`. The spinner's own
+      // `--spinner-duration` stays the public knob and feeds it.
+      prism: "ds:[--prism-duration:var(--spinner-duration)]",
+      static: ""
+    },
+    speed: {
+      slower: "",
+      slow: "",
+      normal: "",
+      fast: "",
+      faster: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "pulse",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
+    { variant: "pulse", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
+    {
+      variant: "pulse",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "chase",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
+    { variant: "chase", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
+    {
+      variant: "chase",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
+    // prism runs 2× so each of the 4 brand hues has room to read. These are
+    // `PRISM_DURATION_MS` in `hooks/use-prism`; `spinner.test.tsx` holds the
+    // two equal.
+    {
+      variant: "prism",
+      speed: "slower",
+      class: "ds:[--spinner-duration:4800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "slow",
+      class: "ds:[--spinner-duration:3600ms]"
+    },
+    {
+      variant: "prism",
+      speed: "normal",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "prism",
+      speed: "fast",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "faster",
+      class: "ds:[--spinner-duration:1200ms]"
+    }
+  ],
+  defaultVariants: { size: "md", variant: "prism", speed: "normal" }
+}), i = "ds:[animation-delay:calc(var(--spinner-duration)/4*var(--spinner-position))]", w = t(
+  [
+    "ds:fill-current",
+    "ds:[transform-box:fill-box] ds:[transform-origin:center]",
+    // Every variant holds still under reduced motion: the mark at rest,
+    // with the label still announced. Nothing else stops it: a loading
+    // indicator is essential motion.
+    "ds:motion-reduce:animate-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        pulse: `ds:animate-[spinner-pulse_var(--spinner-duration)_ease-in-out_infinite] ${i}`,
+        chase: `ds:animate-[spinner-chase_var(--spinner-duration)_ease-out_infinite] ${i}`,
+        // The drift itself is `PRISM_LOOP_CLASS`, added per shape below.
+        // Here: what a still prism looks like in a spinner, the brand
+        // primary.
+        prism: "ds:motion-reduce:fill-[var(--primary)]",
+        // No animation — the brand mark at rest (a static logo glyph). Inherits
+        // currentColor via the base `fill-current`.
+        static: ""
+      },
+      position: {
+        top: "ds:[--spinner-position:0]",
+        right: "ds:[--spinner-position:1]",
+        bottom: "ds:[--spinner-position:2]",
+        left: "ds:[--spinner-position:3]"
+      }
+    },
+    defaultVariants: { variant: "prism", position: "top" }
+  }
+);
+function r(n, a) {
+  return w({
+    variant: n,
+    position: a,
+    className: n === "prism" ? v[a] : void 0
+  });
+}
+const x = h(
+  ({
+    size: n = "md",
+    variant: a = "prism",
+    speed: o = "normal",
+    label: d,
+    className: p,
+    ...l
+  }, m) => {
+    const { t: c } = f("ui"), u = d ?? c("common.loading", "Loading…");
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        ref: m,
+        role: "status",
+        "aria-live": "polite",
+        "data-component": "spinner",
+        className: g({ size: n, variant: a, speed: o, className: p }),
+        ...l,
+        children: [
+          /* @__PURE__ */ e("svg", { "aria-hidden": "true", viewBox: "0 0 148 148", className: "ds:size-full", children: [
+            /* @__PURE__ */ s("g", { "data-shape": "top", className: r(a, "top"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "53.04",
+                y: "2.54",
+                width: "33.99",
+                height: "49.34",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-4.66 19.05) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "right", className: r(a, "right"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "96.12",
+                y: "53.04",
+                width: "49.34",
+                height: "33.99",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-14.01 33.65) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "bottom", className: r(a, "bottom"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "60.97",
+                y: "96.12",
+                width: "33.99",
+                height: "49.34",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-28.61 24.29) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "left", className: r(a, "left"), children: /* @__PURE__ */ s("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }) })
+          ] }),
+          /* @__PURE__ */ s("span", { className: "ds:sr-only", children: u })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Spinner";
+export {
+  x as S
+};
+//# sourceMappingURL=spinner-a0FTYX9Q.js.map

package/dist/_chunks/{streaming-text-D0IJeRBg.js → streaming-text-BAPn_sZs.js}

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as i } from "react/jsx-runtime";
 import { forwardRef as y, useState as v, useEffect as b, Fragment as m } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
-import { s as g, C } from "./code-block-NtHjtagI.js";
+import { s as g, C } from "./code-block-CRVa-Thh.js";
 const z = x(
   "type-body ds:block ds:whitespace-pre-wrap ds:break-words",
   {
@@ -128,4 +128,4 @@ j.displayName = "StreamingText";
 export {
   j as S
 };
-//# sourceMappingURL=streaming-text-D0IJeRBg.js.map
+//# sourceMappingURL=streaming-text-BAPn_sZs.js.map