@alfadocs/ui-kit 0.99.0 → 1.1.0

package/dist/_chunks/sparkline-DcXqRZoq.js

@@ -1,283 +0,0 @@
-import { jsx as w, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as G, useId as L, useMemo as v, useRef as K, useState as A, useEffect as H, useImperativeHandle as V } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
-import { useTranslation as $ } from "react-i18next";
-import q from "react-apexcharts";
-import R from "apexcharts";
-import { g as U, u as J } from "./apexcharts-theme-B_AxGC_h.js";
-import { u as Q } from "./registry-DvAUVLHh.js";
-function X(n) {
-  if (n.length < 2)
-    return { slope: 0, direction: "steady" };
-  const t = n.length, a = (t - 1) / 2, c = n.reduce((s, o) => s + o, 0) / t;
-  let i = 0, l = 0;
-  for (let s = 0; s < t; s++) {
-    const o = s - a;
-    i += o * (n[s] - c), l += o * o;
-  }
-  const d = l === 0 ? 0 : i / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), u = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
-  return { slope: d, direction: u };
-}
-const Y = {
-  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: (n, t) => {
-        n.updateSeries(t.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: (n) => n.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "sparkline" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, D = Z("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" }
-}), ee = {
-  increasing: "↑",
-  decreasing: "↓",
-  steady: "→"
-}, te = {
-  xs: 24,
-  sm: 32,
-  md: 40
-};
-function re() {
-  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-const ne = G(
-  ({
-    id: n,
-    data: t,
-    variant: a = "line",
-    size: c = "md",
-    label: i,
-    color: l,
-    showEndpoint: d = !1,
-    showTooltip: M = !1,
-    width: b,
-    height: u,
-    className: s,
-    ...o
-  }, P) => {
-    var z;
-    const { t: p, i18n: C } = $(), S = L(), m = v(
-      () => `sparkline-${S.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [S]
-    ), h = K(null), [T, _] = A(0), { direction: k } = X(t), N = v(() => {
-      if (t.length === 0)
-        return p("sparkline.noData", "No data");
-      const e = (y) => new Intl.NumberFormat(C.language).format(y), r = p(`sparkline.direction.${k}`), g = {
-        min: e(Math.min(...t)),
-        max: e(Math.max(...t)),
-        current: e(t[t.length - 1]),
-        direction: r
-      };
-      return i ? p("sparkline.summary", { label: i, ...g }) : p("sparkline.summaryNoLabel", g);
-    }, [t, i, k, C.language, p]), [f, E] = A(
-      () => {
-        try {
-          return U();
-        } catch {
-          return {};
-        }
-      }
-    );
-    H(() => {
-      let e;
-      const r = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            E(U());
-          } catch {
-          }
-        }, 50);
-      });
-      return r.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), r.disconnect();
-      };
-    }, []), H(() => {
-      const e = h.current;
-      if (!e) return;
-      const r = new ResizeObserver((g) => {
-        const y = g[0];
-        y && _(Math.floor(y.contentRect.width));
-      });
-      return r.observe(e), () => r.disconnect();
-    }, []), J(h);
-    const x = v(
-      () => ({
-        updateSeries(e) {
-          var r;
-          (r = R.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
-        },
-        updateOptions(e) {
-          var r;
-          (r = R.getChartByID(m)) == null || r.updateOptions(e);
-        },
-        async dataURI() {
-          const e = R.getChartByID(m);
-          return e ? (await e.dataURI()).imgURI : "";
-        }
-      }),
-      [m]
-    );
-    V(P, () => x, [x]), Q(Y, x, n);
-    const I = l ?? ((z = f.colors) == null ? void 0 : z[0]) ?? "currentColor";
-    if (t.length === 0)
-      return /* @__PURE__ */ w(
-        "div",
-        {
-          ref: h,
-          role: "img",
-          "aria-label": N,
-          dir: "ltr",
-          className: D({
-            size: u !== void 0 ? "auto" : c,
-            className: s
-          }),
-          ...o
-        }
-      );
-    const O = re(), W = {
-      ...f,
-      chart: {
-        ...f.chart,
-        id: m,
-        type: a,
-        sparkline: { enabled: !0 },
-        toolbar: { show: !1 },
-        animations: {
-          enabled: !O,
-          dynamicAnimation: { enabled: !O }
-        },
-        zoom: { enabled: !1 },
-        parentHeightOffset: 0
-      },
-      colors: [I],
-      stroke: {
-        curve: "smooth",
-        width: a === "bar" ? 0 : 2
-      },
-      fill: {
-        opacity: a === "area" ? 0.15 : 1
-      },
-      xaxis: {
-        crosshairs: { show: !1 }
-      },
-      tooltip: { enabled: M },
-      markers: d ? {
-        size: [0],
-        discrete: [
-          {
-            seriesIndex: 0,
-            dataPointIndex: t.length - 1,
-            fillColor: I,
-            strokeColor: I,
-            size: 4
-          }
-        ]
-      } : { size: 0 },
-      grid: {
-        ...f.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: 2, right: 2, bottom: 2, left: 2 }
-      }
-    }, j = b ?? (T > 0 ? T : "100%"), B = u ?? te[c ?? "md"];
-    return /* @__PURE__ */ F(
-      "div",
-      {
-        ref: h,
-        role: "img",
-        "aria-label": N,
-        dir: "ltr",
-        className: D({
-          size: u !== void 0 ? "auto" : c,
-          className: s
-        }),
-        "data-component": "sparkline",
-        "data-component-id": n,
-        ...o,
-        children: [
-          /* @__PURE__ */ w(
-            q,
-            {
-              type: a,
-              series: [{ data: t }],
-              options: W,
-              width: j,
-              height: B,
-              "aria-hidden": "true"
-            }
-          ),
-          d && /* @__PURE__ */ w(
-            "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: ee[k]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ne.displayName = "Sparkline";
-export {
-  ne as S,
-  Y as s,
-  X as u
-};
-//# sourceMappingURL=sparkline-DcXqRZoq.js.map