@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/metrics-kpi-card-DoIeHfv6.cjs

@@ -1,96 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const Badge = require('./Badge-DFNxcz-r.cjs');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-const spinner = require('./spinner-BCpN7LL9.cjs');
-const Card = require('./Card-BbwF20OW.cjs');
-
-const compact = new Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 });
-function formatChange(changePct) {
-  if (changePct >= 1e3) return `×${compact.format(1 + changePct / 100)}`;
-  const digits = Math.abs(changePct) < 10 ? 1 : 0;
-  return `${changePct > 0 ? "+" : ""}${changePct.toFixed(digits)}%`;
-}
-function MetricsKpiCardChange({
-  changePct,
-  prevValue,
-  lowerIsBetter,
-  className
-}) {
-  const isGood = lowerIsBetter ? changePct < 0 : changePct >= 0;
-  const Icon = changePct >= 0 ? lucideReact.ArrowUpRightIcon : lucideReact.ArrowDownRightIcon;
-  const formattedChange = formatChange(changePct);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center gap-1.5", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: isGood ? "green" : "red", emphasis: "muted", size: "xs", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}), className: "tabular-nums", children: formattedChange }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-placeholder", children: [
-      "vs prior period",
-      prevValue ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
-        ", previous value ",
-        prevValue
-      ] }) : null
-    ] })
-  ] });
-}
-
-function MetricsKpiCardError({
-  message = "Failed to load data",
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-meta text-accent2", className), children: message });
-}
-
-function MetricsKpiCardLabel({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-body font-medium text-foreground", className), children });
-}
-
-function MetricsKpiCardLoading({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-body", className), children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "md", variant: "pulse", className: "text-placeholder" }) });
-}
-
-function MetricsKpiCardNoChange({
-  message = "No previous value to compare",
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-meta text-placeholder", className), children: message });
-}
-
-function MetricsKpiCardNoData({ message = "No data yet", className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-meta text-placeholder", className), children: message });
-}
-
-function MetricsKpiCardRoot({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { className: utils_cn.cn("min-w-72 flex-1 px-5 py-4", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children }) });
-}
-
-function MetricsKpiCardValue({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "strong",
-    {
-      className: utils_cn.cn(
-        "text-title font-semibold text-foreground tabular-nums [text-box:trim-both_cap_alphabetic]",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function MetricsKpiCardValueRow({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1", className), children });
-}
-
-const MetricsKpiCard = Object.assign(MetricsKpiCardRoot, {
-  Label: MetricsKpiCardLabel,
-  ValueRow: MetricsKpiCardValueRow,
-  Value: MetricsKpiCardValue,
-  Change: MetricsKpiCardChange,
-  NoChange: MetricsKpiCardNoChange,
-  NoData: MetricsKpiCardNoData,
-  Error: MetricsKpiCardError,
-  Loading: MetricsKpiCardLoading
-});
-
-exports.MetricsKpiCard = MetricsKpiCard;
-//# sourceMappingURL=metrics-kpi-card-DoIeHfv6.cjs.map

package/dist/metrics-kpi-card-DoIeHfv6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-kpi-card-DoIeHfv6.cjs","sources":["../src/ds/components/MetricsKpiCard/metrics-kpi-card-change.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-error.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-label.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-loading.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-no-change.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-no-data.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-root.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-value.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card-value-row.tsx","../src/ds/components/MetricsKpiCard/metrics-kpi-card.tsx"],"sourcesContent":["import { ArrowDownRightIcon, ArrowUpRightIcon } from 'lucide-react';\nimport { Badge } from '@/ds/components/Badge';\nimport { cn } from '@/lib/utils';\n\nconst compact = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n\n// Past +1000% a percentage is unreadable, so show how many times bigger the value got instead.\nfunction formatChange(changePct: number) {\n  if (changePct >= 1000) return `×${compact.format(1 + changePct / 100)}`;\n  const digits = Math.abs(changePct) < 10 ? 1 : 0;\n  return `${changePct > 0 ? '+' : ''}${changePct.toFixed(digits)}%`;\n}\n\nexport function MetricsKpiCardChange({\n  changePct,\n  prevValue,\n  lowerIsBetter,\n  className,\n}: {\n  changePct: number;\n  prevValue?: string;\n  lowerIsBetter?: boolean;\n  className?: string;\n}) {\n  const isGood = lowerIsBetter ? changePct < 0 : changePct >= 0;\n  const Icon = changePct >= 0 ? ArrowUpRightIcon : ArrowDownRightIcon;\n  const formattedChange = formatChange(changePct);\n\n  return (\n    <div className={cn('flex items-center gap-1.5', className)}>\n      <Badge variant={isGood ? 'green' : 'red'} emphasis=\"muted\" size=\"xs\" icon={<Icon />} className=\"tabular-nums\">\n        {formattedChange}\n      </Badge>\n      <span className=\"text-meta text-placeholder\">\n        vs prior period\n        {prevValue ? <span className=\"sr-only\">, previous value {prevValue}</span> : null}\n      </span>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardError({\n  message = 'Failed to load data',\n  className,\n}: {\n  message?: string;\n  className?: string;\n}) {\n  return <span className={cn('text-meta text-accent2', className)}>{message}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardLabel({ children, className }: { children: string; className?: string }) {\n  return <span className={cn('text-body font-medium text-foreground', className)}>{children}</span>;\n}\n","import { Spinner } from '@/ds/components/Spinner/spinner';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardLoading({ className }: { className?: string }) {\n  return (\n    <span className={cn('text-body', className)}>\n      <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n    </span>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardNoChange({\n  message = 'No previous value to compare',\n  className,\n}: {\n  message?: string;\n  className?: string;\n}) {\n  return <span className={cn('text-meta text-placeholder', className)}>{message}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardNoData({ message = 'No data yet', className }: { message?: string; className?: string }) {\n  return <span className={cn('text-meta text-placeholder', className)}>{message}</span>;\n}\n","import type { ReactNode } from 'react';\nimport { Card } from '@/ds/components/Card';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardRoot({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <Card className={cn('min-w-72 flex-1 px-5 py-4', className)}>\n      <div className=\"grid gap-1.5\">{children}</div>\n    </Card>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardValue({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <strong\n      className={cn(\n        'text-title font-semibold text-foreground tabular-nums [text-box:trim-both_cap_alphabetic]',\n        className,\n      )}\n    >\n      {children}\n    </strong>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsKpiCardValueRow({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1', className)}>{children}</div>;\n}\n","import { MetricsKpiCardChange } from './metrics-kpi-card-change';\nimport { MetricsKpiCardError } from './metrics-kpi-card-error';\nimport { MetricsKpiCardLabel } from './metrics-kpi-card-label';\nimport { MetricsKpiCardLoading } from './metrics-kpi-card-loading';\nimport { MetricsKpiCardNoChange } from './metrics-kpi-card-no-change';\nimport { MetricsKpiCardNoData } from './metrics-kpi-card-no-data';\nimport { MetricsKpiCardRoot } from './metrics-kpi-card-root';\nimport { MetricsKpiCardValue } from './metrics-kpi-card-value';\nimport { MetricsKpiCardValueRow } from './metrics-kpi-card-value-row';\n\nexport const MetricsKpiCard = Object.assign(MetricsKpiCardRoot, {\n  Label: MetricsKpiCardLabel,\n  ValueRow: MetricsKpiCardValueRow,\n  Value: MetricsKpiCardValue,\n  Change: MetricsKpiCardChange,\n  NoChange: MetricsKpiCardNoChange,\n  NoData: MetricsKpiCardNoData,\n  Error: MetricsKpiCardError,\n  Loading: MetricsKpiCardLoading,\n});\n"],"names":["ArrowUpRightIcon","ArrowDownRightIcon","cn","jsx","Badge","jsxs","Spinner","Card"],"mappings":"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"}

package/dist/metrics-line-chart-CwvP8dUo.js

@@ -1,102 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Line } from 'recharts';
-import { M as MetricsLineChartLegend, a as MetricsLineChartTooltip } from './metrics-line-chart-tooltip-Bp7Giyp9.js';
-import { CHART_LABEL_COLOR, CHART_TICK_FONT_SIZE } from './tokens.es.js';
-
-const compactNumber = new Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 });
-function SmoothCursor({ points }) {
-  const [top, bottom] = points ?? [];
-  if (!top || !bottom) return null;
-  return /* @__PURE__ */ jsx(
-    "line",
-    {
-      x1: 0,
-      x2: 0,
-      y1: top.y,
-      y2: bottom.y,
-      stroke: "currentColor",
-      strokeOpacity: 0.2,
-      strokeWidth: 1,
-      className: "pointer-events-none text-black transition-transform duration-150 ease-out dark:text-white",
-      style: { transform: `translateX(${top.x}px)` }
-    }
-  );
-}
-function MetricsLineChart({
-  data,
-  series,
-  height = 210,
-  yDomain,
-  onPointClick,
-  xAxisInterval = "preserveStartEnd",
-  xAxisMinTickGap = 28,
-  showDots = false,
-  showLegend = true
-}) {
-  const isClickable = typeof onPointClick === "function";
-  return /* @__PURE__ */ jsxs("div", { children: [
-    showLegend && /* @__PURE__ */ jsx(MetricsLineChartLegend, { data, series, className: "mb-4" }),
-    /* @__PURE__ */ jsx("div", { style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 5, right: 5, bottom: 5, left: 0 }, children: [
-      /* @__PURE__ */ jsx(
-        CartesianGrid,
-        {
-          stroke: "currentColor",
-          strokeOpacity: 0.08,
-          strokeDasharray: "4 4",
-          vertical: false,
-          className: "text-black dark:text-white"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        XAxis,
-        {
-          dataKey: "time",
-          tick: { fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: "var(--font-mono)" },
-          tickLine: false,
-          axisLine: false,
-          interval: xAxisInterval,
-          minTickGap: xAxisMinTickGap
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        YAxis,
-        {
-          tick: { fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: "var(--font-mono)" },
-          tickLine: false,
-          axisLine: false,
-          width: "auto",
-          tickFormatter: (value) => compactNumber.format(value),
-          domain: yDomain,
-          tickCount: 3
-        }
-      ),
-      /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(MetricsLineChartTooltip, {}), cursor: /* @__PURE__ */ jsx(SmoothCursor, {}) }),
-      series.map((s) => /* @__PURE__ */ jsx(
-        Line,
-        {
-          type: "linear",
-          dataKey: s.dataKey,
-          stroke: s.color,
-          strokeWidth: 2,
-          dot: showDots ? { r: 3, fill: s.color, strokeWidth: 0 } : false,
-          activeDot: isClickable ? {
-            r: 4,
-            stroke: s.color,
-            strokeOpacity: 0.3,
-            strokeWidth: 4,
-            style: { cursor: "pointer" },
-            onClick: (_, payload) => {
-              const datum = payload?.payload;
-              if (datum) onPointClick(datum, s.dataKey);
-            }
-          } : { r: 4, stroke: s.color, strokeOpacity: 0.3, strokeWidth: 4 },
-          name: s.label
-        },
-        s.dataKey
-      ))
-    ] }) }) })
-  ] });
-}
-
-export { MetricsLineChart as M };
-//# sourceMappingURL=metrics-line-chart-CwvP8dUo.js.map

package/dist/metrics-line-chart-CwvP8dUo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-line-chart-CwvP8dUo.js","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart.tsx"],"sourcesContent":["import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';\nimport { MetricsLineChartLegend } from './metrics-line-chart-legend';\nimport { MetricsLineChartTooltip } from './metrics-line-chart-tooltip';\nimport { CHART_LABEL_COLOR, CHART_TICK_FONT_SIZE } from '@/ds/tokens';\n\nexport type MetricsLineChartSeries = {\n  dataKey: string;\n  label: string;\n  color: string;\n  aggregate?: (data: Record<string, unknown>[]) => { value: string; suffix?: string };\n};\n\nconst compactNumber = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n\n// Positioned via transform so the hover line glides between points instead of jumping.\nfunction SmoothCursor({ points }: { points?: { x: number; y: number }[] }) {\n  const [top, bottom] = points ?? [];\n  if (!top || !bottom) return null;\n  return (\n    <line\n      x1={0}\n      x2={0}\n      y1={top.y}\n      y2={bottom.y}\n      stroke=\"currentColor\"\n      strokeOpacity={0.2}\n      strokeWidth={1}\n      className=\"pointer-events-none text-black transition-transform duration-150 ease-out dark:text-white\"\n      style={{ transform: `translateX(${top.x}px)` }}\n    />\n  );\n}\n\nexport type MetricsLineChartPointClickHandler = (point: Record<string, unknown>, seriesKey: string) => void;\n\nexport function MetricsLineChart({\n  data,\n  series,\n  height = 210,\n  yDomain,\n  onPointClick,\n  xAxisInterval = 'preserveStartEnd',\n  xAxisMinTickGap = 28,\n  showDots = false,\n  showLegend = true,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  height?: number;\n  yDomain?: [number, number];\n  onPointClick?: MetricsLineChartPointClickHandler;\n  /** X-axis tick density. Defaults to `\"preserveStartEnd\"`, which drops labels\n   * to fit the chart width. Pass a number for a fixed step instead. */\n  xAxisInterval?: number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd';\n  /** Minimum px gap between rendered ticks; recharts drops labels to honor it. Default `28`. */\n  xAxisMinTickGap?: number;\n  /** Render a visible dot on every point (needed for single-point series). */\n  showDots?: boolean;\n  /** Set to `false` to render `MetricsLineChartLegend` elsewhere, e.g. next to tabs. */\n  showLegend?: boolean;\n}) {\n  const isClickable = typeof onPointClick === 'function';\n\n  return (\n    <div>\n      {showLegend && <MetricsLineChartLegend data={data} series={series} className=\"mb-4\" />}\n      <div style={{ height }}>\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <LineChart data={data} margin={{ top: 5, right: 5, bottom: 5, left: 0 }}>\n            <CartesianGrid\n              stroke=\"currentColor\"\n              strokeOpacity={0.08}\n              strokeDasharray=\"4 4\"\n              vertical={false}\n              className=\"text-black dark:text-white\"\n            />\n            <XAxis\n              dataKey=\"time\"\n              tick={{ fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: 'var(--font-mono)' }}\n              tickLine={false}\n              axisLine={false}\n              interval={xAxisInterval}\n              minTickGap={xAxisMinTickGap}\n            />\n            <YAxis\n              tick={{ fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: 'var(--font-mono)' }}\n              tickLine={false}\n              axisLine={false}\n              width=\"auto\"\n              tickFormatter={(value: number) => compactNumber.format(value)}\n              domain={yDomain}\n              tickCount={3}\n            />\n            <Tooltip content={<MetricsLineChartTooltip />} cursor={<SmoothCursor />} />\n            {series.map(s => (\n              <Line\n                key={s.dataKey}\n                type=\"linear\"\n                dataKey={s.dataKey}\n                stroke={s.color}\n                strokeWidth={2}\n                dot={showDots ? { r: 3, fill: s.color, strokeWidth: 0 } : false}\n                activeDot={\n                  isClickable\n                    ? {\n                        r: 4,\n                        stroke: s.color,\n                        strokeOpacity: 0.3,\n                        strokeWidth: 4,\n                        style: { cursor: 'pointer' },\n                        onClick: (_: unknown, payload: unknown) => {\n                          const datum = (payload as { payload?: Record<string, unknown> } | undefined)?.payload;\n                          if (datum) onPointClick(datum, s.dataKey);\n                        },\n                      }\n                    : { r: 4, stroke: s.color, strokeOpacity: 0.3, strokeWidth: 4 }\n                }\n                name={s.label}\n              />\n            ))}\n          </LineChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,aAAA,GAAgB,IAAI,IAAA,CAAK,YAAA,CAAa,IAAA,EAAM,EAAE,QAAA,EAAU,SAAA,EAAW,qBAAA,EAAuB,CAAA,EAAG,CAAA;AAGnG,SAAS,YAAA,CAAa,EAAE,MAAA,EAAO,EAA4C;AACzE,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,UAAU,EAAC;AACjC,EAAA,IAAI,CAAC,GAAA,IAAO,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC5B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAAA;AAAA,MACJ,EAAA,EAAI,CAAA;AAAA,MACJ,IAAI,GAAA,CAAI,CAAA;AAAA,MACR,IAAI,MAAA,CAAO,CAAA;AAAA,MACX,MAAA,EAAO,cAAA;AAAA,MACP,aAAA,EAAe,GAAA;AAAA,MACf,WAAA,EAAa,CAAA;AAAA,MACb,SAAA,EAAU,2FAAA;AAAA,MACV,OAAO,EAAE,SAAA,EAAW,CAAA,WAAA,EAAc,GAAA,CAAI,CAAC,CAAA,GAAA,CAAA;AAAM;AAAA,GAC/C;AAEJ;AAIO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,OAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA,GAAgB,kBAAA;AAAA,EAChB,eAAA,GAAkB,EAAA;AAAA,EAClB,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa;AACf,CAAA,EAeG;AACD,EAAA,MAAM,WAAA,GAAc,OAAO,YAAA,KAAiB,UAAA;AAE5C,EAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,UAAA,oBAAc,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAY,MAAA,EAAgB,WAAU,MAAA,EAAO,CAAA;AAAA,oBACpF,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,IACZ,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAM,MAAA,EAAO,MAAA,EAAO,MAAA,EACvC,+BAAC,SAAA,EAAA,EAAU,IAAA,EAAY,MAAA,EAAQ,EAAE,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE,EACpE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAO,cAAA;AAAA,UACP,aAAA,EAAe,IAAA;AAAA,UACf,eAAA,EAAgB,KAAA;AAAA,UAChB,QAAA,EAAU,KAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA,OACZ;AAAA,sBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,MAAM,EAAE,QAAA,EAAU,sBAAsB,IAAA,EAAM,iBAAA,EAAmB,YAAY,kBAAA,EAAmB;AAAA,UAChG,QAAA,EAAU,KAAA;AAAA,UACV,QAAA,EAAU,KAAA;AAAA,UACV,QAAA,EAAU,aAAA;AAAA,UACV,UAAA,EAAY;AAAA;AAAA,OACd;AAAA,sBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,MAAM,EAAE,QAAA,EAAU,sBAAsB,IAAA,EAAM,iBAAA,EAAmB,YAAY,kBAAA,EAAmB;AAAA,UAChG,QAAA,EAAU,KAAA;AAAA,UACV,QAAA,EAAU,KAAA;AAAA,UACV,KAAA,EAAM,MAAA;AAAA,UACN,aAAA,EAAe,CAAC,KAAA,KAAkB,aAAA,CAAc,OAAO,KAAK,CAAA;AAAA,UAC5D,MAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAW;AAAA;AAAA,OACb;AAAA,sBACA,GAAA,CAAC,WAAQ,OAAA,kBAAS,GAAA,CAAC,2BAAwB,CAAA,EAAI,MAAA,kBAAQ,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,EAAI,CAAA;AAAA,MACxE,MAAA,CAAO,IAAI,CAAA,CAAA,qBACV,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,SAAS,CAAA,CAAE,OAAA;AAAA,UACX,QAAQ,CAAA,CAAE,KAAA;AAAA,UACV,WAAA,EAAa,CAAA;AAAA,UACb,GAAA,EAAK,QAAA,GAAW,EAAE,CAAA,EAAG,CAAA,EAAG,MAAM,CAAA,CAAE,KAAA,EAAO,WAAA,EAAa,CAAA,EAAE,GAAI,KAAA;AAAA,UAC1D,WACE,WAAA,GACI;AAAA,YACE,CAAA,EAAG,CAAA;AAAA,YACH,QAAQ,CAAA,CAAE,KAAA;AAAA,YACV,aAAA,EAAe,GAAA;AAAA,YACf,WAAA,EAAa,CAAA;AAAA,YACb,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAU;AAAA,YAC3B,OAAA,EAAS,CAAC,CAAA,EAAY,OAAA,KAAqB;AACzC,cAAA,MAAM,QAAS,OAAA,EAA+D,OAAA;AAC9E,cAAA,IAAI,KAAA,EAAO,YAAA,CAAa,KAAA,EAAO,CAAA,CAAE,OAAO,CAAA;AAAA,YAC1C;AAAA,WACF,GACA,EAAE,CAAA,EAAG,CAAA,EAAG,MAAA,EAAQ,EAAE,KAAA,EAAO,aAAA,EAAe,GAAA,EAAK,WAAA,EAAa,CAAA,EAAE;AAAA,UAElE,MAAM,CAAA,CAAE;AAAA,SAAA;AAAA,QArBH,CAAA,CAAE;AAAA,OAuBV;AAAA,KAAA,EACH,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/metrics-line-chart-kz8QgD9q.cjs

@@ -1,104 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const recharts = require('recharts');
-const metricsLineChartTooltip = require('./metrics-line-chart-tooltip-Dp34Hg6w.cjs');
-const tokens = require('./tokens.cjs.js');
-
-const compactNumber = new Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 });
-function SmoothCursor({ points }) {
-  const [top, bottom] = points ?? [];
-  if (!top || !bottom) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "line",
-    {
-      x1: 0,
-      x2: 0,
-      y1: top.y,
-      y2: bottom.y,
-      stroke: "currentColor",
-      strokeOpacity: 0.2,
-      strokeWidth: 1,
-      className: "pointer-events-none text-black transition-transform duration-150 ease-out dark:text-white",
-      style: { transform: `translateX(${top.x}px)` }
-    }
-  );
-}
-function MetricsLineChart({
-  data,
-  series,
-  height = 210,
-  yDomain,
-  onPointClick,
-  xAxisInterval = "preserveStartEnd",
-  xAxisMinTickGap = 28,
-  showDots = false,
-  showLegend = true
-}) {
-  const isClickable = typeof onPointClick === "function";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    showLegend && /* @__PURE__ */ jsxRuntime.jsx(metricsLineChartTooltip.MetricsLineChartLegend, { data, series, className: "mb-4" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 5, right: 5, bottom: 5, left: 0 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        recharts.CartesianGrid,
-        {
-          stroke: "currentColor",
-          strokeOpacity: 0.08,
-          strokeDasharray: "4 4",
-          vertical: false,
-          className: "text-black dark:text-white"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        recharts.XAxis,
-        {
-          dataKey: "time",
-          tick: { fontSize: tokens.CHART_TICK_FONT_SIZE, fill: tokens.CHART_LABEL_COLOR, fontFamily: "var(--font-mono)" },
-          tickLine: false,
-          axisLine: false,
-          interval: xAxisInterval,
-          minTickGap: xAxisMinTickGap
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        recharts.YAxis,
-        {
-          tick: { fontSize: tokens.CHART_TICK_FONT_SIZE, fill: tokens.CHART_LABEL_COLOR, fontFamily: "var(--font-mono)" },
-          tickLine: false,
-          axisLine: false,
-          width: "auto",
-          tickFormatter: (value) => compactNumber.format(value),
-          domain: yDomain,
-          tickCount: 3
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(metricsLineChartTooltip.MetricsLineChartTooltip, {}), cursor: /* @__PURE__ */ jsxRuntime.jsx(SmoothCursor, {}) }),
-      series.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-        recharts.Line,
-        {
-          type: "linear",
-          dataKey: s.dataKey,
-          stroke: s.color,
-          strokeWidth: 2,
-          dot: showDots ? { r: 3, fill: s.color, strokeWidth: 0 } : false,
-          activeDot: isClickable ? {
-            r: 4,
-            stroke: s.color,
-            strokeOpacity: 0.3,
-            strokeWidth: 4,
-            style: { cursor: "pointer" },
-            onClick: (_, payload) => {
-              const datum = payload?.payload;
-              if (datum) onPointClick(datum, s.dataKey);
-            }
-          } : { r: 4, stroke: s.color, strokeOpacity: 0.3, strokeWidth: 4 },
-          name: s.label
-        },
-        s.dataKey
-      ))
-    ] }) }) })
-  ] });
-}
-
-exports.MetricsLineChart = MetricsLineChart;
-//# sourceMappingURL=metrics-line-chart-kz8QgD9q.cjs.map

package/dist/metrics-line-chart-kz8QgD9q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-line-chart-kz8QgD9q.cjs","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart.tsx"],"sourcesContent":["import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';\nimport { MetricsLineChartLegend } from './metrics-line-chart-legend';\nimport { MetricsLineChartTooltip } from './metrics-line-chart-tooltip';\nimport { CHART_LABEL_COLOR, CHART_TICK_FONT_SIZE } from '@/ds/tokens';\n\nexport type MetricsLineChartSeries = {\n  dataKey: string;\n  label: string;\n  color: string;\n  aggregate?: (data: Record<string, unknown>[]) => { value: string; suffix?: string };\n};\n\nconst compactNumber = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n\n// Positioned via transform so the hover line glides between points instead of jumping.\nfunction SmoothCursor({ points }: { points?: { x: number; y: number }[] }) {\n  const [top, bottom] = points ?? [];\n  if (!top || !bottom) return null;\n  return (\n    <line\n      x1={0}\n      x2={0}\n      y1={top.y}\n      y2={bottom.y}\n      stroke=\"currentColor\"\n      strokeOpacity={0.2}\n      strokeWidth={1}\n      className=\"pointer-events-none text-black transition-transform duration-150 ease-out dark:text-white\"\n      style={{ transform: `translateX(${top.x}px)` }}\n    />\n  );\n}\n\nexport type MetricsLineChartPointClickHandler = (point: Record<string, unknown>, seriesKey: string) => void;\n\nexport function MetricsLineChart({\n  data,\n  series,\n  height = 210,\n  yDomain,\n  onPointClick,\n  xAxisInterval = 'preserveStartEnd',\n  xAxisMinTickGap = 28,\n  showDots = false,\n  showLegend = true,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  height?: number;\n  yDomain?: [number, number];\n  onPointClick?: MetricsLineChartPointClickHandler;\n  /** X-axis tick density. Defaults to `\"preserveStartEnd\"`, which drops labels\n   * to fit the chart width. Pass a number for a fixed step instead. */\n  xAxisInterval?: number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd';\n  /** Minimum px gap between rendered ticks; recharts drops labels to honor it. Default `28`. */\n  xAxisMinTickGap?: number;\n  /** Render a visible dot on every point (needed for single-point series). */\n  showDots?: boolean;\n  /** Set to `false` to render `MetricsLineChartLegend` elsewhere, e.g. next to tabs. */\n  showLegend?: boolean;\n}) {\n  const isClickable = typeof onPointClick === 'function';\n\n  return (\n    <div>\n      {showLegend && <MetricsLineChartLegend data={data} series={series} className=\"mb-4\" />}\n      <div style={{ height }}>\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <LineChart data={data} margin={{ top: 5, right: 5, bottom: 5, left: 0 }}>\n            <CartesianGrid\n              stroke=\"currentColor\"\n              strokeOpacity={0.08}\n              strokeDasharray=\"4 4\"\n              vertical={false}\n              className=\"text-black dark:text-white\"\n            />\n            <XAxis\n              dataKey=\"time\"\n              tick={{ fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: 'var(--font-mono)' }}\n              tickLine={false}\n              axisLine={false}\n              interval={xAxisInterval}\n              minTickGap={xAxisMinTickGap}\n            />\n            <YAxis\n              tick={{ fontSize: CHART_TICK_FONT_SIZE, fill: CHART_LABEL_COLOR, fontFamily: 'var(--font-mono)' }}\n              tickLine={false}\n              axisLine={false}\n              width=\"auto\"\n              tickFormatter={(value: number) => compactNumber.format(value)}\n              domain={yDomain}\n              tickCount={3}\n            />\n            <Tooltip content={<MetricsLineChartTooltip />} cursor={<SmoothCursor />} />\n            {series.map(s => (\n              <Line\n                key={s.dataKey}\n                type=\"linear\"\n                dataKey={s.dataKey}\n                stroke={s.color}\n                strokeWidth={2}\n                dot={showDots ? { r: 3, fill: s.color, strokeWidth: 0 } : false}\n                activeDot={\n                  isClickable\n                    ? {\n                        r: 4,\n                        stroke: s.color,\n                        strokeOpacity: 0.3,\n                        strokeWidth: 4,\n                        style: { cursor: 'pointer' },\n                        onClick: (_: unknown, payload: unknown) => {\n                          const datum = (payload as { payload?: Record<string, unknown> } | undefined)?.payload;\n                          if (datum) onPointClick(datum, s.dataKey);\n                        },\n                      }\n                    : { r: 4, stroke: s.color, strokeOpacity: 0.3, strokeWidth: 4 }\n                }\n                name={s.label}\n              />\n            ))}\n          </LineChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","MetricsLineChartLegend","ResponsiveContainer","LineChart","CartesianGrid","XAxis","CHART_TICK_FONT_SIZE","CHART_LABEL_COLOR","YAxis","Tooltip","MetricsLineChartTooltip","Line"],"mappings":"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"}

package/dist/metrics-line-chart-tooltip-Bp7Giyp9.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cn } from './cn-65Adrsfj.js';
-import { C as ChartTooltip } from './chart-tooltip-84fl_3Wc.js';
-
-function MetricsLineChartLegend({
-  data,
-  series,
-  className
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-4 gap-y-1", className), children: series.map((s) => {
-    const aggregated = s.aggregate?.(data);
-    return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "size-2 shrink-0 rounded-full", style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsx("span", { className: "max-w-24 truncate text-caption text-muted-foreground", children: s.label }),
-      aggregated && /* @__PURE__ */ jsxs("span", { className: "text-caption text-muted-foreground", children: [
-        aggregated.value,
-        aggregated.suffix && /* @__PURE__ */ jsxs("span", { className: "text-caption text-placeholder", children: [
-          " ",
-          aggregated.suffix
-        ] })
-      ] })
-    ] }, s.dataKey);
-  }) });
-}
-
-function MetricsLineChartTooltip({
-  active,
-  payload,
-  label,
-  suffix,
-  formatValue = (value) => value.toLocaleString("en-US")
-}) {
-  if (!active || !payload?.length) return null;
-  return /* @__PURE__ */ jsxs(ChartTooltip, { children: [
-    /* @__PURE__ */ jsx("p", { className: "mb-1 text-column text-foreground", children: label }),
-    payload.map((entry) => /* @__PURE__ */ jsxs("p", { className: "text-foreground", children: [
-      /* @__PURE__ */ jsx("span", { className: "mr-2 inline-block size-2 rounded-full", style: { backgroundColor: entry.color } }),
-      entry.name,
-      ":",
-      " ",
-      /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
-        typeof entry.value === "number" ? formatValue(entry.value) : entry.value,
-        suffix
-      ] })
-    ] }, entry.name))
-  ] });
-}
-
-export { MetricsLineChartLegend as M, MetricsLineChartTooltip as a };
-//# sourceMappingURL=metrics-line-chart-tooltip-Bp7Giyp9.js.map

package/dist/metrics-line-chart-tooltip-Bp7Giyp9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-line-chart-tooltip-Bp7Giyp9.js","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <span className=\"max-w-24 truncate text-caption text-muted-foreground\">{s.label}</span>\n            {aggregated && (\n              <span className=\"text-caption text-muted-foreground\">\n                {aggregated.value}\n                {aggregated.suffix && <span className=\"text-caption text-placeholder\"> {aggregated.suffix}</span>}\n              </span>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <p className=\"mb-1 text-column text-foreground\">{label}</p>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sDAAA,EAAwD,YAAE,KAAA,EAAM,CAAA;AAAA,MAC/E,UAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,MAAA,oBAAU,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+BAAA,EAAgC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAAE,UAAA,CAAW;AAAA,SAAA,EAAO;AAAA,OAAA,EAC5F;AAAA,KAAA,EAAA,EAPM,EAAE,OASZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;AC7BO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kCAAA,EAAoC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACtD,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACX,IAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACd,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/metrics-line-chart-tooltip-Dp34Hg6w.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-const chartTooltip = require('./chart-tooltip-DX6vs_Tc.cjs');
-
-function MetricsLineChartLegend({
-  data,
-  series,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-wrap items-center gap-4 gap-y-1", className), children: series.map((s) => {
-    const aggregated = s.aggregate?.(data);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 shrink-0 rounded-full", style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-24 truncate text-caption text-muted-foreground", children: s.label }),
-      aggregated && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-caption text-muted-foreground", children: [
-        aggregated.value,
-        aggregated.suffix && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-caption text-placeholder", children: [
-          " ",
-          aggregated.suffix
-        ] })
-      ] })
-    ] }, s.dataKey);
-  }) });
-}
-
-function MetricsLineChartTooltip({
-  active,
-  payload,
-  label,
-  suffix,
-  formatValue = (value) => value.toLocaleString("en-US")
-}) {
-  if (!active || !payload?.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(chartTooltip.ChartTooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-column text-foreground", children: label }),
-    payload.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 inline-block size-2 rounded-full", style: { backgroundColor: entry.color } }),
-      entry.name,
-      ":",
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
-        typeof entry.value === "number" ? formatValue(entry.value) : entry.value,
-        suffix
-      ] })
-    ] }, entry.name))
-  ] });
-}
-
-exports.MetricsLineChartLegend = MetricsLineChartLegend;
-exports.MetricsLineChartTooltip = MetricsLineChartTooltip;
-//# sourceMappingURL=metrics-line-chart-tooltip-Dp34Hg6w.cjs.map

package/dist/metrics-line-chart-tooltip-Dp34Hg6w.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-line-chart-tooltip-Dp34Hg6w.cjs","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <span className=\"max-w-24 truncate text-caption text-muted-foreground\">{s.label}</span>\n            {aggregated && (\n              <span className=\"text-caption text-muted-foreground\">\n                {aggregated.value}\n                {aggregated.suffix && <span className=\"text-caption text-placeholder\"> {aggregated.suffix}</span>}\n              </span>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <p className=\"mb-1 text-column text-foreground\">{label}</p>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":["jsx","cn","jsxs","ChartTooltip"],"mappings":";;;;;;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sDAAA,EAAwD,YAAE,KAAA,EAAM,CAAA;AAAA,MAC/E,UAAA,oBACCE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,MAAA,oBAAUA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+BAAA,EAAgC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAAE,UAAA,CAAW;AAAA,SAAA,EAAO;AAAA,OAAA,EAC5F;AAAA,KAAA,EAAA,EAPM,EAAE,OASZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;AC7BO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,uCACGC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kCAAA,EAAoC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACtD,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACXE,eAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACdE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;;"}

package/dist/page-header-BGyZw13s.js

@@ -1,115 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { c as cn } from './cn-65Adrsfj.js';
-import { Children, isValidElement } from 'react';
-
-function PageHeaderAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "page-header-action", className: cn("ml-auto shrink-0 self-start pt-0.5", className), ...props });
-}
-
-function PageHeaderDescription({ children, className, isLoading, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "page-header-description",
-      className: cn(
-        "col-[title/end] flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-caption text-muted-foreground",
-        isLoading && "w-160 max-w-[80%] animate-pulse rounded-md bg-muted",
-        className
-      ),
-      ...props,
-      children: isLoading ? /* @__PURE__ */ jsx(Fragment, { children: " " }) : children
-    }
-  );
-}
-
-function PageHeaderIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "page-header-icon",
-      className: cn(
-        "col-start-[icon] row-start-1 flex items-center self-center text-muted-foreground [&>svg]:size-5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-function PageHeaderMeta({ beside = false, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "page-header-meta",
-      "data-placement": beside ? "beside" : "below",
-      className: cn(
-        "flex min-w-0 flex-wrap items-center gap-2 text-meta text-muted-foreground",
-        beside ? "col-start-[meta] row-start-1 self-center justify-self-start" : "col-[title/end]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-function PageHeaderTitle({ children, className, isLoading, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "h1",
-    {
-      "data-slot": "page-header-title",
-      className: cn(
-        "col-start-[title] row-start-1 flex min-w-0 items-center gap-2 self-start",
-        "text-heading text-foreground",
-        "[&>svg]:size-[1.25em] [&>svg]:opacity-50",
-        isLoading && "w-60 max-w-[50%] animate-pulse rounded-md bg-fill",
-        className
-      ),
-      ...props,
-      children: isLoading ? /* @__PURE__ */ jsx(Fragment, { children: " " }) : children
-    }
-  );
-}
-
-function PageHeaderRoot({
-  children,
-  className,
-  title,
-  description,
-  icon,
-  isLoading,
-  ...props
-}) {
-  const useLegacyApi = children === void 0 && title !== void 0;
-  const items = Children.toArray(children);
-  const actions = items.filter((child) => isValidElement(child) && child.type === PageHeaderAction);
-  const content = items.filter((child) => !actions.includes(child));
-  return /* @__PURE__ */ jsxs("header", { className: cn("relative flex w-full items-start gap-3", className), ...props, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "page-header-grid",
-        className: cn(
-          "grid min-w-0 flex-1 grid-cols-[[title]_auto_[meta]_minmax(0,1fr)_[end]] gap-x-3 gap-y-1",
-          "has-[>[data-slot=page-header-icon]]:grid-cols-[[icon]_auto_[title]_auto_[meta]_minmax(0,1fr)_[end]]"
-        ),
-        children: useLegacyApi ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          !isLoading && icon !== void 0 && /* @__PURE__ */ jsx(PageHeaderIcon, { children: icon }),
-          /* @__PURE__ */ jsx(PageHeaderTitle, { isLoading, children: title }),
-          description !== void 0 && /* @__PURE__ */ jsx(PageHeaderDescription, { isLoading, children: description })
-        ] }) : content
-      }
-    ),
-    actions
-  ] });
-}
-
-const PageHeader = Object.assign(PageHeaderRoot, {
-  Icon: PageHeaderIcon,
-  Title: PageHeaderTitle,
-  Meta: PageHeaderMeta,
-  Description: PageHeaderDescription,
-  Action: PageHeaderAction
-});
-
-export { PageHeader as P };
-//# sourceMappingURL=page-header-BGyZw13s.js.map

package/dist/page-header-BGyZw13s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-BGyZw13s.js","sources":["../src/ds/new/layout/page-header/page-header-action.tsx","../src/ds/new/layout/page-header/page-header-description.tsx","../src/ds/new/layout/page-header/page-header-icon.tsx","../src/ds/new/layout/page-header/page-header-meta.tsx","../src/ds/new/layout/page-header/page-header-title.tsx","../src/ds/new/layout/page-header/page-header-root.tsx","../src/ds/new/layout/page-header/page-header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderActionProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderAction({ className, ...props }: PageHeaderActionProps) {\n  return (\n    <div data-slot=\"page-header-action\" className={cn('ml-auto shrink-0 self-start pt-0.5', className)} {...props} />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderDescriptionProps extends ComponentPropsWithoutRef<'p'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderDescription({ children, className, isLoading, ...props }: PageHeaderDescriptionProps) {\n  return (\n    <p\n      data-slot=\"page-header-description\"\n      className={cn(\n        'col-[title/end] flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-caption text-muted-foreground',\n        isLoading && 'w-160 max-w-[80%] animate-pulse rounded-md bg-muted',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </p>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderIconProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderIcon({ className, ...props }: PageHeaderIconProps) {\n  return (\n    <div\n      data-slot=\"page-header-icon\"\n      className={cn(\n        'col-start-[icon] row-start-1 flex items-center self-center text-muted-foreground [&>svg]:size-5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderMetaProps extends ComponentPropsWithoutRef<'div'> {\n  beside?: boolean;\n}\n\nexport function PageHeaderMeta({ beside = false, className, ...props }: PageHeaderMetaProps) {\n  return (\n    <div\n      data-slot=\"page-header-meta\"\n      data-placement={beside ? 'beside' : 'below'}\n      className={cn(\n        'flex min-w-0 flex-wrap items-center gap-2 text-meta text-muted-foreground',\n        beside ? 'col-start-[meta] row-start-1 self-center justify-self-start' : 'col-[title/end]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderTitleProps extends ComponentPropsWithoutRef<'h1'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderTitle({ children, className, isLoading, ...props }: PageHeaderTitleProps) {\n  return (\n    <h1\n      data-slot=\"page-header-title\"\n      className={cn(\n        'col-start-[title] row-start-1 flex min-w-0 items-center gap-2 self-start',\n        'text-heading text-foreground',\n        '[&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        isLoading && 'w-60 max-w-[50%] animate-pulse rounded-md bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </h1>\n  );\n}\n","import { Children, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderTitle } from './page-header-title';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderRootProps extends Omit<ComponentPropsWithoutRef<'header'>, 'title'> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport function PageHeaderRoot({\n  children,\n  className,\n  title,\n  description,\n  icon,\n  isLoading,\n  ...props\n}: PageHeaderRootProps) {\n  const useLegacyApi = children === undefined && title !== undefined;\n\n  // Actions sit outside the title grid so their height never affects title/meta/description alignment.\n  const items = Children.toArray(children);\n  const actions = items.filter(child => isValidElement(child) && child.type === PageHeaderAction);\n  const content = items.filter(child => !actions.includes(child));\n\n  return (\n    <header className={cn('relative flex w-full items-start gap-3', className)} {...props}>\n      <div\n        data-slot=\"page-header-grid\"\n        className={cn(\n          'grid min-w-0 flex-1 grid-cols-[[title]_auto_[meta]_minmax(0,1fr)_[end]] gap-x-3 gap-y-1',\n          'has-[>[data-slot=page-header-icon]]:grid-cols-[[icon]_auto_[title]_auto_[meta]_minmax(0,1fr)_[end]]',\n        )}\n      >\n        {useLegacyApi ? (\n          <>\n            {!isLoading && icon !== undefined && <PageHeaderIcon>{icon}</PageHeaderIcon>}\n            <PageHeaderTitle isLoading={isLoading}>{title}</PageHeaderTitle>\n            {description !== undefined && (\n              <PageHeaderDescription isLoading={isLoading}>{description}</PageHeaderDescription>\n            )}\n          </>\n        ) : (\n          content\n        )}\n      </div>\n      {actions}\n    </header>\n  );\n}\n","import { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport { PageHeaderRoot } from './page-header-root';\nimport { PageHeaderTitle } from './page-header-title';\n\nexport type { PageHeaderActionProps } from './page-header-action';\nexport type { PageHeaderDescriptionProps } from './page-header-description';\nexport type { PageHeaderIconProps } from './page-header-icon';\nexport type { PageHeaderMetaProps } from './page-header-meta';\nexport type { PageHeaderRootProps } from './page-header-root';\nexport type { PageHeaderTitleProps } from './page-header-title';\n\nexport const PageHeader = Object.assign(PageHeaderRoot, {\n  Icon: PageHeaderIcon,\n  Title: PageHeaderTitle,\n  Meta: PageHeaderMeta,\n  Description: PageHeaderDescription,\n  Action: PageHeaderAction,\n});\n"],"names":[],"mappings":";;;;AAMO,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AAC/E,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,SAAA,EAAW,GAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEnH;;ACFO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,SAAA,EAAW,GAAG,OAAM,EAA+B;AAC9G,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,6FAAA;AAAA,QACA,SAAA,IAAa,qDAAA;AAAA,QACb;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,SAAA,mBAAY,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA,GAC7B;AAEJ;;AChBO,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAAwB;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACTO,SAAS,eAAe,EAAE,MAAA,GAAS,OAAO,SAAA,EAAW,GAAG,OAAM,EAAwB;AAC3F,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,gBAAA,EAAgB,SAAS,QAAA,GAAW,OAAA;AAAA,MACpC,SAAA,EAAW,EAAA;AAAA,QACT,2EAAA;AAAA,QACA,SAAS,6DAAA,GAAgE,iBAAA;AAAA,QACzE;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACbO,SAAS,gBAAgB,EAAE,QAAA,EAAU,WAAW,SAAA,EAAW,GAAG,OAAM,EAAyB;AAClG,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA,8BAAA;AAAA,QACA,0CAAA;AAAA,QACA,SAAA,IAAa,mDAAA;AAAA,QACb;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,SAAA,mBAAY,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA,GAC7B;AAEJ;;ACRO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,YAAA,GAAe,QAAA,KAAa,MAAA,IAAa,KAAA,KAAU,MAAA;AAGzD,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACvC,EAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,CAAA,KAAA,KAAS,eAAe,KAAK,CAAA,IAAK,KAAA,CAAM,IAAA,KAAS,gBAAgB,CAAA;AAC9F,EAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,CAAA,KAAA,KAAS,CAAC,OAAA,CAAQ,QAAA,CAAS,KAAK,CAAC,CAAA;AAE9D,EAAA,uBACE,IAAA,CAAC,YAAO,SAAA,EAAW,EAAA,CAAG,0CAA0C,SAAS,CAAA,EAAI,GAAG,KAAA,EAC9E,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,kBAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,yFAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,yCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,CAAC,SAAA,IAAa,IAAA,KAAS,MAAA,oBAAa,GAAA,CAAC,kBAAgB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BAC3D,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAuB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC7C,WAAA,KAAgB,MAAA,oBACf,GAAA,CAAC,qBAAA,EAAA,EAAsB,WAAuB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAE9D,CAAA,GAEA;AAAA;AAAA,KAEJ;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;AC1CO,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EACtD,IAAA,EAAM,cAAA;AAAA,EACN,KAAA,EAAO,eAAA;AAAA,EACP,IAAA,EAAM,cAAA;AAAA,EACN,WAAA,EAAa,qBAAA;AAAA,EACb,MAAA,EAAQ;AACV,CAAC;;;;"}