@alfadocs/ui-kit 1.1.0 → 1.2.0

package/dist/_chunks/sparkline-DLq7xwic.js

@@ -1,394 +0,0 @@
-import { jsx as i, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as Y, useId as ee, useMemo as x, useRef as te, useState as $, useEffect as j, useImperativeHandle as re } from "react";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as ne } from "react-i18next";
-import ae from "react-apexcharts";
-import T from "apexcharts";
-import { g as L, u as se } from "./apexcharts-theme-B_AxGC_h.js";
-import { m as oe } from "./annotation-marker-CsUJGZjQ.js";
-import { u as ie } from "./registry-DvAUVLHh.js";
-function de(r) {
-  if (r.length < 2)
-    return { slope: 0, direction: "steady" };
-  const a = r.length, d = (a - 1) / 2, m = r.reduce((n, o) => n + o, 0) / a;
-  let c = 0, h = 0;
-  for (let n = 0; n < a; n++) {
-    const o = n - d;
-    c += o * (r[n] - m), h += o * o;
-  }
-  const l = h === 0 ? 0 : c / h, I = 0.01 * (Math.max(...r) - Math.min(...r) || 1), f = Math.abs(l) < I ? "steady" : l > 0 ? "increasing" : "decreasing";
-  return { slope: l, direction: f };
-}
-const ce = {
-  id: "sparkline",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — write,
-      // not read.
-      safety: "write",
-      argsType: "{ data: number[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          data: {
-            type: "array",
-            items: { type: "number" },
-            description: "The new data points to render."
-          }
-        },
-        required: ["data"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.sparkline.actions.updateSeries",
-      description: "Replace the sparkline data without remounting.",
-      invoke: (r, a) => {
-        r.updateSeries(a.data);
-      }
-    },
-    export_png: {
-      // Pure getter — returns an image of the current chart, no state change.
-      safety: "read",
-      returns: "string",
-      returnsSchema: {
-        type: "string",
-        description: "A PNG image of the sparkline encoded as a data URI."
-      },
-      descriptionKey: "ui.agent.sparkline.actions.exportPng",
-      description: "Return a PNG data URI of the sparkline.",
-      invoke: (r) => r.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "sparkline" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, V = B("ds:relative ds:inline-block ds:w-full", {
-  variants: {
-    size: {
-      xs: "ds:h-6",
-      sm: "ds:h-8",
-      md: "ds:h-10",
-      // Applied when an explicit `height` prop is given: the wrapper
-      // grows with the svg instead of clipping at the size's fixed height.
-      auto: ""
-    }
-  },
-  defaultVariants: { size: "md" }
-}), le = B("", {
-  variants: {
-    tone: {
-      neutral: "ds:[--annotation-color:var(--muted-foreground)]",
-      info: "ds:[--annotation-color:var(--info)]",
-      success: "ds:[--annotation-color:var(--success)]",
-      /* `--warning-readable`, not `--warning`: a 1.5px dashed line is a
-       * non-text graphic (WCAG 1.4.11, 3:1), and yellow-500 is ~1.6:1 on a
-       * light card. The token aliases back to `--warning` in dark. */
-      warning: "ds:[--annotation-color:var(--warning-readable)]",
-      error: "ds:[--annotation-color:var(--destructive)]",
-      accent: "ds:[--annotation-color:var(--accent)]"
-    }
-  },
-  defaultVariants: { tone: "neutral" }
-}), ue = {
-  increasing: "↑",
-  decreasing: "↓",
-  steady: "→"
-}, pe = {
-  xs: 24,
-  sm: 32,
-  md: 40
-}, w = 2, W = 2.5;
-function me(r) {
-  return Number.isFinite(r) ? Math.min(1, Math.max(0, r)) : 0;
-}
-function he(r) {
-  return r.filter((a) => a != null);
-}
-function fe() {
-  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-const ge = Y(
-  ({
-    id: r,
-    data: a,
-    variant: d = "line",
-    size: m = "md",
-    label: c,
-    color: h,
-    showEndpoint: l = !1,
-    showTooltip: C = !1,
-    width: I,
-    height: f,
-    annotations: n,
-    className: o,
-    ...O
-  }, K) => {
-    var E;
-    const { t: u, i18n: S } = ne(), z = ee(), g = x(
-      () => `sparkline-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [z]
-    ), k = te(null), [D, Z] = $(0), s = x(() => he(a), [a]), { direction: N } = de(s), _ = x(() => {
-      const e = n && n.length > 0 ? u("sparkline.annotations", {
-        list: n.map((p) => p.label).join(", ")
-      }) : "", t = (p) => e ? `${p}. ${e}` : p;
-      if (s.length === 0)
-        return t(u("sparkline.noData", "No data"));
-      const v = (p) => new Intl.NumberFormat(S.language).format(p), b = u(`sparkline.direction.${N}`), F = {
-        min: v(Math.min(...s)),
-        max: v(Math.max(...s)),
-        current: v(s[s.length - 1]),
-        direction: b
-      };
-      return t(c ? u("sparkline.summary", { label: c, ...F }) : u("sparkline.summaryNoLabel", F));
-    }, [s, n, c, N, S.language, u]), [y, q] = $(
-      () => {
-        try {
-          return L();
-        } catch {
-          return {};
-        }
-      }
-    );
-    j(() => {
-      let e;
-      const t = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            q(L());
-          } catch {
-          }
-        }, 50);
-      });
-      return t.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), t.disconnect();
-      };
-    }, []), j(() => {
-      const e = k.current;
-      if (!e) return;
-      const t = new ResizeObserver((v) => {
-        const b = v[0];
-        b && Z(Math.floor(b.contentRect.width));
-      });
-      return t.observe(e), () => t.disconnect();
-    }, []), se(k);
-    const R = x(
-      () => ({
-        updateSeries(e) {
-          var t;
-          (t = T.getChartByID(g)) == null || t.updateSeries([{ data: e }]);
-        },
-        updateOptions(e) {
-          var t;
-          (t = T.getChartByID(g)) == null || t.updateOptions(e);
-        },
-        async dataURI() {
-          const e = T.getChartByID(g);
-          return e ? (await e.dataURI()).imgURI : "";
-        }
-      }),
-      [g]
-    );
-    re(K, () => R, [R]), ie(ce, R, r);
-    const M = h ?? ((E = y.colors) == null ? void 0 : E[0]) ?? "currentColor";
-    if (s.length === 0)
-      return /* @__PURE__ */ i(
-        "div",
-        {
-          ref: k,
-          role: "img",
-          "aria-label": _,
-          dir: "ltr",
-          className: V({
-            size: f !== void 0 ? "auto" : m,
-            className: o
-          }),
-          "data-component": "sparkline",
-          "data-component-id": r,
-          ...O
-        }
-      );
-    const P = fe(), A = a.length > s.length, H = A ? a.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : s, J = {
-      ...y,
-      chart: {
-        ...y.chart,
-        id: g,
-        type: d,
-        sparkline: { enabled: !0 },
-        toolbar: { show: !1 },
-        animations: {
-          enabled: !P,
-          // A gapped series is re-rendered as {x, y} pairs, and Apex's
-          // update tween interpolates between the old and new paths point by
-          // point. Across a width change the two have different lengths and
-          // the tween emits `d="… NaN …"` for a few frames. The finished
-          // render is correct either way; switching the tween off keeps the
-          // console clean.
-          dynamicAnimation: { enabled: !P && !A }
-        },
-        zoom: { enabled: !1 },
-        parentHeightOffset: 0
-      },
-      colors: [M],
-      stroke: {
-        curve: "smooth",
-        width: d === "bar" ? 0 : 2
-      },
-      fill: {
-        opacity: d === "area" ? 0.15 : 1
-      },
-      xaxis: {
-        crosshairs: { show: !1 },
-        // Pin the extent to the slot count so a gap at either end still holds
-        // its place — otherwise the plot would rescale to the measurements
-        // and the annotation fractions would no longer mean the same thing.
-        ...A ? { type: "numeric", min: 0, max: a.length - 1 } : {}
-      },
-      tooltip: { enabled: C },
-      markers: l ? {
-        size: [0],
-        discrete: [
-          {
-            // An index into the SERIES, whose holes have already been
-            // removed — so this is the last MEASURED point, never a slot
-            // the parameter was not measured at.
-            seriesIndex: 0,
-            dataPointIndex: H.length - 1,
-            fillColor: M,
-            strokeColor: M,
-            size: 4
-          }
-        ]
-      } : { size: 0 },
-      grid: {
-        ...y.grid,
-        show: !1,
-        // ApexCharts grid.padding uses physical keys (not CSS logical properties).
-        // The chart wrapper enforces dir="ltr" so these always resolve correctly.
-        padding: {
-          top: w,
-          right: w,
-          bottom: w,
-          left: w
-        }
-      }
-    }, Q = I ?? (D > 0 ? D : "100%"), X = f ?? pe[m ?? "md"], U = n != null && n.length ? n : void 0;
-    return /* @__PURE__ */ G(
-      "div",
-      {
-        ref: k,
-        role: "img",
-        "aria-label": _,
-        dir: "ltr",
-        className: V({
-          size: f !== void 0 ? "auto" : m,
-          className: o
-        }),
-        "data-component": "sparkline",
-        "data-component-id": r,
-        ...O,
-        children: [
-          /* @__PURE__ */ i(
-            ae,
-            {
-              type: d,
-              series: [{ data: H }],
-              options: J,
-              width: Q,
-              height: X,
-              "aria-hidden": "true"
-            }
-          ),
-          U && /* Drawn over the plot rather than through ApexCharts' own xaxis
-          annotations: a fraction of the measured extent is the one
-          positioning rule that survives series of different lengths, which
-          is what makes a column of sparklines share an x. */
-          /* The inset lives on a div: an <svg> is a replaced element, so
-             left+right do not size it and it would fall back to its intrinsic
-             300px. The div is the plot box; the svg fills it. The 2px MUST
-             equal PLOT_EDGE_PADDING — Tailwind needs a static literal, so the
-             two cannot share one source; change them together or the first and
-             last annotation drift off the first and last data point. */
-          /* @__PURE__ */ i("div", { className: "ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]", children: /* @__PURE__ */ i(
-            "svg",
-            {
-              "aria-hidden": "true",
-              focusable: "false",
-              "data-testid": "sparkline-annotations",
-              className: "ds:size-full",
-              children: U.map((e) => {
-                const t = me(e.position);
-                return (
-                  /* 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__ */ G(
-                    "svg",
-                    {
-                      x: `${t * 100}%`,
-                      y: "0",
-                      width: "1",
-                      height: "100%",
-                      overflow: "visible",
-                      "data-annotation-id": e.id,
-                      "data-annotation-position": t,
-                      className: le({ tone: e.tone }),
-                      children: [
-                        /* @__PURE__ */ i(
-                          "line",
-                          {
-                            x1: 0,
-                            x2: 0,
-                            y1: 0,
-                            y2: "100%",
-                            className: "ds:[stroke:var(--annotation-color)] ds:[stroke-dasharray:2_3] ds:[stroke-width:1]"
-                          }
-                        ),
-                        /* @__PURE__ */ i(
-                          "path",
-                          {
-                            d: oe(
-                              e.shape ?? "diamond",
-                              0,
-                              W,
-                              W
-                            ),
-                            className: "ds:[fill:var(--annotation-color)]"
-                          }
-                        )
-                      ]
-                    },
-                    e.id
-                  )
-                );
-              })
-            }
-          ) }),
-          l && /* @__PURE__ */ i(
-            "span",
-            {
-              "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: ue[N]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ge.displayName = "Sparkline";
-export {
-  ge as S,
-  ce as s,
-  de as u
-};
-//# sourceMappingURL=sparkline-DLq7xwic.js.map