@tangle-network/charts 2.0.12 → 2.0.14

package/dist/react/index.js

@@ -1,6 +1,8 @@
-import { C as isRefusal, J as hatchPath, O as duration, S as markName, Z as markerPath, i as timeline, n as reportedCount, p as MARK_HEADS, r as sumReportedCounts, t as finiteNumber, v as eventsGap } from "../flow-trace-k097Ukvs.js";
+import { G as hatchPath, J as markerPath, T as duration, b as isRefusal, ct as wrap, h as eventsGap, st as textWidth, t as timeline, u as MARK_HEADS, y as markName } from "../timeline-B7c-cede.js";
+import { n as reportedCount, r as sumReportedCounts } from "../flow-trace-DRluIYw8.js";
+import { C as visibleFlowWaterfallRows, D as statusMeta, E as runStatus, S as totalsAt, T as RunStatusIcon, _ as slowestRow, a as costSummary, b as spanRunning, c as drawnRow, d as formatCount, f as formatSpanDuration, g as searchMatchIds, h as rowCostText, i as busyMs, l as flowWaterfallRows, n as agentSummary, o as criticalPathIds, p as quietActivity, r as agentViewRows, s as defaultOpenFamilies, t as agentCallouts, u as formatCost, v as spanFact, w as workKind, x as toneKey, y as spanFailed } from "../flow-waterfall-model-DvrgPLGS.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 //#region src/react/sparkline.tsx
 const DEFAULT_SPARKLINE_WIDTH = 96;
 const DEFAULT_SPARKLINE_HEIGHT = 24;
@@ -652,9 +654,9 @@ const durationStyle = {
 	fontFamily: "var(--font-mono, monospace)",
 	fontVariantNumeric: "tabular-nums"
 };
-const ordered$1 = (start, end) => Number.isFinite(start) && Number.isFinite(end) && end >= start;
+const ordered = (start, end) => Number.isFinite(start) && Number.isFinite(end) && end >= start;
 function WaterfallTimeAxis({ windowMs, originMs = 0, widthPx = 208, formatDuration = formatWaterfallDuration, className, fluid = false }) {
-	if (!ordered$1(0, windowMs) || !Number.isFinite(originMs)) return null;
+	if (!ordered(0, windowMs) || !Number.isFinite(originMs)) return null;
 	const ticks = waterfallTicks(windowMs, widthPx);
 	if (windowMs === 0) return null;
 	return /* @__PURE__ */ jsx("div", {
@@ -706,7 +708,7 @@ function WaterfallBar({ startMs, endMs, window, tone = "default", formatDuration
 		minWidth: 0,
 		flex: "1 1 0%"
 	} : timingCell;
-	if (!ordered$1(startMs, endMs) || !ordered$1(window.startMs, window.endMs)) return /* @__PURE__ */ jsx("span", {
+	if (!ordered(startMs, endMs) || !ordered(window.startMs, window.endMs)) return /* @__PURE__ */ jsx("span", {
 		className,
 		"data-waterfall-track": "",
 		"data-unavailable": "true",
@@ -779,7 +781,7 @@ function WaterfallRow({ label, attribution, startMs, endMs, window, tone, format
 				"data-waterfall-duration": "",
 				className: durationClassName,
 				style: durationStyle,
-				children: durationLabel ?? (ordered$1(startMs, endMs) ? formatDuration(endMs - startMs) : "—")
+				children: durationLabel ?? (ordered(startMs, endMs) ? formatDuration(endMs - startMs) : "—")
 			})
 		]
 	});
@@ -869,22 +871,37 @@ function ticksFor(max) {
 	};
 }
 function Tooltip({ tip }) {
+	const ref = useRef(null);
+	const [position, setPosition] = useState({
+		left: 0,
+		top: 0
+	});
+	useLayoutEffect(() => {
+		const node = ref.current, parent = node?.parentElement;
+		if (!tip || !node || !parent) return;
+		const place = () => {
+			const next = {
+				left: Math.max(0, Math.min(tip.x, parent.clientWidth - node.offsetWidth)),
+				top: Math.max(0, Math.min(tip.y, parent.clientHeight - node.offsetHeight))
+			};
+			setPosition((old) => old.left === next.left && old.top === next.top ? old : next);
+		};
+		place();
+		const observer = new ResizeObserver(place);
+		observer.observe(node);
+		observer.observe(parent);
+		return () => observer.disconnect();
+	}, [tip]);
 	if (!tip) return null;
 	return /* @__PURE__ */ jsxs("div", {
+		ref,
 		className: "ov-tip",
 		role: "tooltip",
-		style: {
-			left: tip.x,
-			top: tip.y
-		},
-		children: [/* @__PURE__ */ jsx("strong", { children: tip.title }), tip.lines.map((line) => /* @__PURE__ */ jsxs("span", {
+		style: position,
+		children: [/* @__PURE__ */ jsx("strong", { children: tip.title }), tip.lines.map((line, i) => /* @__PURE__ */ jsxs("span", {
 			className: "ov-tip-line",
-			children: [
-				line.color && /* @__PURE__ */ jsx("i", { style: { background: line.color } }),
-				/* @__PURE__ */ jsx("span", { children: line.label }),
-				/* @__PURE__ */ jsx("b", { children: line.value })
-			]
-		}, line.label))]
+			children: [/* @__PURE__ */ jsxs("span", { children: [line.color && /* @__PURE__ */ jsx("i", { style: { background: line.color } }), line.label] }), /* @__PURE__ */ jsx("b", { children: line.value })]
+		}, `${line.label}:${i}`))]
 	});
 }
 /** Bars per day (or per any label: `tick` shortens it on the axis), stacked by series, on one axis; hovering a bar lists
@@ -1394,7 +1411,13 @@ function Meter({ used, total, format = formatCompact, tone, text, segments, step
 			children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", {
 				"data-state": step.state,
 				"aria-current": i === current ? "step" : void 0,
-				children: [/* @__PURE__ */ jsx("strong", { children: i + 1 }), /* @__PURE__ */ jsx("span", { children: step.label })]
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "ov-step-head",
+					children: [/* @__PURE__ */ jsx("strong", { children: i + 1 }), /* @__PURE__ */ jsx("small", {
+						className: "ov-step-state",
+						children: step.state === "pass" ? "Pass" : step.state === "fail" ? "Stuck" : "Unchecked"
+					})]
+				}), /* @__PURE__ */ jsx("span", { children: step.label })]
 			}, i))
 		});
 	}
@@ -1653,6 +1676,16 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 	const plotW = Math.max(0, width - labelW - 10);
 	const x = (t) => labelW + (t - t0) / (t1 - t0) * plotW;
 	const fallback = colors.unknown ?? "var(--chart-live-faint, var(--chart-muted))";
+	const orderedMarks = [...marks].sort((a, b) => a.at - b.at);
+	const best = orderedMarks.find((mark) => mark.label === bestMark);
+	const labelled = new Set(best ? [best] : []), positions = best ? [x(best.at)] : [];
+	const every = Math.max(1, Math.ceil(marks.length / Math.max(1, Math.floor(plotW / (6 * em)))));
+	orderedMarks.forEach((mark, i) => {
+		if (i % every === 0 && positions.every((at) => Math.abs(at - x(mark.at)) >= 5 * em)) {
+			labelled.add(mark);
+			positions.push(x(mark.at));
+		}
+	});
 	const hatched = new Set(hatch);
 	const plotBottom = top + lanes.length * rowH;
 	const first = maxHeight && lanes.length > 100 ? Math.max(0, Math.floor((scrollTop - top) / rowH) - 6) : 0;
@@ -1677,7 +1710,11 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 				width,
 				height: 52,
 				"aria-label": "Releases and time axis",
-				children: [marks.map((mark, i) => /* @__PURE__ */ jsxs("g", {
+				children: [orderedMarks.map((mark, i) => /* @__PURE__ */ jsxs("g", {
+					tabIndex: 0,
+					role: "img",
+					"aria-label": markName(mark),
+					"data-labelled": bestMark ? labelled.has(mark) : void 0,
 					"data-best": mark.label === bestMark || void 0,
 					children: [/* @__PURE__ */ jsx(Mark, {
 						mark,
@@ -1735,6 +1772,10 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 						})] }, f)),
 						visible.map((lane, offset) => {
 							const i = first + offset, y = top + i * rowH;
+							const suffix = typeof lane.count === "number" && Number.isFinite(lane.count) ? ` · ${lane.count.toLocaleString()}` : "";
+							const label = wrap(lane.label, Math.max(40, (phone ? width - 16 : labelW - em) - textWidth(suffix, 13)), 13, "sans", 1).lines[0];
+							const final = lane.spans.length ? lane.spans.reduce((last, s) => ends(s) >= ends(last) ? s : last) : void 0;
+							const endLabel = selectedId === lane.id && final?.endLabel ? wrap(final.endLabel, Math.max(40, plotW - 16), 13, "sans", 1).lines[0] : void 0;
 							return /* @__PURE__ */ jsxs("g", {
 								"data-lane": lane.id,
 								"data-lane-index": i,
@@ -1778,14 +1819,21 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 											x: tipX(x(ends(lane.spans.at(-1) ?? { end: t1 }))),
 											y: tipY(y),
 											title: lane.label,
-											lines: lane.spans.flatMap((s) => [{
-												label: s.end === null ? `${s.state} (open)` : s.state,
-												value: span(s.start, ends(s)),
-												color: hatched.has(s.state) ? void 0 : colors[s.state] ?? fallback
-											}, ...s.note ? [{
-												label: s.note,
-												value: ""
-											}] : []])
+											lines: lane.spans.flatMap((s) => [
+												{
+													label: s.end === null ? `${s.state} (open)` : s.state,
+													value: span(s.start, ends(s)),
+													color: hatched.has(s.state) ? void 0 : colors[s.state] ?? fallback
+												},
+												...s.note ? [{
+													label: s.note,
+													value: ""
+												}] : [],
+												...s.endLabel ? [{
+													label: "Duration / cost",
+													value: s.endLabel
+												}] : []
+											])
 										})
 									}),
 									/* @__PURE__ */ jsxs("text", {
@@ -1794,7 +1842,18 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 										dominantBaseline: "middle",
 										textAnchor: phone ? "start" : "end",
 										className: "ov-axis ov-gantt-label",
-										children: [/* @__PURE__ */ jsx("title", { children: lane.label }), lane.label.length > 26 ? `${lane.label.slice(0, 25)}…` : lane.label]
+										children: [
+											/* @__PURE__ */ jsxs("title", { children: [
+												lane.label,
+												suffix,
+												suffix && lane.countLabel ? ` ${lane.countLabel}` : ""
+											] }),
+											label,
+											suffix && /* @__PURE__ */ jsx("tspan", {
+												className: "ov-gantt-count",
+												children: suffix
+											})
+										]
 									}),
 									lane.spans.map((s, j) => {
 										const color = colors[s.state] ?? fallback;
@@ -1808,14 +1867,21 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 												x: tipX(bx + bw),
 												y: tipY(y),
 												title: lane.label,
-												lines: [{
-													label: open ? `${s.state} (open)` : s.state,
-													value: span(s.start, ends(s)),
-													color: hatched.has(s.state) ? void 0 : color
-												}, ...s.note ? [{
-													label: s.note,
-													value: ""
-												}] : []]
+												lines: [
+													{
+														label: open ? `${s.state} (open)` : s.state,
+														value: span(s.start, ends(s)),
+														color: hatched.has(s.state) ? void 0 : color
+													},
+													...s.note ? [{
+														label: s.note,
+														value: ""
+													}] : [],
+													...s.endLabel ? [{
+														label: "Duration / cost",
+														value: s.endLabel
+													}] : []
+												]
 											}),
 											children: hatched.has(s.state) ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
 												x: bx,
@@ -1836,6 +1902,13 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 												className: open ? "ov-gantt-open" : void 0
 											})
 										}, j);
+									}),
+									endLabel && /* @__PURE__ */ jsxs("text", {
+										className: "ov-gantt-end",
+										x: Math.max(labelW + 8, Math.min(x(ends(final)) + 8, width - textWidth(endLabel, 13) - 8)),
+										y: y + (phone ? 24 : rowH * .25) + rowH * .25,
+										dominantBaseline: "middle",
+										children: [/* @__PURE__ */ jsx("title", { children: final?.endLabel }), endLabel]
 									})
 								]
 							}, lane.id);
@@ -1848,8 +1921,9 @@ function Gantt({ rows, lanes: laneInput, colors, axis, span, marks = [], now, ha
 							className: "ov-now",
 							"data-now": "true"
 						}),
-						[...marks].sort((a, b) => a.at - b.at).map((mark, i) => /* @__PURE__ */ jsxs("g", {
+						orderedMarks.map((mark, i) => /* @__PURE__ */ jsxs("g", {
 							className: mark.verdict ? `ov-verdict-${mark.verdict}` : void 0,
+							"data-labelled": !maxHeight && bestMark ? labelled.has(mark) : void 0,
 							"data-best": mark.label === bestMark || void 0,
 							style: maxHeight ? { pointerEvents: "none" } : void 0,
 							children: [
@@ -2549,4742 +2623,6 @@ function DotMap({ positions, radii, colors, palette, extent, rects, labels, dimm
 	});
 }
 //#endregion
-//#region node_modules/clsx/dist/clsx.mjs
-function r(e) {
-	var t, f, n = "";
-	if ("string" == typeof e || "number" == typeof e) n += e;
-	else if ("object" == typeof e) if (Array.isArray(e)) {
-		var o = e.length;
-		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-	} else for (f in e) e[f] && (n && (n += " "), n += f);
-	return n;
-}
-function clsx() {
-	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-	return n;
-}
-//#endregion
-//#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
-/**
-* Concatenates two arrays faster than the array spread operator.
-*/
-const concatArrays = (array1, array2) => {
-	const combinedArray = new Array(array1.length + array2.length);
-	for (let i = 0; i < array1.length; i++) combinedArray[i] = array1[i];
-	for (let i = 0; i < array2.length; i++) combinedArray[array1.length + i] = array2[i];
-	return combinedArray;
-};
-const createClassValidatorObject = (classGroupId, validator) => ({
-	classGroupId,
-	validator
-});
-const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
-	nextPart,
-	validators,
-	classGroupId
-});
-const CLASS_PART_SEPARATOR = "-";
-const EMPTY_CONFLICTS = [];
-const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
-const createClassGroupUtils = (config) => {
-	const classMap = createClassMap(config);
-	const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
-	const getClassGroupId = (className) => {
-		if (className.startsWith("[") && className.endsWith("]")) return getGroupIdForArbitraryProperty(className);
-		const classParts = className.split(CLASS_PART_SEPARATOR);
-		const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
-		return getGroupRecursive(classParts, startIndex, classMap);
-	};
-	const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-		if (hasPostfixModifier) {
-			const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-			const baseConflicts = conflictingClassGroups[classGroupId];
-			if (modifierConflicts) {
-				if (baseConflicts) return concatArrays(baseConflicts, modifierConflicts);
-				return modifierConflicts;
-			}
-			return baseConflicts || EMPTY_CONFLICTS;
-		}
-		return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
-	};
-	return {
-		getClassGroupId,
-		getConflictingClassGroupIds
-	};
-};
-const getGroupRecursive = (classParts, startIndex, classPartObject) => {
-	if (classParts.length - startIndex === 0) return classPartObject.classGroupId;
-	const currentClassPart = classParts[startIndex];
-	const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-	if (nextClassPartObject) {
-		const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
-		if (result) return result;
-	}
-	const validators = classPartObject.validators;
-	if (validators === null) return;
-	const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
-	const validatorsLength = validators.length;
-	for (let i = 0; i < validatorsLength; i++) {
-		const validatorObj = validators[i];
-		if (validatorObj.validator(classRest)) return validatorObj.classGroupId;
-	}
-};
-/**
-* Get the class group ID for an arbitrary property.
-*
-* @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.
-*/
-const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-	const content = className.slice(1, -1);
-	const colonIndex = content.indexOf(":");
-	const property = content.slice(0, colonIndex);
-	return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
-})();
-/**
-* Exported for testing only
-*/
-const createClassMap = (config) => {
-	const { theme, classGroups } = config;
-	return processClassGroups(classGroups, theme);
-};
-const processClassGroups = (classGroups, theme) => {
-	const classMap = createClassPartObject();
-	for (const classGroupId in classGroups) {
-		const group = classGroups[classGroupId];
-		processClassesRecursively(group, classMap, classGroupId, theme);
-	}
-	return classMap;
-};
-const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-	const len = classGroup.length;
-	for (let i = 0; i < len; i++) {
-		const classDefinition = classGroup[i];
-		processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
-	}
-};
-const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-	if (typeof classDefinition === "string") {
-		processStringDefinition(classDefinition, classPartObject, classGroupId);
-		return;
-	}
-	if (typeof classDefinition === "function") {
-		processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
-		return;
-	}
-	processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
-};
-const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
-	const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-	classPartObjectToEdit.classGroupId = classGroupId;
-};
-const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-	if (isThemeGetter(classDefinition)) {
-		processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-		return;
-	}
-	if (classPartObject.validators === null) classPartObject.validators = [];
-	classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
-};
-const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-	const entries = Object.entries(classDefinition);
-	const len = entries.length;
-	for (let i = 0; i < len; i++) {
-		const [key, value] = entries[i];
-		processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
-	}
-};
-const getPart = (classPartObject, path) => {
-	let current = classPartObject;
-	const parts = path.split(CLASS_PART_SEPARATOR);
-	const len = parts.length;
-	for (let i = 0; i < len; i++) {
-		const part = parts[i];
-		let next = current.nextPart.get(part);
-		if (!next) {
-			next = createClassPartObject();
-			current.nextPart.set(part, next);
-		}
-		current = next;
-	}
-	return current;
-};
-const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
-const createLruCache = (maxCacheSize) => {
-	if (maxCacheSize < 1) return {
-		get: () => void 0,
-		set: () => {}
-	};
-	let cacheSize = 0;
-	let cache = Object.create(null);
-	let previousCache = Object.create(null);
-	const update = (key, value) => {
-		cache[key] = value;
-		cacheSize++;
-		if (cacheSize > maxCacheSize) {
-			cacheSize = 0;
-			previousCache = cache;
-			cache = Object.create(null);
-		}
-	};
-	return {
-		get(key) {
-			let value = cache[key];
-			if (value !== void 0) return value;
-			if ((value = previousCache[key]) !== void 0) {
-				update(key, value);
-				return value;
-			}
-		},
-		set(key, value) {
-			if (key in cache) cache[key] = value;
-			else update(key, value);
-		}
-	};
-};
-const IMPORTANT_MODIFIER = "!";
-const MODIFIER_SEPARATOR = ":";
-const EMPTY_MODIFIERS = [];
-const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
-	modifiers,
-	hasImportantModifier,
-	baseClassName,
-	maybePostfixModifierPosition,
-	isExternal
-});
-const createParseClassName = (config) => {
-	const { prefix, experimentalParseClassName } = config;
-	/**
-	* Parse class name into parts.
-	*
-	* Inspired by `splitAtTopLevelOnly` used in Tailwind CSS
-	* @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
-	*/
-	let parseClassName = (className) => {
-		const modifiers = [];
-		let bracketDepth = 0;
-		let parenDepth = 0;
-		let modifierStart = 0;
-		let postfixModifierPosition;
-		const len = className.length;
-		for (let index = 0; index < len; index++) {
-			const currentCharacter = className[index];
-			if (bracketDepth === 0 && parenDepth === 0) {
-				if (currentCharacter === MODIFIER_SEPARATOR) {
-					modifiers.push(className.slice(modifierStart, index));
-					modifierStart = index + 1;
-					continue;
-				}
-				if (currentCharacter === "/") {
-					postfixModifierPosition = index;
-					continue;
-				}
-			}
-			if (currentCharacter === "[") bracketDepth++;
-			else if (currentCharacter === "]") bracketDepth--;
-			else if (currentCharacter === "(") parenDepth++;
-			else if (currentCharacter === ")") parenDepth--;
-		}
-		const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
-		let baseClassName = baseClassNameWithImportantModifier;
-		let hasImportantModifier = false;
-		if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
-			baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
-			hasImportantModifier = true;
-		} else if (baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
-			baseClassName = baseClassNameWithImportantModifier.slice(1);
-			hasImportantModifier = true;
-		}
-		const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-		return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
-	};
-	if (prefix) {
-		const fullPrefix = prefix + MODIFIER_SEPARATOR;
-		const parseClassNameOriginal = parseClassName;
-		parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
-	}
-	if (experimentalParseClassName) {
-		const parseClassNameOriginal = parseClassName;
-		parseClassName = (className) => experimentalParseClassName({
-			className,
-			parseClassName: parseClassNameOriginal
-		});
-	}
-	return parseClassName;
-};
-/**
-* Sorts modifiers according to following schema:
-* - Predefined modifiers are sorted alphabetically
-* - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
-*/
-const createSortModifiers = (config) => {
-	const modifierWeights = /* @__PURE__ */ new Map();
-	config.orderSensitiveModifiers.forEach((mod, index) => {
-		modifierWeights.set(mod, 1e6 + index);
-	});
-	return (modifiers) => {
-		const result = [];
-		let currentSegment = [];
-		for (let i = 0; i < modifiers.length; i++) {
-			const modifier = modifiers[i];
-			const isArbitrary = modifier[0] === "[";
-			const isOrderSensitive = modifierWeights.has(modifier);
-			if (isArbitrary || isOrderSensitive) {
-				if (currentSegment.length > 0) {
-					currentSegment.sort();
-					result.push(...currentSegment);
-					currentSegment = [];
-				}
-				result.push(modifier);
-			} else currentSegment.push(modifier);
-		}
-		if (currentSegment.length > 0) {
-			currentSegment.sort();
-			result.push(...currentSegment);
-		}
-		return result;
-	};
-};
-const createConfigUtils = (config) => ({
-	cache: createLruCache(config.cacheSize),
-	parseClassName: createParseClassName(config),
-	sortModifiers: createSortModifiers(config),
-	postfixLookupClassGroupIds: createPostfixLookupClassGroupIds(config),
-	...createClassGroupUtils(config)
-});
-const createPostfixLookupClassGroupIds = (config) => {
-	const lookup = Object.create(null);
-	const classGroupIds = config.postfixLookupClassGroups;
-	if (classGroupIds) for (let i = 0; i < classGroupIds.length; i++) lookup[classGroupIds[i]] = true;
-	return lookup;
-};
-const SPLIT_CLASSES_REGEX = /\s+/;
-const mergeClassList = (classList, configUtils) => {
-	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers, postfixLookupClassGroupIds } = configUtils;
-	/**
-	* Set of classGroupIds in following format:
-	* `{importantModifier}{variantModifiers}{classGroupId}`
-	* @example 'float'
-	* @example 'hover:focus:bg-color'
-	* @example 'md:!pr'
-	*/
-	const classGroupsInConflict = [];
-	const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-	let result = "";
-	for (let index = classNames.length - 1; index >= 0; index -= 1) {
-		const originalClassName = classNames[index];
-		const { isExternal, modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
-		if (isExternal) {
-			result = originalClassName + (result.length > 0 ? " " + result : result);
-			continue;
-		}
-		let hasPostfixModifier = !!maybePostfixModifierPosition;
-		let classGroupId;
-		if (hasPostfixModifier) {
-			classGroupId = getClassGroupId(baseClassName.substring(0, maybePostfixModifierPosition));
-			const classGroupIdWithPostfix = classGroupId && postfixLookupClassGroupIds[classGroupId] ? getClassGroupId(baseClassName) : void 0;
-			if (classGroupIdWithPostfix && classGroupIdWithPostfix !== classGroupId) {
-				classGroupId = classGroupIdWithPostfix;
-				hasPostfixModifier = false;
-			}
-		} else classGroupId = getClassGroupId(baseClassName);
-		if (!classGroupId) {
-			if (!hasPostfixModifier) {
-				result = originalClassName + (result.length > 0 ? " " + result : result);
-				continue;
-			}
-			classGroupId = getClassGroupId(baseClassName);
-			if (!classGroupId) {
-				result = originalClassName + (result.length > 0 ? " " + result : result);
-				continue;
-			}
-			hasPostfixModifier = false;
-		}
-		const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
-		const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-		const classId = modifierId + classGroupId;
-		if (classGroupsInConflict.indexOf(classId) > -1) continue;
-		classGroupsInConflict.push(classId);
-		const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-		for (let i = 0; i < conflictGroups.length; ++i) {
-			const group = conflictGroups[i];
-			classGroupsInConflict.push(modifierId + group);
-		}
-		result = originalClassName + (result.length > 0 ? " " + result : result);
-	}
-	return result;
-};
-/**
-* The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
-*
-* Specifically:
-* - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
-* - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
-*
-* Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
-*/
-const twJoin = (...classLists) => {
-	let index = 0;
-	let argument;
-	let resolvedValue;
-	let string = "";
-	while (index < classLists.length) if (argument = classLists[index++]) {
-		if (resolvedValue = toValue(argument)) {
-			string && (string += " ");
-			string += resolvedValue;
-		}
-	}
-	return string;
-};
-const toValue = (mix) => {
-	if (typeof mix === "string") return mix;
-	let resolvedValue;
-	let string = "";
-	for (let k = 0; k < mix.length; k++) if (mix[k]) {
-		if (resolvedValue = toValue(mix[k])) {
-			string && (string += " ");
-			string += resolvedValue;
-		}
-	}
-	return string;
-};
-const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
-	let configUtils;
-	let cacheGet;
-	let cacheSet;
-	let functionToCall;
-	const initTailwindMerge = (classList) => {
-		const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
-		configUtils = createConfigUtils(config);
-		cacheGet = configUtils.cache.get;
-		cacheSet = configUtils.cache.set;
-		functionToCall = tailwindMerge;
-		return tailwindMerge(classList);
-	};
-	const tailwindMerge = (classList) => {
-		const cachedResult = cacheGet(classList);
-		if (cachedResult) return cachedResult;
-		const result = mergeClassList(classList, configUtils);
-		cacheSet(classList, result);
-		return result;
-	};
-	functionToCall = initTailwindMerge;
-	return (...args) => functionToCall(twJoin(...args));
-};
-const fallbackThemeArr = [];
-const fromTheme = (key) => {
-	const themeGetter = (theme) => theme[key] || fallbackThemeArr;
-	themeGetter.isThemeGetter = true;
-	themeGetter.themeKey = key;
-	return themeGetter;
-};
-const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
-const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
-const fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
-const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
-const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/;
-const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
-const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-const isFraction = (value) => fractionRegex.test(value);
-const isNumber = (value) => !!value && !Number.isNaN(Number(value));
-const isInteger = (value) => !!value && Number.isInteger(Number(value));
-const isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
-const isTshirtSize = (value) => tshirtUnitRegex.test(value);
-const isAny = () => true;
-const isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
-const isNever = () => false;
-const isShadow = (value) => shadowRegex.test(value);
-const isImage = (value) => imageRegex.test(value);
-const isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
-const isNamedContainerQuery = (value) => value.startsWith("@container") && (value[10] === "/" && value[11] !== void 0 || value[11] === "s" && value[16] !== void 0 && value.startsWith("-size/", 10) || value[11] === "n" && value[18] !== void 0 && value.startsWith("-normal/", 10));
-const isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
-const isArbitraryValue = (value) => arbitraryValueRegex.test(value);
-const isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
-const isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
-const isArbitraryWeight = (value) => getIsArbitraryValue(value, isLabelWeight, isAny);
-const isArbitraryFamilyName = (value) => getIsArbitraryValue(value, isLabelFamilyName, isNever);
-const isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
-const isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
-const isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
-const isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
-const isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
-const isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
-const isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
-const isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
-const isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
-const isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
-const isArbitraryVariableWeight = (value) => getIsArbitraryVariable(value, isLabelWeight, true);
-const getIsArbitraryValue = (value, testLabel, testValue) => {
-	const result = arbitraryValueRegex.exec(value);
-	if (result) {
-		if (result[1]) return testLabel(result[1]);
-		return testValue(result[2]);
-	}
-	return false;
-};
-const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
-	const result = arbitraryVariableRegex.exec(value);
-	if (result) {
-		if (result[1]) return testLabel(result[1]);
-		return shouldMatchNoLabel;
-	}
-	return false;
-};
-const isLabelPosition = (label) => label === "position" || label === "percentage";
-const isLabelImage = (label) => label === "image" || label === "url";
-const isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
-const isLabelLength = (label) => label === "length";
-const isLabelNumber = (label) => label === "number";
-const isLabelFamilyName = (label) => label === "family-name";
-const isLabelWeight = (label) => label === "number" || label === "weight";
-const isLabelShadow = (label) => label === "shadow";
-const getDefaultConfig = () => {
-	/**
-	* Theme getters for theme variable namespaces
-	* @see https://tailwindcss.com/docs/theme#theme-variable-namespaces
-	*/
-	const themeColor = fromTheme("color");
-	const themeFont = fromTheme("font");
-	const themeText = fromTheme("text");
-	const themeFontWeight = fromTheme("font-weight");
-	const themeTracking = fromTheme("tracking");
-	const themeLeading = fromTheme("leading");
-	const themeBreakpoint = fromTheme("breakpoint");
-	const themeContainer = fromTheme("container");
-	const themeSpacing = fromTheme("spacing");
-	const themeRadius = fromTheme("radius");
-	const themeShadow = fromTheme("shadow");
-	const themeInsetShadow = fromTheme("inset-shadow");
-	const themeTextShadow = fromTheme("text-shadow");
-	const themeDropShadow = fromTheme("drop-shadow");
-	const themeBlur = fromTheme("blur");
-	const themePerspective = fromTheme("perspective");
-	const themeAspect = fromTheme("aspect");
-	const themeEase = fromTheme("ease");
-	const themeAnimate = fromTheme("animate");
-	/**
-	* Helpers to avoid repeating the same scales
-	*
-	* We use functions that create a new array every time they're called instead of static arrays.
-	* This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.
-	*/
-	const scaleBreak = () => [
-		"auto",
-		"avoid",
-		"all",
-		"avoid-page",
-		"page",
-		"left",
-		"right",
-		"column"
-	];
-	const scalePosition = () => [
-		"center",
-		"top",
-		"bottom",
-		"left",
-		"right",
-		"top-left",
-		"left-top",
-		"top-right",
-		"right-top",
-		"bottom-right",
-		"right-bottom",
-		"bottom-left",
-		"left-bottom"
-	];
-	const scalePositionWithArbitrary = () => [
-		...scalePosition(),
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleOverflow = () => [
-		"auto",
-		"hidden",
-		"clip",
-		"visible",
-		"scroll"
-	];
-	const scaleOverscroll = () => [
-		"auto",
-		"contain",
-		"none"
-	];
-	const scaleUnambiguousSpacing = () => [
-		isArbitraryVariable,
-		isArbitraryValue,
-		themeSpacing
-	];
-	const scaleInset = () => [
-		isFraction,
-		"full",
-		"auto",
-		...scaleUnambiguousSpacing()
-	];
-	const scaleGridTemplateColsRows = () => [
-		isInteger,
-		"none",
-		"subgrid",
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleGridColRowStartAndEnd = () => [
-		"auto",
-		{ span: [
-			"full",
-			isInteger,
-			isArbitraryVariable,
-			isArbitraryValue
-		] },
-		isInteger,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleGridColRowStartOrEnd = () => [
-		isInteger,
-		"auto",
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleGridAutoColsRows = () => [
-		"auto",
-		"min",
-		"max",
-		"fr",
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleAlignPrimaryAxis = () => [
-		"start",
-		"end",
-		"center",
-		"between",
-		"around",
-		"evenly",
-		"stretch",
-		"baseline",
-		"center-safe",
-		"end-safe"
-	];
-	const scaleAlignSecondaryAxis = () => [
-		"start",
-		"end",
-		"center",
-		"stretch",
-		"center-safe",
-		"end-safe"
-	];
-	const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
-	const scaleSizing = () => [
-		isFraction,
-		"auto",
-		"full",
-		"dvw",
-		"dvh",
-		"lvw",
-		"lvh",
-		"svw",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	];
-	const scaleSizingInline = () => [
-		themeContainer,
-		isFraction,
-		"screen",
-		"full",
-		"dvw",
-		"lvw",
-		"svw",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	];
-	const scaleSizingBlock = () => [
-		isFraction,
-		"screen",
-		"full",
-		"lh",
-		"dvh",
-		"lvh",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	];
-	const scaleColor = () => [
-		themeColor,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleBgPosition = () => [
-		...scalePosition(),
-		isArbitraryVariablePosition,
-		isArbitraryPosition,
-		{ position: [isArbitraryVariable, isArbitraryValue] }
-	];
-	const scaleBgRepeat = () => ["no-repeat", { repeat: [
-		"",
-		"x",
-		"y",
-		"space",
-		"round"
-	] }];
-	const scaleBgSize = () => [
-		"auto",
-		"cover",
-		"contain",
-		isArbitraryVariableSize,
-		isArbitrarySize,
-		{ size: [isArbitraryVariable, isArbitraryValue] }
-	];
-	const scaleGradientStopPosition = () => [
-		isPercent,
-		isArbitraryVariableLength,
-		isArbitraryLength
-	];
-	const scaleRadius = () => [
-		"",
-		"none",
-		"full",
-		themeRadius,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleBorderWidth = () => [
-		"",
-		isNumber,
-		isArbitraryVariableLength,
-		isArbitraryLength
-	];
-	const scaleLineStyle = () => [
-		"solid",
-		"dashed",
-		"dotted",
-		"double"
-	];
-	const scaleBlendMode = () => [
-		"normal",
-		"multiply",
-		"screen",
-		"overlay",
-		"darken",
-		"lighten",
-		"color-dodge",
-		"color-burn",
-		"hard-light",
-		"soft-light",
-		"difference",
-		"exclusion",
-		"hue",
-		"saturation",
-		"color",
-		"luminosity"
-	];
-	const scaleMaskImagePosition = () => [
-		isNumber,
-		isPercent,
-		isArbitraryVariablePosition,
-		isArbitraryPosition
-	];
-	const scaleBlur = () => [
-		"",
-		"none",
-		themeBlur,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleRotate = () => [
-		"none",
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleScale = () => [
-		"none",
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleSkew = () => [
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	];
-	const scaleTranslate = () => [
-		isFraction,
-		"full",
-		...scaleUnambiguousSpacing()
-	];
-	return {
-		cacheSize: 500,
-		theme: {
-			animate: [
-				"spin",
-				"ping",
-				"pulse",
-				"bounce"
-			],
-			aspect: ["video"],
-			blur: [isTshirtSize],
-			breakpoint: [isTshirtSize],
-			color: [isAny],
-			container: [isTshirtSize],
-			"drop-shadow": [isTshirtSize],
-			ease: [
-				"in",
-				"out",
-				"in-out"
-			],
-			font: [isAnyNonArbitrary],
-			"font-weight": [
-				"thin",
-				"extralight",
-				"light",
-				"normal",
-				"medium",
-				"semibold",
-				"bold",
-				"extrabold",
-				"black"
-			],
-			"inset-shadow": [isTshirtSize],
-			leading: [
-				"none",
-				"tight",
-				"snug",
-				"normal",
-				"relaxed",
-				"loose"
-			],
-			perspective: [
-				"dramatic",
-				"near",
-				"normal",
-				"midrange",
-				"distant",
-				"none"
-			],
-			radius: [isTshirtSize],
-			shadow: [isTshirtSize],
-			spacing: ["px", isNumber],
-			text: [isTshirtSize],
-			"text-shadow": [isTshirtSize],
-			tracking: [
-				"tighter",
-				"tight",
-				"normal",
-				"wide",
-				"wider",
-				"widest"
-			]
-		},
-		classGroups: {
-			/**
-			* Aspect Ratio
-			* @see https://tailwindcss.com/docs/aspect-ratio
-			*/
-			aspect: [{ aspect: [
-				"auto",
-				"square",
-				isFraction,
-				isArbitraryValue,
-				isArbitraryVariable,
-				themeAspect
-			] }],
-			/**
-			* Container
-			* @see https://tailwindcss.com/docs/container
-			* @deprecated since Tailwind CSS v4.0.0
-			*/
-			container: ["container"],
-			/**
-			* Container Type
-			* @see https://tailwindcss.com/docs/responsive-design#container-queries
-			*/
-			"container-type": [{ "@container": [
-				"",
-				"normal",
-				"size",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Container Name
-			* @see https://tailwindcss.com/docs/responsive-design#named-containers
-			*/
-			"container-named": [isNamedContainerQuery],
-			/**
-			* Columns
-			* @see https://tailwindcss.com/docs/columns
-			*/
-			columns: [{ columns: [
-				isNumber,
-				"auto",
-				isArbitraryValue,
-				isArbitraryVariable,
-				themeContainer
-			] }],
-			/**
-			* Break After
-			* @see https://tailwindcss.com/docs/break-after
-			*/
-			"break-after": [{ "break-after": scaleBreak() }],
-			/**
-			* Break Before
-			* @see https://tailwindcss.com/docs/break-before
-			*/
-			"break-before": [{ "break-before": scaleBreak() }],
-			/**
-			* Break Inside
-			* @see https://tailwindcss.com/docs/break-inside
-			*/
-			"break-inside": [{ "break-inside": [
-				"auto",
-				"avoid",
-				"avoid-page",
-				"avoid-column"
-			] }],
-			/**
-			* Box Decoration Break
-			* @see https://tailwindcss.com/docs/box-decoration-break
-			*/
-			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
-			/**
-			* Box Sizing
-			* @see https://tailwindcss.com/docs/box-sizing
-			*/
-			box: [{ box: ["border", "content"] }],
-			/**
-			* Display
-			* @see https://tailwindcss.com/docs/display
-			*/
-			display: [
-				"block",
-				"inline-block",
-				"inline",
-				"flex",
-				"inline-flex",
-				"table",
-				"inline-table",
-				"table-caption",
-				"table-cell",
-				"table-column",
-				"table-column-group",
-				"table-footer-group",
-				"table-header-group",
-				"table-row-group",
-				"table-row",
-				"flow-root",
-				"grid",
-				"inline-grid",
-				"contents",
-				"list-item",
-				"hidden"
-			],
-			/**
-			* Screen Reader Only
-			* @see https://tailwindcss.com/docs/display#screen-reader-only
-			*/
-			sr: ["sr-only", "not-sr-only"],
-			/**
-			* Floats
-			* @see https://tailwindcss.com/docs/float
-			*/
-			float: [{ float: [
-				"right",
-				"left",
-				"none",
-				"start",
-				"end"
-			] }],
-			/**
-			* Clear
-			* @see https://tailwindcss.com/docs/clear
-			*/
-			clear: [{ clear: [
-				"left",
-				"right",
-				"both",
-				"none",
-				"start",
-				"end"
-			] }],
-			/**
-			* Isolation
-			* @see https://tailwindcss.com/docs/isolation
-			*/
-			isolation: ["isolate", "isolation-auto"],
-			/**
-			* Object Fit
-			* @see https://tailwindcss.com/docs/object-fit
-			*/
-			"object-fit": [{ object: [
-				"contain",
-				"cover",
-				"fill",
-				"none",
-				"scale-down"
-			] }],
-			/**
-			* Object Position
-			* @see https://tailwindcss.com/docs/object-position
-			*/
-			"object-position": [{ object: scalePositionWithArbitrary() }],
-			/**
-			* Overflow
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			overflow: [{ overflow: scaleOverflow() }],
-			/**
-			* Overflow X
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			"overflow-x": [{ "overflow-x": scaleOverflow() }],
-			/**
-			* Overflow Y
-			* @see https://tailwindcss.com/docs/overflow
-			*/
-			"overflow-y": [{ "overflow-y": scaleOverflow() }],
-			/**
-			* Overscroll Behavior
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			overscroll: [{ overscroll: scaleOverscroll() }],
-			/**
-			* Overscroll Behavior X
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			"overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
-			/**
-			* Overscroll Behavior Y
-			* @see https://tailwindcss.com/docs/overscroll-behavior
-			*/
-			"overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
-			/**
-			* Position
-			* @see https://tailwindcss.com/docs/position
-			*/
-			position: [
-				"static",
-				"fixed",
-				"absolute",
-				"relative",
-				"sticky"
-			],
-			/**
-			* Inset
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			inset: [{ inset: scaleInset() }],
-			/**
-			* Inset Inline
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-x": [{ "inset-x": scaleInset() }],
-			/**
-			* Inset Block
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-y": [{ "inset-y": scaleInset() }],
-			/**
-			* Inset Inline Start
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			* @todo class group will be renamed to `inset-s` in next major release
-			*/
-			start: [{
-				"inset-s": scaleInset(),
-				/**
-				* @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
-				* @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-				*/
-				start: scaleInset()
-			}],
-			/**
-			* Inset Inline End
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			* @todo class group will be renamed to `inset-e` in next major release
-			*/
-			end: [{
-				"inset-e": scaleInset(),
-				/**
-				* @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
-				* @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-				*/
-				end: scaleInset()
-			}],
-			/**
-			* Inset Block Start
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-bs": [{ "inset-bs": scaleInset() }],
-			/**
-			* Inset Block End
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			"inset-be": [{ "inset-be": scaleInset() }],
-			/**
-			* Top
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			top: [{ top: scaleInset() }],
-			/**
-			* Right
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			right: [{ right: scaleInset() }],
-			/**
-			* Bottom
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			bottom: [{ bottom: scaleInset() }],
-			/**
-			* Left
-			* @see https://tailwindcss.com/docs/top-right-bottom-left
-			*/
-			left: [{ left: scaleInset() }],
-			/**
-			* Visibility
-			* @see https://tailwindcss.com/docs/visibility
-			*/
-			visibility: [
-				"visible",
-				"invisible",
-				"collapse"
-			],
-			/**
-			* Z-Index
-			* @see https://tailwindcss.com/docs/z-index
-			*/
-			z: [{ z: [
-				isInteger,
-				"auto",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Flex Basis
-			* @see https://tailwindcss.com/docs/flex-basis
-			*/
-			basis: [{ basis: [
-				isFraction,
-				"full",
-				"auto",
-				themeContainer,
-				...scaleUnambiguousSpacing()
-			] }],
-			/**
-			* Flex Direction
-			* @see https://tailwindcss.com/docs/flex-direction
-			*/
-			"flex-direction": [{ flex: [
-				"row",
-				"row-reverse",
-				"col",
-				"col-reverse"
-			] }],
-			/**
-			* Flex Wrap
-			* @see https://tailwindcss.com/docs/flex-wrap
-			*/
-			"flex-wrap": [{ flex: [
-				"nowrap",
-				"wrap",
-				"wrap-reverse"
-			] }],
-			/**
-			* Flex
-			* @see https://tailwindcss.com/docs/flex
-			*/
-			flex: [{ flex: [
-				isNumber,
-				isFraction,
-				"auto",
-				"initial",
-				"none",
-				isArbitraryValue
-			] }],
-			/**
-			* Flex Grow
-			* @see https://tailwindcss.com/docs/flex-grow
-			*/
-			grow: [{ grow: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Flex Shrink
-			* @see https://tailwindcss.com/docs/flex-shrink
-			*/
-			shrink: [{ shrink: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Order
-			* @see https://tailwindcss.com/docs/order
-			*/
-			order: [{ order: [
-				isInteger,
-				"first",
-				"last",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Grid Template Columns
-			* @see https://tailwindcss.com/docs/grid-template-columns
-			*/
-			"grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
-			/**
-			* Grid Column Start / End
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
-			/**
-			* Grid Column Start
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
-			/**
-			* Grid Column End
-			* @see https://tailwindcss.com/docs/grid-column
-			*/
-			"col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
-			/**
-			* Grid Template Rows
-			* @see https://tailwindcss.com/docs/grid-template-rows
-			*/
-			"grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
-			/**
-			* Grid Row Start / End
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
-			/**
-			* Grid Row Start
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
-			/**
-			* Grid Row End
-			* @see https://tailwindcss.com/docs/grid-row
-			*/
-			"row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
-			/**
-			* Grid Auto Flow
-			* @see https://tailwindcss.com/docs/grid-auto-flow
-			*/
-			"grid-flow": [{ "grid-flow": [
-				"row",
-				"col",
-				"dense",
-				"row-dense",
-				"col-dense"
-			] }],
-			/**
-			* Grid Auto Columns
-			* @see https://tailwindcss.com/docs/grid-auto-columns
-			*/
-			"auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
-			/**
-			* Grid Auto Rows
-			* @see https://tailwindcss.com/docs/grid-auto-rows
-			*/
-			"auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
-			/**
-			* Gap
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			gap: [{ gap: scaleUnambiguousSpacing() }],
-			/**
-			* Gap X
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			"gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
-			/**
-			* Gap Y
-			* @see https://tailwindcss.com/docs/gap
-			*/
-			"gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
-			/**
-			* Justify Content
-			* @see https://tailwindcss.com/docs/justify-content
-			*/
-			"justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
-			/**
-			* Justify Items
-			* @see https://tailwindcss.com/docs/justify-items
-			*/
-			"justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
-			/**
-			* Justify Self
-			* @see https://tailwindcss.com/docs/justify-self
-			*/
-			"justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
-			/**
-			* Align Content
-			* @see https://tailwindcss.com/docs/align-content
-			*/
-			"align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
-			/**
-			* Align Items
-			* @see https://tailwindcss.com/docs/align-items
-			*/
-			"align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
-			/**
-			* Align Self
-			* @see https://tailwindcss.com/docs/align-self
-			*/
-			"align-self": [{ self: [
-				"auto",
-				...scaleAlignSecondaryAxis(),
-				{ baseline: ["", "last"] }
-			] }],
-			/**
-			* Place Content
-			* @see https://tailwindcss.com/docs/place-content
-			*/
-			"place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
-			/**
-			* Place Items
-			* @see https://tailwindcss.com/docs/place-items
-			*/
-			"place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
-			/**
-			* Place Self
-			* @see https://tailwindcss.com/docs/place-self
-			*/
-			"place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
-			/**
-			* Padding
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			p: [{ p: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Inline
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			px: [{ px: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Block
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			py: [{ py: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Inline Start
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			ps: [{ ps: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Inline End
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pe: [{ pe: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Block Start
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pbs: [{ pbs: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Block End
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pbe: [{ pbe: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Top
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pt: [{ pt: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Right
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pr: [{ pr: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Bottom
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pb: [{ pb: scaleUnambiguousSpacing() }],
-			/**
-			* Padding Left
-			* @see https://tailwindcss.com/docs/padding
-			*/
-			pl: [{ pl: scaleUnambiguousSpacing() }],
-			/**
-			* Margin
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			m: [{ m: scaleMargin() }],
-			/**
-			* Margin Inline
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mx: [{ mx: scaleMargin() }],
-			/**
-			* Margin Block
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			my: [{ my: scaleMargin() }],
-			/**
-			* Margin Inline Start
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			ms: [{ ms: scaleMargin() }],
-			/**
-			* Margin Inline End
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			me: [{ me: scaleMargin() }],
-			/**
-			* Margin Block Start
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mbs: [{ mbs: scaleMargin() }],
-			/**
-			* Margin Block End
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mbe: [{ mbe: scaleMargin() }],
-			/**
-			* Margin Top
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mt: [{ mt: scaleMargin() }],
-			/**
-			* Margin Right
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mr: [{ mr: scaleMargin() }],
-			/**
-			* Margin Bottom
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			mb: [{ mb: scaleMargin() }],
-			/**
-			* Margin Left
-			* @see https://tailwindcss.com/docs/margin
-			*/
-			ml: [{ ml: scaleMargin() }],
-			/**
-			* Space Between X
-			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
-			*/
-			"space-x": [{ "space-x": scaleUnambiguousSpacing() }],
-			/**
-			* Space Between X Reverse
-			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
-			*/
-			"space-x-reverse": ["space-x-reverse"],
-			/**
-			* Space Between Y
-			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
-			*/
-			"space-y": [{ "space-y": scaleUnambiguousSpacing() }],
-			/**
-			* Space Between Y Reverse
-			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
-			*/
-			"space-y-reverse": ["space-y-reverse"],
-			/**
-			* Size
-			* @see https://tailwindcss.com/docs/width#setting-both-width-and-height
-			*/
-			size: [{ size: scaleSizing() }],
-			/**
-			* Inline Size
-			* @see https://tailwindcss.com/docs/inline-size
-			*/
-			"inline-size": [{ inline: ["auto", ...scaleSizingInline()] }],
-			/**
-			* Min-Inline Size
-			* @see https://tailwindcss.com/docs/min-inline-size
-			*/
-			"min-inline-size": [{ "min-inline": ["auto", ...scaleSizingInline()] }],
-			/**
-			* Max-Inline Size
-			* @see https://tailwindcss.com/docs/max-inline-size
-			*/
-			"max-inline-size": [{ "max-inline": ["none", ...scaleSizingInline()] }],
-			/**
-			* Block Size
-			* @see https://tailwindcss.com/docs/block-size
-			*/
-			"block-size": [{ block: ["auto", ...scaleSizingBlock()] }],
-			/**
-			* Min-Block Size
-			* @see https://tailwindcss.com/docs/min-block-size
-			*/
-			"min-block-size": [{ "min-block": ["auto", ...scaleSizingBlock()] }],
-			/**
-			* Max-Block Size
-			* @see https://tailwindcss.com/docs/max-block-size
-			*/
-			"max-block-size": [{ "max-block": ["none", ...scaleSizingBlock()] }],
-			/**
-			* Width
-			* @see https://tailwindcss.com/docs/width
-			*/
-			w: [{ w: [
-				themeContainer,
-				"screen",
-				...scaleSizing()
-			] }],
-			/**
-			* Min-Width
-			* @see https://tailwindcss.com/docs/min-width
-			*/
-			"min-w": [{ "min-w": [
-				themeContainer,
-				"screen",
-				"none",
-				...scaleSizing()
-			] }],
-			/**
-			* Max-Width
-			* @see https://tailwindcss.com/docs/max-width
-			*/
-			"max-w": [{ "max-w": [
-				themeContainer,
-				"screen",
-				"none",
-				"prose",
-				{ screen: [themeBreakpoint] },
-				...scaleSizing()
-			] }],
-			/**
-			* Height
-			* @see https://tailwindcss.com/docs/height
-			*/
-			h: [{ h: [
-				"screen",
-				"lh",
-				...scaleSizing()
-			] }],
-			/**
-			* Min-Height
-			* @see https://tailwindcss.com/docs/min-height
-			*/
-			"min-h": [{ "min-h": [
-				"screen",
-				"lh",
-				"none",
-				...scaleSizing()
-			] }],
-			/**
-			* Max-Height
-			* @see https://tailwindcss.com/docs/max-height
-			*/
-			"max-h": [{ "max-h": [
-				"screen",
-				"lh",
-				"none",
-				...scaleSizing()
-			] }],
-			/**
-			* Font Size
-			* @see https://tailwindcss.com/docs/font-size
-			*/
-			"font-size": [{ text: [
-				"base",
-				themeText,
-				isArbitraryVariableLength,
-				isArbitraryLength
-			] }],
-			/**
-			* Font Smoothing
-			* @see https://tailwindcss.com/docs/font-smoothing
-			*/
-			"font-smoothing": ["antialiased", "subpixel-antialiased"],
-			/**
-			* Font Style
-			* @see https://tailwindcss.com/docs/font-style
-			*/
-			"font-style": ["italic", "not-italic"],
-			/**
-			* Font Weight
-			* @see https://tailwindcss.com/docs/font-weight
-			*/
-			"font-weight": [{ font: [
-				themeFontWeight,
-				isArbitraryVariableWeight,
-				isArbitraryWeight
-			] }],
-			/**
-			* Font Stretch
-			* @see https://tailwindcss.com/docs/font-stretch
-			*/
-			"font-stretch": [{ "font-stretch": [
-				"ultra-condensed",
-				"extra-condensed",
-				"condensed",
-				"semi-condensed",
-				"normal",
-				"semi-expanded",
-				"expanded",
-				"extra-expanded",
-				"ultra-expanded",
-				isPercent,
-				isArbitraryValue
-			] }],
-			/**
-			* Font Family
-			* @see https://tailwindcss.com/docs/font-family
-			*/
-			"font-family": [{ font: [
-				isArbitraryVariableFamilyName,
-				isArbitraryFamilyName,
-				themeFont
-			] }],
-			/**
-			* Font Feature Settings
-			* @see https://tailwindcss.com/docs/font-feature-settings
-			*/
-			"font-features": [{ "font-features": [isArbitraryValue] }],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-normal": ["normal-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-ordinal": ["ordinal"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-slashed-zero": ["slashed-zero"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-figure": ["lining-nums", "oldstyle-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-spacing": ["proportional-nums", "tabular-nums"],
-			/**
-			* Font Variant Numeric
-			* @see https://tailwindcss.com/docs/font-variant-numeric
-			*/
-			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-			/**
-			* Letter Spacing
-			* @see https://tailwindcss.com/docs/letter-spacing
-			*/
-			tracking: [{ tracking: [
-				themeTracking,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Line Clamp
-			* @see https://tailwindcss.com/docs/line-clamp
-			*/
-			"line-clamp": [{ "line-clamp": [
-				isNumber,
-				"none",
-				isArbitraryVariable,
-				isArbitraryNumber
-			] }],
-			/**
-			* Line Height
-			* @see https://tailwindcss.com/docs/line-height
-			*/
-			leading: [{ leading: [
-				"none",
-				themeLeading,
-				...scaleUnambiguousSpacing()
-			] }],
-			/**
-			* List Style Image
-			* @see https://tailwindcss.com/docs/list-style-image
-			*/
-			"list-image": [{ "list-image": [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* List Style Position
-			* @see https://tailwindcss.com/docs/list-style-position
-			*/
-			"list-style-position": [{ list: ["inside", "outside"] }],
-			/**
-			* List Style Type
-			* @see https://tailwindcss.com/docs/list-style-type
-			*/
-			"list-style-type": [{ list: [
-				"disc",
-				"decimal",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Text Alignment
-			* @see https://tailwindcss.com/docs/text-align
-			*/
-			"text-alignment": [{ text: [
-				"left",
-				"center",
-				"right",
-				"justify",
-				"start",
-				"end"
-			] }],
-			/**
-			* Placeholder Color
-			* @deprecated since Tailwind CSS v3.0.0
-			* @see https://v3.tailwindcss.com/docs/placeholder-color
-			*/
-			"placeholder-color": [{ placeholder: scaleColor() }],
-			/**
-			* Text Color
-			* @see https://tailwindcss.com/docs/text-color
-			*/
-			"text-color": [{ text: scaleColor() }],
-			/**
-			* Text Decoration
-			* @see https://tailwindcss.com/docs/text-decoration
-			*/
-			"text-decoration": [
-				"underline",
-				"overline",
-				"line-through",
-				"no-underline"
-			],
-			/**
-			* Text Decoration Style
-			* @see https://tailwindcss.com/docs/text-decoration-style
-			*/
-			"text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
-			/**
-			* Text Decoration Thickness
-			* @see https://tailwindcss.com/docs/text-decoration-thickness
-			*/
-			"text-decoration-thickness": [{ decoration: [
-				isNumber,
-				"from-font",
-				"auto",
-				isArbitraryVariable,
-				isArbitraryLength
-			] }],
-			/**
-			* Text Decoration Color
-			* @see https://tailwindcss.com/docs/text-decoration-color
-			*/
-			"text-decoration-color": [{ decoration: scaleColor() }],
-			/**
-			* Text Underline Offset
-			* @see https://tailwindcss.com/docs/text-underline-offset
-			*/
-			"underline-offset": [{ "underline-offset": [
-				isNumber,
-				"auto",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Text Transform
-			* @see https://tailwindcss.com/docs/text-transform
-			*/
-			"text-transform": [
-				"uppercase",
-				"lowercase",
-				"capitalize",
-				"normal-case"
-			],
-			/**
-			* Text Overflow
-			* @see https://tailwindcss.com/docs/text-overflow
-			*/
-			"text-overflow": [
-				"truncate",
-				"text-ellipsis",
-				"text-clip"
-			],
-			/**
-			* Text Wrap
-			* @see https://tailwindcss.com/docs/text-wrap
-			*/
-			"text-wrap": [{ text: [
-				"wrap",
-				"nowrap",
-				"balance",
-				"pretty"
-			] }],
-			/**
-			* Text Indent
-			* @see https://tailwindcss.com/docs/text-indent
-			*/
-			indent: [{ indent: scaleUnambiguousSpacing() }],
-			/**
-			* Tab Size
-			* @see https://tailwindcss.com/docs/tab-size
-			*/
-			"tab-size": [{ tab: [
-				isInteger,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Vertical Alignment
-			* @see https://tailwindcss.com/docs/vertical-align
-			*/
-			"vertical-align": [{ align: [
-				"baseline",
-				"top",
-				"middle",
-				"bottom",
-				"text-top",
-				"text-bottom",
-				"sub",
-				"super",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Whitespace
-			* @see https://tailwindcss.com/docs/whitespace
-			*/
-			whitespace: [{ whitespace: [
-				"normal",
-				"nowrap",
-				"pre",
-				"pre-line",
-				"pre-wrap",
-				"break-spaces"
-			] }],
-			/**
-			* Word Break
-			* @see https://tailwindcss.com/docs/word-break
-			*/
-			break: [{ break: [
-				"normal",
-				"words",
-				"all",
-				"keep"
-			] }],
-			/**
-			* Overflow Wrap
-			* @see https://tailwindcss.com/docs/overflow-wrap
-			*/
-			wrap: [{ wrap: [
-				"break-word",
-				"anywhere",
-				"normal"
-			] }],
-			/**
-			* Hyphens
-			* @see https://tailwindcss.com/docs/hyphens
-			*/
-			hyphens: [{ hyphens: [
-				"none",
-				"manual",
-				"auto"
-			] }],
-			/**
-			* Content
-			* @see https://tailwindcss.com/docs/content
-			*/
-			content: [{ content: [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Background Attachment
-			* @see https://tailwindcss.com/docs/background-attachment
-			*/
-			"bg-attachment": [{ bg: [
-				"fixed",
-				"local",
-				"scroll"
-			] }],
-			/**
-			* Background Clip
-			* @see https://tailwindcss.com/docs/background-clip
-			*/
-			"bg-clip": [{ "bg-clip": [
-				"border",
-				"padding",
-				"content",
-				"text"
-			] }],
-			/**
-			* Background Origin
-			* @see https://tailwindcss.com/docs/background-origin
-			*/
-			"bg-origin": [{ "bg-origin": [
-				"border",
-				"padding",
-				"content"
-			] }],
-			/**
-			* Background Position
-			* @see https://tailwindcss.com/docs/background-position
-			*/
-			"bg-position": [{ bg: scaleBgPosition() }],
-			/**
-			* Background Repeat
-			* @see https://tailwindcss.com/docs/background-repeat
-			*/
-			"bg-repeat": [{ bg: scaleBgRepeat() }],
-			/**
-			* Background Size
-			* @see https://tailwindcss.com/docs/background-size
-			*/
-			"bg-size": [{ bg: scaleBgSize() }],
-			/**
-			* Background Image
-			* @see https://tailwindcss.com/docs/background-image
-			*/
-			"bg-image": [{ bg: [
-				"none",
-				{
-					linear: [
-						{ to: [
-							"t",
-							"tr",
-							"r",
-							"br",
-							"b",
-							"bl",
-							"l",
-							"tl"
-						] },
-						isInteger,
-						isArbitraryVariable,
-						isArbitraryValue
-					],
-					radial: [
-						"",
-						isArbitraryVariable,
-						isArbitraryValue
-					],
-					conic: [
-						"",
-						isInteger,
-						isArbitraryVariable,
-						isArbitraryValue
-					]
-				},
-				isArbitraryVariableImage,
-				isArbitraryImage
-			] }],
-			/**
-			* Background Color
-			* @see https://tailwindcss.com/docs/background-color
-			*/
-			"bg-color": [{ bg: scaleColor() }],
-			/**
-			* Gradient Color Stops From Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-from-pos": [{ from: scaleGradientStopPosition() }],
-			/**
-			* Gradient Color Stops Via Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-via-pos": [{ via: scaleGradientStopPosition() }],
-			/**
-			* Gradient Color Stops To Position
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-to-pos": [{ to: scaleGradientStopPosition() }],
-			/**
-			* Gradient Color Stops From
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-from": [{ from: scaleColor() }],
-			/**
-			* Gradient Color Stops Via
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-via": [{ via: scaleColor() }],
-			/**
-			* Gradient Color Stops To
-			* @see https://tailwindcss.com/docs/gradient-color-stops
-			*/
-			"gradient-to": [{ to: scaleColor() }],
-			/**
-			* Border Radius
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			rounded: [{ rounded: scaleRadius() }],
-			/**
-			* Border Radius Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-s": [{ "rounded-s": scaleRadius() }],
-			/**
-			* Border Radius End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-e": [{ "rounded-e": scaleRadius() }],
-			/**
-			* Border Radius Top
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-t": [{ "rounded-t": scaleRadius() }],
-			/**
-			* Border Radius Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-r": [{ "rounded-r": scaleRadius() }],
-			/**
-			* Border Radius Bottom
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-b": [{ "rounded-b": scaleRadius() }],
-			/**
-			* Border Radius Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-l": [{ "rounded-l": scaleRadius() }],
-			/**
-			* Border Radius Start Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-ss": [{ "rounded-ss": scaleRadius() }],
-			/**
-			* Border Radius Start End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-se": [{ "rounded-se": scaleRadius() }],
-			/**
-			* Border Radius End End
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-ee": [{ "rounded-ee": scaleRadius() }],
-			/**
-			* Border Radius End Start
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-es": [{ "rounded-es": scaleRadius() }],
-			/**
-			* Border Radius Top Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-tl": [{ "rounded-tl": scaleRadius() }],
-			/**
-			* Border Radius Top Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-tr": [{ "rounded-tr": scaleRadius() }],
-			/**
-			* Border Radius Bottom Right
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-br": [{ "rounded-br": scaleRadius() }],
-			/**
-			* Border Radius Bottom Left
-			* @see https://tailwindcss.com/docs/border-radius
-			*/
-			"rounded-bl": [{ "rounded-bl": scaleRadius() }],
-			/**
-			* Border Width
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w": [{ border: scaleBorderWidth() }],
-			/**
-			* Border Width Inline
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-x": [{ "border-x": scaleBorderWidth() }],
-			/**
-			* Border Width Block
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-y": [{ "border-y": scaleBorderWidth() }],
-			/**
-			* Border Width Inline Start
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-s": [{ "border-s": scaleBorderWidth() }],
-			/**
-			* Border Width Inline End
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-e": [{ "border-e": scaleBorderWidth() }],
-			/**
-			* Border Width Block Start
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-bs": [{ "border-bs": scaleBorderWidth() }],
-			/**
-			* Border Width Block End
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-be": [{ "border-be": scaleBorderWidth() }],
-			/**
-			* Border Width Top
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-t": [{ "border-t": scaleBorderWidth() }],
-			/**
-			* Border Width Right
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-r": [{ "border-r": scaleBorderWidth() }],
-			/**
-			* Border Width Bottom
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-b": [{ "border-b": scaleBorderWidth() }],
-			/**
-			* Border Width Left
-			* @see https://tailwindcss.com/docs/border-width
-			*/
-			"border-w-l": [{ "border-l": scaleBorderWidth() }],
-			/**
-			* Divide Width X
-			* @see https://tailwindcss.com/docs/border-width#between-children
-			*/
-			"divide-x": [{ "divide-x": scaleBorderWidth() }],
-			/**
-			* Divide Width X Reverse
-			* @see https://tailwindcss.com/docs/border-width#between-children
-			*/
-			"divide-x-reverse": ["divide-x-reverse"],
-			/**
-			* Divide Width Y
-			* @see https://tailwindcss.com/docs/border-width#between-children
-			*/
-			"divide-y": [{ "divide-y": scaleBorderWidth() }],
-			/**
-			* Divide Width Y Reverse
-			* @see https://tailwindcss.com/docs/border-width#between-children
-			*/
-			"divide-y-reverse": ["divide-y-reverse"],
-			/**
-			* Border Style
-			* @see https://tailwindcss.com/docs/border-style
-			*/
-			"border-style": [{ border: [
-				...scaleLineStyle(),
-				"hidden",
-				"none"
-			] }],
-			/**
-			* Divide Style
-			* @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
-			*/
-			"divide-style": [{ divide: [
-				...scaleLineStyle(),
-				"hidden",
-				"none"
-			] }],
-			/**
-			* Border Color
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color": [{ border: scaleColor() }],
-			/**
-			* Border Color Inline
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-x": [{ "border-x": scaleColor() }],
-			/**
-			* Border Color Block
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-y": [{ "border-y": scaleColor() }],
-			/**
-			* Border Color Inline Start
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-s": [{ "border-s": scaleColor() }],
-			/**
-			* Border Color Inline End
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-e": [{ "border-e": scaleColor() }],
-			/**
-			* Border Color Block Start
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-bs": [{ "border-bs": scaleColor() }],
-			/**
-			* Border Color Block End
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-be": [{ "border-be": scaleColor() }],
-			/**
-			* Border Color Top
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-t": [{ "border-t": scaleColor() }],
-			/**
-			* Border Color Right
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-r": [{ "border-r": scaleColor() }],
-			/**
-			* Border Color Bottom
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-b": [{ "border-b": scaleColor() }],
-			/**
-			* Border Color Left
-			* @see https://tailwindcss.com/docs/border-color
-			*/
-			"border-color-l": [{ "border-l": scaleColor() }],
-			/**
-			* Divide Color
-			* @see https://tailwindcss.com/docs/divide-color
-			*/
-			"divide-color": [{ divide: scaleColor() }],
-			/**
-			* Outline Style
-			* @see https://tailwindcss.com/docs/outline-style
-			*/
-			"outline-style": [{ outline: [
-				...scaleLineStyle(),
-				"none",
-				"hidden"
-			] }],
-			/**
-			* Outline Offset
-			* @see https://tailwindcss.com/docs/outline-offset
-			*/
-			"outline-offset": [{ "outline-offset": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Outline Width
-			* @see https://tailwindcss.com/docs/outline-width
-			*/
-			"outline-w": [{ outline: [
-				"",
-				isNumber,
-				isArbitraryVariableLength,
-				isArbitraryLength
-			] }],
-			/**
-			* Outline Color
-			* @see https://tailwindcss.com/docs/outline-color
-			*/
-			"outline-color": [{ outline: scaleColor() }],
-			/**
-			* Box Shadow
-			* @see https://tailwindcss.com/docs/box-shadow
-			*/
-			shadow: [{ shadow: [
-				"",
-				"inner",
-				"none",
-				themeShadow,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			/**
-			* Box Shadow Color
-			* @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
-			*/
-			"shadow-color": [{ shadow: scaleColor() }],
-			/**
-			* Inset Box Shadow
-			* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
-			*/
-			"inset-shadow": [{ "inset-shadow": [
-				"none",
-				themeInsetShadow,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			/**
-			* Inset Box Shadow Color
-			* @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
-			*/
-			"inset-shadow-color": [{ "inset-shadow": scaleColor() }],
-			/**
-			* Ring Width
-			* @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
-			*/
-			"ring-w": [{ ring: scaleBorderWidth() }],
-			/**
-			* Ring Width Inset
-			* @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
-			* @deprecated since Tailwind CSS v4.0.0
-			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-			*/
-			"ring-w-inset": ["ring-inset"],
-			/**
-			* Ring Color
-			* @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
-			*/
-			"ring-color": [{ ring: scaleColor() }],
-			/**
-			* Ring Offset Width
-			* @see https://v3.tailwindcss.com/docs/ring-offset-width
-			* @deprecated since Tailwind CSS v4.0.0
-			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-			*/
-			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
-			/**
-			* Ring Offset Color
-			* @see https://v3.tailwindcss.com/docs/ring-offset-color
-			* @deprecated since Tailwind CSS v4.0.0
-			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-			*/
-			"ring-offset-color": [{ "ring-offset": scaleColor() }],
-			/**
-			* Inset Ring Width
-			* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
-			*/
-			"inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
-			/**
-			* Inset Ring Color
-			* @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
-			*/
-			"inset-ring-color": [{ "inset-ring": scaleColor() }],
-			/**
-			* Text Shadow
-			* @see https://tailwindcss.com/docs/text-shadow
-			*/
-			"text-shadow": [{ "text-shadow": [
-				"none",
-				themeTextShadow,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			/**
-			* Text Shadow Color
-			* @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
-			*/
-			"text-shadow-color": [{ "text-shadow": scaleColor() }],
-			/**
-			* Opacity
-			* @see https://tailwindcss.com/docs/opacity
-			*/
-			opacity: [{ opacity: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Mix Blend Mode
-			* @see https://tailwindcss.com/docs/mix-blend-mode
-			*/
-			"mix-blend": [{ "mix-blend": [
-				...scaleBlendMode(),
-				"plus-darker",
-				"plus-lighter"
-			] }],
-			/**
-			* Background Blend Mode
-			* @see https://tailwindcss.com/docs/background-blend-mode
-			*/
-			"bg-blend": [{ "bg-blend": scaleBlendMode() }],
-			/**
-			* Mask Clip
-			* @see https://tailwindcss.com/docs/mask-clip
-			*/
-			"mask-clip": [{ "mask-clip": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }, "mask-no-clip"],
-			/**
-			* Mask Composite
-			* @see https://tailwindcss.com/docs/mask-composite
-			*/
-			"mask-composite": [{ mask: [
-				"add",
-				"subtract",
-				"intersect",
-				"exclude"
-			] }],
-			/**
-			* Mask Image
-			* @see https://tailwindcss.com/docs/mask-image
-			*/
-			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": scaleMaskImagePosition() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": scaleMaskImagePosition() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": scaleColor() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": scaleColor() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": scaleMaskImagePosition() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": scaleMaskImagePosition() }],
-			"mask-image-t-from-color": [{ "mask-t-from": scaleColor() }],
-			"mask-image-t-to-color": [{ "mask-t-to": scaleColor() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": scaleMaskImagePosition() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": scaleMaskImagePosition() }],
-			"mask-image-r-from-color": [{ "mask-r-from": scaleColor() }],
-			"mask-image-r-to-color": [{ "mask-r-to": scaleColor() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": scaleMaskImagePosition() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": scaleMaskImagePosition() }],
-			"mask-image-b-from-color": [{ "mask-b-from": scaleColor() }],
-			"mask-image-b-to-color": [{ "mask-b-to": scaleColor() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": scaleMaskImagePosition() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": scaleMaskImagePosition() }],
-			"mask-image-l-from-color": [{ "mask-l-from": scaleColor() }],
-			"mask-image-l-to-color": [{ "mask-l-to": scaleColor() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": scaleMaskImagePosition() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": scaleMaskImagePosition() }],
-			"mask-image-x-from-color": [{ "mask-x-from": scaleColor() }],
-			"mask-image-x-to-color": [{ "mask-x-to": scaleColor() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": scaleMaskImagePosition() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": scaleMaskImagePosition() }],
-			"mask-image-y-from-color": [{ "mask-y-from": scaleColor() }],
-			"mask-image-y-to-color": [{ "mask-y-to": scaleColor() }],
-			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": scaleMaskImagePosition() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": scaleMaskImagePosition() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": scaleColor() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": scaleColor() }],
-			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
-			"mask-image-radial-size": [{ "mask-radial": [{
-				closest: ["side", "corner"],
-				farthest: ["side", "corner"]
-			}] }],
-			"mask-image-radial-pos": [{ "mask-radial-at": scalePosition() }],
-			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": scaleMaskImagePosition() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": scaleMaskImagePosition() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": scaleColor() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": scaleColor() }],
-			/**
-			* Mask Mode
-			* @see https://tailwindcss.com/docs/mask-mode
-			*/
-			"mask-mode": [{ mask: [
-				"alpha",
-				"luminance",
-				"match"
-			] }],
-			/**
-			* Mask Origin
-			* @see https://tailwindcss.com/docs/mask-origin
-			*/
-			"mask-origin": [{ "mask-origin": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }],
-			/**
-			* Mask Position
-			* @see https://tailwindcss.com/docs/mask-position
-			*/
-			"mask-position": [{ mask: scaleBgPosition() }],
-			/**
-			* Mask Repeat
-			* @see https://tailwindcss.com/docs/mask-repeat
-			*/
-			"mask-repeat": [{ mask: scaleBgRepeat() }],
-			/**
-			* Mask Size
-			* @see https://tailwindcss.com/docs/mask-size
-			*/
-			"mask-size": [{ mask: scaleBgSize() }],
-			/**
-			* Mask Type
-			* @see https://tailwindcss.com/docs/mask-type
-			*/
-			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
-			/**
-			* Mask Image
-			* @see https://tailwindcss.com/docs/mask-image
-			*/
-			"mask-image": [{ mask: [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Filter
-			* @see https://tailwindcss.com/docs/filter
-			*/
-			filter: [{ filter: [
-				"",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Blur
-			* @see https://tailwindcss.com/docs/blur
-			*/
-			blur: [{ blur: scaleBlur() }],
-			/**
-			* Brightness
-			* @see https://tailwindcss.com/docs/brightness
-			*/
-			brightness: [{ brightness: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Contrast
-			* @see https://tailwindcss.com/docs/contrast
-			*/
-			contrast: [{ contrast: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Drop Shadow
-			* @see https://tailwindcss.com/docs/drop-shadow
-			*/
-			"drop-shadow": [{ "drop-shadow": [
-				"",
-				"none",
-				themeDropShadow,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			/**
-			* Drop Shadow Color
-			* @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
-			*/
-			"drop-shadow-color": [{ "drop-shadow": scaleColor() }],
-			/**
-			* Grayscale
-			* @see https://tailwindcss.com/docs/grayscale
-			*/
-			grayscale: [{ grayscale: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Hue Rotate
-			* @see https://tailwindcss.com/docs/hue-rotate
-			*/
-			"hue-rotate": [{ "hue-rotate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Invert
-			* @see https://tailwindcss.com/docs/invert
-			*/
-			invert: [{ invert: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Saturate
-			* @see https://tailwindcss.com/docs/saturate
-			*/
-			saturate: [{ saturate: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Sepia
-			* @see https://tailwindcss.com/docs/sepia
-			*/
-			sepia: [{ sepia: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Filter
-			* @see https://tailwindcss.com/docs/backdrop-filter
-			*/
-			"backdrop-filter": [{ "backdrop-filter": [
-				"",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Blur
-			* @see https://tailwindcss.com/docs/backdrop-blur
-			*/
-			"backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
-			/**
-			* Backdrop Brightness
-			* @see https://tailwindcss.com/docs/backdrop-brightness
-			*/
-			"backdrop-brightness": [{ "backdrop-brightness": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Contrast
-			* @see https://tailwindcss.com/docs/backdrop-contrast
-			*/
-			"backdrop-contrast": [{ "backdrop-contrast": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Grayscale
-			* @see https://tailwindcss.com/docs/backdrop-grayscale
-			*/
-			"backdrop-grayscale": [{ "backdrop-grayscale": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Hue Rotate
-			* @see https://tailwindcss.com/docs/backdrop-hue-rotate
-			*/
-			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Invert
-			* @see https://tailwindcss.com/docs/backdrop-invert
-			*/
-			"backdrop-invert": [{ "backdrop-invert": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Opacity
-			* @see https://tailwindcss.com/docs/backdrop-opacity
-			*/
-			"backdrop-opacity": [{ "backdrop-opacity": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Saturate
-			* @see https://tailwindcss.com/docs/backdrop-saturate
-			*/
-			"backdrop-saturate": [{ "backdrop-saturate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backdrop Sepia
-			* @see https://tailwindcss.com/docs/backdrop-sepia
-			*/
-			"backdrop-sepia": [{ "backdrop-sepia": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Border Collapse
-			* @see https://tailwindcss.com/docs/border-collapse
-			*/
-			"border-collapse": [{ border: ["collapse", "separate"] }],
-			/**
-			* Border Spacing
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
-			/**
-			* Border Spacing X
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
-			/**
-			* Border Spacing Y
-			* @see https://tailwindcss.com/docs/border-spacing
-			*/
-			"border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
-			/**
-			* Table Layout
-			* @see https://tailwindcss.com/docs/table-layout
-			*/
-			"table-layout": [{ table: ["auto", "fixed"] }],
-			/**
-			* Caption Side
-			* @see https://tailwindcss.com/docs/caption-side
-			*/
-			caption: [{ caption: ["top", "bottom"] }],
-			/**
-			* Transition Property
-			* @see https://tailwindcss.com/docs/transition-property
-			*/
-			transition: [{ transition: [
-				"",
-				"all",
-				"colors",
-				"opacity",
-				"shadow",
-				"transform",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Transition Behavior
-			* @see https://tailwindcss.com/docs/transition-behavior
-			*/
-			"transition-behavior": [{ transition: ["normal", "discrete"] }],
-			/**
-			* Transition Duration
-			* @see https://tailwindcss.com/docs/transition-duration
-			*/
-			duration: [{ duration: [
-				isNumber,
-				"initial",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Transition Timing Function
-			* @see https://tailwindcss.com/docs/transition-timing-function
-			*/
-			ease: [{ ease: [
-				"linear",
-				"initial",
-				themeEase,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Transition Delay
-			* @see https://tailwindcss.com/docs/transition-delay
-			*/
-			delay: [{ delay: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Animation
-			* @see https://tailwindcss.com/docs/animation
-			*/
-			animate: [{ animate: [
-				"none",
-				themeAnimate,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Backface Visibility
-			* @see https://tailwindcss.com/docs/backface-visibility
-			*/
-			backface: [{ backface: ["hidden", "visible"] }],
-			/**
-			* Perspective
-			* @see https://tailwindcss.com/docs/perspective
-			*/
-			perspective: [{ perspective: [
-				themePerspective,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Perspective Origin
-			* @see https://tailwindcss.com/docs/perspective-origin
-			*/
-			"perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
-			/**
-			* Rotate
-			* @see https://tailwindcss.com/docs/rotate
-			*/
-			rotate: [{ rotate: scaleRotate() }],
-			/**
-			* Rotate X
-			* @see https://tailwindcss.com/docs/rotate
-			*/
-			"rotate-x": [{ "rotate-x": scaleRotate() }],
-			/**
-			* Rotate Y
-			* @see https://tailwindcss.com/docs/rotate
-			*/
-			"rotate-y": [{ "rotate-y": scaleRotate() }],
-			/**
-			* Rotate Z
-			* @see https://tailwindcss.com/docs/rotate
-			*/
-			"rotate-z": [{ "rotate-z": scaleRotate() }],
-			/**
-			* Scale
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			scale: [{ scale: scaleScale() }],
-			/**
-			* Scale X
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-x": [{ "scale-x": scaleScale() }],
-			/**
-			* Scale Y
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-y": [{ "scale-y": scaleScale() }],
-			/**
-			* Scale Z
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-z": [{ "scale-z": scaleScale() }],
-			/**
-			* Scale 3D
-			* @see https://tailwindcss.com/docs/scale
-			*/
-			"scale-3d": ["scale-3d"],
-			/**
-			* Skew
-			* @see https://tailwindcss.com/docs/skew
-			*/
-			skew: [{ skew: scaleSkew() }],
-			/**
-			* Skew X
-			* @see https://tailwindcss.com/docs/skew
-			*/
-			"skew-x": [{ "skew-x": scaleSkew() }],
-			/**
-			* Skew Y
-			* @see https://tailwindcss.com/docs/skew
-			*/
-			"skew-y": [{ "skew-y": scaleSkew() }],
-			/**
-			* Transform
-			* @see https://tailwindcss.com/docs/transform
-			*/
-			transform: [{ transform: [
-				isArbitraryVariable,
-				isArbitraryValue,
-				"",
-				"none",
-				"gpu",
-				"cpu"
-			] }],
-			/**
-			* Transform Origin
-			* @see https://tailwindcss.com/docs/transform-origin
-			*/
-			"transform-origin": [{ origin: scalePositionWithArbitrary() }],
-			/**
-			* Transform Style
-			* @see https://tailwindcss.com/docs/transform-style
-			*/
-			"transform-style": [{ transform: ["3d", "flat"] }],
-			/**
-			* Translate
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			translate: [{ translate: scaleTranslate() }],
-			/**
-			* Translate X
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-x": [{ "translate-x": scaleTranslate() }],
-			/**
-			* Translate Y
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-y": [{ "translate-y": scaleTranslate() }],
-			/**
-			* Translate Z
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-z": [{ "translate-z": scaleTranslate() }],
-			/**
-			* Translate None
-			* @see https://tailwindcss.com/docs/translate
-			*/
-			"translate-none": ["translate-none"],
-			/**
-			* Zoom
-			* @see https://tailwindcss.com/docs/zoom
-			*/
-			zoom: [{ zoom: [
-				isInteger,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Accent Color
-			* @see https://tailwindcss.com/docs/accent-color
-			*/
-			accent: [{ accent: scaleColor() }],
-			/**
-			* Appearance
-			* @see https://tailwindcss.com/docs/appearance
-			*/
-			appearance: [{ appearance: ["none", "auto"] }],
-			/**
-			* Caret Color
-			* @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-			*/
-			"caret-color": [{ caret: scaleColor() }],
-			/**
-			* Color Scheme
-			* @see https://tailwindcss.com/docs/color-scheme
-			*/
-			"color-scheme": [{ scheme: [
-				"normal",
-				"dark",
-				"light",
-				"light-dark",
-				"only-dark",
-				"only-light"
-			] }],
-			/**
-			* Cursor
-			* @see https://tailwindcss.com/docs/cursor
-			*/
-			cursor: [{ cursor: [
-				"auto",
-				"default",
-				"pointer",
-				"wait",
-				"text",
-				"move",
-				"help",
-				"not-allowed",
-				"none",
-				"context-menu",
-				"progress",
-				"cell",
-				"crosshair",
-				"vertical-text",
-				"alias",
-				"copy",
-				"no-drop",
-				"grab",
-				"grabbing",
-				"all-scroll",
-				"col-resize",
-				"row-resize",
-				"n-resize",
-				"e-resize",
-				"s-resize",
-				"w-resize",
-				"ne-resize",
-				"nw-resize",
-				"se-resize",
-				"sw-resize",
-				"ew-resize",
-				"ns-resize",
-				"nesw-resize",
-				"nwse-resize",
-				"zoom-in",
-				"zoom-out",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Field Sizing
-			* @see https://tailwindcss.com/docs/field-sizing
-			*/
-			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
-			/**
-			* Pointer Events
-			* @see https://tailwindcss.com/docs/pointer-events
-			*/
-			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
-			/**
-			* Resize
-			* @see https://tailwindcss.com/docs/resize
-			*/
-			resize: [{ resize: [
-				"none",
-				"",
-				"y",
-				"x"
-			] }],
-			/**
-			* Scroll Behavior
-			* @see https://tailwindcss.com/docs/scroll-behavior
-			*/
-			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			/**
-			* Scrollbar Thumb Color
-			* @see https://tailwindcss.com/docs/scrollbar-color
-			*/
-			"scrollbar-thumb-color": [{ "scrollbar-thumb": scaleColor() }],
-			/**
-			* Scrollbar Track Color
-			* @see https://tailwindcss.com/docs/scrollbar-color
-			*/
-			"scrollbar-track-color": [{ "scrollbar-track": scaleColor() }],
-			/**
-			* Scrollbar Gutter
-			* @see https://tailwindcss.com/docs/scrollbar-gutter
-			*/
-			"scrollbar-gutter": [{ "scrollbar-gutter": [
-				"auto",
-				"stable",
-				"both"
-			] }],
-			/**
-			* Scrollbar Width
-			* @see https://tailwindcss.com/docs/scrollbar-width
-			*/
-			"scrollbar-w": [{ scrollbar: [
-				"auto",
-				"thin",
-				"none"
-			] }],
-			/**
-			* Scroll Margin
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Inline
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Block
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Inline Start
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Inline End
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Block Start
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mbs": [{ "scroll-mbs": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Block End
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mbe": [{ "scroll-mbe": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Top
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Right
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Bottom
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Margin Left
-			* @see https://tailwindcss.com/docs/scroll-margin
-			*/
-			"scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Inline
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Block
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Inline Start
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Inline End
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Block Start
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pbs": [{ "scroll-pbs": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Block End
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pbe": [{ "scroll-pbe": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Top
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Right
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Bottom
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Padding Left
-			* @see https://tailwindcss.com/docs/scroll-padding
-			*/
-			"scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
-			/**
-			* Scroll Snap Align
-			* @see https://tailwindcss.com/docs/scroll-snap-align
-			*/
-			"snap-align": [{ snap: [
-				"start",
-				"end",
-				"center",
-				"align-none"
-			] }],
-			/**
-			* Scroll Snap Stop
-			* @see https://tailwindcss.com/docs/scroll-snap-stop
-			*/
-			"snap-stop": [{ snap: ["normal", "always"] }],
-			/**
-			* Scroll Snap Type
-			* @see https://tailwindcss.com/docs/scroll-snap-type
-			*/
-			"snap-type": [{ snap: [
-				"none",
-				"x",
-				"y",
-				"both"
-			] }],
-			/**
-			* Scroll Snap Type Strictness
-			* @see https://tailwindcss.com/docs/scroll-snap-type
-			*/
-			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
-			/**
-			* Touch Action
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			touch: [{ touch: [
-				"auto",
-				"none",
-				"manipulation"
-			] }],
-			/**
-			* Touch Action X
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-x": [{ "touch-pan": [
-				"x",
-				"left",
-				"right"
-			] }],
-			/**
-			* Touch Action Y
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-y": [{ "touch-pan": [
-				"y",
-				"up",
-				"down"
-			] }],
-			/**
-			* Touch Action Pinch Zoom
-			* @see https://tailwindcss.com/docs/touch-action
-			*/
-			"touch-pz": ["touch-pinch-zoom"],
-			/**
-			* User Select
-			* @see https://tailwindcss.com/docs/user-select
-			*/
-			select: [{ select: [
-				"none",
-				"text",
-				"all",
-				"auto"
-			] }],
-			/**
-			* Will Change
-			* @see https://tailwindcss.com/docs/will-change
-			*/
-			"will-change": [{ "will-change": [
-				"auto",
-				"scroll",
-				"contents",
-				"transform",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			/**
-			* Fill
-			* @see https://tailwindcss.com/docs/fill
-			*/
-			fill: [{ fill: ["none", ...scaleColor()] }],
-			/**
-			* Stroke Width
-			* @see https://tailwindcss.com/docs/stroke-width
-			*/
-			"stroke-w": [{ stroke: [
-				isNumber,
-				isArbitraryVariableLength,
-				isArbitraryLength,
-				isArbitraryNumber
-			] }],
-			/**
-			* Stroke
-			* @see https://tailwindcss.com/docs/stroke
-			*/
-			stroke: [{ stroke: ["none", ...scaleColor()] }],
-			/**
-			* Forced Color Adjust
-			* @see https://tailwindcss.com/docs/forced-color-adjust
-			*/
-			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
-		},
-		conflictingClassGroups: {
-			"container-named": ["container-type"],
-			overflow: ["overflow-x", "overflow-y"],
-			overscroll: ["overscroll-x", "overscroll-y"],
-			inset: [
-				"inset-x",
-				"inset-y",
-				"inset-bs",
-				"inset-be",
-				"start",
-				"end",
-				"top",
-				"right",
-				"bottom",
-				"left"
-			],
-			"inset-x": [
-				"start",
-				"end",
-				"right",
-				"left"
-			],
-			"inset-y": [
-				"inset-bs",
-				"inset-be",
-				"top",
-				"bottom"
-			],
-			flex: [
-				"basis",
-				"grow",
-				"shrink"
-			],
-			gap: ["gap-x", "gap-y"],
-			p: [
-				"px",
-				"py",
-				"ps",
-				"pe",
-				"pbs",
-				"pbe",
-				"pt",
-				"pr",
-				"pb",
-				"pl"
-			],
-			px: [
-				"ps",
-				"pe",
-				"pr",
-				"pl"
-			],
-			py: [
-				"pbs",
-				"pbe",
-				"pt",
-				"pb"
-			],
-			m: [
-				"mx",
-				"my",
-				"ms",
-				"me",
-				"mbs",
-				"mbe",
-				"mt",
-				"mr",
-				"mb",
-				"ml"
-			],
-			mx: [
-				"ms",
-				"me",
-				"mr",
-				"ml"
-			],
-			my: [
-				"mbs",
-				"mbe",
-				"mt",
-				"mb"
-			],
-			size: ["w", "h"],
-			"font-size": ["leading"],
-			"fvn-normal": [
-				"fvn-ordinal",
-				"fvn-slashed-zero",
-				"fvn-figure",
-				"fvn-spacing",
-				"fvn-fraction"
-			],
-			"fvn-ordinal": ["fvn-normal"],
-			"fvn-slashed-zero": ["fvn-normal"],
-			"fvn-figure": ["fvn-normal"],
-			"fvn-spacing": ["fvn-normal"],
-			"fvn-fraction": ["fvn-normal"],
-			"line-clamp": ["display", "overflow"],
-			rounded: [
-				"rounded-s",
-				"rounded-e",
-				"rounded-t",
-				"rounded-r",
-				"rounded-b",
-				"rounded-l",
-				"rounded-ss",
-				"rounded-se",
-				"rounded-ee",
-				"rounded-es",
-				"rounded-tl",
-				"rounded-tr",
-				"rounded-br",
-				"rounded-bl"
-			],
-			"rounded-s": ["rounded-ss", "rounded-es"],
-			"rounded-e": ["rounded-se", "rounded-ee"],
-			"rounded-t": ["rounded-tl", "rounded-tr"],
-			"rounded-r": ["rounded-tr", "rounded-br"],
-			"rounded-b": ["rounded-br", "rounded-bl"],
-			"rounded-l": ["rounded-tl", "rounded-bl"],
-			"border-spacing": ["border-spacing-x", "border-spacing-y"],
-			"border-w": [
-				"border-w-x",
-				"border-w-y",
-				"border-w-s",
-				"border-w-e",
-				"border-w-bs",
-				"border-w-be",
-				"border-w-t",
-				"border-w-r",
-				"border-w-b",
-				"border-w-l"
-			],
-			"border-w-x": [
-				"border-w-s",
-				"border-w-e",
-				"border-w-r",
-				"border-w-l"
-			],
-			"border-w-y": [
-				"border-w-bs",
-				"border-w-be",
-				"border-w-t",
-				"border-w-b"
-			],
-			"border-color": [
-				"border-color-x",
-				"border-color-y",
-				"border-color-s",
-				"border-color-e",
-				"border-color-bs",
-				"border-color-be",
-				"border-color-t",
-				"border-color-r",
-				"border-color-b",
-				"border-color-l"
-			],
-			"border-color-x": [
-				"border-color-s",
-				"border-color-e",
-				"border-color-r",
-				"border-color-l"
-			],
-			"border-color-y": [
-				"border-color-bs",
-				"border-color-be",
-				"border-color-t",
-				"border-color-b"
-			],
-			translate: [
-				"translate-x",
-				"translate-y",
-				"translate-none"
-			],
-			"translate-none": [
-				"translate",
-				"translate-x",
-				"translate-y",
-				"translate-z"
-			],
-			"scroll-m": [
-				"scroll-mx",
-				"scroll-my",
-				"scroll-ms",
-				"scroll-me",
-				"scroll-mbs",
-				"scroll-mbe",
-				"scroll-mt",
-				"scroll-mr",
-				"scroll-mb",
-				"scroll-ml"
-			],
-			"scroll-mx": [
-				"scroll-ms",
-				"scroll-me",
-				"scroll-mr",
-				"scroll-ml"
-			],
-			"scroll-my": [
-				"scroll-mbs",
-				"scroll-mbe",
-				"scroll-mt",
-				"scroll-mb"
-			],
-			"scroll-p": [
-				"scroll-px",
-				"scroll-py",
-				"scroll-ps",
-				"scroll-pe",
-				"scroll-pbs",
-				"scroll-pbe",
-				"scroll-pt",
-				"scroll-pr",
-				"scroll-pb",
-				"scroll-pl"
-			],
-			"scroll-px": [
-				"scroll-ps",
-				"scroll-pe",
-				"scroll-pr",
-				"scroll-pl"
-			],
-			"scroll-py": [
-				"scroll-pbs",
-				"scroll-pbe",
-				"scroll-pt",
-				"scroll-pb"
-			],
-			touch: [
-				"touch-x",
-				"touch-y",
-				"touch-pz"
-			],
-			"touch-x": ["touch"],
-			"touch-y": ["touch"],
-			"touch-pz": ["touch"]
-		},
-		conflictingClassGroupModifiers: { "font-size": ["leading"] },
-		postfixLookupClassGroups: ["container-type"],
-		orderSensitiveModifiers: [
-			"*",
-			"**",
-			"after",
-			"backdrop",
-			"before",
-			"details-content",
-			"file",
-			"first-letter",
-			"first-line",
-			"marker",
-			"placeholder",
-			"selection"
-		]
-	};
-};
-const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
-//#endregion
-//#region node_modules/@tangle-network/ui/dist/lib/utils.js
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const toKebabCase = (string) => string?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-function toLucideIconData(iconName, iconNode, aliases = []) {
-	if (iconNode == null) throw new Error("[lucide]: iconNode is required when icon name is used");
-	return {
-		name: toKebabCase(iconName),
-		size: 24,
-		node: iconNode,
-		...aliases.length > 0 ? { aliases } : {}
-	};
-}
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const toCamelCase = (string) => {
-	let out = "";
-	let upperNext = false;
-	for (const ch of string) {
-		if (ch === "-" || ch === "_" || ch <= " ") {
-			upperNext = out.length > 0;
-			continue;
-		}
-		if (out.length === 0) out += ch.toLowerCase();
-		else out += upperNext ? ch.toUpperCase() : ch;
-		upperNext = false;
-	}
-	return out;
-};
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const toPascalCase = (string) => {
-	const camelCase = toCamelCase(string);
-	return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/build/defaultAttributes.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const defaultAttributes = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": 2,
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-};
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-function isDefined(value) {
-	return value !== null && value !== void 0;
-}
-function buildLucideIconNode(icon, params = {}) {
-	const attributeNames = params.attributeNames ?? {};
-	const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
-	const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
-	const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
-	const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
-	const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
-	const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
-	const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
-	const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
-	return [
-		"svg",
-		{
-			...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
-				attrs[getAttributeName(attrName)] = value;
-				return attrs;
-			}, {}),
-			..."color" in params && params.color && { [getAttributeName("stroke")]: params.color },
-			..."size" in params && isDefined(params.size) && {
-				[getAttributeName("width")]: params.size,
-				[getAttributeName("height")]: params.size
-			},
-			..."width" in params && isDefined(params.width) && { [getAttributeName("width")]: params.width },
-			..."height" in params && isDefined(params.height) && { [getAttributeName("height")]: params.height },
-			[getAttributeName("stroke-width")]: calculatedStrokeWidth,
-			...className && { [getAttributeName("class")]: className },
-			[getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
-			...params.hasA11yProp === false ? { [getAttributeName("aria-hidden")]: "true" } : {},
-			..."attributes" in params && params.attributes
-		},
-		icon.node.map((child) => {
-			const [name, attrs, children] = child;
-			const nextAttrs = params.nonScalingStroke ? {
-				[getAttributeName("vector-effect")]: "non-scaling-stroke",
-				...attrs
-			} : attrs;
-			return children ? [
-				name,
-				nextAttrs,
-				children
-			] : [name, nextAttrs];
-		})
-	];
-}
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-function buildLucideIconForReact(icon, params = {}) {
-	return buildLucideIconNode(icon, {
-		...params,
-		attributeNames: {
-			...params.attributeNames,
-			class: "className",
-			"stroke-width": "strokeWidth",
-			"stroke-linecap": "strokeLinecap",
-			"stroke-linejoin": "strokeLinejoin",
-			"vector-effect": "vectorEffect"
-		}
-	});
-}
-//#endregion
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const hasA11yProp = (props) => {
-	for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
-	return false;
-};
-//#endregion
-//#region node_modules/lucide-react/dist/esm/context.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const LucideContext = createContext({});
-const useLucideContext = () => useContext(LucideContext);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/Icon.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const Icon = forwardRef(({ color, size, width, height, strokeWidth, absoluteStrokeWidth, nonScalingStroke, className = "", children, iconNode = [], icon = {
-	node: iconNode,
-	aliases: [],
-	size: 24
-}, ...rest }, ref) => {
-	const { size: contextSize = 24, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, nonScalingStroke: contextNonScalingStroke = false, color: contextColor = "currentColor", className: contextClass = "" } = useLucideContext() ?? {};
-	const hasAccessibleProp = Boolean(children) || hasA11yProp(rest);
-	const [name, svgAttributes, builtIconNode = []] = buildLucideIconForReact(icon, {
-		color: color ?? contextColor,
-		width: width ?? size ?? contextSize,
-		height: height ?? size ?? contextSize,
-		strokeWidth: strokeWidth ?? contextStrokeWidth,
-		absoluteStrokeWidth: absoluteStrokeWidth ?? contextAbsoluteStrokeWidth,
-		nonScalingStroke: nonScalingStroke ?? contextNonScalingStroke,
-		className: mergeClasses(contextClass, className),
-		hasA11yProp: hasAccessibleProp,
-		attributes: rest
-	});
-	return createElement(name, {
-		ref,
-		...svgAttributes
-	}, [...builtIconNode.map(([tag, attrs]) => createElement(tag, attrs)), ...Array.isArray(children) ? children : [children]]);
-});
-//#endregion
-//#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-function createLucideIcon(iconDataOrName, iconNode = [], aliases = []) {
-	const iconData = typeof iconDataOrName === "string" ? toLucideIconData(iconDataOrName, iconNode, aliases) : iconDataOrName;
-	const Component = forwardRef(({ className, ...props }, ref) => createElement(Icon, {
-		ref,
-		icon: iconData,
-		className,
-		...props
-	}));
-	if (iconData.name) Component.displayName = toPascalCase(iconData.name);
-	return Component;
-}
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-check.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$7 = {
-	name: "circle-check",
-	size: 24,
-	node: [["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}], ["path", {
-		d: "m16 9-5.5 5.5L8 12",
-		key: "xofnsj"
-	}]],
-	aliases: ["check-circle-2"]
-};
-__iconData$7.node;
-const CircleCheck = createLucideIcon(__iconData$7);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-dashed.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$6 = {
-	name: "circle-dashed",
-	size: 24,
-	node: [
-		["path", {
-			d: "M10.1 2.182a10 10 0 0 1 3.8 0",
-			key: "5ilxe3"
-		}],
-		["path", {
-			d: "M13.9 21.818a10 10 0 0 1-3.8 0",
-			key: "11zvb9"
-		}],
-		["path", {
-			d: "M17.609 3.721a10 10 0 0 1 2.69 2.7",
-			key: "1iw5b2"
-		}],
-		["path", {
-			d: "M2.182 13.9a10 10 0 0 1 0-3.8",
-			key: "c0bmvh"
-		}],
-		["path", {
-			d: "M20.279 17.609a10 10 0 0 1-2.7 2.69",
-			key: "1ruxm7"
-		}],
-		["path", {
-			d: "M21.818 10.1a10 10 0 0 1 0 3.8",
-			key: "qkgqxc"
-		}],
-		["path", {
-			d: "M3.721 6.391a10 10 0 0 1 2.7-2.69",
-			key: "1mcia2"
-		}],
-		["path", {
-			d: "M6.391 20.279a10 10 0 0 1-2.69-2.7",
-			key: "1fvljs"
-		}]
-	]
-};
-__iconData$6.node;
-const CircleDashed = createLucideIcon(__iconData$6);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-dot.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$5 = {
-	name: "circle-dot",
-	size: 24,
-	node: [["circle", {
-		cx: "12",
-		cy: "12",
-		r: "1",
-		key: "41hilf"
-	}], ["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}]]
-};
-__iconData$5.node;
-const CircleDot = createLucideIcon(__iconData$5);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-question-mark.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$4 = {
-	name: "circle-question-mark",
-	size: 24,
-	node: [
-		["circle", {
-			cx: "12",
-			cy: "12",
-			r: "10",
-			key: "1mglay"
-		}],
-		["path", {
-			d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
-			key: "1u773s"
-		}],
-		["path", {
-			d: "M12 17h.01",
-			key: "p32p05"
-		}]
-	],
-	aliases: ["help-circle", "circle-help"]
-};
-__iconData$4.node;
-const CircleQuestionMark = createLucideIcon(__iconData$4);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-stop.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$3 = {
-	name: "circle-stop",
-	size: 24,
-	node: [["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}], ["rect", {
-		x: "9",
-		y: "9",
-		width: "6",
-		height: "6",
-		rx: "1",
-		key: "1ssd4o"
-	}]],
-	aliases: ["stop-circle"]
-};
-__iconData$3.node;
-const CircleStop = createLucideIcon(__iconData$3);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/circle-x.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$2 = {
-	name: "circle-x",
-	size: 24,
-	node: [
-		["circle", {
-			cx: "12",
-			cy: "12",
-			r: "10",
-			key: "1mglay"
-		}],
-		["path", {
-			d: "m15 9-6 6",
-			key: "1uzhvr"
-		}],
-		["path", {
-			d: "m9 9 6 6",
-			key: "z0biqf"
-		}]
-	],
-	aliases: ["x-circle"]
-};
-__iconData$2.node;
-const CircleX = createLucideIcon(__iconData$2);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/hand.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData$1 = {
-	name: "hand",
-	size: 24,
-	node: [
-		["path", {
-			d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2",
-			key: "1fvzgz"
-		}],
-		["path", {
-			d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2",
-			key: "1kc0my"
-		}],
-		["path", {
-			d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8",
-			key: "10h0bg"
-		}],
-		["path", {
-			d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",
-			key: "1s1gnw"
-		}]
-	]
-};
-__iconData$1.node;
-const Hand = createLucideIcon(__iconData$1);
-//#endregion
-//#region node_modules/lucide-react/dist/esm/icons/hourglass.mjs
-/**
-* @license lucide-react v1.63.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData = {
-	name: "hourglass",
-	size: 24,
-	node: [
-		["path", {
-			d: "M5 22h14",
-			key: "ehvnwv"
-		}],
-		["path", {
-			d: "M5 2h14",
-			key: "pdyrp9"
-		}],
-		["path", {
-			d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",
-			key: "1d314k"
-		}],
-		["path", {
-			d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2",
-			key: "1vvvr6"
-		}]
-	]
-};
-__iconData.node;
-const Hourglass = createLucideIcon(__iconData);
-//#endregion
-//#region node_modules/@tangle-network/ui/dist/run/status-meta.js
-const META = {
-	running: {
-		label: "Running",
-		icon: CircleDot,
-		token: "--surface-info-text"
-	},
-	waiting: {
-		label: "Waiting",
-		icon: Hourglass,
-		token: "--surface-neutral-text"
-	},
-	"needs-you": {
-		label: "Needs you",
-		icon: Hand,
-		token: "--surface-warning-text"
-	},
-	done: {
-		label: "Done",
-		icon: CircleCheck,
-		token: "--surface-success-text"
-	},
-	failed: {
-		label: "Failed",
-		icon: CircleX,
-		token: "--surface-danger-text"
-	},
-	stopped: {
-		label: "Stopped",
-		icon: CircleStop,
-		token: "--surface-neutral-text"
-	},
-	idle: {
-		label: "Idle",
-		icon: CircleDashed,
-		token: "--surface-neutral-text"
-	},
-	unknown: {
-		label: "Unknown",
-		icon: CircleQuestionMark,
-		token: "--surface-neutral-text"
-	}
-};
-const ALIASES = {
-	active: "running",
-	in_progress: "running",
-	"in-progress": "running",
-	streaming: "running",
-	pending: "waiting",
-	queued: "waiting",
-	blocked: "waiting",
-	"attention-needed": "needs-you",
-	needs_you: "needs-you",
-	needs_input: "needs-you",
-	awaiting_input: "needs-you",
-	completed: "done",
-	complete: "done",
-	success: "done",
-	succeeded: "done",
-	shipped: "done",
-	error: "failed",
-	errored: "failed",
-	cancelled: "stopped",
-	canceled: "stopped",
-	aborted: "stopped"
-};
-/** Any status string as a `RunStatus`; a value nothing names reads as Unknown, never as a guess. */
-function runStatus(status) {
-	const key = status.trim().toLowerCase();
-	if (Object.hasOwn(META, key)) return key;
-	return Object.hasOwn(ALIASES, key) ? ALIASES[key] : "unknown";
-}
-/** The label, glyph and colour token for a status, in every surface. */
-function statusMeta(status) {
-	return META[runStatus(status)];
-}
-/**
-* A status glyph on the icon grid, in its token colour and labelled with its
-* word. Pass `aria-hidden` where the label is already printed beside it.
-* Running breathes on `--motion-ambient`, the page's one loop period; the
-* breathe is opacity only, so it is the essential motion reduced motion keeps.
-*/
-function RunStatusIcon({ status, className, style, ...props }) {
-	const key = runStatus(status);
-	const { label, icon: Icon, token } = META[key];
-	const running = key === "running";
-	return /* @__PURE__ */ jsx(Icon, {
-		role: "img",
-		"aria-label": label,
-		size: 16,
-		strokeWidth: 1.75,
-		"data-run-status": key,
-		"data-motion": running ? "essential" : void 0,
-		className: cn("shrink-0", running && "animate-[tangle-breathe_var(--motion-ambient)_infinite]", className),
-		style: {
-			color: `var(${token})`,
-			...style
-		},
-		...props
-	});
-}
-//#endregion
-//#region src/react/flow-waterfall-model.ts
-const workKind = (mark) => mark.kind === "model" || mark.modelCall ? "model" : "tool";
-const toolOf = (name) => name?.split(" · ")[0];
-/** The CSS hue slot: 0 is the root agent's neutral, then five agent hues cycle. */
-const toneKey = (tone) => tone > 0 && tone <= 5 ? tone : 0;
-const spanFailed = (span) => span.status === "failed";
-const spanRunning = (span) => span.status === "running";
-const spanFact = (span, label) => new Map((span.facts ?? []).map((fact) => [fact.label.toLowerCase(), fact.value])).get(label.toLowerCase());
-const ordered = (span) => Number.isFinite(span.startMs) && Number.isFinite(span.endMs) && span.endMs >= span.startMs;
-/** 542ms, 6.9s, 23s, 1m 22s, 2h 05m: the precision a reader compares at each scale. */
-function formatSpanDuration(ms) {
-	if (!Number.isFinite(ms) || ms < 0) return "—";
-	if (ms < 1e3) return `${Math.round(ms)}ms`;
-	if (ms < 1e4) return `${(ms / 1e3).toFixed(1)}s`;
-	if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
-	if (ms < 36e5) {
-		const m = Math.floor(ms / 6e4), s = Math.round(ms % 6e4 / 1e3);
-		return s === 60 ? `${m + 1}m` : s ? `${m}m ${s}s` : `${m}m`;
-	}
-	const h = Math.floor(ms / 36e5), m = Math.round(ms % 36e5 / 6e4);
-	return m === 60 ? `${h + 1}h` : `${h}h ${String(m).padStart(2, "0")}m`;
-}
-/** $0.12, $0.005, $12.40; never rounds a recorded nonzero cost to $0.00. */
-function formatCost(usd) {
-	if (finiteNumber(usd) === void 0) return "—";
-	if (usd === 0) return "$0.00";
-	if (usd < .01) return `$${usd.toPrecision(1).replace(/0+$/, "")}`;
-	return `$${usd.toFixed(2)}`;
-}
-/** 9.8k, 754.4k, 1.2M with the exact count left to a title. */
-function formatCount(n) {
-	if (reportedCount(n) === void 0) return "—";
-	if (n < 1e3) return String(n);
-	if (n < 1e6) return `${(n / 1e3).toFixed(1)}K`;
-	return `${(n / 1e6).toFixed(1)}M`;
-}
-/** Merge marks closer than `gapMs` so a dense row stays a readable strip of at most `cap` marks. Marks narrower
-* than the gap merge across kinds and take the kind that covers more time; failures and retries stay distinct. */
-function mergeSegments(marks, gapMs, cap = 240) {
-	marks.sort((a, b) => a.startMs - b.startMs);
-	let gap = gapMs;
-	for (let pass = 0; pass < 40; pass++, gap *= 2) {
-		const out = [];
-		const covered = /* @__PURE__ */ new Map();
-		for (const mark of marks) {
-			const last = out[out.length - 1];
-			const width = Math.min(mark.endMs, mark.startMs + gap * 4) - mark.startMs;
-			const distinct = (m) => m.retry || m.kind === "failed";
-			const small = width < gap || last !== void 0 && last.endMs - last.startMs < gap;
-			if (last && !distinct(last) && !distinct(mark) && last.tone === mark.tone && mark.startMs - last.endMs <= gap && (last.kind === mark.kind || small)) {
-				const share = covered.get(last) ?? {
-					model: last.kind === "model" ? last.endMs - last.startMs : 0,
-					tool: last.kind === "tool" ? last.endMs - last.startMs : 0
-				};
-				share[mark.kind === "model" ? "model" : "tool"] += width;
-				covered.set(last, share);
-				last.endMs = Math.max(last.endMs, mark.endMs);
-				last.count += mark.count;
-				if (last.tool !== mark.tool) last.tool = void 0;
-				if (mark.costUsd !== void 0) last.costUsd = (last.costUsd ?? 0) + mark.costUsd;
-				last.kind = share.model >= share.tool ? "model" : "tool";
-			} else out.push({ ...mark });
-		}
-		if (out.length <= cap) return out;
-	}
-	return marks;
-}
-/** Hierarchy only; presentation owns geometry.
-* Orphaned parents become roots; cycles are broken without dropping any span. */
-function flowWaterfallRows(trace, resolutionMs) {
-	const ids = /* @__PURE__ */ new Set();
-	const rows = [...trace.spans].map((recorded, i) => {
-		const state = runStatus(recorded.status ?? "unknown");
-		const outcome = {
-			label: statusMeta(state).label,
-			tone: state === "running" ? "live" : state === "done" ? "ok" : state === "needs-you" ? "warn" : state === "failed" ? "failed" : "neutral",
-			...state === "unknown" ? { ring: true } : {}
-		};
-		const span = {
-			...recorded,
-			outcome: recorded.outcome ?? outcome,
-			detail: spanFact(recorded, recorded.kind === "tool" ? "Provider" : "Model") ?? recorded.detail
-		};
-		return {
-			span,
-			key: span.id ?? `span-${i}`
-		};
-	}).sort((a, b) => a.span.startMs - b.span.startMs).map(({ span, key }, index) => {
-		let id = key;
-		let suffix = index;
-		while (ids.has(id)) id = `${key}:${suffix++}`;
-		ids.add(id);
-		return {
-			id,
-			parentId: span.parentId,
-			name: span.name,
-			kind: span.kind,
-			durationLabel: ordered(span) ? `${formatSpanDuration(span.endMs - span.startMs)}${span.approx ? "~" : ""}` : "—",
-			approx: span.approx === true,
-			ok: !spanFailed(span),
-			depth: 0,
-			hasChildren: false,
-			span,
-			tone: -1,
-			descendants: 0,
-			segments: [],
-			own: [],
-			retry: span.retryOf !== void 0,
-			hasAgents: false,
-			...span.costBound === "lower" || span.costBound === void 0 && trace.costBound === "lower" ? { costFloor: true } : {}
-		};
-	});
-	const byId = new Map(rows.map((row) => [row.id, row]));
-	const children = /* @__PURE__ */ new Map();
-	for (const row of rows) {
-		const seen = /* @__PURE__ */ new Set([row.id]);
-		let parent = row.parentId;
-		while (parent && byId.has(parent)) {
-			if (seen.has(parent)) {
-				row.parentId = void 0;
-				break;
-			}
-			seen.add(parent);
-			parent = byId.get(parent)?.parentId;
-		}
-		if (row.parentId && !byId.has(row.parentId)) row.parentId = void 0;
-		if (row.parentId) {
-			const siblings = children.get(row.parentId) ?? [];
-			siblings.push(row);
-			children.set(row.parentId, siblings);
-		}
-	}
-	const total = Math.max(1, Number.isFinite(trace.totalMs) ? trace.totalMs : 1);
-	const gap = resolutionMs ?? total / 900;
-	const ordered_ = [];
-	let agents = 0;
-	const visit = (row, depth, tone) => {
-		row.depth = depth;
-		row.tone = row.kind === "pipeline" ? agents++ : tone;
-		const kids = children.get(row.id) ?? [];
-		row.hasChildren = kids.length > 0;
-		ordered_.push(row);
-		const marks = [];
-		const own = row.span.promptTokens !== void 0 || row.span.completionTokens !== void 0 || row.span.cachedTokens !== void 0;
-		let cost = row.span.costUsd ?? 0;
-		let costKnown = row.span.kind !== "model" || row.span.costUsd !== void 0;
-		for (const child of kids) {
-			for (const mark of visit(child, depth + 1, row.tone)) marks.push(mark);
-			row.descendants += 1 + child.descendants;
-			if (child.kind === "pipeline") row.hasAgents = true;
-			const childCost = child.hasChildren ? child.rollupCostUsd : child.span.costUsd;
-			if (childCost === void 0) {
-				if (child.kind === "model" || child.hasChildren) costKnown = false;
-			} else cost += childCost;
-			if (child.kind !== "pipeline" && child.kind !== "waiting" && ordered(child.span)) row.own.push(segmentOf(child));
-		}
-		Object.assign(row, stepStats(kids));
-		const tokens = own ? {
-			prompt: reportedCount(row.span.promptTokens),
-			completion: reportedCount(row.span.completionTokens),
-			cached: reportedCount(row.span.cachedTokens)
-		} : sumTokens(kids);
-		if (tokens) row.tokens = tokens;
-		if (row.hasChildren && costKnown) row.rollupCostUsd = cost;
-		if (row.hasChildren) {
-			row.segments = mergeSegments(marks.map((mark) => ({ ...mark })), gap);
-			row.own = mergeSegments(row.own, gap);
-		}
-		if (row.kind === "pipeline" || row.kind === "waiting" || !ordered(row.span)) return marks;
-		marks.push(segmentOf(row));
-		return marks;
-	};
-	for (const row of rows) if (!row.parentId) visit(row, 0, -1);
-	return ordered_;
-}
-/** What a row's direct steps add up to; nothing when it has none. */
-function stepStats(steps) {
-	let counts;
-	const modelMs = [];
-	for (const step of steps) {
-		if (step.kind === "pipeline" || step.kind === "waiting" || !ordered(step.span)) continue;
-		counts ??= {
-			model: 0,
-			tool: 0,
-			failed: 0,
-			retried: 0,
-			tools: {}
-		};
-		if (!step.ok) counts.failed++;
-		if (step.retry) counts.retried++;
-		if (step.kind === "model") {
-			counts.model++;
-			if (!spanRunning(step.span)) modelMs.push(step.span.endMs - step.span.startMs);
-		} else {
-			counts.tool++;
-			const tool = toolOf(step.name) || step.kind;
-			counts.tools[tool] = (counts.tools[tool] ?? 0) + 1;
-		}
-	}
-	return counts ? {
-		counts,
-		modelMs: modelMs.sort((a, b) => a - b)
-	} : {};
-}
-/** Several rows' steps as one: a family's members or a folded run. */
-function mergeStats(rows) {
-	let counts;
-	for (const row of rows) {
-		if (!row.counts) continue;
-		counts ??= {
-			model: 0,
-			tool: 0,
-			failed: 0,
-			retried: 0,
-			tools: {}
-		};
-		counts.model += row.counts.model;
-		counts.tool += row.counts.tool;
-		counts.failed += row.counts.failed;
-		counts.retried += row.counts.retried;
-		for (const [tool, n] of Object.entries(row.counts.tools)) counts.tools[tool] = (counts.tools[tool] ?? 0) + n;
-	}
-	const tokens = sumTokens(rows);
-	return {
-		...counts ? {
-			counts,
-			modelMs: rows.flatMap((row) => row.modelMs ?? []).sort((a, b) => a - b)
-		} : {},
-		...tokens ? { tokens } : {}
-	};
-}
-function sumTokens(rows) {
-	let out;
-	const sources = rows.filter((row) => row.kind === "model" || row.tokens !== void 0);
-	for (const key of [
-		"prompt",
-		"completion",
-		"cached"
-	]) {
-		const total = sumReportedCounts(sources.map((row) => row.tokens?.[key]));
-		if (total !== void 0) (out ??= {})[key] = total;
-	}
-	return out;
-}
-function segmentOf(row) {
-	return {
-		startMs: row.span.startMs,
-		endMs: spanRunning(row.span) ? Number.POSITIVE_INFINITY : row.span.endMs,
-		kind: !row.ok ? "failed" : row.kind === "model" ? "model" : "tool",
-		tone: row.tone,
-		id: row.id,
-		count: 1,
-		retry: row.retry,
-		name: row.name,
-		tool: toolOf(row.name),
-		...row.span.costUsd === void 0 ? {} : { costUsd: row.span.costUsd },
-		...!row.ok && row.kind === "model" ? { modelCall: true } : {}
-	};
-}
-/** The rows a search term matches by themselves, before ancestor context is added. */
-function searchMatchIds(rows, query, matchSpan) {
-	const term = query.trim();
-	const lower = term.toLowerCase();
-	return new Set(rows.filter((row) => matchSpan ? matchSpan(row.span, term) : `${row.name} ${row.span.detail ?? ""} ${row.kind} ${row.ok ? "" : "failed"} ${row.span.status ?? ""}`.toLowerCase().includes(lower)).map((row) => row.id));
-}
-/** Search keeps ancestor context and deliberately reveals matches inside collapsed branches. */
-function visibleFlowWaterfallRows(rows, query, collapsed, matchSpan) {
-	const byId = new Map(rows.map((row) => [row.id, row]));
-	if (query.trim()) {
-		const matching = /* @__PURE__ */ new Set();
-		for (const id of searchMatchIds(rows, query, matchSpan)) {
-			let cursor = byId.get(id);
-			while (cursor && !matching.has(cursor.id)) {
-				matching.add(cursor.id);
-				cursor = cursor.parentId ? byId.get(cursor.parentId) : void 0;
-			}
-		}
-		return rows.filter((row) => matching.has(row.id));
-	}
-	const hidden = /* @__PURE__ */ new Set();
-	return rows.filter((row) => {
-		const isHidden = row.parentId !== void 0 && (collapsed.has(row.parentId) || hidden.has(row.parentId));
-		if (isHidden) hidden.add(row.id);
-		return !isHidden;
-	});
-}
-/** The leaf a reader should look at first: the longest completed or running non-agent step. */
-function slowestRow(rows, clockMs) {
-	let best;
-	let bestMs = -1;
-	for (const row of rows) {
-		if (row.hasChildren || row.kind === "pipeline" || row.kind === "waiting" || row.durationLabel === "—") continue;
-		if (row.span.startMs > clockMs) continue;
-		const ms = (spanRunning(row.span) ? Math.max(row.span.endMs, clockMs) : Math.min(row.span.endMs, clockMs)) - row.span.startMs;
-		if (ms > bestMs) {
-			best = row;
-			bestMs = ms;
-		}
-	}
-	return best;
-}
-/** The chain of steps that gates the trace's end: from each root, descend into the latest-ending child until a leaf; the root whose
-* chain ends last wins. Cutting latency anywhere else leaves the trace's end unchanged. */
-function criticalPathIds(rows) {
-	const children = /* @__PURE__ */ new Map();
-	for (const row of rows) {
-		if (!row.parentId) continue;
-		const siblings = children.get(row.parentId);
-		if (siblings) siblings.push(row);
-		else children.set(row.parentId, [row]);
-	}
-	let best;
-	for (const root of rows) {
-		if (root.parentId) continue;
-		const chain = [];
-		let end = root.span.endMs;
-		for (let cursor = root; cursor;) {
-			chain.push(cursor.id);
-			end = Math.max(end, cursor.span.endMs);
-			cursor = children.get(cursor.id)?.reduce((latest, child) => !latest || child.span.endMs > latest.span.endMs ? child : latest, void 0);
-		}
-		if (!best || end > best.end) best = {
-			end,
-			chain
-		};
-	}
-	return new Set(best?.chain);
-}
-/** The agents a reader should look at first: the longest one by the clock, and the costliest when two or more are priced. */
-function agentCallouts(agents, clockMs) {
-	let slowest, slowestMs = -1, costliest, top = -1, priced = 0, timed = 0;
-	for (const row of agents) {
-		if (row.durationLabel === "—" || row.span.startMs > clockMs || row.kind !== "pipeline" || row.hasAgents || row.id.startsWith("family:") || row.id.startsWith("run:")) continue;
-		const ms = (spanRunning(row.span) ? Math.max(row.span.endMs, clockMs) : Math.min(row.span.endMs, clockMs)) - row.span.startMs;
-		if (spanFact(row.span, "Ran for") === void 0) {
-			timed += 1;
-			if (ms > slowestMs) {
-				slowest = row;
-				slowestMs = ms;
-			}
-		}
-		const cost = spanFact(row.span, "Cost") === void 0 ? row.span.costUsd ?? row.rollupCostUsd : void 0;
-		if (typeof cost !== "number" || !Number.isFinite(cost)) continue;
-		priced += 1;
-		if (cost > top) {
-			costliest = row;
-			top = cost;
-		}
-	}
-	return {
-		slowestId: timed > 1 ? slowest?.id : void 0,
-		costliestId: priced > 1 && top > 0 ? costliest?.id : void 0
-	};
-}
-/** Busy time per agent row: the union of its own work. Their sum over wall time is the parallel speedup. */
-function busyMs(row, clockMs) {
-	let total = 0, end = -Infinity;
-	for (const mark of row.own) {
-		const a = Math.max(mark.startMs, end), b = Math.min(mark.endMs, clockMs);
-		if (b > a) total += b - a;
-		end = Math.max(end, Math.min(mark.endMs, clockMs));
-	}
-	return total;
-}
-/** Complete per-span usage drives playback; authoritative call/error counts remain trace totals. */
-function totalsAt(trace, clockMs) {
-	let cost = 0;
-	let costs = false, counted = false;
-	const tokens = [];
-	for (const span of trace.spans) {
-		if (span.startMs > clockMs) continue;
-		const aggregate = span.meta?.["cli_bridge.usage.scope"] === "sum_of_children";
-		if (span.endMs > clockMs) continue;
-		if (span.costUsd !== void 0) {
-			cost += span.costUsd;
-			costs = true;
-		}
-		if (!aggregate && (span.kind === "model" || span.promptTokens !== void 0 || span.completionTokens !== void 0)) {
-			tokens.push(sumReportedCounts([span.promptTokens, span.completionTokens]));
-			counted ||= span.promptTokens !== void 0 || span.completionTokens !== void 0;
-		}
-	}
-	return {
-		costUsd: trace.costUsd === void 0 ? void 0 : costs ? cost : trace.costUsd,
-		tokens: counted ? sumReportedCounts(tokens) : sumReportedCounts([trace.promptTokens, trace.completionTokens]),
-		modelCalls: reportedCount(trace.modelCalls),
-		toolCalls: reportedCount(trace.toolCalls),
-		errors: reportedCount(trace.errors)
-	};
-}
-/** The cost a reader can rely on: a lower bound when some calls are unpriced, a dash only when nothing is priced. */
-function costSummary(costUsd, trace) {
-	costUsd = finiteNumber(costUsd);
-	const billedUsd = finiteNumber(trace.billedUsd);
-	const list = trace.costBasis === "list";
-	const label = list ? "Cost · list price" : "Cost";
-	if (costUsd === void 0) return billedUsd !== void 0 ? {
-		value: `${formatCost(billedUsd)} billed`,
-		title: "No list price for these calls; billed is the seat charge",
-		label
-	} : {
-		value: "—",
-		title: "No cost source: the harness recorded no cost and no price catalog was given",
-		label
-	};
-	const coverage = trace.costCoverage;
-	const partial = coverage !== void 0 && coverage.priced < coverage.total;
-	const upper = !partial && trace.costBound === "upper";
-	return {
-		value: `${partial || trace.costBound === "lower" ? "≥" : upper ? "≤" : list ? "≈" : ""}${formatCost(costUsd)}${billedUsd !== void 0 ? ` · ${formatCost(billedUsd)} billed` : ""}`,
-		title: [
-			partial ? `${coverage.priced} of ${coverage.total} model calls priced` : coverage ? `all ${coverage.total} model calls priced` : "",
-			list ? "at the model catalog list price; not a bill" : "",
-			upper ? "cached input is not split out, so it is priced as fresh input: at most this" : "",
-			trace.costBound === "lower" ? "a floor: the producer reports at least this" : "",
-			billedUsd !== void 0 ? `billed ${formatCost(billedUsd)} (the seat charge)` : ""
-		].filter(Boolean).join("; "),
-		label
-	};
-}
-/** The role an agent plays: its name without a trailing counter ("memscale-engineer-3", "Subagent 2"). */
-const roleOf = (name) => name.replace(/[-\s]\d+$/, "");
-/**
-* Agents sharing a role fold into one family row until opened: a 17-agent run reads as its few roles, and the bar of a
-* family carries every member's work in each member's hue. Members follow their opened family, marked with `family`.
-*/
-/** The families open by default: all of them when every agent fits in `rows`, so a reader sees each agent and its steps (the
-*  blind reviews preferred agent rows to `role ×N`); none on bigger runs. `flipped` holds the families the reader toggled. */
-function defaultOpenFamilies(agents, rows, flipped) {
-	const unfold = agents.length <= rows;
-	const ids = agentFamilies(agents, /* @__PURE__ */ new Set()).filter((row) => row.id.startsWith("family:")).map((row) => row.id);
-	return new Set(ids.filter((id) => unfold !== flipped.has(id)));
-}
-function agentFamilies(agents, open) {
-	const groups = /* @__PURE__ */ new Map();
-	for (const row of agents) {
-		const key = row.parentId === void 0 ? `root:${row.id}` : roleOf(row.name);
-		groups.set(key, [...groups.get(key) ?? [], row]);
-	}
-	const out = [];
-	let next = 0;
-	const hue = (row) => row.tone <= 0 || ++next > 5 ? 0 : 1 + [...roleOf(row.name)].reduce((hash, c) => hash * 31 + c.charCodeAt(0) >>> 0, 0) % 5;
-	for (const [role, members] of groups) {
-		if (members.length < 2) {
-			const row = members[0], tone = hue(row);
-			out.push({
-				...row,
-				tone,
-				own: row.own.map((mark) => ({
-					...mark,
-					tone
-				}))
-			});
-			continue;
-		}
-		const tone = hue(members[0]);
-		const id = `family:${role}`;
-		const startMs = Math.min(...members.map((row) => row.span.startMs));
-		const endMs = Math.max(...members.map((row) => row.span.endMs));
-		const running = members.some((row) => spanRunning(row.span));
-		const known = members.map((row) => row.span.costUsd ?? (spanFact(row.span, "Cost") === void 0 ? row.rollupCostUsd : void 0)).filter((cost) => cost !== void 0 && Number.isFinite(cost));
-		const failed = members.filter((row) => row.span.outcome ? row.span.outcome.tone === "failed" : !row.ok).length;
-		const outcome = members.every((row) => row.span.outcome && row.span.outcome.tone === members[0].span.outcome?.tone && !row.span.outcome.ring === !members[0].span.outcome?.ring) ? members[0].span.outcome : void 0;
-		const facts = members.flatMap((row) => (row.span.facts ?? []).filter(({ label }) => [
-			"model",
-			"model calls",
-			"tool calls",
-			"model latency",
-			"failures",
-			"retries"
-		].includes(label.toLowerCase()) || label.toLowerCase() === "tokens" && ![
-			row.span.promptTokens,
-			row.span.completionTokens,
-			row.span.cachedTokens
-		].some(Number.isFinite) || label.toLowerCase() === "cost" && known.length === 0)).map(({ label }) => ({
-			label,
-			value: "Not recorded"
-		}));
-		out.push({
-			costFloor: known.length < members.length || members.some((row) => row.costFloor),
-			id,
-			parentId: members[0].parentId,
-			name: role,
-			kind: "pipeline",
-			durationLabel: formatSpanDuration(endMs - startMs),
-			approx: members.some((row) => row.approx),
-			ok: failed === 0,
-			depth: 0,
-			hasChildren: true,
-			tone,
-			outcomes: [...new Map(members.map((row) => {
-				const state = row.span.outcome ?? {
-					tone: "neutral",
-					label: "Unknown",
-					ring: true
-				};
-				return [`${state.label}:${state.tone}:${state.ring}`, state];
-			})).values()],
-			descendants: members.length,
-			segments: [],
-			retry: false,
-			hasAgents: false,
-			own: members.flatMap((row, i) => row.own.map((mark) => ({
-				...mark,
-				tone,
-				alt: i % 2 === 1
-			}))).sort((a, b) => a.startMs - b.startMs),
-			...known.length ? { rollupCostUsd: known.reduce((sum, cost) => sum + cost, 0) } : {},
-			...mergeStats(members),
-			span: {
-				id,
-				kind: "pipeline",
-				name: role,
-				startMs,
-				endMs,
-				activityAt: members.flatMap((row) => row.span.activityAt ?? row.own.flatMap((mark) => [mark.startMs, mark.endMs])),
-				status: running ? "running" : failed ? "failed" : "done",
-				...outcome ? { outcome } : {},
-				detail: members.every((row) => row.span.detail === members[0].span.detail) ? members[0].span.detail : void 0,
-				facts,
-				meta: {
-					failedAgents: failed,
-					costPartial: known.length < members.length,
-					members: members.map((row) => row.id)
-				}
-			}
-		});
-		if (open.has(id)) out.push(...members.map((row, i) => ({
-			...row,
-			family: id,
-			inset: 1,
-			tone,
-			own: row.own.map((mark) => ({
-				...mark,
-				tone,
-				alt: i % 2 === 1
-			}))
-		})));
-	}
-	return out;
-}
-/** The second line of an agent row in parts: how it ended and how much it did (failed, 3 model calls, 412 tool calls; 6 agents, 4 failed).
-* The row shows the parts in order and drops the last ones whole when the line is full, never half a word. */
-function agentSummary(row) {
-	if (row.id.startsWith("family:")) {
-		const failed = Number(row.span.meta?.failedAgents ?? 0);
-		return [`${row.descendants} agents`, ...failed ? [`${failed} failed`] : []];
-	}
-	if (row.id.startsWith("run:")) {
-		const failed = row.own.filter((mark) => mark.kind === "failed").length;
-		return [failed ? `${failed} failed` : "all done"];
-	}
-	const facts = new Map((row.span.facts ?? []).map(({ label, value }) => [label.toLowerCase(), value]));
-	const calls = [[
-		"Model calls",
-		row.counts?.model,
-		"model"
-	], [
-		"Tool calls",
-		row.counts?.tool,
-		"tool"
-	]].map(([label, count, kind]) => facts.has(label.toLowerCase()) ? `${label}: ${facts.get(label.toLowerCase())}` : count ? `${count} ${kind} ${count === 1 ? "call" : "calls"}` : "");
-	return [row.span.outcome?.label ?? (spanRunning(row.span) ? "running" : !row.ok ? "failed" : row.kind === "pipeline" ? "" : "done"), ...calls].filter(Boolean);
-}
-/**
-* The agent view's rows: families folded until opened, and an opened agent's own steps (its turns and tool calls, not its
-* child agents) nested beneath it with their icons, durations and costs, as a reader drills from the run into one agent.
-*/
-function agentViewRows(agents, rows, openFamilies, openSteps) {
-	const base = agentFamilies(agents, openFamilies);
-	if (openSteps.size === 0) return base;
-	const steps = /* @__PURE__ */ new Map();
-	for (const row of rows) {
-		if (row.parentId === void 0 || !openSteps.has(row.parentId) || row.kind === "pipeline") continue;
-		steps.set(row.parentId, [...steps.get(row.parentId) ?? [], row]);
-	}
-	return base.flatMap((row) => openSteps.has(row.id) ? [row, ...stepRuns(steps.get(row.id) ?? []).map((step) => ({
-		...step,
-		stepOf: row.id,
-		inset: (row.inset ?? 0) + 1,
-		tone: row.tone,
-		own: step.own.map((mark) => ({
-			...mark,
-			tone: row.tone
-		}))
-	}))] : [row]);
-}
-/** Three or more consecutive steps of one kind and name read as one row ("15 model calls · 4h"), each a mark in its bar. */
-function stepRuns(steps) {
-	const out = [];
-	for (let i = 0; i < steps.length;) {
-		let j = i;
-		while (j < steps.length && steps[j].kind === steps[i].kind && steps[j].name === steps[i].name) j++;
-		const run = steps.slice(i, j);
-		if (run.length < 3) {
-			out.push(...run);
-			i = j;
-			continue;
-		}
-		const first = run[0];
-		const startMs = Math.min(...run.map((step) => step.span.startMs));
-		const endMs = Math.max(...run.map((step) => step.span.endMs));
-		const failed = run.filter((step) => !step.ok).length;
-		const costs = run.map((step) => step.span.costUsd ?? step.rollupCostUsd).filter((cost) => cost !== void 0);
-		const noun = first.kind === "model" ? "model calls" : first.kind === "tool" ? `${first.name} calls` : `${first.name} steps`;
-		out.push({
-			...first,
-			id: `run:${first.id}`,
-			name: `${run.length} ${noun}`,
-			durationLabel: formatSpanDuration(endMs - startMs),
-			ok: failed === 0,
-			hasChildren: false,
-			descendants: 0,
-			segments: [],
-			...stepStats(run),
-			tokens: sumTokens(run),
-			own: run.map((step) => ({
-				...segmentOf(step),
-				tone: first.tone
-			})),
-			...costs.length ? { rollupCostUsd: costs.reduce((sum, cost) => sum + cost, 0) } : {},
-			span: {
-				...first.span,
-				id: `run:${first.id}`,
-				name: `${run.length} ${noun}`,
-				startMs,
-				endMs,
-				status: failed ? "failed" : first.span.status,
-				costUsd: void 0
-			}
-		});
-		i = j;
-	}
-	return out;
-}
-/** A row as the view draws it: its drawn copy, or for a member of a folded family, itself in the family's hue. */
-function drawnRow(row, visible) {
-	const drawn = visible.find((item) => item.id === row.id);
-	if (drawn) return drawn;
-	const family = visible.find((item) => (item.span.meta?.members)?.includes(row.id));
-	return family ? {
-		...row,
-		tone: family.tone
-	} : row;
-}
-/** A row's cost as printed: "≥" when it is a floor. */
-const rowCostText = (row, cost) => spanFact(row.span, "Cost") ?? (cost === void 0 ? "" : `${row.costFloor ? "≥" : ""}${formatCost(cost)}`);
-/** Quiet is elapsed silence beyond both five minutes and three median event gaps. */
-function quietActivity(row, now) {
-	const times = [...row.span.activityAt ?? row.own.flatMap((mark) => [mark.startMs, mark.endMs])].filter(Number.isFinite).sort((a, b) => a - b);
-	const last = times.at(-1) ?? NaN;
-	const gaps = times.slice(1).map((at, i) => at - times[i]).sort((a, b) => a - b);
-	const middle = Math.floor(gaps.length / 2);
-	const observedMedian = gaps.length ? gaps.length % 2 ? gaps[middle] : (gaps[middle - 1] + gaps[middle]) / 2 : 0;
-	const supplied = row.span.medianEventGapMs;
-	const median = typeof supplied === "number" && Number.isFinite(supplied) && supplied >= 0 ? supplied : observedMedian;
-	const quietMs = Number.isFinite(last) ? Math.max(0, now - last) : 0;
-	return {
-		last,
-		quietMs,
-		quiet: spanRunning(row.span) && Number.isFinite(last) && quietMs > Math.max(3e5, 3 * median)
-	};
-}
-//#endregion
 //#region src/react/flow-waterfall-icons.tsx
 const svg = (children, label) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 16 16",