@alfadocs/ui-kit-debug 1.52.0 → 1.53.0

package/dist/_chunks/{chart-CuE30cfr.js → chart-D37VAIa-.js}

@@ -1,22 +1,22 @@
-import { jsxs as O, jsx as d } from "react/jsx-runtime";
+import { jsxs as N, jsx as d } from "react/jsx-runtime";
 import { forwardRef as $e, useId as ze, useMemo as b, useRef as Me, useState as F, useEffect as be, useImperativeHandle as Pe } from "react";
 import { c as He } from "./index-D2ZczOXr.js";
 import { useTranslation as De } from "react-i18next";
 import qe from "react-apexcharts";
 import ge from "apexcharts";
-import { u as Ge, g as ve, a as Ue, r as We } from "./apexcharts-theme-B_AxGC_h.js";
+import { u as Ge, a as Ke, g as ve, b as Ue, r as We } from "./apexcharts-theme-DNoXvgnZ.js";
 import { u as je } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Ke } from "./registry-DvAUVLHh.js";
-import { I as Ve } from "./icon-button-JAXAkqWC.js";
-import { I as Ye } from "./icon-button-group-DHRz90jY.js";
-import { c as N } from "./createLucideIcon-DhHxpK9K.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { I as Ye } from "./icon-button-JAXAkqWC.js";
+import { I as Fe } from "./icon-button-group-DHRz90jY.js";
+import { c as $ } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = [
+const Ze = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -25,36 +25,36 @@ const Fe = [
       key: "q0gr47"
     }
   ]
-], Ze = N("chart-area", Fe);
+], Je = $("chart-area", Ze);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = [
+const Qe = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
-], Qe = N("chart-column", Je);
+], Xe = $("chart-column", Qe);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = [
+const et = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], et = N("chart-line", Xe);
+], tt = $("chart-line", et);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tt = [
+const at = [
   [
     "path",
     {
@@ -63,14 +63,14 @@ const tt = [
     }
   ],
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], at = N("chart-pie", tt);
+], rt = $("chart-pie", at);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rt = [
+const ot = [
   [
     "path",
     {
@@ -79,7 +79,7 @@ const rt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], ot = N("donut", rt), it = {
+], it = $("donut", ot), nt = {
   id: "chart",
   // view_change backs the opt-in type switcher (`switchableTypes` prop):
   // the same chart re-presented as line / bar / area / pie / donut.
@@ -199,7 +199,7 @@ const rt = [
       description: "Sourced from the id prop."
     }
   }
-}, nt = He("ds:relative ds:block ds:w-full", {
+}, st = He("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -211,32 +211,32 @@ const rt = [
     }
   },
   defaultVariants: { density: "comfortable" }
-}), st = [
+}), ct = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], ct = ["line", "bar", "area"], lt = ["pie", "donut", "radialBar"], Te = [
+], lt = ["line", "bar", "area"], dt = ["pie", "donut", "radialBar"], Te = [
   "line",
   "bar",
   "area",
   "pie",
   "donut"
-], dt = {
+], pt = {
   line: "chart.typeSwitcher.line",
   bar: "chart.typeSwitcher.bar",
   area: "chart.typeSwitcher.area",
   pie: "chart.typeSwitcher.pie",
   donut: "chart.typeSwitcher.donut"
-}, pt = {
-  line: /* @__PURE__ */ d(et, {}),
-  bar: /* @__PURE__ */ d(Qe, {}),
-  area: /* @__PURE__ */ d(Ze, {}),
-  pie: /* @__PURE__ */ d(at, {}),
-  donut: /* @__PURE__ */ d(ot, {})
-}, ht = 2, Se = "0 6";
-function ut(i, m) {
+}, ht = {
+  line: /* @__PURE__ */ d(tt, {}),
+  bar: /* @__PURE__ */ d(Xe, {}),
+  area: /* @__PURE__ */ d(Je, {}),
+  pie: /* @__PURE__ */ d(rt, {}),
+  donut: /* @__PURE__ */ d(it, {})
+}, ut = 2, Se = "0 6";
+function mt(i, m) {
   !i || m.length === 0 || i.querySelectorAll(
     ".apexcharts-bar-series > .apexcharts-series"
   ).forEach((h) => {
@@ -254,12 +254,12 @@ function ut(i, m) {
   });
 }
 function w(i) {
-  return lt.includes(i);
+  return dt.includes(i);
 }
 function Z(i) {
-  return ct.includes(i);
+  return lt.includes(i);
 }
-function mt(i, m) {
+function ft(i, m) {
   return w(m) ? [
     {
       name: "",
@@ -267,7 +267,7 @@ function mt(i, m) {
     }
   ] : i;
 }
-const ft = $e(
+const yt = $e(
   ({
     title: i,
     id: m,
@@ -279,14 +279,14 @@ const ft = $e(
     width: we,
     patterns: Q = !1,
     stacked: X = !1,
-    orientation: $ = "vertical",
+    orientation: z = "vertical",
     curve: ee = "smooth",
-    colors: z,
+    colors: M,
     toolbar: D = !1,
     locale: Ce,
     radialValueFormatter: I,
     valueFormatter: te,
-    switchableTypes: M,
+    switchableTypes: P,
     onTypeChange: q,
     density: Ie,
     className: ae
@@ -294,8 +294,8 @@ const ft = $e(
     const { t: n, i18n: Ae } = De("ui"), re = ze(), x = b(
       () => `chart-${re.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [re]
-    ), G = `${x}-summary`, P = Me(null), [oe, ke] = F(0);
-    Ge(P);
+    ), G = `${x}-summary`, L = Me(null), [oe, ke] = F(0);
+    Ge(L), Ke(L);
     const A = Ce ?? Ae.language ?? "en", [ie, Re] = F(() => {
       try {
         return ve();
@@ -321,7 +321,7 @@ const ft = $e(
         clearTimeout(e), a.disconnect();
       };
     }, []), be(() => {
-      const e = P.current;
+      const e = L.current;
       if (!e || typeof ResizeObserver > "u") return;
       const a = new ResizeObserver((o) => {
         const p = o[0];
@@ -330,22 +330,22 @@ const ft = $e(
       return a.observe(e), () => a.disconnect();
     }, []);
     const k = b(() => {
-      if (!M || M.length === 0) return [];
-      const e = M.filter(
+      if (!P || P.length === 0) return [];
+      const e = P.filter(
         (o) => Te.includes(o)
       );
       if (!Te.includes(h))
         return [];
       const a = e.includes(h) ? e : [h, ...e];
       return [...new Set(a)];
-    }, [M, h]), T = k.length >= 2, [U, ne] = F(null), r = T && U && k.includes(U) ? U : h, W = w(h), se = w(r), { effectiveSeries: f, effectiveCategories: H, effectiveLabels: L } = b(() => {
-      if (W === se)
+    }, [P, h]), T = k.length >= 2, [K, ne] = F(null), r = T && K && k.includes(K) ? K : h, U = w(h), se = w(r), { effectiveSeries: f, effectiveCategories: H, effectiveLabels: B } = b(() => {
+      if (U === se)
         return {
           effectiveSeries: C,
           effectiveCategories: v,
           effectiveLabels: l
         };
-      if (!W) {
+      if (!U) {
         const o = C.filter((u) => u.role !== "compare");
         return {
           effectiveSeries: o.map(
@@ -363,7 +363,7 @@ const ft = $e(
         effectiveCategories: l ?? [],
         effectiveLabels: void 0
       };
-    }, [C, v, l, W, se, n]), j = b(
+    }, [C, v, l, U, se, n]), W = b(
       () => ({
         async dataURI() {
           const e = ge.getChartByID(x);
@@ -407,9 +407,9 @@ const ft = $e(
       }),
       [x, h, r, n, T, k]
     );
-    Pe(xe, () => j, [j]), Ke(it, j, m);
-    const K = typeof document < "u" && document.documentElement.dir === "rtl", ce = b(
-      () => mt(f, r),
+    Pe(xe, () => W, [W]), Ve(nt, W, m);
+    const j = typeof document < "u" && document.documentElement.dir === "rtl", ce = b(
+      () => ft(f, r),
       [f, r]
     ), le = b(
       () => new Intl.NumberFormat(A),
@@ -440,7 +440,7 @@ const ft = $e(
       var he, ue, me, fe, ye;
       const e = ie, a = Z(r) && Array.isArray(f) ? f.map((t) => t.role === "compare") : [], o = a.some(Boolean), p = o && r === "bar", u = p && f.some(
         (t) => t.role === "compare" && t.data.some((c) => c < 0)
-      ), y = p && $ === "vertical" && !u, S = o ? Ue() : 0.3, s = {
+      ), y = p && z === "vertical" && !u, S = o ? Ue() : 0.3, s = {
         ...e,
         chart: {
           ...e.chart,
@@ -465,7 +465,7 @@ const ft = $e(
         // "Cannot read properties of undefined (reading 'length')", which
         // aborts the render and leaves a blank chart. Absent is safe; area /
         // line tolerate the undefined but bar does not, so never pass it.
-        ...L ? { labels: L } : {},
+        ...B ? { labels: B } : {},
         legend: {
           ...e.legend,
           position: "bottom",
@@ -473,7 +473,7 @@ const ft = $e(
           // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
           // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
           // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: K ? "right" : "left",
+          horizontalAlign: j ? "right" : "left",
           fontFamily: "inherit"
         },
         tooltip: {
@@ -486,12 +486,12 @@ const ft = $e(
           text: n("chart.noData")
         }
       };
-      if (z && z.length > 0 && (s.colors = z), o) {
+      if (M && M.length > 0 && (s.colors = M), o) {
         const t = s.colors ?? e.colors ?? [], c = (g) => t[g % Math.max(t.length, 1)], _ = f.map((g, E) => g.role === "compare" ? -1 : E).filter((g) => g >= 0);
-        let B = 0;
+        let O = 0;
         s.colors = f.map((g, E) => {
           if (g.role !== "compare") return c(E);
-          const Ne = _.length ? _[Math.min(B++, _.length - 1)] : E;
+          const Ne = _.length ? _[Math.min(O++, _.length - 1)] : E;
           return c(Ne);
         });
         const Y = s.colors.map(
@@ -506,7 +506,7 @@ const ft = $e(
         };
       }
       if (Z(r)) {
-        const t = r === "bar" && $ === "horizontal";
+        const t = r === "bar" && z === "horizontal";
         s.xaxis = {
           ...e.xaxis,
           categories: H ?? [],
@@ -517,11 +517,11 @@ const ft = $e(
           } : {}
         }, s.yaxis = {
           ...e.yaxis,
-          opposite: K,
+          opposite: j,
           ...t ? {} : { labels: { formatter: (c) => R(c) } }
         }, s.stroke = {
           curve: ee,
-          width: r === "bar" ? o ? a.map((c) => c ? ht : 0) : 0 : 2,
+          width: r === "bar" ? o ? a.map((c) => c ? ut : 0) : 0 : 2,
           ...o ? {
             lineCap: "round",
             // Runtime accepts a string dash; the published types say
@@ -548,7 +548,7 @@ const ft = $e(
           }
         };
       }
-      if (r === "bar" && $ === "horizontal") {
+      if (r === "bar" && z === "horizontal") {
         const t = e.plotOptions ?? {};
         s.plotOptions = {
           ...t,
@@ -561,7 +561,7 @@ const ft = $e(
           (t) => t ? S : r === "area" ? 0.3 : 1
         ) : r === "area" ? 0.3 : 1,
         pattern: {
-          style: [...st],
+          style: [...ct],
           strokeWidth: 2
         }
       } : p ? s.fill = {
@@ -574,7 +574,7 @@ const ft = $e(
         type: "gradient",
         opacity: 0.3
       }), y) {
-        const t = a.map((B, Y) => B ? Y : -1).filter((B) => B >= 0), c = () => ut(P.current, t), _ = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(c) : c();
+        const t = a.map((O, Y) => O ? Y : -1).filter((O) => O >= 0), c = () => mt(L.current, t), _ = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(c) : c();
         s.chart = {
           ...s.chart,
           events: {
@@ -593,28 +593,28 @@ const ft = $e(
       V,
       de,
       A,
-      L,
+      B,
       R,
       n,
       r,
       f,
       H,
-      K,
+      j,
       Q,
       X,
-      $,
-      ee,
       z,
+      ee,
+      M,
       I
     ]), Ee = we ?? (oe > 0 ? oe : "100%"), Le = J ?? 320, Be = b(() => {
-      const e = w(r) ? L ?? [] : H ?? [], a = ce;
-      return /* @__PURE__ */ O("table", { id: G, className: "ds:sr-only", children: [
+      const e = w(r) ? B ?? [] : H ?? [], a = ce;
+      return /* @__PURE__ */ N("table", { id: G, className: "ds:sr-only", children: [
         /* @__PURE__ */ d("caption", { children: i }),
-        /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ O("tr", { children: [
+        /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ N("tr", { children: [
           /* @__PURE__ */ d("th", { scope: "col", children: n("chart.table.series") }),
           e.map((o, p) => /* @__PURE__ */ d("th", { scope: "col", children: o }, `${o}-${p}`))
         ] }) }),
-        /* @__PURE__ */ d("tbody", { children: a.map((o, p) => /* @__PURE__ */ O("tr", { children: [
+        /* @__PURE__ */ d("tbody", { children: a.map((o, p) => /* @__PURE__ */ N("tr", { children: [
           /* @__PURE__ */ d("th", { scope: "row", children: o.name || n("chart.table.value") }),
           o.data.map((u, y) => /* @__PURE__ */ d("td", { children: r === "radialBar" && I ? I(u) : R(u) }, `${p}-${y}`))
         ] }, `${o.name}-${p}`)) })
@@ -622,21 +622,21 @@ const ft = $e(
     }, [
       r,
       ce,
-      L,
+      B,
       H,
       G,
       i,
       n,
       R,
       I
-    ]), Oe = b(() => (w(r), f), [f, r]), pe = /* @__PURE__ */ O(
+    ]), Oe = b(() => (w(r), f), [f, r]), pe = /* @__PURE__ */ N(
       "div",
       {
-        ref: P,
+        ref: L,
         role: "img",
         "aria-label": i,
         "aria-describedby": G,
-        className: nt({
+        className: st({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
           density: Ie ?? (J !== void 0 ? "none" : void 0),
@@ -660,7 +660,7 @@ const ft = $e(
         ]
       }
     );
-    return T ? /* @__PURE__ */ O(
+    return T ? /* @__PURE__ */ N(
       "div",
       {
         "data-component": "chart",
@@ -668,7 +668,7 @@ const ft = $e(
         className: `ds:block ds:w-full ${ae ?? ""}`.trim(),
         children: [
           /* @__PURE__ */ d("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ d(
-            Ye,
+            Fe,
             {
               role: "radiogroup",
               mode: "toggle-single",
@@ -679,12 +679,12 @@ const ft = $e(
                 e !== r && (ne(e), q == null || q(e));
               },
               children: k.map((e) => /* @__PURE__ */ d(
-                Ve,
+                Ye,
                 {
                   value: e,
                   type: "button",
-                  icon: pt[e],
-                  "aria-label": n(dt[e])
+                  icon: ht[e],
+                  "aria-label": n(pt[e])
                 },
                 e
               ))
@@ -696,10 +696,10 @@ const ft = $e(
     ) : pe;
   }
 );
-ft.displayName = "Chart";
+yt.displayName = "Chart";
 export {
-  ft as C,
-  nt as a,
-  it as c
+  yt as C,
+  st as a,
+  nt as c
 };
-//# sourceMappingURL=chart-CuE30cfr.js.map
+//# sourceMappingURL=chart-D37VAIa-.js.map