@dev-dga/react 0.11.0 → 0.12.1

package/dist/chunk-5GDTEDDH.js

@@ -0,0 +1,503 @@
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Charts/Charts.tsx
+import { useContext, useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CATEGORICAL = [1, 2, 3, 4, 5, 6].map((n) => `var(--ddga-chart-${n})`);
+var BRAND_PIE = [
+  "var(--ddga-sa-600)",
+  "var(--ddga-sa-400)",
+  "var(--ddga-sa-200)",
+  "var(--ddga-success-600)",
+  "var(--ddga-sa-800)",
+  "var(--ddga-sa-flag)"
+];
+var BRAND_LINE = ["var(--ddga-sa-flag)", "var(--ddga-sa-600)", "var(--ddga-sa-200)"];
+var BRAND_BAR = ["var(--ddga-sa-600)", "var(--ddga-sa-400)", "var(--ddga-gray-200)"];
+function paletteColor(palette, i, override, brandRamp = BRAND_PIE) {
+  if (override) return override;
+  const ramp = palette === "brand" ? brandRamp : CATEGORICAL;
+  return ramp[i % ramp.length];
+}
+function niceScale(max, tickCount = 8) {
+  const safeMax = max > 0 ? max : 1;
+  const rawStep = safeMax / tickCount;
+  const pow = Math.pow(10, Math.floor(Math.log10(rawStep)));
+  const n = rawStep / pow;
+  const step = (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * pow;
+  const niceMax = Math.ceil(safeMax / step) * step;
+  const ticks = [];
+  for (let v = 0; v <= niceMax + step / 1e3; v += step) ticks.push(Math.round(v * 1e3) / 1e3);
+  return { max: niceMax, ticks };
+}
+function polar(cx, cy, r, a) {
+  return [cx + r * Math.cos(a), cy + r * Math.sin(a)];
+}
+function slicePath(cx, cy, rOuter, rInner, a0, a1) {
+  const large = a1 - a0 > Math.PI ? 1 : 0;
+  const [x0, y0] = polar(cx, cy, rOuter, a0);
+  const [x1, y1] = polar(cx, cy, rOuter, a1);
+  if (rInner <= 0) {
+    return `M ${cx} ${cy} L ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} Z`;
+  }
+  const [xi0, yi0] = polar(cx, cy, rInner, a1);
+  const [xi1, yi1] = polar(cx, cy, rInner, a0);
+  return `M ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} L ${xi0} ${yi0} A ${rInner} ${rInner} 0 ${large} 0 ${xi1} ${yi1} Z`;
+}
+function linePath(pts, smooth) {
+  if (pts.length === 0) return "";
+  if (!smooth || pts.length < 3) return `M ${pts.map((p) => `${p.x} ${p.y}`).join(" L ")}`;
+  let d = `M ${pts[0].x} ${pts[0].y}`;
+  for (let i = 0; i < pts.length - 1; i++) {
+    const p0 = pts[i - 1] ?? pts[i];
+    const p1 = pts[i];
+    const p2 = pts[i + 1];
+    const p3 = pts[i + 2] ?? p2;
+    const c1x = p1.x + (p2.x - p0.x) / 6;
+    const c1y = p1.y + (p2.y - p0.y) / 6;
+    const c2x = p2.x - (p3.x - p1.x) / 6;
+    const c2y = p2.y - (p3.y - p1.y) / 6;
+    d += ` C ${c1x} ${c1y} ${c2x} ${c2y} ${p2.x} ${p2.y}`;
+  }
+  return d;
+}
+function ChartLegend({ items }) {
+  return /* @__PURE__ */ jsx("ul", { className: "ddga-charts__legend", "data-slot": "chart-legend", children: items.map((it, i) => /* @__PURE__ */ jsxs("li", { className: "ddga-charts__legend-item", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "ddga-charts__mark",
+        style: { backgroundColor: it.color },
+        "aria-hidden": "true"
+      }
+    ),
+    it.label
+  ] }, i)) });
+}
+function DataTable({
+  caption,
+  rowHeader,
+  columns,
+  rows
+}) {
+  return /* @__PURE__ */ jsxs("table", { className: "ddga-charts__sr-only", children: [
+    /* @__PURE__ */ jsx("caption", { children: caption }),
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { scope: "col", children: rowHeader }),
+      columns.map((c, i) => /* @__PURE__ */ jsx("th", { scope: "col", children: c }, i))
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { scope: "row", children: r.label }),
+      r.values.map((v, j) => /* @__PURE__ */ jsx("td", { children: v }, j))
+    ] }, i)) })
+  ] });
+}
+var AXIS_TEXT = "var(--ddga-charts-axis)";
+var GRID = "var(--ddga-charts-grid)";
+function PieChart({
+  data,
+  donut = false,
+  size = 240,
+  palette = "categorical",
+  legend = true,
+  title = "Pie chart",
+  className,
+  ...props
+}) {
+  const total = data.reduce((s, d) => s + Math.max(0, d.value), 0) || 1;
+  const cx = size / 2;
+  const cy = size / 2;
+  const rOuter = size / 2;
+  const rInner = donut ? size / 4 : 0;
+  const colors = data.map((d, i) => paletteColor(palette, i, d.color));
+  const fracs = data.map((d) => Math.max(0, d.value) / total);
+  const slices = data.map((_, i) => {
+    const startFrac = fracs.slice(0, i).reduce((s, f) => s + f, 0);
+    const a0 = -Math.PI / 2 + startFrac * Math.PI * 2;
+    const a1 = a0 + fracs[i] * Math.PI * 2;
+    return { i, a0, a1 };
+  });
+  const legendItems = data.map((d, i) => ({ label: d.label, color: colors[i] }));
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn("ddga-charts", "ddga-charts--pie", className),
+      "data-slot": "chart",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "ddga-charts__plot",
+            width: size,
+            height: size,
+            viewBox: `0 0 ${size} ${size}`,
+            role: "img",
+            "aria-label": title,
+            children: slices.length === 1 ? rInner > 0 ? /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: `${slicePath(cx, cy, rOuter, rInner, 0, Math.PI)} ${slicePath(cx, cy, rOuter, rInner, Math.PI, Math.PI * 2)}`,
+                fill: colors[0]
+              }
+            ) : /* @__PURE__ */ jsx("circle", { cx, cy, r: rOuter, fill: colors[0] }) : slices.map(({ a0, a1, i }) => /* @__PURE__ */ jsx("path", { d: slicePath(cx, cy, rOuter, rInner, a0, a1), fill: colors[i] }, i))
+          }
+        ),
+        legend && /* @__PURE__ */ jsx(ChartLegend, { items: legendItems }),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            caption: title,
+            rowHeader: "Segment",
+            columns: ["Value", "Share"],
+            rows: data.map((d) => ({
+              label: d.label,
+              values: [d.value, `${Math.round(Math.max(0, d.value) / total * 100)}%`]
+            }))
+          }
+        )
+      ]
+    }
+  );
+}
+function useCartesianLayout(yMaxData, yMaxProp, width, height, hasX, hasY) {
+  const dir = useContext(DgaContext)?.dir ?? "ltr";
+  const rtl = dir === "rtl";
+  const { max: yMax, ticks } = niceScale(yMaxProp ?? yMaxData);
+  const insetAxis = hasY ? 64 : 46;
+  const insetOpp = 12;
+  const top = 10;
+  const bottom = hasX ? 46 : 26;
+  const plotLeft = rtl ? insetOpp : insetAxis;
+  const plotRight = width - (rtl ? insetAxis : insetOpp);
+  const plotTop = top;
+  const plotBottom = height - bottom;
+  const plotW = plotRight - plotLeft;
+  const plotH = plotBottom - plotTop;
+  const xAt = (t) => rtl ? plotRight - t * plotW : plotLeft + t * plotW;
+  const yAt = (v) => plotBottom - Math.max(0, v) / yMax * plotH;
+  return { rtl, yMax, ticks, plotLeft, plotRight, plotTop, plotBottom, plotW, plotH, xAt, yAt };
+}
+function Gridlines({
+  ticks,
+  yAt,
+  plotLeft,
+  plotRight,
+  rtl,
+  labelX
+}) {
+  return /* @__PURE__ */ jsx("g", { "aria-hidden": "true", children: ticks.map((t, i) => {
+    const y = yAt(t);
+    return /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("line", { x1: plotLeft, x2: plotRight, y1: y, y2: y, stroke: GRID, strokeWidth: 1 }),
+      /* @__PURE__ */ jsx(
+        "text",
+        {
+          x: labelX,
+          y: y + 4,
+          fill: AXIS_TEXT,
+          fontSize: 14,
+          textAnchor: rtl ? "start" : "end",
+          children: t
+        }
+      )
+    ] }, i);
+  }) });
+}
+function XLabels({
+  categories,
+  centerT,
+  xAt,
+  y
+}) {
+  return /* @__PURE__ */ jsx("g", { "aria-hidden": "true", children: categories.map((c, i) => /* @__PURE__ */ jsx("text", { x: xAt(centerT(i)), y, fill: AXIS_TEXT, fontSize: 14, textAnchor: "middle", children: c }, i)) });
+}
+function AxisTitles({
+  xAxisLabel,
+  yAxisLabel,
+  width,
+  height,
+  plotLeft,
+  plotRight,
+  plotTop,
+  plotBottom,
+  rtl
+}) {
+  const midX = (plotLeft + plotRight) / 2;
+  const midY = (plotTop + plotBottom) / 2;
+  const yTitleX = rtl ? width - 10 : 12;
+  return /* @__PURE__ */ jsxs("g", { "aria-hidden": "true", children: [
+    xAxisLabel && /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: midX,
+        y: height - 6,
+        fill: AXIS_TEXT,
+        fontSize: 14,
+        fontWeight: 500,
+        textAnchor: "middle",
+        children: xAxisLabel
+      }
+    ),
+    yAxisLabel && /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: yTitleX,
+        y: midY,
+        fill: AXIS_TEXT,
+        fontSize: 14,
+        fontWeight: 500,
+        textAnchor: "middle",
+        transform: `rotate(-90 ${yTitleX} ${midY})`,
+        children: yAxisLabel
+      }
+    )
+  ] });
+}
+function LineChart({
+  series,
+  categories,
+  palette = "brand",
+  legend = true,
+  title = "Line chart",
+  xAxisLabel,
+  yAxisLabel,
+  yMax: yMaxProp,
+  width = 520,
+  height = 280,
+  area = true,
+  curve = "smooth",
+  className,
+  ...props
+}) {
+  const gid = useId();
+  const n = categories.length;
+  const yMaxData = Math.max(0, ...series.flatMap((s) => s.data));
+  const L = useCartesianLayout(yMaxData, yMaxProp, width, height, !!xAxisLabel, !!yAxisLabel);
+  const centerT = (i) => n <= 1 ? 0.5 : i / (n - 1);
+  const colors = series.map((s, i) => paletteColor(palette, i, s.color, BRAND_LINE));
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn("ddga-charts", "ddga-charts--line", className),
+      "data-slot": "chart",
+      ...props,
+      children: [
+        legend && /* @__PURE__ */ jsx(ChartLegend, { items: series.map((s, i) => ({ label: s.label, color: colors[i] })) }),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "ddga-charts__plot",
+            viewBox: `0 0 ${width} ${height}`,
+            role: "img",
+            "aria-label": title,
+            preserveAspectRatio: "xMidYMid meet",
+            children: [
+              /* @__PURE__ */ jsx(
+                Gridlines,
+                {
+                  ticks: L.ticks,
+                  yAt: L.yAt,
+                  plotLeft: L.plotLeft,
+                  plotRight: L.plotRight,
+                  rtl: L.rtl,
+                  labelX: L.rtl ? L.plotRight + 8 : L.plotLeft - 8
+                }
+              ),
+              series.map((s, si) => {
+                const pts = s.data.map((v, i) => ({ x: L.xAt(centerT(i)), y: L.yAt(v) }));
+                const color = colors[si];
+                const path = linePath(pts, curve === "smooth");
+                return /* @__PURE__ */ jsxs("g", { children: [
+                  area && pts.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `${gid}-${si}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.28 }),
+                      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: `${path} L ${pts[pts.length - 1].x} ${L.plotBottom} L ${pts[0].x} ${L.plotBottom} Z`,
+                        fill: `url(#${gid}-${si})`
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: path,
+                      fill: "none",
+                      stroke: color,
+                      strokeWidth: 2,
+                      strokeLinejoin: "round",
+                      strokeLinecap: "round"
+                    }
+                  )
+                ] }, si);
+              }),
+              /* @__PURE__ */ jsx(XLabels, { categories, centerT, xAt: L.xAt, y: L.plotBottom + 20 }),
+              /* @__PURE__ */ jsx(
+                AxisTitles,
+                {
+                  xAxisLabel,
+                  yAxisLabel,
+                  width,
+                  height,
+                  plotLeft: L.plotLeft,
+                  plotRight: L.plotRight,
+                  plotTop: L.plotTop,
+                  plotBottom: L.plotBottom,
+                  rtl: L.rtl
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            caption: title,
+            rowHeader: "Series",
+            columns: categories,
+            rows: series.map((s) => ({ label: s.label, values: s.data }))
+          }
+        )
+      ]
+    }
+  );
+}
+function BarChart({
+  series,
+  categories,
+  palette = "brand",
+  legend = true,
+  title = "Bar chart",
+  xAxisLabel,
+  yAxisLabel,
+  yMax: yMaxProp,
+  width = 520,
+  height = 280,
+  stacked = true,
+  className,
+  ...props
+}) {
+  const n = categories.length;
+  const stackTotals = categories.map(
+    (_, ci) => series.reduce((s, ser) => s + Math.max(0, ser.data[ci] ?? 0), 0)
+  );
+  const groupedMax = Math.max(0, ...series.flatMap((s) => s.data));
+  const yMaxData = stacked ? Math.max(0, ...stackTotals) : groupedMax;
+  const L = useCartesianLayout(yMaxData, yMaxProp, width, height, !!xAxisLabel, !!yAxisLabel);
+  const centerT = (i) => (i + 0.5) / n;
+  const band = L.plotW / n;
+  const colors = series.map((s, i) => paletteColor(palette, i, s.color, BRAND_BAR));
+  const barW = Math.min(32, band * 0.54);
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn("ddga-charts", "ddga-charts--bar", className),
+      "data-slot": "chart",
+      ...props,
+      children: [
+        legend && /* @__PURE__ */ jsx(ChartLegend, { items: series.map((s, i) => ({ label: s.label, color: colors[i] })) }),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "ddga-charts__plot",
+            viewBox: `0 0 ${width} ${height}`,
+            role: "img",
+            "aria-label": title,
+            preserveAspectRatio: "xMidYMid meet",
+            children: [
+              /* @__PURE__ */ jsx(
+                Gridlines,
+                {
+                  ticks: L.ticks,
+                  yAt: L.yAt,
+                  plotLeft: L.plotLeft,
+                  plotRight: L.plotRight,
+                  rtl: L.rtl,
+                  labelX: L.rtl ? L.plotRight + 8 : L.plotLeft - 8
+                }
+              ),
+              /* @__PURE__ */ jsx("g", { children: categories.map((_, ci) => {
+                const cxp = L.xAt(centerT(ci));
+                if (stacked) {
+                  return /* @__PURE__ */ jsx("g", { children: series.map((s, si) => {
+                    const v = Math.max(0, s.data[ci] ?? 0);
+                    const h = v / L.yMax * L.plotH;
+                    const below = series.slice(0, si).reduce((sum, ser) => sum + Math.max(0, ser.data[ci] ?? 0), 0);
+                    const y = L.plotBottom - (below + v) / L.yMax * L.plotH;
+                    return /* @__PURE__ */ jsx(
+                      "rect",
+                      {
+                        x: cxp - barW / 2,
+                        y,
+                        width: barW,
+                        height: h,
+                        fill: colors[si]
+                      },
+                      si
+                    );
+                  }) }, ci);
+                }
+                const subW = barW / series.length;
+                return /* @__PURE__ */ jsx("g", { children: series.map((s, si) => {
+                  const v = Math.max(0, s.data[ci] ?? 0);
+                  const h = v / L.yMax * L.plotH;
+                  return /* @__PURE__ */ jsx(
+                    "rect",
+                    {
+                      x: cxp - barW / 2 + si * subW,
+                      y: L.plotBottom - h,
+                      width: subW,
+                      height: h,
+                      fill: colors[si]
+                    },
+                    si
+                  );
+                }) }, ci);
+              }) }),
+              /* @__PURE__ */ jsx(XLabels, { categories, centerT, xAt: L.xAt, y: L.plotBottom + 20 }),
+              /* @__PURE__ */ jsx(
+                AxisTitles,
+                {
+                  xAxisLabel,
+                  yAxisLabel,
+                  width,
+                  height,
+                  plotLeft: L.plotLeft,
+                  plotRight: L.plotRight,
+                  plotTop: L.plotTop,
+                  plotBottom: L.plotBottom,
+                  rtl: L.rtl
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            caption: title,
+            rowHeader: "Series",
+            columns: categories,
+            rows: series.map((s) => ({ label: s.label, values: s.data }))
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  PieChart,
+  LineChart,
+  BarChart
+};
+//# sourceMappingURL=chunk-5GDTEDDH.js.map

package/dist/chunk-5GDTEDDH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/Charts.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\n\n/** One category/series datum. */\nexport interface ChartSeries {\n  /** Series name shown in the legend + data table. */\n  label: string;\n  /** One value per category (same length/order as `categories`). */\n  data: number[];\n  /** Override the palette colour for this series (any CSS colour). */\n  color?: string;\n}\n\n/** One pie/donut slice. */\nexport interface ChartSlice {\n  label: string;\n  value: number;\n  color?: string;\n}\n\ntype Palette = 'categorical' | 'brand';\n\nconst CATEGORICAL = [1, 2, 3, 4, 5, 6].map((n) => `var(--ddga-chart-${n})`);\n// SDGA brand ramps differ per chart type.\nconst BRAND_PIE = [\n  'var(--ddga-sa-600)',\n  'var(--ddga-sa-400)',\n  'var(--ddga-sa-200)',\n  'var(--ddga-success-600)',\n  'var(--ddga-sa-800)',\n  'var(--ddga-sa-flag)',\n];\nconst BRAND_LINE = ['var(--ddga-sa-flag)', 'var(--ddga-sa-600)', 'var(--ddga-sa-200)'];\nconst BRAND_BAR = ['var(--ddga-sa-600)', 'var(--ddga-sa-400)', 'var(--ddga-gray-200)'];\n\nfunction paletteColor(\n  palette: Palette,\n  i: number,\n  override?: string,\n  brandRamp: string[] = BRAND_PIE,\n): string {\n  if (override) return override;\n  const ramp = palette === 'brand' ? brandRamp : CATEGORICAL;\n  return ramp[i % ramp.length];\n}\n\n/** 0 → niceMax scale with ~`tickCount` round steps (SDGA charts show 0–800 step 100). */\nfunction niceScale(max: number, tickCount = 8): { max: number; ticks: number[] } {\n  const safeMax = max > 0 ? max : 1;\n  const rawStep = safeMax / tickCount;\n  const pow = Math.pow(10, Math.floor(Math.log10(rawStep)));\n  const n = rawStep / pow;\n  const step = (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * pow;\n  const niceMax = Math.ceil(safeMax / step) * step;\n  const ticks: number[] = [];\n  for (let v = 0; v <= niceMax + step / 1000; v += step) ticks.push(Math.round(v * 1000) / 1000);\n  return { max: niceMax, ticks };\n}\n\nfunction polar(cx: number, cy: number, r: number, a: number): [number, number] {\n  return [cx + r * Math.cos(a), cy + r * Math.sin(a)];\n}\n\n/** Annulus (or full pie when rInner=0) slice between two angles. */\nfunction slicePath(\n  cx: number,\n  cy: number,\n  rOuter: number,\n  rInner: number,\n  a0: number,\n  a1: number,\n): string {\n  const large = a1 - a0 > Math.PI ? 1 : 0;\n  const [x0, y0] = polar(cx, cy, rOuter, a0);\n  const [x1, y1] = polar(cx, cy, rOuter, a1);\n  if (rInner <= 0) {\n    return `M ${cx} ${cy} L ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} Z`;\n  }\n  const [xi0, yi0] = polar(cx, cy, rInner, a1);\n  const [xi1, yi1] = polar(cx, cy, rInner, a0);\n  return `M ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} L ${xi0} ${yi0} A ${rInner} ${rInner} 0 ${large} 0 ${xi1} ${yi1} Z`;\n}\n\nfunction linePath(pts: { x: number; y: number }[], smooth: boolean): string {\n  if (pts.length === 0) return '';\n  if (!smooth || pts.length < 3) return `M ${pts.map((p) => `${p.x} ${p.y}`).join(' L ')}`;\n  let d = `M ${pts[0].x} ${pts[0].y}`;\n  for (let i = 0; i < pts.length - 1; i++) {\n    const p0 = pts[i - 1] ?? pts[i];\n    const p1 = pts[i];\n    const p2 = pts[i + 1];\n    const p3 = pts[i + 2] ?? p2;\n    const c1x = p1.x + (p2.x - p0.x) / 6;\n    const c1y = p1.y + (p2.y - p0.y) / 6;\n    const c2x = p2.x - (p3.x - p1.x) / 6;\n    const c2y = p2.y - (p3.y - p1.y) / 6;\n    d += ` C ${c1x} ${c1y} ${c2x} ${c2y} ${p2.x} ${p2.y}`;\n  }\n  return d;\n}\n\ninterface LegendItem {\n  label: string;\n  color: string;\n}\n\nfunction ChartLegend({ items }: { items: LegendItem[] }) {\n  return (\n    <ul className=\"ddga-charts__legend\" data-slot=\"chart-legend\">\n      {items.map((it, i) => (\n        <li key={i} className=\"ddga-charts__legend-item\">\n          <span\n            className=\"ddga-charts__mark\"\n            style={{ backgroundColor: it.color }}\n            aria-hidden=\"true\"\n          />\n          {it.label}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/** Visually-hidden data table — the accessible fallback for the `role=\"img\"` plot. */\nfunction DataTable({\n  caption,\n  rowHeader,\n  columns,\n  rows,\n}: {\n  caption: string;\n  rowHeader: string;\n  columns: string[];\n  rows: { label: string; values: (number | string)[] }[];\n}) {\n  return (\n    <table className=\"ddga-charts__sr-only\">\n      <caption>{caption}</caption>\n      <thead>\n        <tr>\n          <th scope=\"col\">{rowHeader}</th>\n          {columns.map((c, i) => (\n            <th key={i} scope=\"col\">\n              {c}\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((r, i) => (\n          <tr key={i}>\n            <th scope=\"row\">{r.label}</th>\n            {r.values.map((v, j) => (\n              <td key={j}>{v}</td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n\nconst AXIS_TEXT = 'var(--ddga-charts-axis)';\nconst GRID = 'var(--ddga-charts-grid)';\n\ninterface CommonChartProps extends Omit<React.ComponentProps<'figure'>, 'children'> {\n  /** Colour set: DGA categorical (default) or the monochrome brand-green sequence. */\n  palette?: Palette;\n  /** Show the legend. @default true */\n  legend?: boolean;\n  /** Accessible name for the chart (also the data-table caption). */\n  title?: string;\n}\n\n// ─────────────────────────── PieChart ───────────────────────────\n\nexport interface PieChartProps extends CommonChartProps {\n  data: ChartSlice[];\n  /** Render a donut (50% hole) instead of a full pie. */\n  donut?: boolean;\n  /** Disk diameter in px. @default 240 */\n  size?: number;\n}\n\nexport function PieChart({\n  data,\n  donut = false,\n  size = 240,\n  palette = 'categorical',\n  legend = true,\n  title = 'Pie chart',\n  className,\n  ...props\n}: PieChartProps) {\n  const total = data.reduce((s, d) => s + Math.max(0, d.value), 0) || 1;\n  const cx = size / 2;\n  const cy = size / 2;\n  const rOuter = size / 2;\n  const rInner = donut ? size / 4 : 0;\n  const colors = data.map((d, i) => paletteColor(palette, i, d.color));\n\n  const fracs = data.map((d) => Math.max(0, d.value) / total);\n  const slices = data.map((_, i) => {\n    const startFrac = fracs.slice(0, i).reduce((s, f) => s + f, 0);\n    const a0 = -Math.PI / 2 + startFrac * Math.PI * 2;\n    const a1 = a0 + fracs[i] * Math.PI * 2;\n    return { i, a0, a1 };\n  });\n\n  const legendItems: LegendItem[] = data.map((d, i) => ({ label: d.label, color: colors[i] }));\n\n  return (\n    <figure\n      className={cn('ddga-charts', 'ddga-charts--pie', className)}\n      data-slot=\"chart\"\n      {...props}\n    >\n      <svg\n        className=\"ddga-charts__plot\"\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        role=\"img\"\n        aria-label={title}\n      >\n        {slices.length === 1 ? (\n          rInner > 0 ? (\n            <path\n              d={`${slicePath(cx, cy, rOuter, rInner, 0, Math.PI)} ${slicePath(cx, cy, rOuter, rInner, Math.PI, Math.PI * 2)}`}\n              fill={colors[0]}\n            />\n          ) : (\n            <circle cx={cx} cy={cy} r={rOuter} fill={colors[0]} />\n          )\n        ) : (\n          slices.map(({ a0, a1, i }) => (\n            <path key={i} d={slicePath(cx, cy, rOuter, rInner, a0, a1)} fill={colors[i]} />\n          ))\n        )}\n      </svg>\n      {legend && <ChartLegend items={legendItems} />}\n      <DataTable\n        caption={title}\n        rowHeader=\"Segment\"\n        columns={['Value', 'Share']}\n        rows={data.map((d) => ({\n          label: d.label,\n          values: [d.value, `${Math.round((Math.max(0, d.value) / total) * 100)}%`],\n        }))}\n      />\n    </figure>\n  );\n}\n\n// ─────────────────────── Line & Bar shared layout ───────────────────────\n\ninterface CartesianProps extends CommonChartProps {\n  series: ChartSeries[];\n  categories: string[];\n  /** X-axis title. */\n  xAxisLabel?: string;\n  /** Y-axis title (rotated). */\n  yAxisLabel?: string;\n  /** Force the Y-axis maximum (default: auto, rounded to a nice value). */\n  yMax?: number;\n  /** viewBox width / height. Charts scale responsively to their container. */\n  width?: number;\n  height?: number;\n}\n\nfunction useCartesianLayout(\n  yMaxData: number,\n  yMaxProp: number | undefined,\n  width: number,\n  height: number,\n  hasX: boolean,\n  hasY: boolean,\n) {\n  const dir = useContext(DgaContext)?.dir ?? 'ltr';\n  const rtl = dir === 'rtl';\n  const { max: yMax, ticks } = niceScale(yMaxProp ?? yMaxData);\n  const insetAxis = hasY ? 64 : 46;\n  const insetOpp = 12;\n  const top = 10;\n  const bottom = hasX ? 46 : 26;\n  const plotLeft = rtl ? insetOpp : insetAxis;\n  const plotRight = width - (rtl ? insetAxis : insetOpp);\n  const plotTop = top;\n  const plotBottom = height - bottom;\n  const plotW = plotRight - plotLeft;\n  const plotH = plotBottom - plotTop;\n  const xAt = (t: number) => (rtl ? plotRight - t * plotW : plotLeft + t * plotW);\n  const yAt = (v: number) => plotBottom - (Math.max(0, v) / yMax) * plotH;\n  return { rtl, yMax, ticks, plotLeft, plotRight, plotTop, plotBottom, plotW, plotH, xAt, yAt };\n}\n\nfunction Gridlines({\n  ticks,\n  yAt,\n  plotLeft,\n  plotRight,\n  rtl,\n  labelX,\n}: {\n  ticks: number[];\n  yAt: (v: number) => number;\n  plotLeft: number;\n  plotRight: number;\n  rtl: boolean;\n  labelX: number;\n}) {\n  return (\n    <g aria-hidden=\"true\">\n      {ticks.map((t, i) => {\n        const y = yAt(t);\n        return (\n          <g key={i}>\n            <line x1={plotLeft} x2={plotRight} y1={y} y2={y} stroke={GRID} strokeWidth={1} />\n            <text\n              x={labelX}\n              y={y + 4}\n              fill={AXIS_TEXT}\n              fontSize={14}\n              textAnchor={rtl ? 'start' : 'end'}\n            >\n              {t}\n            </text>\n          </g>\n        );\n      })}\n    </g>\n  );\n}\n\nfunction XLabels({\n  categories,\n  centerT,\n  xAt,\n  y,\n}: {\n  categories: string[];\n  centerT: (i: number) => number;\n  xAt: (t: number) => number;\n  y: number;\n}) {\n  return (\n    <g aria-hidden=\"true\">\n      {categories.map((c, i) => (\n        <text key={i} x={xAt(centerT(i))} y={y} fill={AXIS_TEXT} fontSize={14} textAnchor=\"middle\">\n          {c}\n        </text>\n      ))}\n    </g>\n  );\n}\n\nfunction AxisTitles({\n  xAxisLabel,\n  yAxisLabel,\n  width,\n  height,\n  plotLeft,\n  plotRight,\n  plotTop,\n  plotBottom,\n  rtl,\n}: {\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  width: number;\n  height: number;\n  plotLeft: number;\n  plotRight: number;\n  plotTop: number;\n  plotBottom: number;\n  rtl: boolean;\n}) {\n  const midX = (plotLeft + plotRight) / 2;\n  const midY = (plotTop + plotBottom) / 2;\n  const yTitleX = rtl ? width - 10 : 12;\n  return (\n    <g aria-hidden=\"true\">\n      {xAxisLabel && (\n        <text\n          x={midX}\n          y={height - 6}\n          fill={AXIS_TEXT}\n          fontSize={14}\n          fontWeight={500}\n          textAnchor=\"middle\"\n        >\n          {xAxisLabel}\n        </text>\n      )}\n      {yAxisLabel && (\n        <text\n          x={yTitleX}\n          y={midY}\n          fill={AXIS_TEXT}\n          fontSize={14}\n          fontWeight={500}\n          textAnchor=\"middle\"\n          transform={`rotate(-90 ${yTitleX} ${midY})`}\n        >\n          {yAxisLabel}\n        </text>\n      )}\n    </g>\n  );\n}\n\n// ─────────────────────────── LineChart ───────────────────────────\n\nexport interface LineChartProps extends CartesianProps {\n  /** Draw a soft area gradient under each line. @default true */\n  area?: boolean;\n  /** A smooth Catmull-Rom curve (SDGA \"Gradual\" default) or straight segments. */\n  curve?: 'linear' | 'smooth';\n}\n\nexport function LineChart({\n  series,\n  categories,\n  palette = 'brand',\n  legend = true,\n  title = 'Line chart',\n  xAxisLabel,\n  yAxisLabel,\n  yMax: yMaxProp,\n  width = 520,\n  height = 280,\n  area = true,\n  curve = 'smooth',\n  className,\n  ...props\n}: LineChartProps) {\n  const gid = useId();\n  const n = categories.length;\n  const yMaxData = Math.max(0, ...series.flatMap((s) => s.data));\n  const L = useCartesianLayout(yMaxData, yMaxProp, width, height, !!xAxisLabel, !!yAxisLabel);\n  const centerT = (i: number) => (n <= 1 ? 0.5 : i / (n - 1));\n  const colors = series.map((s, i) => paletteColor(palette, i, s.color, BRAND_LINE));\n\n  return (\n    <figure\n      className={cn('ddga-charts', 'ddga-charts--line', className)}\n      data-slot=\"chart\"\n      {...props}\n    >\n      {legend && (\n        <ChartLegend items={series.map((s, i) => ({ label: s.label, color: colors[i] }))} />\n      )}\n      <svg\n        className=\"ddga-charts__plot\"\n        viewBox={`0 0 ${width} ${height}`}\n        role=\"img\"\n        aria-label={title}\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        <Gridlines\n          ticks={L.ticks}\n          yAt={L.yAt}\n          plotLeft={L.plotLeft}\n          plotRight={L.plotRight}\n          rtl={L.rtl}\n          labelX={L.rtl ? L.plotRight + 8 : L.plotLeft - 8}\n        />\n        {series.map((s, si) => {\n          const pts = s.data.map((v, i) => ({ x: L.xAt(centerT(i)), y: L.yAt(v) }));\n          const color = colors[si];\n          const path = linePath(pts, curve === 'smooth');\n          return (\n            <g key={si}>\n              {area && pts.length > 0 && (\n                <>\n                  <defs>\n                    <linearGradient id={`${gid}-${si}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                      <stop offset=\"0%\" stopColor={color} stopOpacity={0.28} />\n                      <stop offset=\"100%\" stopColor={color} stopOpacity={0} />\n                    </linearGradient>\n                  </defs>\n                  <path\n                    d={`${path} L ${pts[pts.length - 1].x} ${L.plotBottom} L ${pts[0].x} ${L.plotBottom} Z`}\n                    fill={`url(#${gid}-${si})`}\n                  />\n                </>\n              )}\n              <path\n                d={path}\n                fill=\"none\"\n                stroke={color}\n                strokeWidth={2}\n                strokeLinejoin=\"round\"\n                strokeLinecap=\"round\"\n              />\n            </g>\n          );\n        })}\n        <XLabels categories={categories} centerT={centerT} xAt={L.xAt} y={L.plotBottom + 20} />\n        <AxisTitles\n          xAxisLabel={xAxisLabel}\n          yAxisLabel={yAxisLabel}\n          width={width}\n          height={height}\n          plotLeft={L.plotLeft}\n          plotRight={L.plotRight}\n          plotTop={L.plotTop}\n          plotBottom={L.plotBottom}\n          rtl={L.rtl}\n        />\n      </svg>\n      <DataTable\n        caption={title}\n        rowHeader=\"Series\"\n        columns={categories}\n        rows={series.map((s) => ({ label: s.label, values: s.data }))}\n      />\n    </figure>\n  );\n}\n\n// ─────────────────────────── BarChart ───────────────────────────\n\nexport interface BarChartProps extends CartesianProps {\n  /** Stack series into one column per category (default). `false` groups them side by side. */\n  stacked?: boolean;\n}\n\nexport function BarChart({\n  series,\n  categories,\n  palette = 'brand',\n  legend = true,\n  title = 'Bar chart',\n  xAxisLabel,\n  yAxisLabel,\n  yMax: yMaxProp,\n  width = 520,\n  height = 280,\n  stacked = true,\n  className,\n  ...props\n}: BarChartProps) {\n  const n = categories.length;\n  const stackTotals = categories.map((_, ci) =>\n    series.reduce((s, ser) => s + Math.max(0, ser.data[ci] ?? 0), 0),\n  );\n  const groupedMax = Math.max(0, ...series.flatMap((s) => s.data));\n  const yMaxData = stacked ? Math.max(0, ...stackTotals) : groupedMax;\n  const L = useCartesianLayout(yMaxData, yMaxProp, width, height, !!xAxisLabel, !!yAxisLabel);\n  const centerT = (i: number) => (i + 0.5) / n;\n  const band = L.plotW / n;\n  const colors = series.map((s, i) => paletteColor(palette, i, s.color, BRAND_BAR));\n  const barW = Math.min(32, band * 0.54);\n\n  return (\n    <figure\n      className={cn('ddga-charts', 'ddga-charts--bar', className)}\n      data-slot=\"chart\"\n      {...props}\n    >\n      {legend && (\n        <ChartLegend items={series.map((s, i) => ({ label: s.label, color: colors[i] }))} />\n      )}\n      <svg\n        className=\"ddga-charts__plot\"\n        viewBox={`0 0 ${width} ${height}`}\n        role=\"img\"\n        aria-label={title}\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        <Gridlines\n          ticks={L.ticks}\n          yAt={L.yAt}\n          plotLeft={L.plotLeft}\n          plotRight={L.plotRight}\n          rtl={L.rtl}\n          labelX={L.rtl ? L.plotRight + 8 : L.plotLeft - 8}\n        />\n        <g>\n          {categories.map((_, ci) => {\n            const cxp = L.xAt(centerT(ci));\n            if (stacked) {\n              return (\n                <g key={ci}>\n                  {series.map((s, si) => {\n                    const v = Math.max(0, s.data[ci] ?? 0);\n                    const h = (v / L.yMax) * L.plotH;\n                    const below = series\n                      .slice(0, si)\n                      .reduce((sum, ser) => sum + Math.max(0, ser.data[ci] ?? 0), 0);\n                    const y = L.plotBottom - ((below + v) / L.yMax) * L.plotH;\n                    return (\n                      <rect\n                        key={si}\n                        x={cxp - barW / 2}\n                        y={y}\n                        width={barW}\n                        height={h}\n                        fill={colors[si]}\n                      />\n                    );\n                  })}\n                </g>\n              );\n            }\n            const subW = barW / series.length;\n            return (\n              <g key={ci}>\n                {series.map((s, si) => {\n                  const v = Math.max(0, s.data[ci] ?? 0);\n                  const h = (v / L.yMax) * L.plotH;\n                  return (\n                    <rect\n                      key={si}\n                      x={cxp - barW / 2 + si * subW}\n                      y={L.plotBottom - h}\n                      width={subW}\n                      height={h}\n                      fill={colors[si]}\n                    />\n                  );\n                })}\n              </g>\n            );\n          })}\n        </g>\n        <XLabels categories={categories} centerT={centerT} xAt={L.xAt} y={L.plotBottom + 20} />\n        <AxisTitles\n          xAxisLabel={xAxisLabel}\n          yAxisLabel={yAxisLabel}\n          width={width}\n          height={height}\n          plotLeft={L.plotLeft}\n          plotRight={L.plotRight}\n          plotTop={L.plotTop}\n          plotBottom={L.plotBottom}\n          rtl={L.rtl}\n        />\n      </svg>\n      <DataTable\n        caption={title}\n        rowHeader=\"Series\"\n        columns={categories}\n        rows={series.map((s) => ({ label: s.label, values: s.data }))}\n      />\n    </figure>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,YAAY,aAAa;AA+G1B,SA4WQ,UA3WN,KADF;AAxFR,IAAM,cAAc,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,oBAAoB,CAAC,GAAG;AAE1E,IAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAM,aAAa,CAAC,uBAAuB,sBAAsB,oBAAoB;AACrF,IAAM,YAAY,CAAC,sBAAsB,sBAAsB,sBAAsB;AAErF,SAAS,aACP,SACA,GACA,UACA,YAAsB,WACd;AACR,MAAI,SAAU,QAAO;AACrB,QAAM,OAAO,YAAY,UAAU,YAAY;AAC/C,SAAO,KAAK,IAAI,KAAK,MAAM;AAC7B;AAGA,SAAS,UAAU,KAAa,YAAY,GAAqC;AAC/E,QAAM,UAAU,MAAM,IAAI,MAAM;AAChC,QAAM,UAAU,UAAU;AAC1B,QAAM,MAAM,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAM,OAAO,CAAC,CAAC;AACxD,QAAM,IAAI,UAAU;AACpB,QAAM,QAAQ,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,MAAM;AAC3D,QAAM,UAAU,KAAK,KAAK,UAAU,IAAI,IAAI;AAC5C,QAAM,QAAkB,CAAC;AACzB,WAAS,IAAI,GAAG,KAAK,UAAU,OAAO,KAAM,KAAK,KAAM,OAAM,KAAK,KAAK,MAAM,IAAI,GAAI,IAAI,GAAI;AAC7F,SAAO,EAAE,KAAK,SAAS,MAAM;AAC/B;AAEA,SAAS,MAAM,IAAY,IAAY,GAAW,GAA6B;AAC7E,SAAO,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,GAAG,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;AACpD;AAGA,SAAS,UACP,IACA,IACA,QACA,QACA,IACA,IACQ;AACR,QAAM,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI;AACtC,QAAM,CAAC,IAAI,EAAE,IAAI,MAAM,IAAI,IAAI,QAAQ,EAAE;AACzC,QAAM,CAAC,IAAI,EAAE,IAAI,MAAM,IAAI,IAAI,QAAQ,EAAE;AACzC,MAAI,UAAU,GAAG;AACf,WAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,MAAM,IAAI,MAAM,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE;AAAA,EACnF;AACA,QAAM,CAAC,KAAK,GAAG,IAAI,MAAM,IAAI,IAAI,QAAQ,EAAE;AAC3C,QAAM,CAAC,KAAK,GAAG,IAAI,MAAM,IAAI,IAAI,QAAQ,EAAE;AAC3C,SAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,IAAI,MAAM,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,MAAM,IAAI,MAAM,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG;AACtI;AAEA,SAAS,SAAS,KAAiC,QAAyB;AAC1E,MAAI,IAAI,WAAW,EAAG,QAAO;AAC7B,MAAI,CAAC,UAAU,IAAI,SAAS,EAAG,QAAO,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC;AACtF,MAAI,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC;AACjC,WAAS,IAAI,GAAG,IAAI,IAAI,SAAS,GAAG,KAAK;AACvC,UAAM,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;AAC9B,UAAM,KAAK,IAAI,CAAC;AAChB,UAAM,KAAK,IAAI,IAAI,CAAC;AACpB,UAAM,KAAK,IAAI,IAAI,CAAC,KAAK;AACzB,UAAM,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK;AACnC,UAAM,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK;AACnC,UAAM,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK;AACnC,UAAM,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK;AACnC,SAAK,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;AAAA,EACrD;AACA,SAAO;AACT;AAOA,SAAS,YAAY,EAAE,MAAM,GAA4B;AACvD,SACE,oBAAC,QAAG,WAAU,uBAAsB,aAAU,gBAC3C,gBAAM,IAAI,CAAC,IAAI,MACd,qBAAC,QAAW,WAAU,4BACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,GAAG,MAAM;AAAA,QACnC,eAAY;AAAA;AAAA,IACd;AAAA,IACC,GAAG;AAAA,OANG,CAOT,CACD,GACH;AAEJ;AAGA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,WAAM,WAAU,wBACf;AAAA,wBAAC,aAAS,mBAAQ;AAAA,IAClB,oBAAC,WACC,+BAAC,QACC;AAAA,0BAAC,QAAG,OAAM,OAAO,qBAAU;AAAA,MAC1B,QAAQ,IAAI,CAAC,GAAG,MACf,oBAAC,QAAW,OAAM,OACf,eADM,CAET,CACD;AAAA,OACH,GACF;AAAA,IACA,oBAAC,WACE,eAAK,IAAI,CAAC,GAAG,MACZ,qBAAC,QACC;AAAA,0BAAC,QAAG,OAAM,OAAO,YAAE,OAAM;AAAA,MACxB,EAAE,OAAO,IAAI,CAAC,GAAG,MAChB,oBAAC,QAAY,eAAJ,CAAM,CAChB;AAAA,SAJM,CAKT,CACD,GACH;AAAA,KACF;AAEJ;AAEA,IAAM,YAAY;AAClB,IAAM,OAAO;AAqBN,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,QAAQ,KAAK,OAAO,CAAC,GAAG,MAAM,IAAI,KAAK,IAAI,GAAG,EAAE,KAAK,GAAG,CAAC,KAAK;AACpE,QAAM,KAAK,OAAO;AAClB,QAAM,KAAK,OAAO;AAClB,QAAM,SAAS,OAAO;AACtB,QAAM,SAAS,QAAQ,OAAO,IAAI;AAClC,QAAM,SAAS,KAAK,IAAI,CAAC,GAAG,MAAM,aAAa,SAAS,GAAG,EAAE,KAAK,CAAC;AAEnE,QAAM,QAAQ,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,GAAG,EAAE,KAAK,IAAI,KAAK;AAC1D,QAAM,SAAS,KAAK,IAAI,CAAC,GAAG,MAAM;AAChC,UAAM,YAAY,MAAM,MAAM,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AAC7D,UAAM,KAAK,CAAC,KAAK,KAAK,IAAI,YAAY,KAAK,KAAK;AAChD,UAAM,KAAK,KAAK,MAAM,CAAC,IAAI,KAAK,KAAK;AACrC,WAAO,EAAE,GAAG,IAAI,GAAG;AAAA,EACrB,CAAC;AAED,QAAM,cAA4B,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,OAAO,OAAO,CAAC,EAAE,EAAE;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,eAAe,oBAAoB,SAAS;AAAA,MAC1D,aAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,YAC5B,MAAK;AAAA,YACL,cAAY;AAAA,YAEX,iBAAO,WAAW,IACjB,SAAS,IACP;AAAA,cAAC;AAAA;AAAA,gBACC,GAAG,GAAG,UAAU,IAAI,IAAI,QAAQ,QAAQ,GAAG,KAAK,EAAE,CAAC,IAAI,UAAU,IAAI,IAAI,QAAQ,QAAQ,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC;AAAA,gBAC9G,MAAM,OAAO,CAAC;AAAA;AAAA,YAChB,IAEA,oBAAC,YAAO,IAAQ,IAAQ,GAAG,QAAQ,MAAM,OAAO,CAAC,GAAG,IAGtD,OAAO,IAAI,CAAC,EAAE,IAAI,IAAI,EAAE,MACtB,oBAAC,UAAa,GAAG,UAAU,IAAI,IAAI,QAAQ,QAAQ,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,KAA/D,CAAkE,CAC9E;AAAA;AAAA,QAEL;AAAA,QACC,UAAU,oBAAC,eAAY,OAAO,aAAa;AAAA,QAC5C;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS,CAAC,SAAS,OAAO;AAAA,YAC1B,MAAM,KAAK,IAAI,CAAC,OAAO;AAAA,cACrB,OAAO,EAAE;AAAA,cACT,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,MAAO,KAAK,IAAI,GAAG,EAAE,KAAK,IAAI,QAAS,GAAG,CAAC,GAAG;AAAA,YAC1E,EAAE;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAkBA,SAAS,mBACP,UACA,UACA,OACA,QACA,MACA,MACA;AACA,QAAM,MAAM,WAAW,UAAU,GAAG,OAAO;AAC3C,QAAM,MAAM,QAAQ;AACpB,QAAM,EAAE,KAAK,MAAM,MAAM,IAAI,UAAU,YAAY,QAAQ;AAC3D,QAAM,YAAY,OAAO,KAAK;AAC9B,QAAM,WAAW;AACjB,QAAM,MAAM;AACZ,QAAM,SAAS,OAAO,KAAK;AAC3B,QAAM,WAAW,MAAM,WAAW;AAClC,QAAM,YAAY,SAAS,MAAM,YAAY;AAC7C,QAAM,UAAU;AAChB,QAAM,aAAa,SAAS;AAC5B,QAAM,QAAQ,YAAY;AAC1B,QAAM,QAAQ,aAAa;AAC3B,QAAM,MAAM,CAAC,MAAe,MAAM,YAAY,IAAI,QAAQ,WAAW,IAAI;AACzE,QAAM,MAAM,CAAC,MAAc,aAAc,KAAK,IAAI,GAAG,CAAC,IAAI,OAAQ;AAClE,SAAO,EAAE,KAAK,MAAM,OAAO,UAAU,WAAW,SAAS,YAAY,OAAO,OAAO,KAAK,IAAI;AAC9F;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,oBAAC,OAAE,eAAY,QACZ,gBAAM,IAAI,CAAC,GAAG,MAAM;AACnB,UAAM,IAAI,IAAI,CAAC;AACf,WACE,qBAAC,OACC;AAAA,0BAAC,UAAK,IAAI,UAAU,IAAI,WAAW,IAAI,GAAG,IAAI,GAAG,QAAQ,MAAM,aAAa,GAAG;AAAA,MAC/E;AAAA,QAAC;AAAA;AAAA,UACC,GAAG;AAAA,UACH,GAAG,IAAI;AAAA,UACP,MAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAY,MAAM,UAAU;AAAA,UAE3B;AAAA;AAAA,MACH;AAAA,SAVM,CAWR;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,oBAAC,OAAE,eAAY,QACZ,qBAAW,IAAI,CAAC,GAAG,MAClB,oBAAC,UAAa,GAAG,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAM,MAAM,WAAW,UAAU,IAAI,YAAW,UAC/E,eADQ,CAEX,CACD,GACH;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAUG;AACD,QAAM,QAAQ,WAAW,aAAa;AACtC,QAAM,QAAQ,UAAU,cAAc;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,qBAAC,OAAE,eAAY,QACZ;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,GAAG,SAAS;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,IAED,cACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAW;AAAA,QACX,WAAW,cAAc,OAAO,IAAI,IAAI;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAWO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,MAAM,MAAM;AAClB,QAAM,IAAI,WAAW;AACrB,QAAM,WAAW,KAAK,IAAI,GAAG,GAAG,OAAO,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAC7D,QAAM,IAAI,mBAAmB,UAAU,UAAU,OAAO,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,UAAU;AAC1F,QAAM,UAAU,CAAC,MAAe,KAAK,IAAI,MAAM,KAAK,IAAI;AACxD,QAAM,SAAS,OAAO,IAAI,CAAC,GAAG,MAAM,aAAa,SAAS,GAAG,EAAE,OAAO,UAAU,CAAC;AAEjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,eAAe,qBAAqB,SAAS;AAAA,MAC3D,aAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,kBACC,oBAAC,eAAY,OAAO,OAAO,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,OAAO,OAAO,CAAC,EAAE,EAAE,GAAG;AAAA,QAEpF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,YAC/B,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,qBAAoB;AAAA,YAEpB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,EAAE;AAAA,kBACT,KAAK,EAAE;AAAA,kBACP,UAAU,EAAE;AAAA,kBACZ,WAAW,EAAE;AAAA,kBACb,KAAK,EAAE;AAAA,kBACP,QAAQ,EAAE,MAAM,EAAE,YAAY,IAAI,EAAE,WAAW;AAAA;AAAA,cACjD;AAAA,cACC,OAAO,IAAI,CAAC,GAAG,OAAO;AACrB,sBAAM,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;AACxE,sBAAM,QAAQ,OAAO,EAAE;AACvB,sBAAM,OAAO,SAAS,KAAK,UAAU,QAAQ;AAC7C,uBACE,qBAAC,OACE;AAAA,0BAAQ,IAAI,SAAS,KACpB,iCACE;AAAA,wCAAC,UACC,+BAAC,oBAAe,IAAI,GAAG,GAAG,IAAI,EAAE,IAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC1D;AAAA,0CAAC,UAAK,QAAO,MAAK,WAAW,OAAO,aAAa,MAAM;AAAA,sBACvD,oBAAC,UAAK,QAAO,QAAO,WAAW,OAAO,aAAa,GAAG;AAAA,uBACxD,GACF;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,GAAG,GAAG,IAAI,MAAM,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,MAAM,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU;AAAA,wBACnF,MAAM,QAAQ,GAAG,IAAI,EAAE;AAAA;AAAA,oBACzB;AAAA,qBACF;AAAA,kBAEF;AAAA,oBAAC;AAAA;AAAA,sBACC,GAAG;AAAA,sBACH,MAAK;AAAA,sBACL,QAAQ;AAAA,sBACR,aAAa;AAAA,sBACb,gBAAe;AAAA,sBACf,eAAc;AAAA;AAAA,kBAChB;AAAA,qBAtBM,EAuBR;AAAA,cAEJ,CAAC;AAAA,cACD,oBAAC,WAAQ,YAAwB,SAAkB,KAAK,EAAE,KAAK,GAAG,EAAE,aAAa,IAAI;AAAA,cACrF;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,UAAU,EAAE;AAAA,kBACZ,WAAW,EAAE;AAAA,kBACb,SAAS,EAAE;AAAA,kBACX,YAAY,EAAE;AAAA,kBACd,KAAK,EAAE;AAAA;AAAA,cACT;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS;AAAA,YACT,MAAM,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,KAAK,EAAE;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,IAAI,WAAW;AACrB,QAAM,cAAc,WAAW;AAAA,IAAI,CAAC,GAAG,OACrC,OAAO,OAAO,CAAC,GAAG,QAAQ,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC;AAAA,EACjE;AACA,QAAM,aAAa,KAAK,IAAI,GAAG,GAAG,OAAO,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAC/D,QAAM,WAAW,UAAU,KAAK,IAAI,GAAG,GAAG,WAAW,IAAI;AACzD,QAAM,IAAI,mBAAmB,UAAU,UAAU,OAAO,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,UAAU;AAC1F,QAAM,UAAU,CAAC,OAAe,IAAI,OAAO;AAC3C,QAAM,OAAO,EAAE,QAAQ;AACvB,QAAM,SAAS,OAAO,IAAI,CAAC,GAAG,MAAM,aAAa,SAAS,GAAG,EAAE,OAAO,SAAS,CAAC;AAChF,QAAM,OAAO,KAAK,IAAI,IAAI,OAAO,IAAI;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,eAAe,oBAAoB,SAAS;AAAA,MAC1D,aAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,kBACC,oBAAC,eAAY,OAAO,OAAO,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,OAAO,OAAO,CAAC,EAAE,EAAE,GAAG;AAAA,QAEpF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,YAC/B,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,qBAAoB;AAAA,YAEpB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,EAAE;AAAA,kBACT,KAAK,EAAE;AAAA,kBACP,UAAU,EAAE;AAAA,kBACZ,WAAW,EAAE;AAAA,kBACb,KAAK,EAAE;AAAA,kBACP,QAAQ,EAAE,MAAM,EAAE,YAAY,IAAI,EAAE,WAAW;AAAA;AAAA,cACjD;AAAA,cACA,oBAAC,OACE,qBAAW,IAAI,CAAC,GAAG,OAAO;AACzB,sBAAM,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;AAC7B,oBAAI,SAAS;AACX,yBACE,oBAAC,OACE,iBAAO,IAAI,CAAC,GAAG,OAAO;AACrB,0BAAM,IAAI,KAAK,IAAI,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC;AACrC,0BAAM,IAAK,IAAI,EAAE,OAAQ,EAAE;AAC3B,0BAAM,QAAQ,OACX,MAAM,GAAG,EAAE,EACX,OAAO,CAAC,KAAK,QAAQ,MAAM,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC;AAC/D,0BAAM,IAAI,EAAE,cAAe,QAAQ,KAAK,EAAE,OAAQ,EAAE;AACpD,2BACE;AAAA,sBAAC;AAAA;AAAA,wBAEC,GAAG,MAAM,OAAO;AAAA,wBAChB;AAAA,wBACA,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,MAAM,OAAO,EAAE;AAAA;AAAA,sBALV;AAAA,oBAMP;AAAA,kBAEJ,CAAC,KAlBK,EAmBR;AAAA,gBAEJ;AACA,sBAAM,OAAO,OAAO,OAAO;AAC3B,uBACE,oBAAC,OACE,iBAAO,IAAI,CAAC,GAAG,OAAO;AACrB,wBAAM,IAAI,KAAK,IAAI,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC;AACrC,wBAAM,IAAK,IAAI,EAAE,OAAQ,EAAE;AAC3B,yBACE;AAAA,oBAAC;AAAA;AAAA,sBAEC,GAAG,MAAM,OAAO,IAAI,KAAK;AAAA,sBACzB,GAAG,EAAE,aAAa;AAAA,sBAClB,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,MAAM,OAAO,EAAE;AAAA;AAAA,oBALV;AAAA,kBAMP;AAAA,gBAEJ,CAAC,KAdK,EAeR;AAAA,cAEJ,CAAC,GACH;AAAA,cACA,oBAAC,WAAQ,YAAwB,SAAkB,KAAK,EAAE,KAAK,GAAG,EAAE,aAAa,IAAI;AAAA,cACrF;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,UAAU,EAAE;AAAA,kBACZ,WAAW,EAAE;AAAA,kBACb,SAAS,EAAE;AAAA,kBACX,YAAY,EAAE;AAAA,kBACd,KAAK,EAAE;AAAA;AAAA,cACT;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS;AAAA,YACT,MAAM,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,KAAK,EAAE;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}