@alfadocs/ui-kit-debug 0.81.0 → 0.83.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.81.0",
+  "version": "0.83.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

package/dist/_chunks/chart-CpkpA74k.js

@@ -1,374 +0,0 @@
-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: {},
-  actions: {
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — it
-      // is a write, reversible by pushing the prior series back.
-      safety: "write",
-      argsType: "series",
-      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
-      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
-      // by chart type internally.
-      argsSchema: {
-        type: "object",
-        properties: {
-          series: {
-            oneOf: [
-              {
-                type: "array",
-                description: "Categorical series for line / bar / area charts.",
-                items: {
-                  type: "object",
-                  properties: {
-                    name: { type: "string" },
-                    data: { type: "array", items: { type: "number" } }
-                  },
-                  required: ["name", "data"]
-                }
-              },
-              {
-                type: "array",
-                description: "Flat values for pie / donut / radialBar charts.",
-                items: { type: "number" }
-              }
-            ]
-          }
-        },
-        required: ["series"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.updateSeries",
-      description: "Replace the chart series without remounting.",
-      invoke: (o, l) => {
-        o.updateSeries(l.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      returns: "string (PNG data URI)",
-      returnsSchema: {
-        type: "string",
-        description: "A `data:image/png;base64,…` URI of the rendered chart."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.exportPng",
-      description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (o) => o.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, ut = nt("ds:relative ds:block ds:w-full", {
-  variants: {
-    density: {
-      compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
-      // Applied when an explicit `height` prop is given and no density was
-      // requested: the wrapper must not exceed the caller's height (a 96px
-      // KPI chart inside a card must not reserve 320px).
-      none: ""
-    }
-  },
-  defaultVariants: { density: "comfortable" }
-}), pt = [
-  "verticalLines",
-  "horizontalLines",
-  "slantedLines",
-  "squares",
-  "circles"
-], ht = ["line", "bar", "area"], ft = ["pie", "donut", "radialBar"];
-function T(o) {
-  return ft.includes(o);
-}
-function bt(o) {
-  return ht.includes(o);
-}
-function gt(o, l) {
-  return T(l) ? [
-    {
-      name: "",
-      data: o
-    }
-  ] : o;
-}
-const yt = et(
-  ({
-    title: o,
-    id: l,
-    type: r,
-    series: h,
-    categories: y,
-    labels: f,
-    height: O,
-    width: M,
-    patterns: A = !1,
-    colors: v,
-    toolbar: x = !1,
-    locale: j,
-    radialValueFormatter: m,
-    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 _();
-        } catch {
-          return {};
-        }
-      }
-    );
-    k(() => {
-      if (typeof document > "u") return;
-      let t;
-      const e = new MutationObserver(() => {
-        clearTimeout(t), t = setTimeout(() => {
-          try {
-            K(_());
-          } catch {
-          }
-        }, 50);
-      });
-      return e.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(t), e.disconnect();
-      };
-    }, []), k(() => {
-      const t = I.current;
-      if (!t || typeof ResizeObserver > "u") return;
-      const e = new ResizeObserver((n) => {
-        const i = n[0];
-        i && Z(Math.floor(i.contentRect.width));
-      });
-      return e.observe(t), () => e.disconnect();
-    }, []);
-    const C = c(
-      () => ({
-        async dataURI() {
-          const t = H.getChartByID(u);
-          return t ? (await t.dataURI()).imgURI : "";
-        },
-        updateSeries(t) {
-          const e = H.getChartByID(u);
-          e && (T(r), e.updateSeries(t));
-        }
-      }),
-      [u, 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]
-    ), $ = c(
-      () => new Intl.NumberFormat(p),
-      [p]
-    ), b = c(
-      () => N ?? ((t) => $.format(t)),
-      [N, $]
-    ), G = c(
-      () => ({
-        name: p,
-        options: {
-          toolbar: {
-            download: a("chart.toolbar.download"),
-            selection: a("chart.toolbar.selection"),
-            selectionZoom: a("chart.toolbar.selectionZoom"),
-            zoomIn: a("chart.toolbar.zoomIn"),
-            zoomOut: a("chart.toolbar.zoomOut"),
-            pan: a("chart.toolbar.pan"),
-            reset: a("chart.toolbar.reset"),
-            exportToSVG: a("chart.toolbar.exportToSVG"),
-            exportToPNG: a("chart.toolbar.exportToPNG"),
-            exportToCSV: a("chart.toolbar.exportToCSV")
-          }
-        }
-      }),
-      [p, a]
-    ), L = dt(), V = c(() => {
-      var n, i, g;
-      const t = B, e = {
-        ...t,
-        chart: {
-          ...t.chart,
-          id: u,
-          toolbar: { show: x },
-          zoom: { enabled: x },
-          animations: {
-            enabled: !L,
-            dynamicAnimation: { enabled: !L }
-          },
-          locales: [G],
-          defaultLocale: p,
-          parentHeightOffset: 0
-        },
-        // 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",
-          // ApexCharts legend.horizontalAlign is a physical prop mapped internally
-          // 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: w ? "right" : "left",
-          fontFamily: "inherit"
-        },
-        tooltip: {
-          ...t.tooltip,
-          y: {
-            formatter: (s) => b(s)
-          }
-        },
-        noData: {
-          text: a("chart.noData")
-        }
-      };
-      if (v && v.length > 0 && (e.colors = v), bt(r) && (e.xaxis = {
-        ...t.xaxis,
-        categories: y ?? []
-      }, e.yaxis = {
-        ...t.yaxis,
-        opposite: w,
-        labels: {
-          formatter: (s) => b(s)
-        }
-      }, e.stroke = {
-        curve: "smooth",
-        width: r === "bar" ? 0 : 2
-      }, e.dataLabels = { enabled: !1 }), r === "radialBar" && m) {
-        const s = t.plotOptions ?? {};
-        e.plotOptions = {
-          ...s,
-          radialBar: {
-            ...s.radialBar ?? {},
-            dataLabels: {
-              ...((n = s.radialBar) == null ? void 0 : n.dataLabels) ?? {},
-              value: {
-                ...((g = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : g.value) ?? {},
-                formatter: (tt) => m(Number(tt))
-              }
-            }
-          }
-        };
-      }
-      return A ? e.fill = {
-        type: "pattern",
-        opacity: r === "area" ? 0.3 : 1,
-        pattern: {
-          style: [...pt],
-          strokeWidth: 2
-        }
-      } : r === "area" && (e.fill = {
-        type: "gradient",
-        opacity: 0.3
-      }), e;
-    }, [
-      B,
-      u,
-      x,
-      L,
-      G,
-      p,
-      f,
-      b,
-      a,
-      r,
-      y,
-      w,
-      A,
-      v,
-      m
-    ]), 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__ */ 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__ */ 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,
-      E,
-      f,
-      y,
-      R,
-      o,
-      a,
-      b,
-      m
-    ]), X = c(() => (T(r), h), [h, r]);
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ref: I,
-        role: "img",
-        "aria-label": o,
-        "aria-describedby": R,
-        className: ut({
-          // Explicit height wins over the density min-height unless the
-          // caller also asked for a density explicitly.
-          density: D ?? (O !== void 0 ? "none" : void 0),
-          className: W
-        }),
-        "data-component": "chart",
-        "data-component-id": l,
-        children: [
-          Q,
-          /* @__PURE__ */ d(
-            st,
-            {
-              type: r,
-              series: X,
-              options: V,
-              width: F,
-              height: J,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-yt.displayName = "Chart";
-export {
-  yt as C,
-  ut as a,
-  mt as c
-};
-//# sourceMappingURL=chart-CpkpA74k.js.map

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

@@ -1 +0,0 @@
-{"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/icon-button-group-C_lqXTAj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-group-C_lqXTAj.js","sources":["../../src/components/icon-button-group/icon-button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../button/icon-button';\nimport type { ButtonProps } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePriorityOverflow } from '../../hooks/use-priority-overflow';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\n// Intentionally does NOT compose `@radix-ui/react-toggle-group`. Radix\n// ToggleGroup's render shape makes it hard to layer shared-border chrome\n// across children (first-child / last-child / internal-divider CSS), and\n// the three-mode + three-role matrix (group / toolbar / radiogroup × momentary\n// / toggle-single / toggle-multi) is broader than Radix's single / multi\n// contract. The roving-tabindex implementation below mirrors Radix's pattern\n// so keyboard semantics stay consistent. See 05-accessibility.mdx for the\n// WAI-ARIA toolbar / radiogroup references.\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst iconButtonGroupVariants = cva(\n  [\n    'ds:inline-flex ds:isolate',\n    // Hairline border around the group unifies the children into one\n    // visual unit. Internal child dividers are drawn via the per-child\n    // class list below.\n    'ds:border ds:border-border',\n    'ds:rounded-[var(--radius-md)]',\n    // Ensure the focus ring of a pressed child sits above its siblings.\n    'ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          // Flatten internal corners on children so the outer radius owns\n          // the rounded edges.\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          // Internal divider — logical so it flips in RTL.\n          'ds:[&>*:not(:first-child)]:border-s',\n          'ds:[&>*:not(:first-child)]:border-border',\n          // The children already own an outer border (from IconButton's\n          // own border in secondary/outline variants). Collapse the doubled\n          // border so we don't get a 2px seam.\n          'ds:[&>*]:border-0',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          // Vertical groups flow block-wise. Reading direction doesn't\n          // invert vertical stacks in any locale this DS targets, so the\n          // physical `rounded-t/b` is intentional.\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:border-t',\n          'ds:[&>*:not(:first-child)]:border-border',\n          'ds:[&>*]:border-0',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// Hidden measurement rows: laid out (so widths are real) but invisible,\n// non-interactive and out of the a11y tree. Never display:none.\nconst MEASURE_ROW_CLASSES =\n  'ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type IconButtonGroupRole = 'group' | 'toolbar' | 'radiogroup';\nexport type IconButtonGroupMode =\n  | 'momentary'\n  | 'toggle-single'\n  | 'toggle-multi';\n\ntype SharedPropsBase = {\n  /** Forwarded to every child that does not set its own `size`. */\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /** Disables every child. Uses `aria-disabled` on children (not the HTML\n   *  attribute) so each child still takes focus — matches WAI-ARIA toolbar\n   *  guidance. Visual disabled styling picks up the `aria-disabled:*`\n   *  variant declared on the Button base class. */\n  disabled?: boolean;\n  /** Intent applied to every child that does not set its own `intent`.\n   *  Defaults to `outline` — grouped icon buttons are peers, not a row\n   *  of solid-primary CTAs. */\n  intent?: ButtonIntent;\n  /** `'menu'` keeps the strip on one line whatever the container width:\n   *  children that stop fitting move into a dropdown behind an ellipsis\n   *  trigger, preserving toggle semantics (radio / checkbox items). The\n   *  group then fills its container's inline size. Horizontal only.\n   *  Children set `data-overflow-pin` to always stay in the strip. */\n  overflow?: 'none' | 'menu';\n  children: ReactNode;\n};\n\n// At least one of `aria-label` / `aria-labelledby` must be present. This\n// discriminated pair makes the TypeScript compiler reject a group with\n// neither — see the a11y acceptance criteria in the user story.\ntype AccessibleNameProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string };\n\ntype SharedProps = SharedPropsBase & AccessibleNameProps;\n\n// Role + mode combinations are not all valid. Encoded via a discriminated\n// union so the compiler rejects nonsensical pairings (e.g. a multi-select\n// radiogroup).\ntype GroupRoleProps =\n  | { role?: 'group'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'toolbar'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'radiogroup'; mode: 'toggle-single' };\n\ntype MomentaryProps = SharedProps & {\n  mode?: 'momentary';\n  value?: never;\n  defaultValue?: never;\n  onValueChange?: never;\n};\n\ntype ToggleSingleProps = SharedProps & {\n  mode: 'toggle-single';\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n};\n\ntype ToggleMultiProps = SharedProps & {\n  mode: 'toggle-multi';\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n};\n\nexport type IconButtonGroupProps = (\n  | MomentaryProps\n  | ToggleSingleProps\n  | ToggleMultiProps\n) &\n  GroupRoleProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'onChange' | 'children'> &\n  VariantProps<typeof iconButtonGroupVariants>;\n\n/* ------------------------------------------------------------------ */\n/* IconButtonGroup                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const IconButtonGroup = forwardRef<HTMLDivElement, IconButtonGroupProps>(\n  (props, ref) => {\n    const {\n      size,\n      orientation = 'horizontal',\n      role = 'group',\n      mode = 'momentary',\n      disabled = false,\n      intent = 'outline',\n      overflow = 'none',\n      className,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      // Controlled-value props are consumed via `props as …` below; strip them\n      // here so they never spread onto the root <div> (React would warn that\n      // `onValueChange` is an unknown DOM event handler).\n      value: _value,\n      defaultValue: _defaultValue,\n      onValueChange: _onValueChange,\n      ...rest\n    } = props as IconButtonGroupProps & { className?: string };\n    const { t } = useTranslation();\n\n    if (import.meta.env.DEV && !ariaLabel && !ariaLabelledBy) {\n      console.warn(\n        'IconButtonGroup: `aria-label` or `aria-labelledby` is required for accessibility.',\n      );\n    }\n    if (\n      import.meta.env.DEV &&\n      overflow === 'menu' &&\n      orientation === 'vertical'\n    ) {\n      console.warn(\n        'IconButtonGroup: overflow=\"menu\" is horizontal-only; falling back to overflow=\"none\".',\n      );\n    }\n    const overflowEnabled = overflow === 'menu' && orientation !== 'vertical';\n\n    /* ---- Controlled / uncontrolled value for toggle modes --------- */\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      () => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          return p.defaultValue ?? '';\n        }\n        if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          return p.defaultValue ?? [];\n        }\n        return '';\n      },\n    );\n\n    const resolvedValue: string | string[] = (() => {\n      if (mode === 'toggle-single') {\n        const p = props as ToggleSingleProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      if (mode === 'toggle-multi') {\n        const p = props as ToggleMultiProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      return '';\n    })();\n\n    const commitValue = useCallback(\n      (next: string | string[]) => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          if (p.value === undefined) setInternalValue(next as string);\n          p.onValueChange?.(next as string);\n        } else if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          if (p.value === undefined) setInternalValue(next as string[]);\n          p.onValueChange?.(next as string[]);\n        }\n      },\n      [mode, props],\n    );\n\n    /* ---- Roving tabindex state — only active in toolbar / radiogroup - */\n    const rovingTabindex = role === 'toolbar' || role === 'radiogroup';\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const registerIndex = useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = el;\n      },\n      [],\n    );\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    // `useLayoutEffect` so the direction is correct BEFORE the first paint\n    // (otherwise a user pressing an arrow key on the first frame after mount\n    // would hit the default-LTR mapping even in an RTL document).\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      // Read the computed direction from the group's own wrapper so a\n      // scoped `dir='rtl'` on any ancestor (not just <html>) flips arrow\n      // navigation. `getComputedStyle` walks up automatically.\n      const dir = window.getComputedStyle(node).direction;\n      setIsRTL(dir === 'rtl');\n    }, []);\n\n    /* ---- Arrow-key navigation for roving tabindex ----------------- */\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n\n        if (next === null) return;\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (\n            el &&\n            el.getAttribute('aria-disabled') !== 'true' &&\n            !el.disabled\n          ) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n        // WAI-ARIA radiogroup pattern: arrow keys MOVE focus AND CHANGE\n        // the selected radio in one action. toolbar pattern (and plain\n        // group) only moves focus.\n        if (role === 'radiogroup' && mode === 'toggle-single') {\n          const child = childArrayRef.current[candidate];\n          if (child && typeof child === 'object' && 'props' in child) {\n            const cValue = (child as ReactElement<{ value?: string }>).props\n              .value;\n            if (cValue) commitValue(cValue);\n          }\n        }\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex, role, mode, commitValue],\n    );\n\n    /* ---- Overflow bookkeeping (menu mode only) --------------------- */\n    type OverflowChildProps = IconButtonProps & {\n      value?: string;\n      'data-overflow-pin'?: boolean | 'true' | '';\n    };\n    const allElements = overflowEnabled\n      ? (Children.toArray(children).filter(isValidElement) as Array<\n          ReactElement<OverflowChildProps>\n        >)\n      : [];\n    const mirrorLabel = (child: ReactElement<OverflowChildProps>) => {\n      const aria = child.props['aria-label'];\n      if (typeof aria === 'string') return aria;\n      return typeof child.props.tooltip === 'string'\n        ? child.props.tooltip\n        : null;\n    };\n    const warnedRef = useRef(false);\n    const pinnedFlags = allElements.map((child) => {\n      const explicit = child.props['data-overflow-pin'] !== undefined;\n      const mirrorable = mirrorLabel(child) !== null;\n      if (\n        import.meta.env.DEV &&\n        !explicit &&\n        !mirrorable &&\n        !warnedRef.current\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          'IconButtonGroup: a child without aria-label / tooltip cannot move into the overflow menu — it stays pinned in the strip.',\n        );\n      }\n      return explicit || !mirrorable;\n    });\n\n    const { containerRef, fullRowRef, triggerProbeRef, visible, overflowing } =\n      usePriorityOverflow({\n        enabled: overflowEnabled,\n        count: allElements.length,\n        pinned: pinnedFlags,\n      });\n\n    const triggerNodeRef = useRef<HTMLButtonElement | null>(null);\n\n    /* ---- Build enhanced children ---------------------------------- */\n    const childArray = overflowEnabled\n      ? allElements.filter((_, i) => visible[i])\n      : Children.toArray(children);\n    if (overflowEnabled) {\n      buttonsRef.current.length = childArray.length + (overflowing ? 1 : 0);\n    }\n    // Mirror into a ref so the keydown handler (referenced from Memo deps)\n    // can read the latest child list without inflating the dep array.\n    const childArrayRef = useRef<ReturnType<typeof Children.toArray>>([]);\n    childArrayRef.current = childArray;\n\n    const visibleCount = childArray.length;\n    // Clamp the roving focus when items move into the menu; hand real focus\n    // to the trigger only when the focused node was the one that left.\n    useEffect(() => {\n      if (!rovingTabindex || !overflowEnabled) return;\n      const total = visibleCount + (overflowing ? 1 : 0);\n      if (total > 0 && focusIndex >= total) {\n        setFocusIndex(total - 1);\n        if (document.activeElement === document.body) {\n          triggerNodeRef.current?.focus();\n        }\n      }\n    }, [\n      rovingTabindex,\n      overflowEnabled,\n      visibleCount,\n      overflowing,\n      focusIndex,\n    ]);\n\n    const enhanced = childArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'IconButtonGroup: children should be <IconButton> elements.',\n          );\n        }\n        return child;\n      }\n\n      const childEl = child as ReactElement<\n        IconButtonProps & {\n          value?: string;\n          asChild?: boolean;\n          children?: ReactNode;\n          onClick?: React.MouseEventHandler<HTMLButtonElement>;\n        }\n      >;\n\n      // DEV-time sanity: warn if we got something that isn't an IconButton.\n      // `React.cloneElement` would still work, but IconButton-specific\n      // props (::before target size, forwarded tooltip) wouldn't apply.\n      // `asChild` wrappers (e.g. DropdownMenu.Trigger) are fine when they\n      // Slot-merge the cloned props onto their own IconButton child, as are\n      // components that declare a static `rendersIconButton` marker (the\n      // DataTable toolbar leaves — each renders one IconButton trigger and\n      // forwards ref/tabIndex/onFocus to it).\n      if (import.meta.env.DEV && childEl.type !== IconButton) {\n        const slotChild =\n          childEl.props.asChild === true ? childEl.props.children : null;\n        const wrapsIconButton =\n          isValidElement(slotChild) && slotChild.type === IconButton;\n        const rendersIconButton =\n          (childEl.type as { rendersIconButton?: boolean })\n            .rendersIconButton === true;\n        if (!wrapsIconButton && !rendersIconButton) {\n          console.warn(\n            'IconButtonGroup: each child should be a DS <IconButton>. Other elements break target-size + focus-ring contracts.',\n          );\n        }\n      }\n\n      const childValue = childEl.props.value;\n\n      // Compute aria-pressed / aria-checked for toggle modes.\n      const { ariaPressed, ariaChecked } = computeToggleAria(\n        mode,\n        role,\n        childValue,\n        resolvedValue,\n      );\n\n      const groupDisabled = disabled === true;\n      const childDisabled = childEl.props.disabled === true;\n\n      // Click handling — wrap so aria-disabled (group-level) blocks\n      // activation, then forward to the child's own onClick.\n      const wrappedOnClick: React.MouseEventHandler<HTMLButtonElement> = (\n        event,\n      ) => {\n        // aria-disabled is advisory; the native click still fires. Block\n        // it explicitly when the GROUP (not the child) is disabled.\n        if (groupDisabled) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        // Forward to the child's own handler first so consumers can run\n        // analytics / preventDefault.\n        childEl.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (!childValue) return;\n        if (mode === 'toggle-single') {\n          // Contract: exactly one pressed. Clicking the pressed one is a\n          // no-op. This matches Radix ToggleGroup type='single' and the\n          // radiogroup pattern.\n          if (resolvedValue === childValue) return;\n          commitValue(childValue);\n        } else if (mode === 'toggle-multi') {\n          const list = resolvedValue as string[];\n          const next = list.includes(childValue)\n            ? list.filter((v) => v !== childValue)\n            : [...list, childValue];\n          commitValue(next);\n        }\n      };\n\n      // cloneElement's typed overload rejects `ref` as a prop, so we\n      // build the override bag as `unknown` and cast to the element's\n      // prop type. React at runtime routes `ref` via its usual channel.\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        registerIndex(index, node);\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n\n      // Per the user story: group-level disabled injects `aria-disabled`\n      // so the child stays focusable; child-level `disabled` still uses\n      // the HTML attribute (child's own contract). When both are true\n      // we leave the HTML disabled in place (strictest cue wins).\n      const ariaDisabled = groupDisabled && !childDisabled ? true : undefined;\n\n      // If the group is disabled OR we are in a toggle mode, we need the\n      // wrapped click handler. In pure momentary mode with no group\n      // disable, the child's own onClick is passed through unchanged.\n      const needsWrappedClick = mode !== 'momentary' || groupDisabled;\n\n      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        size: childEl.props.size ?? size,\n        disabled: childDisabled,\n        'aria-disabled': ariaDisabled,\n        onClick: needsWrappedClick ? wrappedOnClick : childEl.props.onClick,\n        'aria-pressed': ariaPressed,\n        'aria-checked': ariaChecked,\n        // When the group is a radiogroup, children must be `role=\"radio\"`\n        // so screen readers announce them as radio buttons and so\n        // `getByRole('radio')` works in tests. The button element is\n        // re-purposed as a radio; `aria-checked` above carries the state.\n        role: role === 'radiogroup' ? 'radio' : undefined,\n        tabIndex: rovingTabindex ? (index === focusIndex ? 0 : -1) : undefined,\n        onFocus: (ev: React.FocusEvent<HTMLButtonElement>) => {\n          if (rovingTabindex) setFocusIndex(index);\n          childEl.props.onFocus?.(ev);\n        },\n        ref: setMergedRef,\n      } as unknown as Partial<IconButtonProps>;\n\n      return cloneElement(childEl, overrides);\n    });\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    if (!overflowEnabled) {\n      return (\n        <div\n          ref={mergedRootRef}\n          role={role}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-orientation={role === 'toolbar' ? orientation : undefined}\n          onKeyDown={handleRootKeyDown}\n          className={iconButtonGroupVariants({ orientation, className })}\n          data-component=\"icon-button-group\"\n          {...rest}\n        >\n          {enhanced}\n        </div>\n      );\n    }\n\n    /* ---- Menu path: measurement rows + strip + ellipsis trigger ---- */\n    const moreLabel = t('buttonGroup.more', 'More options');\n    const groupDisabled = disabled === true;\n    const overflowItems = allElements\n      .map((childEl, i) => ({ childEl, i }))\n      .filter(({ i }) => !visible[i]);\n\n    let menuContent: ReactNode = null;\n    if (mode === 'toggle-single') {\n      menuContent = (\n        <DropdownMenu.RadioGroup\n          value={resolvedValue as string}\n          onValueChange={(v) => {\n            if (!groupDisabled && v !== resolvedValue) commitValue(v);\n          }}\n        >\n          {overflowItems.map(({ childEl, i }) => (\n            <DropdownMenu.RadioItem\n              key={childEl.key ?? i}\n              value={childEl.props.value ?? ''}\n              disabled={groupDisabled || childEl.props.disabled === true}\n            >\n              {mirrorLabel(childEl)}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      );\n    } else if (mode === 'toggle-multi') {\n      menuContent = overflowItems.map(({ childEl, i }) => {\n        const v = childEl.props.value;\n        const list = resolvedValue as string[];\n        const checked = v ? list.includes(v) : false;\n        return (\n          <DropdownMenu.CheckboxItem\n            key={childEl.key ?? i}\n            checked={checked}\n            disabled={groupDisabled || childEl.props.disabled === true}\n            onCheckedChange={() => {\n              if (groupDisabled || !v) return;\n              commitValue(checked ? list.filter((x) => x !== v) : [...list, v]);\n            }}\n          >\n            {mirrorLabel(childEl)}\n          </DropdownMenu.CheckboxItem>\n        );\n      });\n    } else {\n      menuContent = overflowItems.map(({ childEl, i }) => (\n        <DropdownMenu.Item\n          key={childEl.key ?? i}\n          startIcon={childEl.props.icon}\n          disabled={groupDisabled || childEl.props.disabled === true}\n          onSelect={(event) => {\n            childEl.props.onClick?.(\n              event as unknown as React.MouseEvent<HTMLButtonElement>,\n            );\n          }}\n        >\n          {mirrorLabel(childEl)}\n        </DropdownMenu.Item>\n      ));\n    }\n\n    const trigger = overflowing ? (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={<Ellipsis />}\n            intent={intent}\n            size={size}\n            aria-label={moreLabel}\n            ref={(node: HTMLButtonElement | null) => {\n              triggerNodeRef.current = node;\n              registerIndex(visibleCount, node);\n            }}\n            tabIndex={\n              rovingTabindex\n                ? focusIndex === visibleCount\n                  ? 0\n                  : -1\n                : undefined\n            }\n            onFocus={\n              rovingTabindex ? () => setFocusIndex(visibleCount) : undefined\n            }\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">{menuContent}</DropdownMenu.Content>\n      </DropdownMenu.Root>\n    ) : null;\n\n    const stripClasses = iconButtonGroupVariants({ orientation });\n    // A radiogroup may own only radios, so its trigger sits beside the strip;\n    // toolbar / group keep the trigger inside as the last joined control.\n    const triggerInside = role !== 'radiogroup';\n    const stripDiv = (\n      <div\n        role={role}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-orientation={role === 'toolbar' ? orientation : undefined}\n        onKeyDown={triggerInside ? handleRootKeyDown : undefined}\n        className={`${stripClasses} ds:max-w-full`}\n      >\n        {enhanced}\n        {triggerInside ? trigger : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={mergedRootRef}\n        data-component=\"icon-button-group\"\n        className={[\n          'ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip',\n          className ?? '',\n        ]\n          .join(' ')\n          .trim()}\n        {...rest}\n      >\n        <div ref={containerRef} className=\"ds:block ds:w-full ds:min-w-0\">\n          <div\n            ref={fullRowRef}\n            aria-hidden=\"true\"\n            inert\n            className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n          >\n            {allElements.map((childEl, i) =>\n              cloneElement(childEl, {\n                key: childEl.key ?? i,\n                intent: childEl.props.intent ?? intent,\n                size: childEl.props.size ?? size,\n                tabIndex: -1,\n                ref: null,\n              } as Partial<OverflowChildProps>),\n            )}\n          </div>\n          <span\n            ref={triggerProbeRef}\n            aria-hidden=\"true\"\n            inert\n            className={MEASURE_ROW_CLASSES}\n          >\n            <IconButton\n              icon={<Ellipsis />}\n              intent={intent}\n              size={size}\n              aria-label={moreLabel}\n              tabIndex={-1}\n            />\n          </span>\n          {triggerInside ? (\n            stripDiv\n          ) : (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- non-focusable wrapper; arrow-key roving bubbles up from the focusable IconButtons in the strip and the overflow trigger\n            <div\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              onKeyDown={handleRootKeyDown}\n            >\n              {stripDiv}\n              {trigger}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nIconButtonGroup.displayName = 'IconButtonGroup';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction computeToggleAria(\n  mode: IconButtonGroupMode,\n  role: IconButtonGroupRole,\n  childValue: string | undefined,\n  resolvedValue: string | string[],\n): { ariaPressed?: boolean; ariaChecked?: boolean } {\n  if (mode === 'momentary' || !childValue) return {};\n\n  const isActive =\n    mode === 'toggle-multi'\n      ? (resolvedValue as string[]).includes(childValue)\n      : resolvedValue === childValue;\n\n  // radiogroup uses aria-checked; toolbar/group use aria-pressed.\n  if (role === 'radiogroup') {\n    return { ariaChecked: isActive };\n  }\n  return { ariaPressed: isActive };\n}\n"],"names":["iconButtonGroupVariants","cva","MEASURE_ROW_CLASSES","IconButtonGroup","forwardRef","props","ref","size","orientation","role","mode","disabled","intent","overflow","className","children","ariaLabel","ariaLabelledBy","_value","_defaultValue","_onValueChange","rest","t","useTranslation","overflowEnabled","internalValue","setInternalValue","useState","resolvedValue","p","commitValue","useCallback","next","_a","_b","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","registerIndex","index","el","rootRef","isRTL","setIsRTL","useIsomorphicLayoutEffect","node","dir","handleRootKeyDown","event","count","forwardKey","backwardKey","maxAttempts","attempts","candidate","child","childArrayRef","cValue","allElements","Children","isValidElement","mirrorLabel","aria","pinnedFlags","explicit","mirrorable","containerRef","fullRowRef","triggerProbeRef","visible","overflowing","usePriorityOverflow","triggerNodeRef","childArray","_","i","visibleCount","useEffect","total","enhanced","childEl","childValue","ariaPressed","ariaChecked","computeToggleAria","groupDisabled","childDisabled","wrappedOnClick","list","v","setMergedRef","originalRef","ariaDisabled","needsWrappedClick","overrides","ev","cloneElement","mergedRootRef","jsx","moreLabel","overflowItems","menuContent","DropdownMenu","checked","x","trigger","jsxs","IconButton","Ellipsis","stripClasses","triggerInside","stripDiv","isActive"],"mappings":";;;;;;;;;AAsCA,MAAMA,KAA0BC;AAAA,EAC9B;AAAA,IACE;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA,UACV;AAAA;AAAA;AAAA,UAGA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,UAIA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,UAAU;AAAA,UACR;AAAA;AAAA;AAAA;AAAA,UAIA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAIMC,KACJ,uEAqFWC,KAAkBC;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,MAAAC,IAAO;AAAA,MACP,MAAAC,IAAO;AAAA,MACP,UAAAC,IAAW;AAAA,MACX,QAAAC,IAAS;AAAA,MACT,UAAAC,KAAW;AAAA,MACX,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAcC;AAAA,MACd,mBAAmBC;AAAA;AAAA;AAAA;AAAA,MAInB,OAAOC;AAAA,MACP,cAAcC;AAAA,MACd,eAAeC;AAAA,MACf,GAAGC;AAAA,IAAA,IACDhB,GACE,EAAE,GAAAiB,GAAA,IAAMC,GAAA,GAgBRC,IAAkBX,OAAa,UAAUL,MAAgB,YAGzD,CAACiB,GAAeC,CAAgB,IAAIC;AAAA,MACxC,MACMjB,MAAS,kBACDL,EACD,gBAAgB,KAEvBK,MAAS,iBACDL,EACD,gBAAgB,CAAA,IAEpB;AAAA,IACT,GAGIuB,KAAoC,MAAM;AAC9C,UAAIlB,MAAS,iBAAiB;AAC5B,cAAMmB,IAAIxB;AACV,eAAOwB,EAAE,UAAU,SAAYA,EAAE,QAAQJ;AAAA,MAC3C;AACA,UAAIf,MAAS,gBAAgB;AAC3B,cAAMmB,IAAIxB;AACV,eAAOwB,EAAE,UAAU,SAAYA,EAAE,QAAQJ;AAAA,MAC3C;AACA,aAAO;AAAA,IACT,GAAA,GAEMK,IAAcC;AAAA,MAClB,CAACC,MAA4B;;AAC3B,YAAItB,MAAS,iBAAiB;AAC5B,gBAAMmB,IAAIxB;AACV,UAAIwB,EAAE,UAAU,UAAWH,EAAiBM,CAAc,IAC1DC,IAAAJ,EAAE,kBAAF,QAAAI,EAAA,KAAAJ,GAAkBG;AAAA,QACpB,WAAWtB,MAAS,gBAAgB;AAClC,gBAAMmB,IAAIxB;AACV,UAAIwB,EAAE,UAAU,UAAWH,EAAiBM,CAAgB,IAC5DE,IAAAL,EAAE,kBAAF,QAAAK,EAAA,KAAAL,GAAkBG;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAACtB,GAAML,CAAK;AAAA,IAAA,GAIR8B,IAAiB1B,MAAS,aAAaA,MAAS,cAChD2B,IAAaC,EAAwC,EAAE,GACvD,CAACC,GAAYC,CAAa,IAAIZ,EAAS,CAAC,GAExCa,KAAgBT;AAAA,MACpB,CAACU,GAAeC,MAAiC;AAC/C,QAAAN,EAAW,QAAQK,CAAK,IAAIC;AAAA,MAC9B;AAAA,MACA,CAAA;AAAA,IAAC,GAGGC,KAAUN,EAA8B,IAAI,GAC5C,CAACO,GAAOC,EAAQ,IAAIlB,EAAS,EAAK;AAIxC,IAAAmB,GAA0B,MAAM;AAC9B,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMC,IAAOJ,GAAQ;AACrB,UAAI,CAACI,EAAM;AAIX,YAAMC,IAAM,OAAO,iBAAiBD,CAAI,EAAE;AAC1C,MAAAF,GAASG,MAAQ,KAAK;AAAA,IACxB,GAAG,CAAA,CAAE;AAGL,UAAMC,IAAoBlB;AAAA,MACxB,CAACmB,MAA8C;;AAC7C,YAAI,CAACf,EAAgB;AACrB,cAAMgB,IAAQf,EAAW,QAAQ,OAAO,OAAO,EAAE;AACjD,YAAIe,MAAU,EAAG;AAEjB,cAAMC,IACJ5C,MAAgB,aACZ,cACAoC,IACE,cACA,cACFS,IACJ7C,MAAgB,aACZ,YACAoC,IACE,eACA;AAER,YAAIZ,IAAsB;AAO1B,YANIkB,EAAM,QAAQE,IAAYpB,KAAQM,IAAa,KAAKa,IAC/CD,EAAM,QAAQG,IACrBrB,KAAQM,IAAa,IAAIa,KAASA,IAC3BD,EAAM,QAAQ,SAAQlB,IAAO,IAC7BkB,EAAM,QAAQ,UAAOlB,IAAOmB,IAAQ,IAEzCnB,MAAS,KAAM;AAEnB,cAAMsB,IAAcH;AACpB,YAAII,IAAW,GACXC,IAAYxB;AAChB,eAAOuB,IAAWD,KAAa;AAC7B,gBAAMZ,IAAKN,EAAW,QAAQoB,CAAS;AACvC,cACEd,KACAA,EAAG,aAAa,eAAe,MAAM,UACrC,CAACA,EAAG;AAEJ;AAEF,UAAAc,IACEN,EAAM,QAAQG,KAAeH,EAAM,QAAQ,SACtCM,IAAY,IAAIL,KAASA,KACzBK,IAAY,KAAKL,GACxBI,KAAY;AAAA,QACd;AAOA,YANAL,EAAM,eAAA,GACNX,EAAciB,CAAS,IACvBvB,IAAAG,EAAW,QAAQoB,CAAS,MAA5B,QAAAvB,EAA+B,SAI3BxB,MAAS,gBAAgBC,MAAS,iBAAiB;AACrD,gBAAM+C,IAAQC,GAAc,QAAQF,CAAS;AAC7C,cAAIC,KAAS,OAAOA,KAAU,YAAY,WAAWA,GAAO;AAC1D,kBAAME,IAAUF,EAA2C,MACxD;AACH,YAAIE,OAAoBA,CAAM;AAAA,UAChC;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAACxB,GAAgB3B,GAAaoC,GAAON,GAAY7B,GAAMC,GAAMoB,CAAW;AAAA,IAAA,GAQpE8B,IAAcpC,IACfqC,GAAS,QAAQ9C,CAAQ,EAAE,OAAO+C,EAAc,IAGjD,CAAA,GACEC,IAAc,CAACN,MAA4C;AAC/D,YAAMO,IAAOP,EAAM,MAAM,YAAY;AACrC,aAAI,OAAOO,KAAS,WAAiBA,IAC9B,OAAOP,EAAM,MAAM,WAAY,WAClCA,EAAM,MAAM,UACZ;AAAA,IACN;AACkB,IAAApB,EAAO,EAAK;AAC9B,UAAM4B,KAAcL,EAAY,IAAI,CAACH,MAAU;AAC7C,YAAMS,IAAWT,EAAM,MAAM,mBAAmB,MAAM,QAChDU,IAAaJ,EAAYN,CAAK,MAAM;AAY1C,aAAOS,KAAY,CAACC;AAAA,IACtB,CAAC,GAEK,EAAE,cAAAC,IAAc,YAAAC,IAAY,iBAAAC,IAAiB,SAAAC,IAAS,aAAAC,EAAA,IAC1DC,GAAoB;AAAA,MAClB,SAASjD;AAAA,MACT,OAAOoC,EAAY;AAAA,MACnB,QAAQK;AAAA,IAAA,CACT,GAEGS,KAAiBrC,EAAiC,IAAI,GAGtDsC,IAAanD,IACfoC,EAAY,OAAO,CAACgB,GAAGC,MAAMN,GAAQM,CAAC,CAAC,IACvChB,GAAS,QAAQ9C,CAAQ;AAC7B,IAAIS,MACFY,EAAW,QAAQ,SAASuC,EAAW,UAAUH,IAAc,IAAI;AAIrE,UAAMd,KAAgBrB,EAA4C,EAAE;AACpE,IAAAqB,GAAc,UAAUiB;AAExB,UAAMG,IAAeH,EAAW;AAGhC,IAAAI,GAAU,MAAM;;AACd,UAAI,CAAC5C,KAAkB,CAACX,EAAiB;AACzC,YAAMwD,IAAQF,KAAgBN,IAAc,IAAI;AAChD,MAAIQ,IAAQ,KAAK1C,KAAc0C,MAC7BzC,EAAcyC,IAAQ,CAAC,GACnB,SAAS,kBAAkB,SAAS,UACtC/C,IAAAyC,GAAe,YAAf,QAAAzC,EAAwB;AAAA,IAG9B,GAAG;AAAA,MACDE;AAAA,MACAX;AAAA,MACAsD;AAAA,MACAN;AAAA,MACAlC;AAAA,IAAA,CACD;AAED,UAAM2C,KAAWN,EAAW,IAAI,CAAClB,GAAOhB,MAAU;AAChD,UAAI,CAACqB,GAAeL,CAAK;AAMvB,eAAOA;AAGT,YAAMyB,IAAUzB,GAgCV0B,IAAaD,EAAQ,MAAM,OAG3B,EAAE,aAAAE,GAAa,aAAAC,EAAA,IAAgBC;AAAA,QACnC5E;AAAA,QACAD;AAAA,QACA0E;AAAA,QACAvD;AAAA,MAAA,GAGI2D,IAAgB5E,MAAa,IAC7B6E,IAAgBN,EAAQ,MAAM,aAAa,IAI3CO,IAA6D,CACjEvC,MACG;;AAGH,YAAIqC,GAAe;AACjB,UAAArC,EAAM,eAAA,GACNA,EAAM,gBAAA;AACN;AAAA,QACF;AAIA,aADAhB,KAAAD,IAAAiD,EAAQ,OAAM,YAAd,QAAAhD,EAAA,KAAAD,GAAwBiB,IACpB,CAAAA,EAAM,oBACLiC;AACL,cAAIzE,MAAS,iBAAiB;AAI5B,gBAAIkB,MAAkBuD,EAAY;AAClC,YAAArD,EAAYqD,CAAU;AAAA,UACxB,WAAWzE,MAAS,gBAAgB;AAClC,kBAAMgF,IAAO9D,GACPI,KAAO0D,EAAK,SAASP,CAAU,IACjCO,EAAK,OAAO,CAACC,OAAMA,OAAMR,CAAU,IACnC,CAAC,GAAGO,GAAMP,CAAU;AACxB,YAAArD,EAAYE,EAAI;AAAA,UAClB;AAAA;AAAA,MACF,GAKM4D,IAAe,CAAC7C,MAAmC;AACvD,QAAAP,GAAcC,GAAOM,CAAI;AACzB,cAAM8C,IACJX,EACA;AACF,QAAI,OAAOW,KAAgB,aAAYA,EAAY9C,CAAI,IAErD8C,KAAgB,QAEhB,OAAOA,KAAgB,aAGrBA,EACA,UAAU9C;AAAA,MAEhB,GAMM+C,IAAeP,KAAiB,CAACC,IAAgB,KAAO,QAKxDO,KAAoBrF,MAAS,eAAe6E,GAE5CS,KAAY;AAAA,QAChB,QAAQd,EAAQ,MAAM,UAAUtE;AAAA,QAChC,MAAMsE,EAAQ,MAAM,QAAQ3E;AAAA,QAC5B,UAAUiF;AAAA,QACV,iBAAiBM;AAAA,QACjB,SAASC,KAAoBN,IAAiBP,EAAQ,MAAM;AAAA,QAC5D,gBAAgBE;AAAA,QAChB,gBAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA,QAKhB,MAAM5E,MAAS,eAAe,UAAU;AAAA,QACxC,UAAU0B,IAAkBM,MAAUH,IAAa,IAAI,KAAM;AAAA,QAC7D,SAAS,CAAC2D,MAA4C;;AACpD,UAAI9D,OAA8BM,CAAK,IACvCP,KAAAD,IAAAiD,EAAQ,OAAM,YAAd,QAAAhD,EAAA,KAAAD,GAAwBgE;AAAA,QAC1B;AAAA,QACA,KAAKL;AAAA,MAAA;AAGP,aAAOM,GAAahB,GAASc,EAAS;AAAA,IACxC,CAAC,GAEKG,KAAgB,CAACpD,MAAgC;AACrD,MAAAJ,GAAQ,UAAUI,GACd,OAAOzC,KAAQ,aAAYA,EAAIyC,CAAI,IAC9BzC,KAAO,OAAOA,KAAQ,aAC5BA,EAAsD,UAAUyC;AAAA,IAErE;AAEA,QAAI,CAACvB;AACH,aACE,gBAAA4E;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,MAAA1F;AAAA,UACA,cAAYO;AAAA,UACZ,mBAAiBC;AAAA,UACjB,oBAAkBR,MAAS,YAAYD,IAAc;AAAA,UACrD,WAAWyC;AAAA,UACX,WAAWjD,GAAwB,EAAE,aAAAQ,GAAa,WAAAM,GAAW;AAAA,UAC7D,kBAAe;AAAA,UACd,GAAGO;AAAA,UAEH,UAAA4D;AAAA,QAAA;AAAA,MAAA;AAMP,UAAMoB,KAAY/E,GAAE,oBAAoB,cAAc,GAChDiE,IAAgB5E,MAAa,IAC7B2F,IAAgB1C,EACnB,IAAI,CAACsB,GAASL,OAAO,EAAE,SAAAK,GAAS,GAAAL,EAAA,EAAI,EACpC,OAAO,CAAC,EAAE,GAAAA,EAAA,MAAQ,CAACN,GAAQM,CAAC,CAAC;AAEhC,QAAI0B,IAAyB;AAC7B,IAAI7F,MAAS,kBACX6F,IACE,gBAAAH;AAAA,MAACI,EAAa;AAAA,MAAb;AAAA,QACC,OAAO5E;AAAA,QACP,eAAe,CAAC+D,MAAM;AACpB,UAAI,CAACJ,KAAiBI,MAAM/D,OAA2B+D,CAAC;AAAA,QAC1D;AAAA,QAEC,YAAc,IAAI,CAAC,EAAE,SAAAT,GAAS,GAAAL,QAC7B,gBAAAuB;AAAA,UAACI,EAAa;AAAA,UAAb;AAAA,YAEC,OAAOtB,EAAQ,MAAM,SAAS;AAAA,YAC9B,UAAUK,KAAiBL,EAAQ,MAAM,aAAa;AAAA,YAErD,YAAYA,CAAO;AAAA,UAAA;AAAA,UAJfA,EAAQ,OAAOL;AAAA,QAAA,CAMvB;AAAA,MAAA;AAAA,IAAA,IAGInE,MAAS,iBAClB6F,IAAcD,EAAc,IAAI,CAAC,EAAE,SAAApB,GAAS,GAAAL,QAAQ;AAClD,YAAMc,IAAIT,EAAQ,MAAM,OAClBQ,IAAO9D,GACP6E,IAAUd,IAAID,EAAK,SAASC,CAAC,IAAI;AACvC,aACE,gBAAAS;AAAA,QAACI,EAAa;AAAA,QAAb;AAAA,UAEC,SAAAC;AAAA,UACA,UAAUlB,KAAiBL,EAAQ,MAAM,aAAa;AAAA,UACtD,iBAAiB,MAAM;AACrB,YAAIK,KAAiB,CAACI,KACtB7D,EAAY2E,IAAUf,EAAK,OAAO,CAACgB,MAAMA,MAAMf,CAAC,IAAI,CAAC,GAAGD,GAAMC,CAAC,CAAC;AAAA,UAClE;AAAA,UAEC,YAAYT,CAAO;AAAA,QAAA;AAAA,QARfA,EAAQ,OAAOL;AAAA,MAAA;AAAA,IAW1B,CAAC,IAED0B,IAAcD,EAAc,IAAI,CAAC,EAAE,SAAApB,GAAS,GAAAL,QAC1C,gBAAAuB;AAAA,MAACI,EAAa;AAAA,MAAb;AAAA,QAEC,WAAWtB,EAAQ,MAAM;AAAA,QACzB,UAAUK,KAAiBL,EAAQ,MAAM,aAAa;AAAA,QACtD,UAAU,CAAChC,MAAU;;AACnB,WAAAhB,KAAAD,IAAAiD,EAAQ,OAAM,YAAd,QAAAhD,EAAA;AAAA,YAAAD;AAAA,YACEiB;AAAA;AAAA,QAEJ;AAAA,QAEC,YAAYgC,CAAO;AAAA,MAAA;AAAA,MATfA,EAAQ,OAAOL;AAAA,IAAA,CAWvB;AAGH,UAAM8B,KAAUnC,IACd,gBAAAoC,EAACJ,EAAa,MAAb,EACC,UAAA;AAAA,wBAACA,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAA,gBAAAJ;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,wBAAOC,IAAA,EAAS;AAAA,UAChB,QAAAlG;AAAA,UACA,MAAAL;AAAA,UACA,cAAY8F;AAAA,UACZ,KAAK,CAACtD,MAAmC;AACvC,YAAA2B,GAAe,UAAU3B,GACzBP,GAAcsC,GAAc/B,CAAI;AAAA,UAClC;AAAA,UACA,UACEZ,IACIG,MAAewC,IACb,IACA,KACF;AAAA,UAEN,SACE3C,IAAiB,MAAMI,EAAcuC,CAAY,IAAI;AAAA,QAAA;AAAA,MAAA,GAG3D;AAAA,wBACC0B,EAAa,SAAb,EAAqB,OAAM,OAAO,UAAAD,GAAY;AAAA,IAAA,EAAA,CACjD,IACE,MAEEQ,KAAe/G,GAAwB,EAAE,aAAAQ,GAAa,GAGtDwG,IAAgBvG,MAAS,cACzBwG,KACJ,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAnG;AAAA,QACA,cAAYO;AAAA,QACZ,mBAAiBC;AAAA,QACjB,oBAAkBR,MAAS,YAAYD,IAAc;AAAA,QACrD,WAAWwG,IAAgB/D,IAAoB;AAAA,QAC/C,WAAW,GAAG8D,EAAY;AAAA,QAEzB,UAAA;AAAA,UAAA9B;AAAA,UACA+B,IAAgBL,KAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAI/B,WACE,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,kBAAe;AAAA,QACf,WAAW;AAAA,UACT;AAAA,UACArF,KAAa;AAAA,QAAA,EAEZ,KAAK,GAAG,EACR,KAAA;AAAA,QACF,GAAGO;AAAA,QAEJ,4BAAC,OAAA,EAAI,KAAK+C,IAAc,WAAU,iCAChC,UAAA;AAAA,UAAA,gBAAAgC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK/B;AAAA,cACL,eAAY;AAAA,cACZ,OAAK;AAAA,cACL,WAAW,GAAGnE,EAAmB,IAAI6G,EAAY;AAAA,cAEhD,UAAAnD,EAAY;AAAA,gBAAI,CAACsB,GAASL,MACzBqB,GAAahB,GAAS;AAAA,kBACpB,KAAKA,EAAQ,OAAOL;AAAA,kBACpB,QAAQK,EAAQ,MAAM,UAAUtE;AAAA,kBAChC,MAAMsE,EAAQ,MAAM,QAAQ3E;AAAA,kBAC5B,UAAU;AAAA,kBACV,KAAK;AAAA,gBAAA,CACyB;AAAA,cAAA;AAAA,YAClC;AAAA,UAAA;AAAA,UAEF,gBAAA6F;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK9B;AAAA,cACL,eAAY;AAAA,cACZ,OAAK;AAAA,cACL,WAAWpE;AAAA,cAEX,UAAA,gBAAAkG;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,wBAAOC,IAAA,EAAS;AAAA,kBAChB,QAAAlG;AAAA,kBACA,MAAAL;AAAA,kBACA,cAAY8F;AAAA,kBACZ,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,UAEDW,IACCC;AAAA;AAAA,YAGA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAW3D;AAAA,gBAEV,UAAA;AAAA,kBAAAgE;AAAA,kBACAN;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA;AAAA,QACH,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAxG,GAAgB,cAAc;AAM9B,SAASmF,GACP5E,GACAD,GACA0E,GACAvD,GACkD;AAClD,MAAIlB,MAAS,eAAe,CAACyE,UAAmB,CAAA;AAEhD,QAAM+B,IACJxG,MAAS,iBACJkB,EAA2B,SAASuD,CAAU,IAC/CvD,MAAkBuD;AAGxB,SAAI1E,MAAS,eACJ,EAAE,aAAayG,EAAA,IAEjB,EAAE,aAAaA,EAAA;AACxB;"}