@alfadocs/ui-kit 0.1.10 → 0.2.0

package/dist/_chunks/{slot-grid-D_l5VsHG.js → slot-grid-CgpYgBkW.js}

@@ -2,25 +2,25 @@ import { jsx as i, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as pe, useId as ve, useState as he, useCallback as S } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as be } from "react-i18next";
-import { B as Y } from "./button-7mLWcMp_.js";
-import { I as A } from "./icon-button-Wnnde5lc.js";
-import { E as xe } from "./empty-state-DQPtRp2b.js";
-import { S as B } from "./skeleton-dtqyF09N.js";
+import { B as Y } from "./button-DD_0Xdmr.js";
+import { I as A } from "./icon-button-C4CGcYuz.js";
+import { E as xe } from "./empty-state-3CLJIXSj.js";
+import { S as B } from "./skeleton-CZbwyJAA.js";
 import { t as W, c as De, m as K, a as Z, i as ye } from "./isSameDay-ecuM8PBB.js";
 function Ne(t, e) {
-  const s = () => De(e == null ? void 0 : e.in, NaN), n = Te(t);
+  const s = () => De(e == null ? void 0 : e.in, NaN), r = Te(t);
   let d;
-  if (n.date) {
-    const o = Ie(n.date, 2);
+  if (r.date) {
+    const o = Ie(r.date, 2);
     d = ze(o.restDateString, o.year);
   }
   if (!d || isNaN(+d)) return s();
   const l = +d;
   let u = 0, f;
-  if (n.time && (u = Le(n.time), isNaN(u)))
+  if (r.time && (u = Le(r.time), isNaN(u)))
     return s();
-  if (n.timezone) {
-    if (f = Se(n.timezone), isNaN(f)) return s();
+  if (r.timezone) {
+    if (f = Se(r.timezone), isNaN(f)) return s();
   } else {
     const o = new Date(l + u), x = W(0, e == null ? void 0 : e.in);
     return x.setFullYear(
@@ -50,8 +50,8 @@ function Te(t) {
     e.date.length,
     t.length
   ))), a) {
-    const n = k.timezone.exec(a);
-    n ? (e.time = a.replace(n[1], ""), e.timezone = n[1]) : e.time = a;
+    const r = k.timezone.exec(a);
+    r ? (e.time = a.replace(r[1], ""), e.timezone = r[1]) : e.time = a;
   }
   return e;
 }
@@ -60,9 +60,9 @@ function Ie(t, e) {
     "^(?:(\\d{4}|[+-]\\d{" + (4 + e) + "})|(\\d{2}|[+-]\\d{" + (2 + e) + "})$)"
   ), a = t.match(s);
   if (!a) return { year: NaN, restDateString: "" };
-  const n = a[1] ? parseInt(a[1]) : null, d = a[2] ? parseInt(a[2]) : null;
+  const r = a[1] ? parseInt(a[1]) : null, d = a[2] ? parseInt(a[2]) : null;
   return {
-    year: d === null ? n : d * 100,
+    year: d === null ? r : d * 100,
     restDateString: t.slice((a[1] || a[2]).length)
   };
 }
@@ -70,12 +70,12 @@ function ze(t, e) {
   if (e === null) return /* @__PURE__ */ new Date(NaN);
   const s = t.match(we);
   if (!s) return /* @__PURE__ */ new Date(NaN);
-  const a = !!s[4], n = D(s[1]), d = D(s[2]) - 1, l = D(s[3]), u = D(s[4]), f = D(s[5]) - 1;
+  const a = !!s[4], r = D(s[1]), d = D(s[2]) - 1, l = D(s[3]), u = D(s[4]), f = D(s[5]) - 1;
   if (a)
     return je(e, u, f) ? $e(e, u, f) : /* @__PURE__ */ new Date(NaN);
   {
     const o = /* @__PURE__ */ new Date(0);
-    return !Ge(e, d, l) || !Ve(e, n) ? /* @__PURE__ */ new Date(NaN) : (o.setUTCFullYear(e, d, Math.max(n, l)), o);
+    return !Ge(e, d, l) || !Ve(e, r) ? /* @__PURE__ */ new Date(NaN) : (o.setUTCFullYear(e, d, Math.max(r, l)), o);
   }
 }
 function D(t) {
@@ -84,8 +84,8 @@ function D(t) {
 function Le(t) {
   const e = t.match(Ce);
   if (!e) return NaN;
-  const s = $(e[1]), a = $(e[2]), n = $(e[3]);
-  return Ee(s, a, n) ? s * K + a * Z + n * 1e3 : NaN;
+  const s = $(e[1]), a = $(e[2]), r = $(e[3]);
+  return Ee(s, a, r) ? s * K + a * Z + r * 1e3 : NaN;
 }
 function $(t) {
   return t && parseFloat(t.replace(",", ".")) || 0;
@@ -94,13 +94,13 @@ function Se(t) {
   if (t === "Z") return 0;
   const e = t.match(ke);
   if (!e) return 0;
-  const s = e[1] === "+" ? -1 : 1, a = parseInt(e[2]), n = e[3] && parseInt(e[3]) || 0;
-  return Fe(a, n) ? s * (a * K + n * Z) : NaN;
+  const s = e[1] === "+" ? -1 : 1, a = parseInt(e[2]), r = e[3] && parseInt(e[3]) || 0;
+  return Fe(a, r) ? s * (a * K + r * Z) : NaN;
 }
 function $e(t, e, s) {
   const a = /* @__PURE__ */ new Date(0);
   a.setUTCFullYear(t, 0, 4);
-  const n = a.getUTCDay() || 7, d = (e - 1) * 7 + s + 1 - n;
+  const r = a.getUTCDay() || 7, d = (e - 1) * 7 + s + 1 - r;
   return a.setUTCDate(a.getUTCDate() + d), a;
 }
 const Ue = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
@@ -229,7 +229,7 @@ const H = b(
 function h(t) {
   return t instanceof Date ? t : Ne(t);
 }
-function rt(t, e) {
+function nt(t, e) {
   return ye(h(t), h(e));
 }
 function it(t) {
@@ -258,29 +258,29 @@ function q(t, e, s) {
   if (t.label !== void 0) return t.label;
   const a = h(t.start);
   try {
-    const n = new Intl.DateTimeFormat(e, {
+    const r = new Intl.DateTimeFormat(e, {
       hour: "numeric",
       minute: "2-digit",
       timeZone: s
     });
     if (t.end) {
       const d = h(t.end);
-      if (typeof n.formatRange == "function")
+      if (typeof r.formatRange == "function")
         try {
-          return n.formatRange(a, d);
+          return r.formatRange(a, d);
         } catch {
         }
-      return `${n.format(a)} – ${n.format(d)}`;
+      return `${r.format(a)} – ${r.format(d)}`;
     }
-    return n.format(a);
+    return r.format(a);
   } catch {
     return a.toISOString();
   }
 }
-function He(t, e, s, a, n) {
+function He(t, e, s, a, r) {
   if (t.ariaLabel !== void 0) return t.ariaLabel;
   const d = q(t, s, a), l = e.label !== void 0 ? e.label : X(h(e.date), s, a);
-  return n({ time: d, day: l });
+  return r({ time: d, day: l });
 }
 function _e() {
   return /* @__PURE__ */ i(
@@ -320,7 +320,7 @@ const Ze = pe(
     state: e = "default",
     size: s = "md",
     selectedSlotId: a,
-    maxInitialSlotsPerDay: n = 6,
+    maxInitialSlotsPerDay: r = 6,
     locale: d,
     timeZone: l,
     hasPrevious: u = !1,
@@ -335,19 +335,19 @@ const Ze = pe(
     className: te,
     ...se
   }, ae) => {
-    const { t: m, i18n: ne } = be(), T = d ?? ne.language ?? "en", re = ve(), [ie, de] = he({}), U = e === "loading", G = e === "disabled", v = U || G, oe = e === "empty" || t.length === 0 || t.every((r) => r.slots.length === 0), le = x ?? m("slotGrid.ariaLabel"), I = S(
-      (r, c) => {
-        v || r.available !== !1 && (y == null || y(r, c));
+    const { t: m, i18n: re } = be(), T = d ?? re.language ?? "en", ne = ve(), [ie, de] = he({}), U = e === "loading", G = e === "disabled", v = U || G, oe = e === "empty" || t.length === 0 || t.every((n) => n.slots.length === 0), le = x ?? m("slotGrid.ariaLabel"), I = S(
+      (n, c) => {
+        v || n.available !== !1 && (y == null || y(n, c));
       },
       [v, y]
     ), ce = S(
-      (r, c) => {
-        de((g) => ({ ...g, [c]: !0 })), N == null || N(r);
+      (n, c) => {
+        de((g) => ({ ...g, [c]: !0 })), N == null || N(n);
       },
       [N]
     ), ue = S(
-      (r, c, g) => {
-        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), I(c, g));
+      (n, c, g) => {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), I(c, g));
       },
       [I]
     ), V = Ae(t.length || 1), j = Ye({ cols: V });
@@ -360,17 +360,20 @@ const Ze = pe(
         role: "status",
         "aria-live": "polite",
         "aria-label": m("common.loading"),
-        children: Array.from({ length: V }, (r, c) => /* @__PURE__ */ C("div", { className: H(), children: [
+        children: Array.from({ length: V }, (n, c) => /* @__PURE__ */ C("div", { className: H(), children: [
           /* @__PURE__ */ i(B, { variant: "text", size: s, width: "60%" }),
-          /* @__PURE__ */ i("div", { className: _(), children: Array.from({ length: Math.min(n, 4) }, (g, z) => /* @__PURE__ */ i(
-            B,
-            {
-              variant: "rounded",
-              size: s,
-              height: "40px"
-            },
-            `loading-slot-${c}-${z}`
-          )) })
+          /* @__PURE__ */ i("div", { className: _(), children: Array.from(
+            { length: Math.min(r, 4) },
+            (g, z) => /* @__PURE__ */ i(
+              B,
+              {
+                variant: "rounded",
+                size: s,
+                height: "40px"
+              },
+              `loading-slot-${c}-${z}`
+            )
+          ) })
         ] }, `loading-col-${c}`))
       }
     ) : oe ? w = /* @__PURE__ */ i("div", { "data-state": "empty", children: /* @__PURE__ */ i(xe, { variant: "no-results", title: m("slotGrid.noSlots") }) }) : w = /* @__PURE__ */ i(
@@ -378,54 +381,61 @@ const Ze = pe(
       {
         className: j,
         "data-state": G ? "disabled" : "default",
-        children: t.map((r, c) => {
-          const g = `${h(r.date).toISOString()}-${c}`, z = r.label ?? X(h(r.date), T, l), E = `${re}-day-${c}-header`, F = ie[g] ?? !1 ? r.slots : r.slots.slice(0, n), R = r.slots.length - F.length, M = r.slots.length === 0;
-          return /* @__PURE__ */ C(
-            "section",
-            {
-              className: H(),
-              "aria-labelledby": E,
-              "data-empty": M || void 0,
-              children: [
-                /* @__PURE__ */ i("h3", { id: E, className: Be({ size: s }), children: z }),
-                M ? /* @__PURE__ */ i("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: m("slotGrid.noSlots") }) : null,
-                /* @__PURE__ */ i("ul", { className: _(), children: F.map((p) => {
-                  const me = He(
-                    p,
-                    r,
-                    T,
-                    l,
-                    ({ time: L, day: ge }) => m("slotGrid.slotLabel", { time: L, day: ge })
-                  ), fe = a === p.id, O = p.available === !1 || v;
-                  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-                    "button",
+        children: t.map((n, c) => {
+          const g = `${h(n.date).toISOString()}-${c}`, z = n.label ?? X(h(n.date), T, l), E = `${ne}-day-${c}-header`, F = ie[g] ?? !1 ? n.slots : n.slots.slice(0, r), R = n.slots.length - F.length, M = n.slots.length === 0;
+          return (
+            // Use a plain <div role="group"> rather than <section> — a
+            // <section> with aria-labelledby is a landmark, and nesting many
+            // landmarks inside the outer slot-grid landmark fails axe's
+            // landmark-unique rule.
+            /* @__PURE__ */ C(
+              "div",
+              {
+                role: "group",
+                className: H(),
+                "aria-labelledby": E,
+                "data-empty": M || void 0,
+                children: [
+                  /* @__PURE__ */ i("h3", { id: E, className: Be({ size: s }), children: z }),
+                  M ? /* @__PURE__ */ i("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: m("slotGrid.noSlots") }) : null,
+                  /* @__PURE__ */ i("ul", { className: _(), children: F.map((p) => {
+                    const me = He(
+                      p,
+                      n,
+                      T,
+                      l,
+                      ({ time: L, day: ge }) => m("slotGrid.slotLabel", { time: L, day: ge })
+                    ), fe = a === p.id, O = p.available === !1 || v;
+                    return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+                      "button",
+                      {
+                        type: "button",
+                        className: We({ size: s }),
+                        "aria-label": me,
+                        "aria-pressed": fe,
+                        disabled: O,
+                        "aria-disabled": O || void 0,
+                        "data-slot-id": p.id,
+                        onClick: () => I(p, n),
+                        onKeyDown: (L) => ue(L, p, n),
+                        children: q(p, T, l)
+                      }
+                    ) }, p.id);
+                  }) }),
+                  R > 0 ? /* @__PURE__ */ i(
+                    Y,
                     {
-                      type: "button",
-                      className: We({ size: s }),
-                      "aria-label": me,
-                      "aria-pressed": fe,
-                      disabled: O,
-                      "aria-disabled": O || void 0,
-                      "data-slot-id": p.id,
-                      onClick: () => I(p, r),
-                      onKeyDown: (L) => ue(L, p, r),
-                      children: q(p, T, l)
+                      intent: "ghost",
+                      size: s === "lg" ? "md" : "sm",
+                      onClick: () => ce(n, g),
+                      disabled: v,
+                      children: m("slotGrid.showMore", { count: R })
                     }
-                  ) }, p.id);
-                }) }),
-                R > 0 ? /* @__PURE__ */ i(
-                  Y,
-                  {
-                    intent: "ghost",
-                    size: s === "lg" ? "md" : "sm",
-                    onClick: () => ce(r, g),
-                    disabled: v,
-                    children: m("slotGrid.showMore", { count: R })
-                  }
-                ) : null
-              ]
-            },
-            g
+                  ) : null
+                ]
+              },
+              g
+            )
           );
         })
       }
@@ -486,7 +496,7 @@ Ze.displayName = "SlotGrid";
 export {
   Ze as S,
   it as f,
-  rt as i,
+  nt as i,
   Ne as p
 };
-//# sourceMappingURL=slot-grid-D_l5VsHG.js.map
+//# sourceMappingURL=slot-grid-CgpYgBkW.js.map

package/dist/_chunks/{sparkline.agent-56Sj7nOP.js → sparkline-_gy8aJDG.js}

@@ -1,11 +1,12 @@
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { forwardRef as P, useId as j, useMemo as S, useRef as G, useState as z, useEffect as A, 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 w from "apexcharts";
-import { g as H, u as J } from "./apexcharts-theme-BkSShpEy.js";
-function K(n) {
+import { jsx as w, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as j, useId as G, useMemo as R, useRef as V, useState as H, useEffect as z, useImperativeHandle as Z } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import J from "react-apexcharts";
+import v from "apexcharts";
+import { g as D, u as K } from "./apexcharts-theme-BJigns_V.js";
+import { u as Q } from "./registry-C9nwlNyL.js";
+function X(n) {
   if (n.length < 2)
     return { slope: 0, direction: "steady" };
   const t = n.length, i = (t - 1) / 2, c = n.reduce((s, o) => s + o, 0) / t;
@@ -17,7 +18,34 @@ function K(n) {
   const d = l === 0 ? 0 : a / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), k = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
   return { slope: d, direction: k };
 }
-const D = Z("ds:relative ds:inline-block ds:w-full", {
+const Y = {
+  id: "sparkline",
+  capabilities: [],
+  state: {},
+  actions: {
+    update_series: {
+      safety: "read",
+      argsType: "{ data: number[] }",
+      description: "Replace the sparkline data without remounting.",
+      invoke: (n, t) => {
+        n.updateSeries(t.data);
+      }
+    },
+    export_png: {
+      safety: "read",
+      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."
+    }
+  }
+}, U = $("ds:relative ds:inline-block ds:w-full", {
   variants: {
     size: {
       xs: "ds:h-6",
@@ -26,19 +54,19 @@ const D = Z("ds:relative ds:inline-block ds:w-full", {
     }
   },
   defaultVariants: { size: "md" }
-}), Q = {
+}), ee = {
   increasing: "↑",
   decreasing: "↓",
   steady: "→"
-}, X = {
+}, te = {
   xs: 24,
   sm: 32,
   md: 40
 };
-function Y() {
+function re() {
   return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-const ee = P(
+const ne = j(
   ({
     id: n,
     data: t,
@@ -47,39 +75,41 @@ const ee = P(
     label: a,
     color: l,
     showEndpoint: d = !1,
-    showTooltip: v = !1,
+    showTooltip: M = !1,
     width: b,
     height: k,
     className: s,
     ...o
-  }, U) => {
-    var N;
-    const { t: u, i18n: R } = $(), M = j(), m = S(
-      () => `sparkline-${M.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [M]
-    ), p = G(null), [C, _] = z(0), { direction: y } = K(t), T = S(() => {
+  }, _) => {
+    var A;
+    const { t: u, i18n: C } = q(), T = G(), m = R(
+      () => `sparkline-${T.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [T]
+    ), p = V(null), [O, E] = H(0), { direction: y } = X(t), N = R(() => {
       if (t.length === 0)
         return u("ui.sparkline.noData", "No data");
-      const e = (g) => new Intl.NumberFormat(R.language).format(g), r = u(`ui.sparkline.direction.${y}`), f = {
+      const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`ui.sparkline.direction.${y}`), f = {
         min: e(Math.min(...t)),
         max: e(Math.max(...t)),
         current: e(t[t.length - 1]),
         direction: r
       };
       return a ? u("ui.sparkline.summary", { label: a, ...f }) : u("ui.sparkline.summaryNoLabel", f);
-    }, [t, a, y, R.language, u]), [h, E] = z(() => {
-      try {
-        return H();
-      } catch {
-        return {};
+    }, [t, a, y, C.language, u]), [h, W] = H(
+      () => {
+        try {
+          return D();
+        } catch {
+          return {};
+        }
       }
-    });
-    A(() => {
+    );
+    z(() => {
       let e;
       const r = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
           try {
-            E(H());
+            W(D());
           } catch {
           }
         }, 50);
@@ -90,42 +120,47 @@ const ee = P(
       }), () => {
         clearTimeout(e), r.disconnect();
       };
-    }, []), A(() => {
+    }, []), z(() => {
       const e = p.current;
       if (!e) return;
       const r = new ResizeObserver((f) => {
         const g = f[0];
-        g && _(Math.floor(g.contentRect.width));
+        g && E(Math.floor(g.contentRect.width));
       });
       return r.observe(e), () => r.disconnect();
-    }, []), J(p), V(U, () => ({
-      updateSeries(e) {
-        var r;
-        (r = w.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
-      },
-      updateOptions(e) {
-        var r;
-        (r = w.getChartByID(m)) == null || r.updateOptions(e);
-      },
-      async dataURI() {
-        const e = w.getChartByID(m);
-        return e ? (await e.dataURI()).imgURI : "";
-      }
-    }));
-    const x = l ?? ((N = h.colors) == null ? void 0 : N[0]) ?? "currentColor";
+    }, []), K(p);
+    const x = R(
+      () => ({
+        updateSeries(e) {
+          var r;
+          (r = v.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
+        },
+        updateOptions(e) {
+          var r;
+          (r = v.getChartByID(m)) == null || r.updateOptions(e);
+        },
+        async dataURI() {
+          const e = v.getChartByID(m);
+          return e ? (await e.dataURI()).imgURI : "";
+        }
+      }),
+      [m]
+    );
+    Z(_, () => x, [x]), Q(Y, x, n);
+    const I = l ?? ((A = h.colors) == null ? void 0 : A[0]) ?? "currentColor";
     if (t.length === 0)
-      return /* @__PURE__ */ I(
+      return /* @__PURE__ */ w(
         "div",
         {
           ref: p,
           role: "img",
-          "aria-label": T,
+          "aria-label": N,
           dir: "ltr",
-          className: D({ size: c, className: s }),
+          className: U({ size: c, className: s }),
           ...o
         }
       );
-    const O = Y(), W = {
+    const S = re(), B = {
       ...h,
       chart: {
         ...h.chart,
@@ -134,13 +169,13 @@ const ee = P(
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
         animations: {
-          enabled: !O,
-          dynamicAnimation: { enabled: !O }
+          enabled: !S,
+          dynamicAnimation: { enabled: !S }
         },
         zoom: { enabled: !1 },
         parentHeightOffset: 0
       },
-      colors: [x],
+      colors: [I],
       stroke: {
         curve: "smooth",
         width: i === "bar" ? 0 : 2
@@ -151,15 +186,15 @@ const ee = P(
       xaxis: {
         crosshairs: { show: !1 }
       },
-      tooltip: { enabled: v },
+      tooltip: { enabled: M },
       markers: d ? {
         size: [0],
         discrete: [
           {
             seriesIndex: 0,
             dataPointIndex: t.length - 1,
-            fillColor: x,
-            strokeColor: x,
+            fillColor: I,
+            strokeColor: I,
             size: 4
           }
         ]
@@ -171,36 +206,36 @@ const ee = P(
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: { top: 2, right: 2, bottom: 2, left: 2 }
       }
-    }, B = b ?? (C > 0 ? C : "100%"), F = k ?? X[c ?? "md"];
-    return /* @__PURE__ */ L(
+    }, F = b ?? (O > 0 ? O : "100%"), L = k ?? te[c ?? "md"];
+    return /* @__PURE__ */ P(
       "div",
       {
         ref: p,
         role: "img",
-        "aria-label": T,
+        "aria-label": N,
         dir: "ltr",
-        className: D({ size: c, className: s }),
+        className: U({ size: c, className: s }),
         "data-component": "sparkline",
         "data-component-id": n,
         ...o,
         children: [
-          /* @__PURE__ */ I(
-            q,
+          /* @__PURE__ */ w(
+            J,
             {
               type: i,
               series: [{ data: t }],
-              options: W,
-              width: B,
-              height: F,
+              options: B,
+              width: F,
+              height: L,
               "aria-hidden": "true"
             }
           ),
-          d && /* @__PURE__ */ I(
+          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: Q[y]
+              children: ee[y]
             }
           )
         ]
@@ -208,38 +243,10 @@ const ee = P(
     );
   }
 );
-ee.displayName = "Sparkline";
-const de = {
-  id: "sparkline",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      safety: "read",
-      argsType: "{ data: number[] }",
-      description: "Replace the sparkline data without remounting.",
-      invoke: (n, t) => {
-        n.updateSeries(t.data);
-      }
-    },
-    export_png: {
-      safety: "read",
-      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."
-    }
-  }
-};
+ne.displayName = "Sparkline";
 export {
-  ee as S,
-  de as s,
-  K as u
+  ne as S,
+  Y as s,
+  X as u
 };
-//# sourceMappingURL=sparkline.agent-56Sj7nOP.js.map
+//# sourceMappingURL=sparkline-_gy8aJDG.js.map