@alfadocs/ui-kit-debug 0.80.1 → 0.82.0

package/dist/_chunks/{chart-CMr3eW62.js → chart-CpkpA74k.js}

@@ -1,13 +1,13 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { forwardRef as X, useId as tt, useMemo as d, useRef as et, useState as $, useEffect as G, useImperativeHandle as rt } from "react";
-import { c as at } from "./index-D2ZczOXr.js";
-import { useTranslation as ot } from "react-i18next";
-import nt from "react-apexcharts";
-import U from "apexcharts";
-import { u as it, g as k } from "./apexcharts-theme-BJigns_V.js";
-import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as ct } from "./registry-DvAUVLHh.js";
-const dt = {
+import { jsxs as S, jsx as d } from "react/jsx-runtime";
+import { forwardRef as et, useId as rt, useMemo as c, useRef as at, useState as U, useEffect as k, useImperativeHandle as ot } from "react";
+import { c as nt } from "./index-D2ZczOXr.js";
+import { useTranslation as it } from "react-i18next";
+import st from "react-apexcharts";
+import H from "apexcharts";
+import { u as ct, g as _ } from "./apexcharts-theme-BJigns_V.js";
+import { u as dt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as lt } from "./registry-DvAUVLHh.js";
+const mt = {
   id: "chart",
   capabilities: [],
   state: {},
@@ -75,7 +75,7 @@ const dt = {
       description: "Sourced from the id prop."
     }
   }
-}, lt = at("ds:relative ds:block ds:w-full", {
+}, ut = nt("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -87,20 +87,20 @@ const dt = {
     }
   },
   defaultVariants: { density: "comfortable" }
-}), mt = [
+}), pt = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], ut = ["line", "bar", "area"], pt = ["pie", "donut", "radialBar"];
+], ht = ["line", "bar", "area"], ft = ["pie", "donut", "radialBar"];
 function T(o) {
-  return pt.includes(o);
+  return ft.includes(o);
 }
-function ht(o) {
-  return ut.includes(o);
+function bt(o) {
+  return ht.includes(o);
 }
-function ft(o, l) {
+function gt(o, l) {
   return T(l) ? [
     {
       name: "",
@@ -108,45 +108,46 @@ function ft(o, l) {
     }
   ] : o;
 }
-const bt = X(
+const yt = et(
   ({
     title: o,
     id: l,
     type: r,
     series: h,
-    categories: g,
-    labels: y,
+    categories: y,
+    labels: f,
     height: O,
-    width: H,
+    width: M,
     patterns: A = !1,
     colors: v,
     toolbar: x = !1,
-    locale: _,
+    locale: j,
     radialValueFormatter: m,
-    density: M,
-    className: j
-  }, D) => {
-    const { t: a, i18n: W } = ot(), N = tt(), u = d(
-      () => `chart-${N.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [N]
-    ), R = `${u}-summary`, I = et(null), [P, q] = $(0);
-    it(I);
-    const p = _ ?? W.language ?? "en", [z, Y] = $(
+    valueFormatter: N,
+    density: D,
+    className: W
+  }, q) => {
+    const { t: a, i18n: Y } = it(), P = rt(), u = c(
+      () => `chart-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [P]
+    ), R = `${u}-summary`, I = at(null), [z, Z] = U(0);
+    ct(I);
+    const p = j ?? Y.language ?? "en", [B, K] = U(
       () => {
         try {
-          return k();
+          return _();
         } catch {
           return {};
         }
       }
     );
-    G(() => {
+    k(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            Y(k());
+            K(_());
           } catch {
           }
         }, 50);
@@ -157,36 +158,39 @@ const bt = X(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), G(() => {
+    }, []), k(() => {
       const t = I.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
         const i = n[0];
-        i && q(Math.floor(i.contentRect.width));
+        i && Z(Math.floor(i.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
     }, []);
-    const C = d(
+    const C = c(
       () => ({
         async dataURI() {
-          const t = U.getChartByID(u);
+          const t = H.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = U.getChartByID(u);
+          const e = H.getChartByID(u);
           e && (T(r), e.updateSeries(t));
         }
       }),
       [u, r]
     );
-    rt(D, () => C, [C]), ct(dt, C, l);
-    const w = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
-      () => ft(h, r),
+    ot(q, () => C, [C]), lt(mt, C, l);
+    const w = typeof document < "u" && document.documentElement.dir === "rtl", E = c(
+      () => gt(h, r),
       [h, r]
-    ), f = d(
+    ), $ = c(
       () => new Intl.NumberFormat(p),
       [p]
-    ), E = d(
+    ), b = c(
+      () => N ?? ((t) => $.format(t)),
+      [N, $]
+    ), G = c(
       () => ({
         name: p,
         options: {
@@ -205,9 +209,9 @@ const bt = X(
         }
       }),
       [p, a]
-    ), L = st(), Z = d(() => {
-      var n, i, b;
-      const t = z, e = {
+    ), L = dt(), V = c(() => {
+      var n, i, g;
+      const t = B, e = {
         ...t,
         chart: {
           ...t.chart,
@@ -218,11 +222,17 @@ const bt = X(
             enabled: !L,
             dynamicAnimation: { enabled: !L }
           },
-          locales: [E],
+          locales: [G],
           defaultLocale: p,
           parentHeightOffset: 0
         },
-        labels: y,
+        // Only set `labels` when the consumer actually supplied them (slice
+        // charts). Emitting `labels: undefined` crashes ApexCharts' bar
+        // renderer — `parseDataAxisCharts` reads `labels.length` and throws
+        // "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.
+        ...f ? { labels: f } : {},
         legend: {
           ...t.legend,
           position: "bottom",
@@ -236,21 +246,21 @@ const bt = X(
         tooltip: {
           ...t.tooltip,
           y: {
-            formatter: (s) => f.format(s)
+            formatter: (s) => b(s)
           }
         },
         noData: {
           text: a("chart.noData")
         }
       };
-      if (v && v.length > 0 && (e.colors = v), ht(r) && (e.xaxis = {
+      if (v && v.length > 0 && (e.colors = v), bt(r) && (e.xaxis = {
         ...t.xaxis,
-        categories: g ?? []
+        categories: y ?? []
       }, e.yaxis = {
         ...t.yaxis,
         opposite: w,
         labels: {
-          formatter: (s) => f.format(s)
+          formatter: (s) => b(s)
         }
       }, e.stroke = {
         curve: "smooth",
@@ -264,8 +274,8 @@ const bt = X(
             dataLabels: {
               ...((n = s.radialBar) == null ? void 0 : n.dataLabels) ?? {},
               value: {
-                ...((b = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : b.value) ?? {},
-                formatter: (Q) => m(Number(Q))
+                ...((g = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : g.value) ?? {},
+                formatter: (tt) => m(Number(tt))
               }
             }
           }
@@ -275,7 +285,7 @@ const bt = X(
         type: "pattern",
         opacity: r === "area" ? 0.3 : 1,
         pattern: {
-          style: [...mt],
+          style: [...pt],
           strokeWidth: 2
         }
       } : r === "area" && (e.fill = {
@@ -283,45 +293,45 @@ const bt = X(
         opacity: 0.3
       }), e;
     }, [
-      z,
+      B,
       u,
       x,
       L,
-      E,
+      G,
       p,
-      y,
       f,
+      b,
       a,
       r,
-      g,
+      y,
       w,
       A,
       v,
       m
-    ]), K = H ?? (P > 0 ? P : "100%"), F = O ?? 320, V = d(() => {
-      const t = T(r) ? y ?? [] : g ?? [], e = B;
+    ]), F = M ?? (z > 0 ? z : "100%"), J = O ?? 320, Q = c(() => {
+      const t = T(r) ? f ?? [] : y ?? [], e = E;
       return /* @__PURE__ */ S("table", { id: R, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: o }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "col", children: a("chart.table.series") }),
-          t.map((n, i) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${i}`))
+        /* @__PURE__ */ d("caption", { children: o }),
+        /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ S("tr", { children: [
+          /* @__PURE__ */ d("th", { scope: "col", children: a("chart.table.series") }),
+          t.map((n, i) => /* @__PURE__ */ d("th", { scope: "col", children: n }, `${n}-${i}`))
         ] }) }),
-        /* @__PURE__ */ c("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "row", children: n.name || a("chart.table.value") }),
-          n.data.map((b, s) => /* @__PURE__ */ c("td", { children: r === "radialBar" && m ? m(b) : f.format(b) }, `${i}-${s}`))
+        /* @__PURE__ */ d("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
+          /* @__PURE__ */ d("th", { scope: "row", children: n.name || a("chart.table.value") }),
+          n.data.map((g, s) => /* @__PURE__ */ d("td", { children: r === "radialBar" && m ? m(g) : b(g) }, `${i}-${s}`))
         ] }, `${n.name}-${i}`)) })
       ] });
     }, [
       r,
-      B,
+      E,
+      f,
       y,
-      g,
       R,
       o,
       a,
-      f,
+      b,
       m
-    ]), J = d(() => (T(r), h), [h, r]);
+    ]), X = c(() => (T(r), h), [h, r]);
     return /* @__PURE__ */ S(
       "div",
       {
@@ -329,24 +339,24 @@ const bt = X(
         role: "img",
         "aria-label": o,
         "aria-describedby": R,
-        className: lt({
+        className: ut({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: M ?? (O !== void 0 ? "none" : void 0),
-          className: j
+          density: D ?? (O !== void 0 ? "none" : void 0),
+          className: W
         }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
-          V,
-          /* @__PURE__ */ c(
-            nt,
+          Q,
+          /* @__PURE__ */ d(
+            st,
             {
               type: r,
-              series: J,
-              options: Z,
-              width: K,
-              height: F,
+              series: X,
+              options: V,
+              width: F,
+              height: J,
               "aria-hidden": "true"
             }
           )
@@ -355,10 +365,10 @@ const bt = X(
     );
   }
 );
-bt.displayName = "Chart";
+yt.displayName = "Chart";
 export {
-  bt as C,
-  lt as a,
-  dt as c
+  yt as C,
+  ut as a,
+  mt as c
 };
-//# sourceMappingURL=chart-CMr3eW62.js.map
+//# sourceMappingURL=chart-CpkpA74k.js.map

package/dist/_chunks/chart-CpkpA74k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-CpkpA74k.js","sources":["../../src/components/chart/chart.agent.ts","../../src/components/chart/chart.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ChartHandle } from './chart';\n\nexport const chartAgent: AgentAdapter<ChartHandle> = {\n  id: 'chart',\n  capabilities: [],\n  state: {},\n  actions: {\n    update_series: {\n      // Replacing the rendered series mutates what the chart displays — it\n      // is a write, reversible by pushing the prior series back.\n      safety: 'write',\n      argsType: 'series',\n      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`\n      // (pie/donut/radialBar). Both shapes are accepted; the handle routes\n      // by chart type internally.\n      argsSchema: {\n        type: 'object',\n        properties: {\n          series: {\n            oneOf: [\n              {\n                type: 'array',\n                description: 'Categorical series for line / bar / area charts.',\n                items: {\n                  type: 'object',\n                  properties: {\n                    name: { type: 'string' },\n                    data: { type: 'array', items: { type: 'number' } },\n                  },\n                  required: ['name', 'data'],\n                },\n              },\n              {\n                type: 'array',\n                description: 'Flat values for pie / donut / radialBar charts.',\n                items: { type: 'number' },\n              },\n            ],\n          },\n        },\n        required: ['series'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.updateSeries',\n      description: 'Replace the chart series without remounting.',\n      invoke: (\n        handle,\n        args: { series: Parameters<ChartHandle['updateSeries']>[0] },\n      ) => {\n        handle.updateSeries(args.series);\n      },\n    },\n    export_png: {\n      safety: 'read',\n      returns: 'string (PNG data URI)',\n      returnsSchema: {\n        type: 'string',\n        description: 'A `data:image/png;base64,…` URI of the rendered chart.',\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.exportPng',\n      description:\n        'Return a PNG data URI of the chart for export or screenshotting.',\n      invoke: (handle) => handle.dataURI(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chart' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* Chart — thin, typed wrapper over ApexCharts (react-apexcharts).      */\n/*                                                                     */\n/* - All chrome, colours, and fonts flow from                          */\n/*   `src/tokens/apexcharts-theme.ts` — never hex literals in user     */\n/*   code. A MutationObserver on `<html class>` re-reads the bridge so */\n/*   theme changes repaint without remount.                            */\n/* - A ResizeObserver on the wrapper keeps the chart responsive        */\n/*   without listening on `window.resize`.                             */\n/* - Accessibility: the wrapper carries `role=\"img\"` + `aria-label`    */\n/*   (required `title` prop) + `aria-describedby` pointing at a        */\n/*   visually-hidden `<table>` that mirrors series × categories.        */\n/* - Colour-blind users: `patterns` prop flips `fill.type` to pattern  */\n/*   using ApexCharts' built-in pattern presets.                       */\n/* - Numbers format via `Intl.NumberFormat(locale)` — no hand-rolled   */\n/*   `toFixed()`.                                                      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport { getApexChartsTheme } from '../../tokens/apexcharts-theme';\nimport { usePrefersReducedMotion } from '../../hooks';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chartAgent } from './chart.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst chartVariants = cva('ds:relative ds:block ds:w-full', {\n  variants: {\n    density: {\n      compact: 'ds:min-h-[var(--chart-min-height-compact)]',\n      comfortable: 'ds:min-h-[var(--chart-min-height-comfortable)]',\n      // Applied when an explicit `height` prop is given and no density was\n      // requested: the wrapper must not exceed the caller's height (a 96px\n      // KPI chart inside a card must not reserve 320px).\n      none: '',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type ChartType = 'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar';\n\nexport interface ChartSeries {\n  name: string;\n  data: number[];\n}\n\nexport interface ChartProps extends VariantProps<typeof chartVariants> {\n  /** Required — drives aria-label and sr-only table caption. */\n  title: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Chart visual type. */\n  type: ChartType;\n  /**\n   * For `line` / `bar` / `area`: an array of `ChartSeries`.\n   * For `pie` / `donut` / `radialBar`: an array of numbers matched to `labels`.\n   */\n  series: ChartSeries[] | number[];\n  /** Category axis labels (line / bar / area). */\n  categories?: string[];\n  /** Slice labels (pie / donut / radialBar). */\n  labels?: string[];\n  /** Height override. Defaults to 320px. */\n  height?: number | string;\n  /** Width override. Defaults to 100% of container. */\n  width?: number | string;\n  /** Opt-in pattern fills for colour-blind users. */\n  patterns?: boolean;\n  /**\n   * Override the series colour ramp. Pass **already-resolved** colour strings\n   * (e.g. the live value of `var(--success)` sampled by the consumer) — these\n   * are handed straight to ApexCharts, which can't read CSS custom properties.\n   * When omitted, the theme bridge's `colors` ramp from `apexcharts-theme.ts`\n   * is used, so existing consumers are unaffected. Typical use: a single-arc\n   * `radialBar` gauge (e.g. BMI) that must change hue with the value —\n   * green in the healthy band, amber/red outside it.\n   */\n  colors?: string[];\n  /** Show the ApexCharts toolbar. Defaults to false. */\n  toolbar?: boolean;\n  /** Locale override — defaults to the active i18next language. */\n  locale?: string;\n  /**\n   * radialBar only. Formats the value printed in the ring centre. Use when the\n   * gauge represents a non-percentage figure: pass the arc fill (0–100) as the\n   * single `series` value and return the real figure here (e.g. `(_, ) => '22.4'`).\n   * Ignored for every other chart type. Defaults to ApexCharts' `${value}%`.\n   */\n  radialValueFormatter?: (value: number) => string;\n  /**\n   * Formats the numeric value of each data point wherever it is surfaced as\n   * text — the tooltip, the value (y) axis on categorical charts, and the\n   * screen-reader summary table. Use it to append a unit or currency symbol,\n   * e.g. `(v) => new Intl.NumberFormat(locale, { style: 'currency', currency:\n   * 'EUR' }).format(v)`. Defaults to `Intl.NumberFormat(locale)` (grouped\n   * number, no unit). Does not apply to a `radialBar` ring centre — use\n   * `radialValueFormatter` for that.\n   */\n  valueFormatter?: (value: number) => string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ChartHandle {\n  /** Returns a PNG data URI for the chart. */\n  dataURI: () => Promise<string>;\n  /** Updates series without remounting. */\n  updateSeries: (next: ChartProps['series']) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst PATTERN_STYLES = [\n  'verticalLines',\n  'horizontalLines',\n  'slantedLines',\n  'squares',\n  'circles',\n] as const;\n\n/** Types where `categories` belong on an x-axis. */\nconst CATEGORICAL_TYPES: ReadonlyArray<ChartType> = ['line', 'bar', 'area'];\n\n/** Types where `series` is a flat `number[]` paired with `labels`. */\nconst SLICE_TYPES: ReadonlyArray<ChartType> = ['pie', 'donut', 'radialBar'];\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction isSliceType(type: ChartType): boolean {\n  return SLICE_TYPES.includes(type);\n}\n\nfunction isCategoricalType(type: ChartType): boolean {\n  return CATEGORICAL_TYPES.includes(type);\n}\n\n/** Coerce `series` into `ChartSeries[]` for shared logic (table, aria). */\nfunction normaliseSeries(\n  series: ChartSeries[] | number[],\n  type: ChartType,\n): ChartSeries[] {\n  if (isSliceType(type)) {\n    const nums = series as number[];\n    return [\n      {\n        name: '',\n        data: nums,\n      },\n    ];\n  }\n  return series as ChartSeries[];\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart component                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const Chart = forwardRef<ChartHandle, ChartProps>(\n  (\n    {\n      title,\n      id,\n      type,\n      series,\n      categories,\n      labels,\n      height,\n      width,\n      patterns = false,\n      colors,\n      toolbar = false,\n      locale: localeProp,\n      radialValueFormatter,\n      valueFormatter,\n      density,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `chart-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const summaryId = `${chartId}-summary`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    /* ApexCharts injects focusable canvases inside the `aria-hidden`   */\n    /* chart wrapper. Neutralise their tabindex so axe's                */\n    /* `aria-hidden-focus` rule passes. Same hook used in Sparkline.    */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    const locale = localeProp ?? i18n.language ?? 'en';\n\n    /* ---- dev warning if title missing ------------------------------ */\n    if (import.meta.env.DEV && !title) {\n      console.warn(\n        'Chart: `title` prop is required. It drives aria-label and the screen-reader summary table.',\n      );\n    }\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexCharts.ApexOptions>(\n      () => {\n        try {\n          return getApexChartsTheme();\n        } catch {\n          return {};\n        }\n      },\n    );\n\n    /* ---- MutationObserver: re-read theme on class change ------------ */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- ResizeObserver: track container width --------------------- */\n    useEffect(() => {\n      const el = wrapperRef.current;\n      if (!el || typeof ResizeObserver === 'undefined') return undefined;\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\n\n    /* ---- imperative handle ----------------------------------------- */\n    const agentHandle = useMemo<ChartHandle>(\n      () => ({\n        async dataURI(): Promise<string> {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return '';\n          const result = await instance.dataURI();\n          return (result as { imgURI: string }).imgURI;\n        },\n        updateSeries(next) {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return;\n          if (isSliceType(type)) {\n            instance.updateSeries(next as number[]);\n          } else {\n            instance.updateSeries(next as ChartSeries[]);\n          }\n        },\n      }),\n      [chartId, type],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(chartAgent, agentHandle, id);\n\n    /* ---- RTL detection --------------------------------------------- */\n    const isRtl =\n      typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n\n    /* ---- normalised series for sr-only table ----------------------- */\n    const tableSeries = useMemo(\n      () => normaliseSeries(series, type),\n      [series, type],\n    );\n\n    /* ---- Intl formatter -------------------------------------------- */\n    const numberFormatter = useMemo(\n      () => new Intl.NumberFormat(locale),\n      [locale],\n    );\n\n    /* ---- resolved value formatter ---------------------------------- */\n    /* The consumer's `valueFormatter` (e.g. a currency formatter) wins  */\n    /* everywhere a data-point value is surfaced as text; otherwise we   */\n    /* fall back to the locale-aware grouped number.                     */\n    const formatValue = useMemo(\n      () =>\n        valueFormatter ?? ((value: number) => numberFormatter.format(value)),\n      [valueFormatter, numberFormatter],\n    );\n\n    /* ---- toolbar localisation -------------------------------------- */\n    const toolbarLocale = useMemo(\n      () => ({\n        name: locale,\n        options: {\n          toolbar: {\n            download: t('chart.toolbar.download'),\n            selection: t('chart.toolbar.selection'),\n            selectionZoom: t('chart.toolbar.selectionZoom'),\n            zoomIn: t('chart.toolbar.zoomIn'),\n            zoomOut: t('chart.toolbar.zoomOut'),\n            pan: t('chart.toolbar.pan'),\n            reset: t('chart.toolbar.reset'),\n            exportToSVG: t('chart.toolbar.exportToSVG'),\n            exportToPNG: t('chart.toolbar.exportToPNG'),\n            exportToCSV: t('chart.toolbar.exportToCSV'),\n          },\n        },\n      }),\n      [locale, t],\n    );\n\n    /* ---- build ApexOptions ----------------------------------------- */\n    const reducedMotion = usePrefersReducedMotion();\n\n    const chartOptions: ApexCharts.ApexOptions = useMemo(() => {\n      const base = themeOptions;\n\n      const options: ApexCharts.ApexOptions = {\n        ...base,\n        chart: {\n          ...base.chart,\n          id: chartId,\n          toolbar: { show: toolbar },\n          zoom: { enabled: toolbar },\n          animations: {\n            enabled: !reducedMotion,\n            dynamicAnimation: { enabled: !reducedMotion },\n          },\n          locales: [toolbarLocale],\n          defaultLocale: locale,\n          parentHeightOffset: 0,\n        },\n        // Only set `labels` when the consumer actually supplied them (slice\n        // charts). Emitting `labels: undefined` crashes ApexCharts' bar\n        // renderer — `parseDataAxisCharts` reads `labels.length` and throws\n        // \"Cannot read properties of undefined (reading 'length')\", which\n        // aborts the render and leaves a blank chart. Absent is safe; area /\n        // line tolerate the undefined but bar does not, so never pass it.\n        ...(labels ? { labels } : {}),\n        legend: {\n          ...base.legend,\n          position: 'bottom',\n          // ApexCharts legend.horizontalAlign is a physical prop mapped internally\n          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`\n          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored\n          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.\n          horizontalAlign: isRtl ? 'right' : 'left',\n          fontFamily: 'inherit',\n        },\n        tooltip: {\n          ...base.tooltip,\n          y: {\n            formatter: (value: number) => formatValue(value),\n          },\n        },\n        noData: {\n          text: t('chart.noData'),\n        },\n      };\n\n      // Consumer-supplied, already-resolved colour ramp wins over the theme\n      // bridge's `colors`. Ignored when absent so existing charts keep the\n      // tokenised ramp. ApexCharts can't read `var(--…)`, so the consumer is\n      // responsible for sampling the live token value before passing it in.\n      if (colors && colors.length > 0) {\n        options.colors = colors;\n      }\n\n      if (isCategoricalType(type)) {\n        options.xaxis = {\n          ...base.xaxis,\n          categories: categories ?? [],\n        };\n        options.yaxis = {\n          ...base.yaxis,\n          opposite: isRtl,\n          labels: {\n            formatter: (value: number) => formatValue(value),\n          },\n        };\n        options.stroke = {\n          curve: 'smooth',\n          width: type === 'bar' ? 0 : 2,\n        };\n        options.dataLabels = { enabled: false };\n      }\n\n      if (type === 'radialBar' && radialValueFormatter) {\n        // ApexCharts treats a radialBar series value as a 0–100 percent and\n        // renders it verbatim in the ring centre. When the displayed value is\n        // NOT a percentage (e.g. a BMI), the consumer scales the series to a\n        // percent for the arc and supplies `radialValueFormatter` to print the\n        // real value in the centre. Without this, the gauge would read \"56%\"\n        // for a BMI of 22.4 — misleading. Default behaviour is untouched.\n        const basePlot = (base.plotOptions ?? {}) as NonNullable<\n          ApexCharts.ApexOptions['plotOptions']\n        >;\n        options.plotOptions = {\n          ...basePlot,\n          radialBar: {\n            ...(basePlot.radialBar ?? {}),\n            dataLabels: {\n              ...(basePlot.radialBar?.dataLabels ?? {}),\n              value: {\n                ...(basePlot.radialBar?.dataLabels?.value ?? {}),\n                formatter: (val: number) => radialValueFormatter(Number(val)),\n              },\n            },\n          },\n        };\n      }\n\n      if (patterns) {\n        options.fill = {\n          type: 'pattern',\n          opacity: type === 'area' ? 0.3 : 1,\n          pattern: {\n            style: [...PATTERN_STYLES],\n            strokeWidth: 2,\n          },\n        };\n      } else if (type === 'area') {\n        options.fill = {\n          type: 'gradient',\n          opacity: 0.3,\n        };\n      }\n\n      return options;\n    }, [\n      themeOptions,\n      chartId,\n      toolbar,\n      reducedMotion,\n      toolbarLocale,\n      locale,\n      labels,\n      formatValue,\n      t,\n      type,\n      categories,\n      isRtl,\n      patterns,\n      colors,\n      radialValueFormatter,\n    ]);\n\n    /* ---- resolved dimensions --------------------------------------- */\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? 320;\n\n    /* ---- sr-only data table --------------------------------------- */\n    const srTable = useMemo(() => {\n      const columnLabels = isSliceType(type)\n        ? (labels ?? [])\n        : (categories ?? []);\n      const rows = tableSeries;\n      return (\n        <table id={summaryId} className=\"ds:sr-only\">\n          <caption>{title}</caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{t('chart.table.series')}</th>\n              {columnLabels.map((col, i) => (\n                <th key={`${col}-${i}`} scope=\"col\">\n                  {col}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row, rowIndex) => (\n              <tr key={`${row.name}-${rowIndex}`}>\n                <th scope=\"row\">{row.name || t('chart.table.value')}</th>\n                {row.data.map((value, colIndex) => (\n                  <td key={`${rowIndex}-${colIndex}`}>\n                    {/* For a radialBar gauge the series is a synthetic arc\n                        percent — announce the consumer's display value (e.g.\n                        the real BMI) instead of the raw fill so AT users get\n                        the same figure sighted users see in the ring. */}\n                    {type === 'radialBar' && radialValueFormatter\n                      ? radialValueFormatter(value)\n                      : formatValue(value)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      );\n    }, [\n      type,\n      tableSeries,\n      labels,\n      categories,\n      summaryId,\n      title,\n      t,\n      formatValue,\n      radialValueFormatter,\n    ]);\n\n    /* ---- ApexCharts `series` prop shape ----------------------------- */\n    const apexSeries = useMemo(() => {\n      if (isSliceType(type)) {\n        return series as number[];\n      }\n      return series as ChartSeries[];\n    }, [series, type]);\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={title}\n        aria-describedby={summaryId}\n        className={chartVariants({\n          // Explicit height wins over the density min-height unless the\n          // caller also asked for a density explicitly.\n          density: density ?? (height !== undefined ? 'none' : undefined),\n          className,\n        })}\n        data-component=\"chart\"\n        data-component-id={id}\n      >\n        {srTable}\n        <ReactApexChart\n          type={type}\n          series={apexSeries as ApexCharts.ApexOptions['series']}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  },\n);\n\nChart.displayName = 'Chart';\n\n/* ------------------------------------------------------------------ */\n/* Re-export internal helper for downstream theming (kept narrow).      */\n/* ------------------------------------------------------------------ */\n\nexport { chartVariants };\n"],"names":["chartAgent","handle","args","chartVariants","cva","PATTERN_STYLES","CATEGORICAL_TYPES","SLICE_TYPES","isSliceType","type","isCategoricalType","normaliseSeries","series","Chart","forwardRef","title","id","categories","labels","height","width","patterns","colors","toolbar","localeProp","radialValueFormatter","valueFormatter","density","className","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","summaryId","wrapperRef","useRef","containerWidth","setContainerWidth","useState","useNeutraliseHiddenFocus","locale","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","agentHandle","instance","ApexCharts","next","useImperativeHandle","useAgentRegistration","isRtl","tableSeries","numberFormatter","formatValue","value","toolbarLocale","reducedMotion","usePrefersReducedMotion","chartOptions","base","options","basePlot","_a","_c","_b","val","resolvedWidth","resolvedHeight","srTable","columnLabels","rows","jsx","jsxs","col","row","rowIndex","colIndex","apexSeries","ReactApexChart"],"mappings":"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"}

package/dist/_chunks/{payment-request-card-C0fqlKqO.js → payment-request-card-d-RmzsUd.js}

@@ -3,7 +3,7 @@ import { forwardRef as $, useId as H, useMemo as I } from "react";
 import { c as B } from "./index-D2ZczOXr.js";
 import { useTranslation as G } from "react-i18next";
 import { B as K } from "./badge-DCOqV9mI.js";
-import { C as R } from "./card-DPmk26CL.js";
+import { C as k } from "./card-DPmk26CL.js";
 import { D as d } from "./description-list-ClNLdRMy.js";
 import { K as O, a as Y } from "./key-value-pair-LHKfDT_9.js";
 import { T as j, A as te } from "./transaction-chip-DJCstquX.js";
@@ -100,7 +100,7 @@ const ue = [
   },
   defaultVariants: { surface: "elevated" }
 });
-function k(a, l, r) {
+function R(a, l, r) {
   try {
     return new Intl.NumberFormat(r, {
       style: "currency",
@@ -200,13 +200,13 @@ const xe = $(
       value: i.operatorName
     });
     const U = I(
-      () => n != null ? k(n, u, o) : void 0,
+      () => n != null ? R(n, u, o) : void 0,
       [n, u, o]
     ), _ = I(
-      () => h != null ? k(h, u, o) : void 0,
+      () => h != null ? R(h, u, o) : void 0,
       [h, u, o]
     ), V = I(
-      () => m != null ? k(m, u, o) : void 0,
+      () => m != null ? R(m, u, o) : void 0,
       [m, u, o]
     ), Z = U != null || _ != null || V != null, ee = !!b && b.length > 0, F = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
       /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap", children: [
@@ -274,7 +274,7 @@ const xe = $(
                     vat: s.vatPercentage,
                     defaultValue: "{{description}} (VAT {{vat}}%)"
                   }) : s.description }),
-                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: k(s.amountCents, u, o) })
+                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: R(s.amountCents, u, o) })
                 ] }, `${s.description}-${ae}`))
               }
             )
@@ -297,7 +297,7 @@ const xe = $(
         id: a,
         className: ge({ surface: x, className: f }),
         ...S,
-        children: x === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: F }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: F })
+        children: x === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: F }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: F })
       }
     );
   }
@@ -341,7 +341,7 @@ const Pe = {
   paid: "Paid",
   failed: "Failed",
   cancelled: "Cancelled"
-}, ke = B("ds:w-full ds:text-[color:var(--foreground)]", {
+}, Re = B("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     surface: {
       flat: "",
@@ -350,7 +350,7 @@ const Pe = {
   },
   defaultVariants: { surface: "elevated" }
 });
-function Re(a, l) {
+function ke(a, l) {
   const r = new Date(a);
   if (Number.isNaN(r.getTime())) return a;
   try {
@@ -398,7 +398,7 @@ const De = $(
       key: "dueDate",
       icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
       label: f("paymentRequestCard.label.dueDate", "Due date"),
-      value: Re(v, t)
+      value: ke(v, t)
     }), m && g.push({
       key: "carePlan",
       icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
@@ -451,18 +451,20 @@ const De = $(
         "data-component-id": a,
         "data-status": n,
         id: a,
-        className: ke({ surface: b, className: u }),
+        className: Re({ surface: b, className: u }),
         ...x,
-        children: b === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: T }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: T })
+        children: b === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: T }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: T })
       }
     );
   }
 );
 De.displayName = "PaymentRequestCard";
 export {
+  M as C,
   xe as P,
+  pe as R,
   De as a,
   Pe as b,
   he as p
 };
-//# sourceMappingURL=payment-request-card-C0fqlKqO.js.map
+//# sourceMappingURL=payment-request-card-d-RmzsUd.js.map