@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/ShareBar-DERy_egz.cjs

@@ -0,0 +1,456 @@
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+const require_components_Skeleton = require("./components/Skeleton.cjs.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/ds/components/ShareBar/share-bar-classes.ts
+var ROW = "-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left";
+var NUM = "shrink-0 text-right text-body-sm tabular-nums";
+// src/ds/components/ShareBar/share-bar-row.tsx
+/** One ranked row: swatch, label, extra cells, share and value. */
+function ShareBarRowView({ row, columns, valueWidth, share, highlighted, dimmed, onHover, LinkComponent }) {
+	const className = require_utils.cn(ROW, highlighted && "bg-fill-subtle", (row.href || row.onClick) && "hover:bg-fill-subtle");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RowShell, {
+		row,
+		LinkComponent,
+		className,
+		style: { opacity: dimmed ? .5 : 1 },
+		onMouseEnter: onHover,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "size-2 shrink-0 rounded-[2px]",
+				style: {
+					backgroundColor: row.paint.color,
+					opacity: row.paint.alpha
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowLabel, { row }),
+			columns.map((c, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(NUM, "text-muted-foreground", c.width ?? "w-16"),
+				children: row.cells?.[i]
+			}, c.label)),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(NUM, "w-12 text-muted-foreground"),
+				children: share
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(NUM, "text-foreground", valueWidth),
+				children: row.value
+			})
+		]
+	}) });
+}
+/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */
+function RowShell({ row, LinkComponent, ...props }) {
+	if (row.href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent ?? "a", {
+		href: row.href,
+		...props
+	});
+	if (row.onClick) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: row.onClick,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...props });
+}
+/** A block line box, like the skeleton's, so loaded and loading rows share a height. */
+function RowLabel({ row }) {
+	if (typeof row.label !== "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "flex min-w-0 flex-1",
+		title: row.title,
+		children: row.label
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "min-w-0 flex-1 truncate",
+		title: row.title ?? row.label,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "body-sm",
+			tone: "ink",
+			children: row.label
+		})
+	});
+}
+// src/ds/components/ShareBar/share-bar-rows.ts
+/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */
+var DEFAULT_COLOR = "var(--chart-share-1)";
+/**
+* Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far
+* apart on the wheel; no warning amber or error red. The first row's color leads.
+*/
+var HUES = [
+	1,
+	2,
+	3,
+	4,
+	5
+].map((i) => `var(--chart-share-${i})`);
+/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */
+var CUSTOM_LEAD_HUES = [
+	3,
+	4,
+	2,
+	5,
+	1
+].map((i) => `var(--chart-share-${i})`);
+var SHADES = [
+	1,
+	.7,
+	.48,
+	.32,
+	.2,
+	.14
+];
+var REST = {
+	color: "var(--chart-share-rest)",
+	alpha: 1
+};
+/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */
+var SEGMENTS = 50;
+var REST_KEY = "__rest";
+function rowColors(base, count, palette) {
+	if (palette === "hues") {
+		const hues = HUES.includes(base) ? [base, ...HUES.filter((h) => h !== base)] : [base, ...CUSTOM_LEAD_HUES];
+		return Array.from({ length: count }, (_, i) => ({
+			color: hues[i % hues.length] ?? base,
+			alpha: [
+				1,
+				.55,
+				.3
+			][Math.floor(i / hues.length)] ?? .2
+		}));
+	}
+	return Array.from({ length: count }, (_, i) => ({
+		color: base,
+		alpha: SHADES[i] ?? .1
+	}));
+}
+var sumShares = (rows) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);
+/**
+* Largest first, so the strongest color is always the biggest share. A missing, negative or
+* infinite share counts as zero, so one bad row can't break the order or the percentages.
+*/
+function rankRows(rows) {
+	return rows.map((r) => Number.isFinite(r.share) && r.share > 0 ? r : {
+		...r,
+		share: 0
+	}).toSorted((a, b) => b.share - a.share);
+}
+/** The top rows, then one "Other" row folding the tail, unless that would hide a single row. */
+function foldRows(ranked, { limit, other, color, palette }) {
+	if (ranked.length <= limit + 1) {
+		const bar = paintRows(ranked, color, palette);
+		return {
+			shown: bar,
+			bar,
+			rest: []
+		};
+	}
+	const rest = ranked.slice(limit);
+	const folded = other?.(rest);
+	const otherRow = {
+		key: REST_KEY,
+		label: `Other (${rest.length})`,
+		share: sumShares(rest),
+		value: folded?.value,
+		cells: folded?.cells,
+		paint: REST,
+		segment: REST_KEY
+	};
+	const bar = paintRows(ranked.slice(0, limit), color, palette);
+	return {
+		shown: [...bar, otherRow],
+		bar,
+		rest
+	};
+}
+function paintRows(rows, color, palette) {
+	const colors = rowColors(color, rows.length, palette);
+	return rows.map((r, i) => ({
+		...r,
+		paint: ownPaint(r) ?? colors[i] ?? REST,
+		segment: r.key
+	}));
+}
+var ownPaint = (row) => row.color ? {
+	color: row.color,
+	alpha: 1
+} : void 0;
+/**
+* The first `count` rows. The top rows have their own segments, and rows past the bar's own
+* segments are gray and share its "everything else" segment.
+*/
+function pageRows(ranked, { count, color, palette }) {
+	const own = Math.min(count, ranked.length, SEGMENTS);
+	const bar = paintRows(ranked.slice(0, own), color, palette);
+	const gray = ranked.slice(own, count).map((r) => ({
+		...r,
+		paint: REST,
+		segment: REST_KEY
+	}));
+	return {
+		shown: [...bar, ...gray],
+		bar,
+		rest: ranked.slice(own)
+	};
+}
+/** One segment per row with its own color, then everything else in one gray segment. */
+function barSegments(bar, rest) {
+	const own = bar.map((r) => ({
+		key: r.key,
+		share: r.share,
+		paint: r.paint
+	}));
+	const gray = rest.length ? [{
+		key: REST_KEY,
+		share: sumShares(rest),
+		paint: REST
+	}] : [];
+	const segments = [...own, ...gray].filter((s) => s.share > 0);
+	const total = segments.reduce((sum, s) => sum + s.share, 0);
+	return segments.map((s) => ({
+		key: s.key,
+		paint: s.paint,
+		grow: s.share / total * 100
+	}));
+}
+/** The bar segment a hovered row (or segment) lights up. */
+function hoveredSegment(shown, hover) {
+	if (hover === void 0) return void 0;
+	return shown.find((r) => r.key === hover)?.segment ?? hover;
+}
+/** Dim every segment but the lit one, while one is. */
+var isSegmentDimmed = (key, lit) => lit !== void 0 && lit !== key;
+/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */
+function isRowDimmed(row, hover) {
+	if (hover === void 0 || hover === row.key) return false;
+	return !(hover === "__rest" && row.segment === "__rest");
+}
+var fmtShare = (n, total) => {
+	const r = n / (total || 1);
+	if (!(r > 0)) return "0%";
+	if (r < .001) return "<0.1%";
+	return `${(r * 100).toFixed(r < .1 ? 1 : 0)}%`;
+};
+// src/ds/components/ShareBar/share-bar-show-more.tsx
+/** The list's last row: pages more rows in, or collapses back to the top rows. */
+function ShowMore({ shown, total, limit, pageSize, onMore, onLess }) {
+	if (total <= limit) return null;
+	const left = total - shown;
+	const button = "flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground";
+	const n = new Intl.NumberFormat("en", {
+		notation: "compact",
+		maximumFractionDigits: 1
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: "-mx-2 flex items-center gap-1",
+		children: [
+			left > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				onClick: onMore,
+				className: button,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-3.5 shrink-0" }),
+					"Show ",
+					Math.min(left, pageSize),
+					" more"
+				]
+			}),
+			shown > limit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				onClick: onLess,
+				className: button,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, { className: "size-3.5 shrink-0" }),
+					"Show top ",
+					limit
+				]
+			}),
+			left > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "ml-auto pr-2 text-body-sm text-placeholder tabular-nums",
+				children: [
+					n.format(shown),
+					" of ",
+					n.format(total)
+				]
+			})
+		]
+	});
+}
+// src/ds/components/ShareBar/share-bar-skeleton.tsx
+var LABEL_WIDTHS = [
+	"w-32",
+	"w-24",
+	"w-36",
+	"w-20",
+	"w-28"
+];
+/** A skeleton bar centred in a number or label cell's line box. */
+function Bar({ className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: ["​", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Skeleton.Skeleton, { className: require_utils.cn("absolute top-1/2 h-3.5 -translate-y-1/2", className) })] });
+}
+/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */
+function ShareBarSkeleton({ rows, columns, valueWidth, header }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex h-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Skeleton.Skeleton, { className: "size-full rounded-full" })
+		}),
+		header,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: "grid min-w-0 grid-cols-1 gap-0.5",
+			"aria-busy": true,
+			children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: ROW,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Skeleton.Skeleton, { className: "size-2 shrink-0 rounded-[2px]" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "min-w-0 flex-1",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+							as: "span",
+							variant: "body-sm",
+							className: "relative",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bar, { className: require_utils.cn("left-0", LABEL_WIDTHS[i % LABEL_WIDTHS.length]) })
+						})
+					}),
+					columns.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_utils.cn(NUM, "relative", c.width ?? "w-16"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bar, { className: "right-0 w-10" })
+					}, c.label)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_utils.cn(NUM, "relative w-12"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bar, { className: "right-0 w-9" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_utils.cn(NUM, "relative", valueWidth),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bar, { className: "right-0 w-12" })
+					})
+				]
+			}, i))
+		})
+	] });
+}
+// src/ds/components/ShareBar/share-bar.tsx
+/**
+* Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key
+* it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no
+* tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of
+* figures (many columns, sorting, pages), use `MetricsTable`.
+*/
+function ShareBar({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_utils.cn("grid grid-cols-1", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareBarBody, { ...props })
+	});
+}
+/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */
+function ShareBarBody({ rows, columns = [], valueLabel, valueWidth = "w-14", palette = "shades", color = DEFAULT_COLOR, limit = 5, overflow = "other", pageSize = 50, other, emptyState = "No data in this range.", isLoading = false, LinkComponent }) {
+	const [hover, setHover] = (0, react.useState)();
+	const [pages, setPages] = (0, react.useState)(0);
+	const count = limit + pages * pageSize;
+	const header = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareBarHeader, {
+		columns,
+		valueLabel,
+		valueWidth
+	});
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareBarSkeleton, {
+		rows: overflow === "other" ? limit + 1 : limit,
+		columns,
+		valueWidth,
+		header
+	});
+	const ranked = rankRows(rows);
+	if (ranked.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		variant: "body-sm",
+		tone: "muted",
+		className: "py-6 text-center",
+		children: emptyState
+	});
+	const total = sumShares(ranked);
+	const paging = overflow === "more";
+	const { shown, bar, rest } = paging ? pageRows(ranked, {
+		count,
+		color,
+		palette
+	}) : foldRows(ranked, {
+		limit,
+		other,
+		color,
+		palette
+	});
+	const segments = barSegments(bar, rest);
+	const litSegment = hoveredSegment(shown, hover);
+	const clearHover = () => setHover(void 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex h-2 gap-0.5",
+			onMouseLeave: clearHover,
+			children: segments.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-testid": "share-bar-segment",
+				onMouseEnter: () => setHover(s.key),
+				className: "h-full min-w-[3px] first:rounded-l-full last:rounded-r-full",
+				style: {
+					flex: `${s.grow} 1 0`,
+					backgroundColor: s.paint.color,
+					opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? .3 : 1)
+				}
+			}, s.key))
+		}),
+		header,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+			className: "grid min-w-0 grid-cols-1 gap-0.5",
+			onMouseLeave: clearHover,
+			children: [shown.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareBarRowView, {
+				row: r,
+				columns,
+				valueWidth,
+				share: fmtShare(r.share, total),
+				highlighted: hover === r.key,
+				dimmed: isRowDimmed(r, hover),
+				onHover: () => setHover(r.key),
+				LinkComponent
+			}, r.key)), paging && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShowMore, {
+				shown: Math.min(count, ranked.length),
+				total: ranked.length,
+				limit,
+				pageSize,
+				onMore: () => setPages((p) => p + 1),
+				onLess: () => setPages(0)
+			})]
+		})
+	] });
+}
+/** Column headers between the bar and the rows, right above the values they label. */
+function ShareBarHeader({ columns, valueLabel, valueWidth }) {
+	const cells = [
+		...columns.map((c) => ({
+			label: c.label,
+			width: c.width ?? "w-16"
+		})),
+		{
+			label: "Share",
+			width: "w-12"
+		},
+		{
+			label: valueLabel,
+			width: valueWidth
+		}
+	];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"aria-hidden": true,
+		className: "flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder",
+		children: cells.map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_utils.cn("shrink-0 text-right whitespace-nowrap", cell.width),
+			children: cell.label
+		}, cell.label))
+	});
+}
+Object.defineProperty(exports, "ShareBar", {
+	enumerable: true,
+	get: function() {
+		return ShareBar;
+	}
+});
+
+//# sourceMappingURL=ShareBar-DERy_egz.cjs.map

package/dist/ShareBar-DERy_egz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareBar-DERy_egz.cjs","names":["cn","Txt","ChevronDownIcon","ChevronUpIcon","_Fragment","Skeleton","cn","Txt","cn","useState","Txt","_Fragment"],"sources":["../src/ds/components/ShareBar/share-bar-classes.ts","../src/ds/components/ShareBar/share-bar-row.tsx","../src/ds/components/ShareBar/share-bar-rows.ts","../src/ds/components/ShareBar/share-bar-show-more.tsx","../src/ds/components/ShareBar/share-bar-skeleton.tsx","../src/ds/components/ShareBar/share-bar.tsx"],"sourcesContent":["export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShownRow } from './share-bar-rows';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareBarRowViewProps = {\n  row: ShownRow;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  /** The row's share, formatted. */\n  share: string;\n  highlighted: boolean;\n  dimmed: boolean;\n  onHover: () => void;\n  LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareBarRowView({\n  row,\n  columns,\n  valueWidth,\n  share,\n  highlighted,\n  dimmed,\n  onHover,\n  LinkComponent,\n}: ShareBarRowViewProps) {\n  const className = cn(ROW, highlighted && 'bg-fill-subtle', (row.href || row.onClick) && 'hover:bg-fill-subtle');\n  return (\n    <li>\n      <RowShell\n        row={row}\n        LinkComponent={LinkComponent}\n        className={className}\n        style={{ opacity: dimmed ? 0.5 : 1 }}\n        onMouseEnter={onHover}\n      >\n        <span\n          className=\"size-2 shrink-0 rounded-[2px]\"\n          style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n        />\n        <RowLabel row={row} />\n        {columns.map((c, i) => (\n          <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n            {row.cells?.[i]}\n          </span>\n        ))}\n        <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n        <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n      </RowShell>\n    </li>\n  );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n  row,\n  LinkComponent,\n  ...props\n}: {\n  row: ShownRow;\n  LinkComponent?: ElementType;\n  className: string;\n  style: CSSProperties;\n  onMouseEnter: () => void;\n  children: ReactNode;\n}) {\n  if (row.href) {\n    const Anchor = LinkComponent ?? 'a';\n    return <Anchor href={row.href} {...props} />;\n  }\n  if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n  return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n  if (typeof row.label !== 'string') {\n    return (\n      <span className=\"flex min-w-0 flex-1\" title={row.title}>\n        {row.label}\n      </span>\n    );\n  }\n  return (\n    <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n      <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n        {row.label}\n      </Txt>\n    </span>\n  );\n}\n","import type { ShareBarProps, ShareBarRow } from './share-bar-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the bar segment it highlights. */\nexport type ShownRow = ShareBarRow & { paint: Paint; segment: string };\n\nexport type BarSegment = { key: string; paint: Paint; /** flex-grow, in percent of the bar. */ grow: number };\n\ntype Palette = NonNullable<ShareBarProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n  if (palette === 'hues') {\n    // A lead color from the palette moves to the front. Any other color leads the violet and teal\n    // hues first: custom leads are usually green or blue, which sit next to the palette's own\n    // green and sky.\n    const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n    return Array.from({ length: count }, (_, i) => ({\n      color: hues[i % hues.length] ?? base,\n      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n    }));\n  }\n  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: ShareBarRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: ShareBarRow[]): ShareBarRow[] {\n  return rows\n    .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n    .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n  ranked: ShareBarRow[],\n  { limit, other, color, palette }: Colors & Pick<ShareBarProps, 'other'> & { limit: number },\n) {\n  if (ranked.length <= limit + 1) {\n    const bar = paintRows(ranked, color, palette);\n    return { shown: bar, bar, rest: [] };\n  }\n  const rest = ranked.slice(limit);\n  const folded = other?.(rest);\n  const otherRow: ShownRow = {\n    key: REST_KEY,\n    label: `Other (${rest.length})`,\n    share: sumShares(rest),\n    value: folded?.value,\n    cells: folded?.cells,\n    paint: REST,\n    segment: REST_KEY,\n  };\n  const bar = paintRows(ranked.slice(0, limit), color, palette);\n  return { shown: [...bar, otherRow], bar, rest };\n}\n\nfunction paintRows(rows: ShareBarRow[], color: string, palette: Palette): ShownRow[] {\n  const colors = rowColors(color, rows.length, palette);\n  return rows.map((r, i) => ({ ...r, paint: ownPaint(r) ?? colors[i] ?? REST, segment: r.key }));\n}\n\nconst ownPaint = (row: ShareBarRow): Paint | undefined => (row.color ? { color: row.color, alpha: 1 } : undefined);\n\n/**\n * The first `count` rows. The top rows have their own segments, and rows past the bar's own\n * segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(ranked: ShareBarRow[], { count, color, palette }: Colors & { count: number }) {\n  const own = Math.min(count, ranked.length, SEGMENTS);\n  const bar = paintRows(ranked.slice(0, own), color, palette);\n  const gray = ranked.slice(own, count).map(r => ({ ...r, paint: REST, segment: REST_KEY }));\n  return { shown: [...bar, ...gray], bar, rest: ranked.slice(own) };\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function barSegments(bar: ShownRow[], rest: ShareBarRow[]): BarSegment[] {\n  const own = bar.map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n  const segments = [...own, ...gray].filter(s => s.share > 0);\n  // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n  // would leave the rest of the bar empty.\n  const total = segments.reduce((sum, s) => sum + s.share, 0);\n  return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The bar segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n  if (hover === undefined) return undefined;\n  return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n  if (hover === undefined || hover === row.key) return false;\n  return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n  const r = n / (total || 1);\n  if (!(r > 0)) return '0%';\n  if (r < 0.001) return '<0.1%';\n  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n  shown,\n  total,\n  limit,\n  pageSize,\n  onMore,\n  onLess,\n}: {\n  shown: number;\n  total: number;\n  limit: number;\n  pageSize: number;\n  onMore: () => void;\n  onLess: () => void;\n}) {\n  if (total <= limit) return null;\n  const left = total - shown;\n  const button =\n    'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n  const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n  return (\n    <li className=\"-mx-2 flex items-center gap-1\">\n      {left > 0 && (\n        <button type=\"button\" onClick={onMore} className={button}>\n          <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n          Show {Math.min(left, pageSize)} more\n        </button>\n      )}\n      {shown > limit && (\n        <button type=\"button\" onClick={onLess} className={button}>\n          <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n          Show top {limit}\n        </button>\n      )}\n      {left > 0 && (\n        <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n          {n.format(shown)} of {n.format(total)}\n        </span>\n      )}\n    </li>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n  return (\n    <>\n      {'​'}\n      <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n    </>\n  );\n}\n\n/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */\nexport function ShareBarSkeleton({\n  rows,\n  columns,\n  valueWidth,\n  header,\n}: {\n  rows: number;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  header: ReactNode;\n}) {\n  return (\n    <>\n      <div className=\"flex h-2\">\n        <Skeleton className=\"size-full rounded-full\" />\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n        {Array.from({ length: rows }, (_, i) => (\n          <li key={i} className={ROW}>\n            <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n            <span className=\"min-w-0 flex-1\">\n              <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n                <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n              </Txt>\n            </span>\n            {columns.map(c => (\n              <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n                <Bar className=\"right-0 w-10\" />\n              </span>\n            ))}\n            <span className={cn(NUM, 'relative w-12')}>\n              <Bar className=\"right-0 w-9\" />\n            </span>\n            <span className={cn(NUM, 'relative', valueWidth)}>\n              <Bar className=\"right-0 w-12\" />\n            </span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ShareBarRowView } from './share-bar-row';\nimport {\n  DEFAULT_COLOR,\n  barSegments,\n  fmtShare,\n  foldRows,\n  hoveredSegment,\n  isRowDimmed,\n  isSegmentDimmed,\n  pageRows,\n  rankRows,\n  sumShares,\n} from './share-bar-rows';\nimport { ShowMore } from './share-bar-show-more';\nimport { ShareBarSkeleton } from './share-bar-skeleton';\nimport type { ShareBarColumn, ShareBarProps } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key\n * it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no\n * tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of\n * figures (many columns, sorting, pages), use `MetricsTable`.\n */\nexport function ShareBar({ className, ...props }: ShareBarProps) {\n  return (\n    <div className={cn('grid grid-cols-1', className)}>\n      <ShareBarBody {...props} />\n    </div>\n  );\n}\n\n/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */\nfunction ShareBarBody({\n  rows,\n  columns = [],\n  valueLabel,\n  valueWidth = 'w-14',\n  palette = 'shades',\n  color = DEFAULT_COLOR,\n  limit = 5,\n  overflow = 'other',\n  pageSize = 50,\n  other,\n  emptyState = 'No data in this range.',\n  isLoading = false,\n  LinkComponent,\n}: Omit<ShareBarProps, 'className'>) {\n  const [hover, setHover] = useState<string>();\n  // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n  const [pages, setPages] = useState(0);\n  const count = limit + pages * pageSize;\n  const header = <ShareBarHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />;\n\n  if (isLoading) {\n    return (\n      <ShareBarSkeleton\n        rows={overflow === 'other' ? limit + 1 : limit}\n        columns={columns}\n        valueWidth={valueWidth}\n        header={header}\n      />\n    );\n  }\n\n  const ranked = rankRows(rows);\n  if (ranked.length === 0) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n        {emptyState}\n      </Txt>\n    );\n  }\n\n  const total = sumShares(ranked);\n  const paging = overflow === 'more';\n  const { shown, bar, rest } = paging\n    ? pageRows(ranked, { count, color, palette })\n    : foldRows(ranked, { limit, other, color, palette });\n  const segments = barSegments(bar, rest);\n  const litSegment = hoveredSegment(shown, hover);\n  const clearHover = () => setHover(undefined);\n\n  return (\n    <>\n      <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n        {segments.map(s => (\n          <span\n            key={s.key}\n            data-testid=\"share-bar-segment\"\n            onMouseEnter={() => setHover(s.key)}\n            className=\"h-full min-w-[3px] first:rounded-l-full last:rounded-r-full\"\n            style={{\n              flex: `${s.grow} 1 0`,\n              backgroundColor: s.paint.color,\n              opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n            }}\n          />\n        ))}\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n        {shown.map(r => (\n          <ShareBarRowView\n            key={r.key}\n            row={r}\n            columns={columns}\n            valueWidth={valueWidth}\n            share={fmtShare(r.share, total)}\n            highlighted={hover === r.key}\n            dimmed={isRowDimmed(r, hover)}\n            onHover={() => setHover(r.key)}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n        {paging && (\n          <ShowMore\n            shown={Math.min(count, ranked.length)}\n            total={ranked.length}\n            limit={limit}\n            pageSize={pageSize}\n            onMore={() => setPages(p => p + 1)}\n            onLess={() => setPages(0)}\n          />\n        )}\n      </ul>\n    </>\n  );\n}\n\n/** Column headers between the bar and the rows, right above the values they label. */\nfunction ShareBarHeader({\n  columns,\n  valueLabel,\n  valueWidth,\n}: {\n  columns: ShareBarColumn[];\n  valueLabel: string;\n  valueWidth: string;\n}) {\n  const cells = [\n    ...columns.map(c => ({ label: c.label, width: c.width ?? 'w-16' })),\n    { label: 'Share', width: 'w-12' },\n    { label: valueLabel, width: valueWidth },\n  ];\n  return (\n    <div aria-hidden className=\"flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder\">\n      {cells.map(cell => (\n        <span key={cell.label} className={cn('shrink-0 text-right whitespace-nowrap', cell.width)}>\n          {cell.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAAA,IAAa,MAAM;AACnB,IAAa,MAAM;;;ACmBnB,SAAgB,gBAAgB,EAC9B,KACA,SACA,YACA,OACA,aACA,QACA,SACA,iBACuB;CACvB,MAAM,YAAYA,cAAAA,GAAG,KAAK,eAAe,mBAAmB,IAAI,QAAQ,IAAI,YAAY,sBAAsB;CAC9G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACO;EACU;EACJ;EACX,OAAO,EAAE,SAAS,SAAS,KAAM,EAAE;EACnC,cAAc;EALhB,UAAA;GAOE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,WAAU;IACV,OAAO;KAAE,iBAAiB,IAAI,MAAM;KAAO,SAAS,IAAI,MAAM;IAAM;GACrE,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAe,IAAM,CAAA;GACpB,QAAQ,KAAK,GAAG,MACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAoB,WAAWA,cAAAA,GAAG,KAAK,yBAAyB,EAAE,SAAS,MAAM;IAC9E,UAAA,IAAI,QAAQ;GACT,GAFK,EAAE,KAEP,CACP;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAWA,cAAAA,GAAG,KAAK,4BAA4B;IAAI,UAAA;GAAY,CAAA;GACrE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAWA,cAAAA,GAAG,KAAK,mBAAmB,UAAU;IAAI,UAAA,IAAI;GAAY,CAAA;EAClE;CACR,CAAA,EAAA,CAAA;AAER;;AAGA,SAAS,SAAS,EAChB,KACA,eACA,GAAG,SAQF;CACD,IAAI,IAAI,MAEN,OAAO,iBAAA,GAAA,kBAAA,IAAA,CADQ,iBAAiB,KACzB;EAAQ,MAAM,IAAI;EAAM,GAAI;CAAQ,CAAA;CAE7C,IAAI,IAAI,SAAS,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,MAAK;EAAS,SAAS,IAAI;EAAS,GAAI;CAAQ,CAAA;CAChF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,GAAI,MAAQ,CAAA;AAC1B;;AAGA,SAAS,SAAS,EAAE,OAA0B;CAC5C,IAAI,OAAO,IAAI,UAAU,UACvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EAAsB,OAAO,IAAI;EAC9C,UAAA,IAAI;CACD,CAAA;CAGV,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EAA0B,OAAO,IAAI,SAAS,IAAI;EAChE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAU,MAAK;GACnC,UAAA,IAAI;EACF,CAAA;CACD,CAAA;AAEV;;;ACjFA,IAAa,gBAAgB;;;;;AAK7B,IAAM,OAAO;CAAC;CAAG;CAAG;CAAG;CAAG;AAAC,CAAC,CAAC,KAAI,MAAK,qBAAqB,EAAE,EAAE;;AAE/D,IAAM,mBAAmB;CAAC;CAAG;CAAG;CAAG;CAAG;AAAC,CAAC,CAAC,KAAI,MAAK,qBAAqB,EAAE,EAAE;AAC3E,IAAM,SAAS;CAAC;CAAG;CAAK;CAAM;CAAM;CAAK;AAAI;AAC7C,IAAM,OAAc;CAAE,OAAO;CAA2B,OAAO;AAAE;;AAEjE,IAAM,WAAW;AACjB,IAAa,WAAW;AAExB,SAAS,UAAU,MAAc,OAAe,SAA2B;CACzE,IAAI,YAAY,QAAQ;EAItB,MAAM,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,KAAK,QAAO,MAAK,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,gBAAgB;EACvG,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,OAAO;GAC9C,OAAO,KAAK,IAAI,KAAK,WAAW;GAChC,OAAO;IAAC;IAAG;IAAM;GAAG,CAAC,CAAC,KAAK,MAAM,IAAI,KAAK,MAAM,MAAM;EACxD,EAAE;CACJ;CACA,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,OAAO;EAAE,OAAO;EAAM,OAAO,OAAO,MAAM;CAAI,EAAE;AAC3F;AAEA,IAAa,aAAa,SAAwB,KAAK,QAAQ,KAAK,MAAM,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC;;;;;AAMvG,SAAgB,SAAS,MAAoC;CAC3D,OAAO,KACJ,KAAI,MAAM,OAAO,SAAS,EAAE,KAAK,KAAK,EAAE,QAAQ,IAAI,IAAI;EAAE,GAAG;EAAG,OAAO;CAAE,CAAE,CAAC,CAC5E,UAAU,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AACzC;;AAKA,SAAgB,SACd,QACA,EAAE,OAAO,OAAO,OAAO,WACvB;CACA,IAAI,OAAO,UAAU,QAAQ,GAAG;EAC9B,MAAM,MAAM,UAAU,QAAQ,OAAO,OAAO;EAC5C,OAAO;GAAE,OAAO;GAAK;GAAK,MAAM,CAAC;EAAE;CACrC;CACA,MAAM,OAAO,OAAO,MAAM,KAAK;CAC/B,MAAM,SAAS,QAAQ,IAAI;CAC3B,MAAM,WAAqB;EACzB,KAAK;EACL,OAAO,UAAU,KAAK,OAAO;EAC7B,OAAO,UAAU,IAAI;EACrB,OAAO,QAAQ;EACf,OAAO,QAAQ;EACf,OAAO;EACP,SAAS;CACX;CACA,MAAM,MAAM,UAAU,OAAO,MAAM,GAAG,KAAK,GAAG,OAAO,OAAO;CAC5D,OAAO;EAAE,OAAO,CAAC,GAAG,KAAK,QAAQ;EAAG;EAAK;CAAK;AAChD;AAEA,SAAS,UAAU,MAAqB,OAAe,SAA8B;CACnF,MAAM,SAAS,UAAU,OAAO,KAAK,QAAQ,OAAO;CACpD,OAAO,KAAK,KAAK,GAAG,OAAO;EAAE,GAAG;EAAG,OAAO,SAAS,CAAC,KAAK,OAAO,MAAM;EAAM,SAAS,EAAE;CAAI,EAAE;AAC/F;AAEA,IAAM,YAAY,QAAyC,IAAI,QAAQ;CAAE,OAAO,IAAI;CAAO,OAAO;AAAE,IAAI,KAAA;;;;;AAMxG,SAAgB,SAAS,QAAuB,EAAE,OAAO,OAAO,WAAuC;CACrG,MAAM,MAAM,KAAK,IAAI,OAAO,OAAO,QAAQ,QAAQ;CACnD,MAAM,MAAM,UAAU,OAAO,MAAM,GAAG,GAAG,GAAG,OAAO,OAAO;CAC1D,MAAM,OAAO,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC,KAAI,OAAM;EAAE,GAAG;EAAG,OAAO;EAAM,SAAS;CAAS,EAAE;CACzF,OAAO;EAAE,OAAO,CAAC,GAAG,KAAK,GAAG,IAAI;EAAG;EAAK,MAAM,OAAO,MAAM,GAAG;CAAE;AAClE;;AAGA,SAAgB,YAAY,KAAiB,MAAmC;CAC9E,MAAM,MAAM,IAAI,KAAI,OAAM;EAAE,KAAK,EAAE;EAAK,OAAO,EAAE;EAAO,OAAO,EAAE;CAAM,EAAE;CACzE,MAAM,OAAO,KAAK,SAAS,CAAC;EAAE,KAAK;EAAU,OAAO,UAAU,IAAI;EAAG,OAAO;CAAK,CAAC,IAAI,CAAC;CACvF,MAAM,WAAW,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,QAAO,MAAK,EAAE,QAAQ,CAAC;CAG1D,MAAM,QAAQ,SAAS,QAAQ,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;CAC1D,OAAO,SAAS,KAAI,OAAM;EAAE,KAAK,EAAE;EAAK,OAAO,EAAE;EAAO,MAAO,EAAE,QAAQ,QAAS;CAAI,EAAE;AAC1F;;AAGA,SAAgB,eAAe,OAAmB,OAAgB;CAChE,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,OAAO,MAAM,MAAK,MAAK,EAAE,QAAQ,KAAK,CAAC,EAAE,WAAW;AACtD;;AAGA,IAAa,mBAAmB,KAAa,QAAiB,QAAQ,KAAA,KAAa,QAAQ;;AAG3F,SAAgB,YAAY,KAAe,OAAgB;CACzD,IAAI,UAAU,KAAA,KAAa,UAAU,IAAI,KAAK,OAAO;CACrD,OAAO,EAAE,UAAA,YAAsB,IAAI,YAAA;AACrC;AAEA,IAAa,YAAY,GAAW,UAAkB;CACpD,MAAM,IAAI,KAAK,SAAS;CACxB,IAAI,EAAE,IAAI,IAAI,OAAO;CACrB,IAAI,IAAI,MAAO,OAAO;CACtB,OAAO,IAAI,IAAI,IAAA,CAAK,QAAQ,IAAI,KAAM,IAAI,CAAC,EAAE;AAC/C;;;AC7HA,SAAgB,SAAS,EACvB,OACA,OACA,OACA,UACA,QACA,UAQC;CACD,IAAI,SAAS,OAAO,OAAO;CAC3B,MAAM,OAAO,QAAQ;CACrB,MAAM,SACJ;CACF,MAAM,IAAI,IAAI,KAAK,aAAa,MAAM;EAAE,UAAU;EAAW,uBAAuB;CAAE,CAAC;CACvF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;EAAI,WAAU;EAAd,UAAA;GACG,OAAO,KACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,SAAS;IAAQ,WAAW;IAAlD,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD,EAAiB,WAAU,oBAAqB,CAAA;KAAC;KAC3C,KAAK,IAAI,MAAM,QAAQ;KAAE;IACzB;;GAET,QAAQ,SACP,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,SAAS;IAAQ,WAAW;IAAlD,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,eAAD,EAAe,WAAU,oBAAqB,CAAA;KAAC;KACrC;IACJ;;GAET,OAAO,KACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACG,EAAE,OAAO,KAAK;KAAE;KAAK,EAAE,OAAO,KAAK;IAChC;;EAEN;;AAER;;ACrCA,IAAM,eAAe;CAAC;CAAQ;CAAQ;CAAQ;CAAQ;AAAM;;AAG5D,SAAS,IAAI,EAAE,aAAoC;CACjD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACG,KACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD,EAAU,WAAWC,cAAAA,GAAG,2CAA2C,SAAS,EAAI,CAAA,CAChF,EAAA,CAAA;AAEN;;AAGA,SAAgB,iBAAiB,EAC/B,MACA,SACA,YACA,UAMC;CACD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAF,kBAAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD,EAAU,WAAU,yBAA0B,CAAA;EAC3C,CAAA;EACJ;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAI,WAAU;GAAmC,aAAA;GAC9C,UAAA,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAChC,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;IAAY,WAAW;IAAvB,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,gCAAiC,CAAA;KACrD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,YAAAA,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAU,WAAU;OACzC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAK,WAAWD,cAAAA,GAAG,UAAU,aAAa,IAAI,aAAa,OAAO,EAAI,CAAA;MACnE,CAAA;KACD,CAAA;KACL,QAAQ,KAAI,MACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAoB,WAAWA,cAAAA,GAAG,KAAK,YAAY,EAAE,SAAS,MAAM;MAClE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAK,WAAU,eAAgB,CAAA;KAC3B,GAFK,EAAE,KAEP,CACP;KACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAWA,cAAAA,GAAG,KAAK,eAAe;MACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAK,WAAU,cAAe,CAAA;KAC1B,CAAA;KACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAWA,cAAAA,GAAG,KAAK,YAAY,UAAU;MAC7C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAK,WAAU,eAAgB,CAAA;KAC3B,CAAA;IACJ;GAlBK,GAAA,CAkBL,CACL;EACC,CAAA;CACJ,EAAA,CAAA;AAEN;;;;;;;;ACpCA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAwB;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAWE,cAAAA,GAAG,oBAAoB,SAAS;EAC9C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;CACvB,CAAA;AAET;;AAGA,SAAS,aAAa,EACpB,MACA,UAAU,CAAC,GACX,YACA,aAAa,QACb,UAAU,UACV,QAAQ,eACR,QAAQ,GACR,WAAW,SACX,WAAW,IACX,OACA,aAAa,0BACb,YAAY,OACZ,iBACmC;CACnC,MAAM,CAAC,OAAO,aAAA,GAAYC,MAAAA,SAAAA,CAAiB;CAE3C,MAAM,CAAC,OAAO,aAAA,GAAYA,MAAAA,SAAAA,CAAS,CAAC;CACpC,MAAM,QAAQ,QAAQ,QAAQ;CAC9B,MAAM,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;EAAyB;EAAqB;EAAwB;CAAa,CAAA;CAElG,IAAI,WACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EACE,MAAM,aAAa,UAAU,QAAQ,IAAI;EAChC;EACG;EACJ;CACT,CAAA;CAIL,MAAM,SAAS,SAAS,IAAI;CAC5B,IAAI,OAAO,WAAW,GACpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,SAAQ;EAAU,MAAK;EAAQ,WAAU;EAC3C,UAAA;CACE,CAAA;CAIT,MAAM,QAAQ,UAAU,MAAM;CAC9B,MAAM,SAAS,aAAa;CAC5B,MAAM,EAAE,OAAO,KAAK,SAAS,SACzB,SAAS,QAAQ;EAAE;EAAO;EAAO;CAAQ,CAAC,IAC1C,SAAS,QAAQ;EAAE;EAAO;EAAO;EAAO;CAAQ,CAAC;CACrD,MAAM,WAAW,YAAY,KAAK,IAAI;CACtC,MAAM,aAAa,eAAe,OAAO,KAAK;CAC9C,MAAM,mBAAmB,SAAS,KAAA,CAAS;CAE3C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAmB,cAAc;GAC7C,UAAA,SAAS,KAAI,MACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAEE,eAAY;IACZ,oBAAoB,SAAS,EAAE,GAAG;IAClC,WAAU;IACV,OAAO;KACL,MAAM,GAAG,EAAE,KAAK;KAChB,iBAAiB,EAAE,MAAM;KACzB,SAAS,EAAE,MAAM,SAAS,gBAAgB,EAAE,KAAK,UAAU,IAAI,KAAM;IACvE;GACD,GATM,EAAE,GASR,CACF;EACE,CAAA;EACJ;EACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;GAAI,WAAU;GAAmC,cAAc;GAA/D,UAAA,CACG,MAAM,KAAI,MACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;IAEE,KAAK;IACI;IACG;IACZ,OAAO,SAAS,EAAE,OAAO,KAAK;IAC9B,aAAa,UAAU,EAAE;IACzB,QAAQ,YAAY,GAAG,KAAK;IAC5B,eAAe,SAAS,EAAE,GAAG;IACd;GAChB,GATM,EAAE,GASR,CACF,GACA,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,OAAO,KAAK,IAAI,OAAO,OAAO,MAAM;IACpC,OAAO,OAAO;IACP;IACG;IACV,cAAc,UAAS,MAAK,IAAI,CAAC;IACjC,cAAc,SAAS,CAAC;GACzB,CAAA,CAED;;CACJ,EAAA,CAAA;AAEN;;AAGA,SAAS,eAAe,EACtB,SACA,YACA,cAKC;CACD,MAAM,QAAQ;EACZ,GAAG,QAAQ,KAAI,OAAM;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE,SAAS;EAAO,EAAE;EAClE;GAAE,OAAO;GAAS,OAAO;EAAO;EAChC;GAAE,OAAO;GAAY,OAAO;EAAW;CACzC;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,eAAA;EAAY,WAAU;EACxB,UAAA,MAAM,KAAI,SACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAuB,WAAWH,cAAAA,GAAG,yCAAyC,KAAK,KAAK;GACrF,UAAA,KAAK;EACF,GAFK,KAAK,KAEV,CACP;CACE,CAAA;AAET"}