@alfadocs/ui-kit 0.86.0 → 0.87.0

package/dist/_chunks/{chart-GFLv4cXm.js → chart-CNaLgvx4.js}

@@ -1,22 +1,22 @@
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { forwardRef as be, useId as ve, useMemo as d, useRef as ge, useState as H, useEffect as ee, useImperativeHandle as Te } from "react";
-import { c as Se } from "./index-D2ZczOXr.js";
-import { useTranslation as we } from "react-i18next";
-import Ie from "react-apexcharts";
-import te from "apexcharts";
-import { u as Ce, g as ae } from "./apexcharts-theme-BJigns_V.js";
-import { u as ke } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Re } from "./registry-DvAUVLHh.js";
-import { I as _e } from "./icon-button-C_kbcd7I.js";
-import { I as Le } from "./icon-button-group-BLHPN6jg.js";
-import { c as I } from "./createLucideIcon-DhHxpK9K.js";
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import { forwardRef as Se, useId as we, useMemo as d, useRef as Ie, useState as G, useEffect as re, useImperativeHandle as Ce } from "react";
+import { c as ke } from "./index-D2ZczOXr.js";
+import { useTranslation as Re } from "react-i18next";
+import _e from "react-apexcharts";
+import oe from "apexcharts";
+import { u as Le, g as ie } from "./apexcharts-theme-BJigns_V.js";
+import { u as xe } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as Ee } from "./registry-DvAUVLHh.js";
+import { I as Ne } from "./icon-button-C_kbcd7I.js";
+import { I as ze } from "./icon-button-group-BLHPN6jg.js";
+import { c as C } 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 xe = [
+const Pe = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -25,36 +25,36 @@ const xe = [
       key: "q0gr47"
     }
   ]
-], Ee = I("chart-area", xe);
+], Ae = C("chart-area", Pe);
 /**
  * @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 Ne = [
+const Be = [
   ["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" }]
-], Ae = I("chart-column", Ne);
+], Oe = C("chart-column", Be);
 /**
  * @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 Pe = [
+const Me = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], ze = I("chart-line", Pe);
+], $e = C("chart-line", Me);
 /**
  * @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 Be = [
+const He = [
   [
     "path",
     {
@@ -63,14 +63,14 @@ const Be = [
     }
   ],
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], Me = I("chart-pie", Be);
+], Ge = C("chart-pie", He);
 /**
  * @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 Oe = [
+const je = [
   [
     "path",
     {
@@ -79,7 +79,7 @@ const Oe = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], $e = I("donut", Oe), He = {
+], De = C("donut", je), Ke = {
   id: "chart",
   // view_change backs the opt-in type switcher (`switchableTypes` prop):
   // the same chart re-presented as line / bar / area / pie / donut.
@@ -89,19 +89,19 @@ const Oe = [
       type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
       descriptionKey: "ui.agent.chart.state.declaredType",
       description: "The consumer-declared chart type — the shape `update_series` expects.",
-      read: (a) => a.getTypeState().declaredType
+      read: (r) => r.getTypeState().declaredType
     },
     effectiveType: {
       type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
       descriptionKey: "ui.agent.chart.state.effectiveType",
       description: "The type currently rendered — differs from declaredType after a type-switcher pick.",
-      read: (a) => a.getTypeState().effectiveType
+      read: (r) => r.getTypeState().effectiveType
     },
     availableTypes: {
       type: "ChartType[]",
       descriptionKey: "ui.agent.chart.state.availableTypes",
       description: "Types the switcher offers. Empty when the chart has no type switcher.",
-      read: (a) => a.getTypeState().availableTypes
+      read: (r) => r.getTypeState().availableTypes
     }
   },
   actions: {
@@ -129,7 +129,7 @@ const Oe = [
       idempotent: !0,
       descriptionKey: "ui.agent.chart.actions.changeView",
       description: "Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.",
-      invoke: (a, h) => a.setType(h.type)
+      invoke: (r, h) => r.setType(h.type)
     },
     update_series: {
       // Replacing the rendered series mutates what the chart displays — it
@@ -169,8 +169,8 @@ const Oe = [
       idempotent: !0,
       descriptionKey: "ui.agent.chart.actions.updateSeries",
       description: "Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state) — when the user has switched the view cross-shape the values are converted to the rendered shape. The write targets the live instance only: a later type switch re-reads the original props and discards it.",
-      invoke: (a, h) => {
-        a.updateSeries(h.series);
+      invoke: (r, h) => {
+        r.updateSeries(h.series);
       }
     },
     export_png: {
@@ -183,7 +183,7 @@ const Oe = [
       idempotent: !0,
       descriptionKey: "ui.agent.chart.actions.exportPng",
       description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (a) => a.dataURI()
+      invoke: (r) => r.dataURI()
     }
   },
   domHooks: {
@@ -194,7 +194,7 @@ const Oe = [
       description: "Sourced from the id prop."
     }
   }
-}, Ge = Se("ds:relative ds:block ds:w-full", {
+}, Ue = ke("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -206,87 +206,90 @@ const Oe = [
     }
   },
   defaultVariants: { density: "comfortable" }
-}), je = [
+}), Ve = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], De = ["line", "bar", "area"], Ke = ["pie", "donut", "radialBar"], re = [
+], We = ["line", "bar", "area"], Ye = ["pie", "donut", "radialBar"], ne = [
   "line",
   "bar",
   "area",
   "pie",
   "donut"
-], Ue = {
+], qe = {
   line: "chart.typeSwitcher.line",
   bar: "chart.typeSwitcher.bar",
   area: "chart.typeSwitcher.area",
   pie: "chart.typeSwitcher.pie",
   donut: "chart.typeSwitcher.donut"
-}, Ve = {
-  line: /* @__PURE__ */ c(ze, {}),
-  bar: /* @__PURE__ */ c(Ae, {}),
-  area: /* @__PURE__ */ c(Ee, {}),
-  pie: /* @__PURE__ */ c(Me, {}),
-  donut: /* @__PURE__ */ c($e, {})
+}, Ze = {
+  line: /* @__PURE__ */ c($e, {}),
+  bar: /* @__PURE__ */ c(Oe, {}),
+  area: /* @__PURE__ */ c(Ae, {}),
+  pie: /* @__PURE__ */ c(Ge, {}),
+  donut: /* @__PURE__ */ c(De, {})
 };
-function f(a) {
-  return Ke.includes(a);
+function m(r) {
+  return Ye.includes(r);
 }
-function We(a) {
-  return De.includes(a);
+function se(r) {
+  return We.includes(r);
 }
-function Ye(a, h) {
-  return f(h) ? [
+function Fe(r, h) {
+  return m(h) ? [
     {
       name: "",
-      data: a
+      data: r
     }
-  ] : a;
+  ] : r;
 }
-const qe = be(
+const Je = Se(
   ({
-    title: a,
+    title: r,
     id: h,
     type: l,
-    series: C,
-    categories: G,
-    labels: L,
-    height: j,
-    width: oe,
-    patterns: D = !1,
-    colors: k,
-    toolbar: x = !1,
-    locale: ie,
-    radialValueFormatter: m,
-    valueFormatter: K,
-    switchableTypes: R,
-    onTypeChange: E,
-    density: ne,
-    className: U
-  }, se) => {
-    const { t: r, i18n: ce } = we(), V = ve(), y = d(
-      () => `chart-${V.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [V]
-    ), N = `${y}-summary`, A = ge(null), [W, de] = H(0);
-    Ce(A);
-    const b = ie ?? ce.language ?? "en", [Y, le] = H(
+    series: k,
+    categories: j,
+    labels: x,
+    height: D,
+    width: ce,
+    patterns: K = !1,
+    stacked: U = !1,
+    orientation: E = "vertical",
+    curve: V = "smooth",
+    colors: R,
+    toolbar: N = !1,
+    locale: de,
+    radialValueFormatter: y,
+    valueFormatter: W,
+    switchableTypes: _,
+    onTypeChange: z,
+    density: le,
+    className: Y
+  }, pe) => {
+    const { t: o, i18n: he } = Re(), q = we(), b = d(
+      () => `chart-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [q]
+    ), P = `${b}-summary`, A = Ie(null), [Z, ue] = G(0);
+    Le(A);
+    const v = de ?? he.language ?? "en", [F, fe] = G(
       () => {
         try {
-          return ae();
+          return ie();
         } catch {
           return {};
         }
       }
     );
-    ee(() => {
+    re(() => {
       if (typeof document > "u") return;
       let e;
       const t = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
           try {
-            le(ae());
+            fe(ie());
           } catch {
           }
         }, 50);
@@ -297,136 +300,140 @@ const qe = be(
       }), () => {
         clearTimeout(e), t.disconnect();
       };
-    }, []), ee(() => {
+    }, []), re(() => {
       const e = A.current;
       if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver((i) => {
-        const n = i[0];
-        n && de(Math.floor(n.contentRect.width));
+      const t = new ResizeObserver((n) => {
+        const s = n[0];
+        s && ue(Math.floor(s.contentRect.width));
       });
       return t.observe(e), () => t.disconnect();
     }, []);
-    const v = d(() => {
-      if (!R || R.length === 0) return [];
-      const e = R.filter(
-        (i) => re.includes(i)
+    const g = d(() => {
+      if (!_ || _.length === 0) return [];
+      const e = _.filter(
+        (n) => ne.includes(n)
       );
-      if (!re.includes(l))
+      if (!ne.includes(l))
         return [];
       const t = e.includes(l) ? e : [l, ...e];
       return [...new Set(t)];
-    }, [R, l]), u = v.length >= 2, [P, q] = H(null), o = u && P && v.includes(P) ? P : l, z = f(l), Z = f(o), { effectiveSeries: g, effectiveCategories: _, effectiveLabels: T } = d(() => {
-      if (z === Z)
+    }, [_, l]), u = g.length >= 2, [B, J] = G(null), a = u && B && g.includes(B) ? B : l, O = m(l), Q = m(a), { effectiveSeries: S, effectiveCategories: L, effectiveLabels: w } = d(() => {
+      if (O === Q)
         return {
-          effectiveSeries: C,
-          effectiveCategories: G,
-          effectiveLabels: L
+          effectiveSeries: k,
+          effectiveCategories: j,
+          effectiveLabels: x
         };
-      if (!z) {
-        const t = C;
+      if (!O) {
+        const t = k;
         return {
           effectiveSeries: t.map(
-            (n) => n.data.reduce((p, s) => p + s, 0)
+            (s) => s.data.reduce((p, i) => p + i, 0)
           ),
           effectiveCategories: void 0,
-          effectiveLabels: t.map((n) => n.name)
+          effectiveLabels: t.map((s) => s.name)
         };
       }
-      const e = C;
+      const e = k;
       return {
         effectiveSeries: [
-          { name: r("chart.table.value"), data: e }
+          { name: o("chart.table.value"), data: e }
         ],
-        effectiveCategories: L ?? [],
+        effectiveCategories: x ?? [],
         effectiveLabels: void 0
       };
-    }, [C, G, L, z, Z, r]), B = d(
+    }, [k, j, x, O, Q, o]), M = d(
       () => ({
         async dataURI() {
-          const e = te.getChartByID(y);
+          const e = oe.getChartByID(b);
           return e ? (await e.dataURI()).imgURI : "";
         },
         updateSeries(e) {
-          const t = te.getChartByID(y);
+          const t = oe.getChartByID(b);
           if (!t) return;
-          const i = f(l), n = f(o);
-          if (i === n) {
+          const n = m(l), s = m(a);
+          if (n === s) {
             t.updateSeries(e);
             return;
           }
-          if (!i) {
+          if (!n) {
             const p = e;
             t.updateOptions(
-              { labels: p.map((s) => s.name) },
+              { labels: p.map((i) => i.name) },
               !1,
               !0
             ), t.updateSeries(
-              p.map((s) => s.data.reduce(($, ye) => $ + ye, 0))
+              p.map((i) => i.data.reduce((f, Te) => f + Te, 0))
             );
             return;
           }
           t.updateSeries([
-            { name: r("chart.table.value"), data: e }
+            { name: o("chart.table.value"), data: e }
           ]);
         },
         setType(e) {
-          return !u || !v.includes(e) ? !1 : (q(e), !0);
+          return !u || !g.includes(e) ? !1 : (J(e), !0);
         },
         getTypeState() {
           return {
             declaredType: l,
-            effectiveType: o,
-            availableTypes: u ? [...v] : []
+            effectiveType: a,
+            availableTypes: u ? [...g] : []
           };
         }
       }),
-      [y, l, o, r, u, v]
+      [b, l, a, o, u, g]
     );
-    Te(se, () => B, [B]), Re(He, B, h);
-    const M = typeof document < "u" && document.documentElement.dir === "rtl", F = d(
-      () => Ye(g, o),
-      [g, o]
-    ), J = d(
-      () => new Intl.NumberFormat(b),
-      [b]
-    ), S = d(
-      () => K ?? ((e) => J.format(e)),
-      [K, J]
-    ), Q = d(
+    Ce(pe, () => M, [M]), Ee(Ke, M, h);
+    const $ = typeof document < "u" && document.documentElement.dir === "rtl", X = d(
+      () => Fe(S, a),
+      [S, a]
+    ), ee = d(
+      () => new Intl.NumberFormat(v),
+      [v]
+    ), T = d(
+      () => W ?? ((e) => ee.format(e)),
+      [W, ee]
+    ), te = d(
       () => ({
-        name: b,
+        name: v,
         options: {
           toolbar: {
-            download: r("chart.toolbar.download"),
-            selection: r("chart.toolbar.selection"),
-            selectionZoom: r("chart.toolbar.selectionZoom"),
-            zoomIn: r("chart.toolbar.zoomIn"),
-            zoomOut: r("chart.toolbar.zoomOut"),
-            pan: r("chart.toolbar.pan"),
-            reset: r("chart.toolbar.reset"),
-            exportToSVG: r("chart.toolbar.exportToSVG"),
-            exportToPNG: r("chart.toolbar.exportToPNG"),
-            exportToCSV: r("chart.toolbar.exportToCSV")
+            download: o("chart.toolbar.download"),
+            selection: o("chart.toolbar.selection"),
+            selectionZoom: o("chart.toolbar.selectionZoom"),
+            zoomIn: o("chart.toolbar.zoomIn"),
+            zoomOut: o("chart.toolbar.zoomOut"),
+            pan: o("chart.toolbar.pan"),
+            reset: o("chart.toolbar.reset"),
+            exportToSVG: o("chart.toolbar.exportToSVG"),
+            exportToPNG: o("chart.toolbar.exportToPNG"),
+            exportToCSV: o("chart.toolbar.exportToCSV")
           }
         }
       }),
-      [b, r]
-    ), O = ke(), pe = d(() => {
-      var i, n, p;
-      const e = Y, t = {
+      [v, o]
+    ), H = xe(), me = d(() => {
+      var n, s, p;
+      const e = F, t = {
         ...e,
         chart: {
           ...e.chart,
-          id: y,
-          toolbar: { show: x },
-          zoom: { enabled: x },
+          id: b,
+          toolbar: { show: N },
+          zoom: { enabled: N },
           animations: {
-            enabled: !O,
-            dynamicAnimation: { enabled: !O }
+            enabled: !H,
+            dynamicAnimation: { enabled: !H }
           },
-          locales: [Q],
-          defaultLocale: b,
-          parentHeightOffset: 0
+          locales: [te],
+          defaultLocale: v,
+          parentHeightOffset: 0,
+          // Stacking is an axis-only concept — gate on the categorical types
+          // so a slice/radial chart never receives it, and omit the key
+          // entirely when unstacked so the default output is byte-identical.
+          ...U && se(a) ? { stacked: !0 } : {}
         },
         // Only set `labels` when the effective type actually has them (slice
         // charts). Emitting `labels: undefined` crashes ApexCharts' bar
@@ -434,7 +441,7 @@ const qe = be(
         // "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.
-        ...T ? { labels: T } : {},
+        ...w ? { labels: w } : {},
         legend: {
           ...e.legend,
           position: "bottom",
@@ -442,168 +449,185 @@ const qe = be(
           // 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: M ? "right" : "left",
+          horizontalAlign: $ ? "right" : "left",
           fontFamily: "inherit"
         },
         tooltip: {
           ...e.tooltip,
           y: {
-            formatter: (s) => S(s)
+            formatter: (i) => T(i)
           }
         },
         noData: {
-          text: r("chart.noData")
+          text: o("chart.noData")
         }
       };
-      if (k && k.length > 0 && (t.colors = k), We(o) && (t.xaxis = {
-        ...e.xaxis,
-        categories: _ ?? []
-      }, t.yaxis = {
-        ...e.yaxis,
-        opposite: M,
-        labels: {
-          formatter: (s) => S(s)
-        }
-      }, t.stroke = {
-        curve: "smooth",
-        width: o === "bar" ? 0 : 2
-      }, t.dataLabels = { enabled: !1 }), o === "radialBar" && m) {
-        const s = e.plotOptions ?? {};
+      if (R && R.length > 0 && (t.colors = R), se(a)) {
+        const i = a === "bar" && E === "horizontal";
+        t.xaxis = {
+          ...e.xaxis,
+          categories: L ?? [],
+          ...i ? {
+            labels: {
+              formatter: (f) => T(Number(f))
+            }
+          } : {}
+        }, t.yaxis = {
+          ...e.yaxis,
+          opposite: $,
+          ...i ? {} : { labels: { formatter: (f) => T(f) } }
+        }, t.stroke = {
+          curve: V,
+          width: a === "bar" ? 0 : 2
+        }, t.dataLabels = { enabled: !1 };
+      }
+      if (a === "radialBar" && y) {
+        const i = e.plotOptions ?? {};
         t.plotOptions = {
-          ...s,
+          ...i,
           radialBar: {
-            ...s.radialBar ?? {},
+            ...i.radialBar ?? {},
             dataLabels: {
-              ...((i = s.radialBar) == null ? void 0 : i.dataLabels) ?? {},
+              ...((n = i.radialBar) == null ? void 0 : n.dataLabels) ?? {},
               value: {
-                ...((p = (n = s.radialBar) == null ? void 0 : n.dataLabels) == null ? void 0 : p.value) ?? {},
-                formatter: ($) => m(Number($))
+                ...((p = (s = i.radialBar) == null ? void 0 : s.dataLabels) == null ? void 0 : p.value) ?? {},
+                formatter: (f) => y(Number(f))
               }
             }
           }
         };
       }
-      return D ? t.fill = {
+      if (a === "bar" && E === "horizontal") {
+        const i = e.plotOptions ?? {};
+        t.plotOptions = {
+          ...i,
+          bar: { ...i.bar ?? {}, horizontal: !0 }
+        };
+      }
+      return K ? t.fill = {
         type: "pattern",
-        opacity: o === "area" ? 0.3 : 1,
+        opacity: a === "area" ? 0.3 : 1,
         pattern: {
-          style: [...je],
+          style: [...Ve],
           strokeWidth: 2
         }
-      } : o === "area" && (t.fill = {
+      } : a === "area" && (t.fill = {
         type: "gradient",
         opacity: 0.3
       }), t;
     }, [
-      Y,
-      y,
-      x,
-      O,
-      Q,
+      F,
       b,
+      N,
+      H,
+      te,
+      v,
+      w,
       T,
-      S,
-      r,
       o,
-      _,
-      M,
-      D,
-      k,
-      m
-    ]), he = oe ?? (W > 0 ? W : "100%"), ue = j ?? 320, fe = d(() => {
-      const e = f(o) ? T ?? [] : _ ?? [], t = F;
-      return /* @__PURE__ */ w("table", { id: N, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: a }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ w("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "col", children: r("chart.table.series") }),
-          e.map((i, n) => /* @__PURE__ */ c("th", { scope: "col", children: i }, `${i}-${n}`))
+      a,
+      L,
+      $,
+      K,
+      U,
+      E,
+      V,
+      R,
+      y
+    ]), ye = ce ?? (Z > 0 ? Z : "100%"), be = D ?? 320, ve = d(() => {
+      const e = m(a) ? w ?? [] : L ?? [], t = X;
+      return /* @__PURE__ */ I("table", { id: P, className: "ds:sr-only", children: [
+        /* @__PURE__ */ c("caption", { children: r }),
+        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ I("tr", { children: [
+          /* @__PURE__ */ c("th", { scope: "col", children: o("chart.table.series") }),
+          e.map((n, s) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${s}`))
         ] }) }),
-        /* @__PURE__ */ c("tbody", { children: t.map((i, n) => /* @__PURE__ */ w("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "row", children: i.name || r("chart.table.value") }),
-          i.data.map((p, s) => /* @__PURE__ */ c("td", { children: o === "radialBar" && m ? m(p) : S(p) }, `${n}-${s}`))
-        ] }, `${i.name}-${n}`)) })
+        /* @__PURE__ */ c("tbody", { children: t.map((n, s) => /* @__PURE__ */ I("tr", { children: [
+          /* @__PURE__ */ c("th", { scope: "row", children: n.name || o("chart.table.value") }),
+          n.data.map((p, i) => /* @__PURE__ */ c("td", { children: a === "radialBar" && y ? y(p) : T(p) }, `${s}-${i}`))
+        ] }, `${n.name}-${s}`)) })
       ] });
     }, [
-      o,
-      F,
-      T,
-      _,
-      N,
       a,
+      X,
+      w,
+      L,
+      P,
       r,
-      S,
-      m
-    ]), me = d(() => (f(o), g), [g, o]), X = /* @__PURE__ */ w(
+      o,
+      T,
+      y
+    ]), ge = d(() => (m(a), S), [S, a]), ae = /* @__PURE__ */ I(
       "div",
       {
         ref: A,
         role: "img",
-        "aria-label": a,
-        "aria-describedby": N,
-        className: Ge({
+        "aria-label": r,
+        "aria-describedby": P,
+        className: Ue({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: ne ?? (j !== void 0 ? "none" : void 0),
-          className: u ? void 0 : U
+          density: le ?? (D !== void 0 ? "none" : void 0),
+          className: u ? void 0 : Y
         }),
         ...u ? {} : { "data-component": "chart", "data-component-id": h },
         children: [
-          fe,
+          ve,
           /* @__PURE__ */ c(
-            Ie,
+            _e,
             {
-              type: o,
-              series: me,
-              options: pe,
-              width: he,
-              height: ue,
+              type: a,
+              series: ge,
+              options: me,
+              width: ye,
+              height: be,
               "aria-hidden": "true"
             },
-            o
+            a
           )
         ]
       }
     );
-    return u ? /* @__PURE__ */ w(
+    return u ? /* @__PURE__ */ I(
       "div",
       {
         "data-component": "chart",
         "data-component-id": h,
-        className: `ds:block ds:w-full ${U ?? ""}`.trim(),
+        className: `ds:block ds:w-full ${Y ?? ""}`.trim(),
         children: [
           /* @__PURE__ */ c("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ c(
-            Le,
+            ze,
             {
               role: "radiogroup",
               mode: "toggle-single",
               size: "sm",
-              "aria-label": r("chart.typeSwitcher.label"),
-              value: o,
+              "aria-label": o("chart.typeSwitcher.label"),
+              value: a,
               onValueChange: (e) => {
-                e !== o && (q(e), E == null || E(e));
+                e !== a && (J(e), z == null || z(e));
               },
-              children: v.map((e) => /* @__PURE__ */ c(
-                _e,
+              children: g.map((e) => /* @__PURE__ */ c(
+                Ne,
                 {
                   value: e,
                   type: "button",
-                  icon: Ve[e],
-                  "aria-label": r(Ue[e])
+                  icon: Ze[e],
+                  "aria-label": o(qe[e])
                 },
                 e
               ))
             }
           ) }),
-          X
+          ae
         ]
       }
-    ) : X;
+    ) : ae;
   }
 );
-qe.displayName = "Chart";
+Je.displayName = "Chart";
 export {
-  qe as C,
-  Ge as a,
-  He as c
+  Je as C,
+  Ue as a,
+  Ke as c
 };
-//# sourceMappingURL=chart-GFLv4cXm.js.map
+//# sourceMappingURL=chart-CNaLgvx4.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.86.0",
+  "packageVersion": "0.87.0",
   "components": [
     {
       "kind": "component",

package/dist/components/chart/chart.d.ts

@@ -7,6 +7,10 @@ export interface ChartSeries {
     name: string;
     data: number[];
 }
+/** Bar orientation. `'horizontal'` renders a ranking sideways. Default `'vertical'`. */
+export type ChartOrientation = 'vertical' | 'horizontal';
+/** Line / area stroke interpolation. Default `'smooth'`. */
+export type ChartCurve = 'smooth' | 'straight' | 'stepline';
 export interface ChartProps extends VariantProps<typeof chartVariants> {
     /** Required — drives aria-label and sr-only table caption. */
     title: string;
@@ -29,6 +33,32 @@ export interface ChartProps extends VariantProps<typeof chartVariants> {
     width?: number | string;
     /** Opt-in pattern fills for colour-blind users. */
     patterns?: boolean;
+    /**
+     * Stack multiple `bar` / `area` series into a composition-over-time view.
+     * Maps to ApexCharts `chart.stacked`. Only applies to the axis types
+     * (`line` / `bar` / `area`); slice types (`pie` / `donut` / `radialBar`)
+     * have no axis to stack against and ignore it. Default `false` — an
+     * unstacked chart emits no `chart.stacked` key and renders identically to
+     * before this prop existed.
+     */
+    stacked?: boolean;
+    /**
+     * Orientation for the `bar` type. `'horizontal'` renders the bars sideways
+     * (ApexCharts `plotOptions.bar.horizontal`) for ranking-style charts where
+     * the category is a name and the value runs across the horizontal axis.
+     * Still an axis chart — pass `series` as `ChartSeries[]` with `categories`.
+     * Ignored for every non-`bar` type. Default `'vertical'`.
+     */
+    orientation?: ChartOrientation;
+    /**
+     * Stroke interpolation for `line` / `area` charts (ApexCharts
+     * `stroke.curve`). `'straight'` avoids the overshoot a smoothed spline
+     * introduces on spiky monthly financials — where a `'smooth'` curve can dip
+     * visually below zero between two positive points. Inert on `bar` (stroke
+     * width is 0) and ignored on slice types. Default `'smooth'` — existing
+     * charts are unaffected.
+     */
+    curve?: ChartCurve;
     /**
      * Override the series colour ramp. Pass **already-resolved** colour strings
      * (e.g. the live value of `var(--success)` sampled by the consumer) — these

package/dist/components/chart/index.d.ts

@@ -1,4 +1,4 @@
 export { Chart, chartVariants } from './chart';
-export type { ChartHandle, ChartProps, ChartSeries, ChartType } from './chart';
+export type { ChartCurve, ChartHandle, ChartOrientation, ChartProps, ChartSeries, ChartType, } from './chart';
 export { chartAgent } from './chart.agent';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/chart/index.js

@@ -1,4 +1,4 @@
-import { C as t, c as s, a as c } from "../../_chunks/chart-GFLv4cXm.js";
+import { C as t, c as s, a as c } from "../../_chunks/chart-CNaLgvx4.js";
 export {
   t as Chart,
   s as chartAgent,

package/dist/index.js

@@ -164,7 +164,7 @@ import { S as hp } from "./_chunks/separator-CYU_bGFn.js";
 import { T as bp } from "./_chunks/theme-root-BOO73p5t.js";
 import { C as Rp, U as _p, a as yp, b as vp, c as Dp } from "./_chunks/unit-converter-CSLWFDQh.js";
 import { V as Mp } from "./_chunks/visually-hidden-BHxEUGyT.js";
-import { C as Op, c as kp, a as Bp } from "./_chunks/chart-GFLv4cXm.js";
+import { C as Op, c as kp, a as Bp } from "./_chunks/chart-CNaLgvx4.js";
 import { A as Hp, a as Gp } from "./_chunks/ai-prompt-input-DziJCGLe.js";
 import { A as Up, a as Wp } from "./_chunks/audio-recorder-BjnB7V8n.js";
 import { A as Kp } from "./_chunks/audio-visualiser-l6zPd0AG.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.86.0",
+  "version": "0.87.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",