likec4 1.59.2 → 1.59.4

package/__app__/src/chunks/styled-system.mjs

@@ -30,7 +30,7 @@ function toHash(e) {
 }
 var o = /\s*!(important)?/i;
 function isImportant(e) {
-	return typeof e == "string" ? o.test(e) : !1;
+	return typeof e == "string" && o.test(e);
 }
 function withoutImportant(e) {
 	return typeof e == "string" ? e.replace(o, "").trim() : e;
@@ -55,7 +55,7 @@ function mergeProps(...e) {
 	return e.reduce((e, t) => (t && Object.keys(t).forEach((n) => {
 		if (c.has(n)) return;
 		let r = e[n], i = t[n];
-		isObject(r) && isObject(i) ? e[n] = mergeProps(r, i) : e[n] = i;
+		e[n] = isObject(r) && isObject(i) ? mergeProps(r, i) : i;
 	}), e), {});
 }
 var isNotNullish = (e) => e != null;
@@ -216,7 +216,7 @@ ae.split(",").forEach((e) => {
 		v.set(e === "1" ? r : e, t);
 	});
 });
-var resolveShorthand = (e) => v.get(e) || e, oe = {
+var resolveShorthand = (e) => v.get(e) || e, y = {
 	conditions: {
 		shift: sortConditions,
 		finalize: finalizeConditions,
@@ -238,9 +238,9 @@ var resolveShorthand = (e) => v.get(e) || e, oe = {
 		toHash: (e, t) => t(e.join(":")),
 		resolveShorthand
 	}
-}, se = createCss(oe), css = (...e) => se(y(...e));
-css.raw = (...e) => y(...e);
-var { mergeCss: y, assignCss: ce } = createMergeCss(oe);
+}, oe = createCss(y), css = (...e) => oe(b(...e));
+css.raw = (...e) => b(...e);
+var { mergeCss: b, assignCss: se } = createMergeCss(y);
 //#endregion
 //#region styled-system/css/cx.mjs
 function cx() {
@@ -264,15 +264,15 @@ function cva(e) {
 	});
 	function resolve(e = {}) {
 		let r = getVariantProps(e), a = { ...t };
-		for (let [e, t] of Object.entries(r)) n[e]?.[t] && (a = y(a, n[e][t]));
+		for (let [e, t] of Object.entries(r)) n[e]?.[t] && (a = b(a, n[e][t]));
 		let o = getCompoundVariantCss(i, r);
-		return y(a, o);
+		return b(a, o);
 	}
 	function merge(e) {
 		let a = defaults(e.config), o = uniq(e.variantKeys, Object.keys(n));
 		return cva({
-			base: y(t, a.base),
-			variants: Object.fromEntries(o.map((e) => [e, y(n[e], a.variants[e])])),
+			base: b(t, a.base),
+			variants: Object.fromEntries(o.map((e) => [e, b(n[e], a.variants[e])])),
 			defaultVariants: mergeProps(r, a.defaultVariants),
 			compoundVariants: [...i, ...a.compoundVariants]
 		});
@@ -299,7 +299,7 @@ function cva(e) {
 function getCompoundVariantCss(e, t) {
 	let n = {};
 	return e.forEach((e) => {
-		Object.entries(e).every(([e, n]) => e === "css" ? !0 : (Array.isArray(n) ? n : [n]).some((n) => t[e] === n)) && (n = y(n, e.css));
+		Object.entries(e).every(([e, n]) => e === "css" || (Array.isArray(n) ? n : [n]).some((n) => t[e] === n)) && (n = b(n, e.css));
 	}), n;
 }
 function assertCompoundVariant(e, t, n, r) {
@@ -337,8 +337,2431 @@ function sva(e) {
 	});
 }
 //#endregion
+//#region styled-system/tokens/index.mjs
+var ce = {
+	"fontSizes.xxs": {
+		value: "10px",
+		variable: "var(--font-sizes-xxs)"
+	},
+	"fontSizes.xs": {
+		value: "12px",
+		variable: "var(--font-sizes-xs)"
+	},
+	"fontSizes.sm": {
+		value: "13px",
+		variable: "var(--font-sizes-sm)"
+	},
+	"fontSizes.md": {
+		value: "14px",
+		variable: "var(--font-sizes-md)"
+	},
+	"fontSizes.lg": {
+		value: "16px",
+		variable: "var(--font-sizes-lg)"
+	},
+	"fontSizes.xl": {
+		value: "18px",
+		variable: "var(--font-sizes-xl)"
+	},
+	"fontSizes.likec4.xs": {
+		value: "13.33px",
+		variable: "var(--font-sizes-likec4-xs)"
+	},
+	"fontSizes.likec4.sm": {
+		value: "16px",
+		variable: "var(--font-sizes-likec4-sm)"
+	},
+	"fontSizes.likec4.md": {
+		value: "19.2px",
+		variable: "var(--font-sizes-likec4-md)"
+	},
+	"fontSizes.likec4.lg": {
+		value: "23.04px",
+		variable: "var(--font-sizes-likec4-lg)"
+	},
+	"fontSizes.likec4.xl": {
+		value: "27.65px",
+		variable: "var(--font-sizes-likec4-xl)"
+	},
+	"fontSizes.h1": {
+		value: "2.125rem",
+		variable: "var(--font-sizes-h1)"
+	},
+	"fontSizes.h2": {
+		value: "1.625rem",
+		variable: "var(--font-sizes-h2)"
+	},
+	"fontSizes.h3": {
+		value: "1.375rem",
+		variable: "var(--font-sizes-h3)"
+	},
+	"fontSizes.h4": {
+		value: "1.125rem",
+		variable: "var(--font-sizes-h4)"
+	},
+	"fontSizes.h5": {
+		value: "1rem",
+		variable: "var(--font-sizes-h5)"
+	},
+	"fontSizes.h6": {
+		value: "0.875rem",
+		variable: "var(--font-sizes-h6)"
+	},
+	"fontWeights.normal": {
+		value: "400",
+		variable: "var(--font-weights-normal)"
+	},
+	"fontWeights.medium": {
+		value: "500",
+		variable: "var(--font-weights-medium)"
+	},
+	"fontWeights.semibold": {
+		value: "600",
+		variable: "var(--font-weights-semibold)"
+	},
+	"fontWeights.bold": {
+		value: "600",
+		variable: "var(--font-weights-bold)"
+	},
+	"fontWeights.extrabold": {
+		value: "700",
+		variable: "var(--font-weights-extrabold)"
+	},
+	"fontWeights.display": {
+		value: "700",
+		variable: "var(--font-weights-display)"
+	},
+	"lineHeights.1": {
+		value: "1",
+		variable: "var(--line-heights-1)"
+	},
+	"lineHeights.tight": {
+		value: "1.05",
+		variable: "var(--line-heights-tight)"
+	},
+	"lineHeights.snug": {
+		value: "1.1",
+		variable: "var(--line-heights-snug)"
+	},
+	"lineHeights.xs": {
+		value: "1.2",
+		variable: "var(--line-heights-xs)"
+	},
+	"lineHeights.sm": {
+		value: "1.35",
+		variable: "var(--line-heights-sm)"
+	},
+	"lineHeights.md": {
+		value: "1.45",
+		variable: "var(--line-heights-md)"
+	},
+	"lineHeights.lg": {
+		value: "1.5",
+		variable: "var(--line-heights-lg)"
+	},
+	"lineHeights.xl": {
+		value: "1.5",
+		variable: "var(--line-heights-xl)"
+	},
+	"fonts.display": {
+		value: "'IBM Plex Sans Variable',ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
+		variable: "var(--fonts-display)"
+	},
+	"fonts.mono": {
+		value: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+		variable: "var(--fonts-mono)"
+	},
+	"fonts.body": {
+		value: "'IBM Plex Sans Variable',ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
+		variable: "var(--fonts-body)"
+	},
+	"fonts.likec4": {
+		value: "var(--likec4-app-font, var(--likec4-app-font-default, var(--fonts-body)))",
+		variable: "var(--fonts-likec4)"
+	},
+	"fonts.likec4.element": {
+		value: "var(--likec4-element-font, var(--fonts-likec4))",
+		variable: "var(--fonts-likec4-element)"
+	},
+	"fonts.likec4.compound": {
+		value: "var(--likec4-compound-font, var(--fonts-likec4))",
+		variable: "var(--fonts-likec4-compound)"
+	},
+	"fonts.likec4.relation": {
+		value: "var(--likec4-relation-font, var(--fonts-likec4))",
+		variable: "var(--fonts-likec4-relation)"
+	},
+	"letterSpacings.display": {
+		value: "-0.02em",
+		variable: "var(--letter-spacings-display)"
+	},
+	"letterSpacings.tight": {
+		value: "-0.025em",
+		variable: "var(--letter-spacings-tight)"
+	},
+	"letterSpacings.normal": {
+		value: "0em",
+		variable: "var(--letter-spacings-normal)"
+	},
+	"letterSpacings.caps": {
+		value: "0.12em",
+		variable: "var(--letter-spacings-caps)"
+	},
+	"letterSpacings.caps.sm": {
+		value: "0.06em",
+		variable: "var(--letter-spacings-caps-sm)"
+	},
+	"sizes.0": {
+		value: "0",
+		variable: "var(--sizes-0)"
+	},
+	"sizes.auto": {
+		value: "auto",
+		variable: "var(--sizes-auto)"
+	},
+	"sizes.max-content": {
+		value: "max-content",
+		variable: "var(--sizes-max-content)"
+	},
+	"sizes.min-content": {
+		value: "min-content",
+		variable: "var(--sizes-min-content)"
+	},
+	"sizes.fit-content": {
+		value: "fit-content",
+		variable: "var(--sizes-fit-content)"
+	},
+	"sizes.stretch": {
+		value: "stretch",
+		variable: "var(--sizes-stretch)"
+	},
+	"sizes.100cqw": {
+		value: "100cqw",
+		variable: "var(--sizes-100cqw)"
+	},
+	"sizes.100cqh": {
+		value: "100cqh",
+		variable: "var(--sizes-100cqh)"
+	},
+	"sizes.100vw": {
+		value: "100vw",
+		variable: "var(--sizes-100vw)"
+	},
+	"sizes.100vh": {
+		value: "100vh",
+		variable: "var(--sizes-100vh)"
+	},
+	"sizes.100%": {
+		value: "100%",
+		variable: "var(--sizes-100\\%)"
+	},
+	"sizes.50%": {
+		value: "50%",
+		variable: "var(--sizes-50\\%)"
+	},
+	"sizes.full": {
+		value: "100%",
+		variable: "var(--sizes-full)"
+	},
+	"sizes.control.sm": {
+		value: "30px",
+		variable: "var(--sizes-control-sm)"
+	},
+	"sizes.control.md": {
+		value: "36px",
+		variable: "var(--sizes-control-md)"
+	},
+	"sizes.control.lg": {
+		value: "42px",
+		variable: "var(--sizes-control-lg)"
+	},
+	"sizes.action-icon": {
+		value: "28px",
+		variable: "var(--sizes-action-icon)"
+	},
+	"sizes.icon": {
+		value: "16px",
+		variable: "var(--sizes-icon)"
+	},
+	"sizes.icon.xxs": {
+		value: "10px",
+		variable: "var(--sizes-icon-xxs)"
+	},
+	"sizes.icon.xs": {
+		value: "12px",
+		variable: "var(--sizes-icon-xs)"
+	},
+	"sizes.icon.sm": {
+		value: "14px",
+		variable: "var(--sizes-icon-sm)"
+	},
+	"sizes.icon.md": {
+		value: "16px",
+		variable: "var(--sizes-icon-md)"
+	},
+	"sizes.icon.lg": {
+		value: "18px",
+		variable: "var(--sizes-icon-lg)"
+	},
+	"sizes.icon.xl": {
+		value: "22px",
+		variable: "var(--sizes-icon-xl)"
+	},
+	"sizes.breakpoint-xs": {
+		value: "36em",
+		variable: "var(--sizes-breakpoint-xs)"
+	},
+	"sizes.breakpoint-sm": {
+		value: "48em",
+		variable: "var(--sizes-breakpoint-sm)"
+	},
+	"sizes.breakpoint-md": {
+		value: "62em",
+		variable: "var(--sizes-breakpoint-md)"
+	},
+	"sizes.breakpoint-lg": {
+		value: "75em",
+		variable: "var(--sizes-breakpoint-lg)"
+	},
+	"sizes.breakpoint-xl": {
+		value: "88em",
+		variable: "var(--sizes-breakpoint-xl)"
+	},
+	"borders.none": {
+		value: "none",
+		variable: "var(--borders-none)"
+	},
+	"borders.transparent": {
+		value: "0px solid transparent",
+		variable: "var(--borders-transparent)"
+	},
+	"borders.subtle": {
+		value: "var(--border-widths-default) solid var(--colors-border-subtle)",
+		variable: "var(--borders-subtle)"
+	},
+	"borders.default": {
+		value: "var(--border-widths-default) solid var(--colors-border-default)",
+		variable: "var(--borders-default)"
+	},
+	"borders.strong": {
+		value: "var(--border-widths-strong) solid var(--colors-border-strong)",
+		variable: "var(--borders-strong)"
+	},
+	"borders.outline": {
+		value: "var(--border-widths-strong) solid var(--colors-border-outline)",
+		variable: "var(--borders-outline)"
+	},
+	"borders.panel": {
+		value: "var(--border-widths-default) solid var(--colors-likec4-panel-border)",
+		variable: "var(--borders-panel)"
+	},
+	"borderWidths.0": {
+		value: "0px",
+		variable: "var(--border-widths-0)"
+	},
+	"borderWidths.1": {
+		value: "1px",
+		variable: "var(--border-widths-1)"
+	},
+	"borderWidths.2": {
+		value: "2px",
+		variable: "var(--border-widths-2)"
+	},
+	"borderWidths.3": {
+		value: "3px",
+		variable: "var(--border-widths-3)"
+	},
+	"borderWidths.4": {
+		value: "4px",
+		variable: "var(--border-widths-4)"
+	},
+	"borderWidths.default": {
+		value: "1px",
+		variable: "var(--border-widths-default)"
+	},
+	"borderWidths.strong": {
+		value: "2px",
+		variable: "var(--border-widths-strong)"
+	},
+	"borderWidths.extra": {
+		value: "3px",
+		variable: "var(--border-widths-extra)"
+	},
+	"spacing.0": {
+		value: "0px",
+		variable: "var(--spacing-0)"
+	},
+	"spacing.1": {
+		value: "4px",
+		variable: "var(--spacing-1)"
+	},
+	"spacing.2": {
+		value: "8px",
+		variable: "var(--spacing-2)"
+	},
+	"spacing.3": {
+		value: "12px",
+		variable: "var(--spacing-3)"
+	},
+	"spacing.4": {
+		value: "16px",
+		variable: "var(--spacing-4)"
+	},
+	"spacing.5": {
+		value: "20px",
+		variable: "var(--spacing-5)"
+	},
+	"spacing.6": {
+		value: "24px",
+		variable: "var(--spacing-6)"
+	},
+	"spacing.7": {
+		value: "28px",
+		variable: "var(--spacing-7)"
+	},
+	"spacing.8": {
+		value: "32px",
+		variable: "var(--spacing-8)"
+	},
+	"spacing.9": {
+		value: "36px",
+		variable: "var(--spacing-9)"
+	},
+	"spacing.10": {
+		value: "40px",
+		variable: "var(--spacing-10)"
+	},
+	"spacing.12": {
+		value: "48px",
+		variable: "var(--spacing-12)"
+	},
+	"spacing.16": {
+		value: "64px",
+		variable: "var(--spacing-16)"
+	},
+	"spacing.0.5": {
+		value: "2px",
+		variable: "var(--spacing-0\\.5)"
+	},
+	"spacing.1.5": {
+		value: "6px",
+		variable: "var(--spacing-1\\.5)"
+	},
+	"spacing.2.5": {
+		value: "10px",
+		variable: "var(--spacing-2\\.5)"
+	},
+	"spacing.3.5": {
+		value: "14px",
+		variable: "var(--spacing-3\\.5)"
+	},
+	"spacing.4.5": {
+		value: "18px",
+		variable: "var(--spacing-4\\.5)"
+	},
+	"spacing.xxs": {
+		value: "calc(8px * var(--mantine-scale))",
+		variable: "var(--spacing-xxs)"
+	},
+	"spacing.xs": {
+		value: "calc(10px * var(--mantine-scale))",
+		variable: "var(--spacing-xs)"
+	},
+	"spacing.sm": {
+		value: "calc(12px * var(--mantine-scale))",
+		variable: "var(--spacing-sm)"
+	},
+	"spacing.md": {
+		value: "calc(16px * var(--mantine-scale))",
+		variable: "var(--spacing-md)"
+	},
+	"spacing.lg": {
+		value: "calc(20px * var(--mantine-scale))",
+		variable: "var(--spacing-lg)"
+	},
+	"spacing.xl": {
+		value: "calc(32px * var(--mantine-scale))",
+		variable: "var(--spacing-xl)"
+	},
+	"spacing.likec4.xs": {
+		value: "8px",
+		variable: "var(--spacing-likec4-xs)"
+	},
+	"spacing.likec4.sm": {
+		value: "10px",
+		variable: "var(--spacing-likec4-sm)"
+	},
+	"spacing.likec4.md": {
+		value: "16px",
+		variable: "var(--spacing-likec4-md)"
+	},
+	"spacing.likec4.lg": {
+		value: "24px",
+		variable: "var(--spacing-likec4-lg)"
+	},
+	"spacing.likec4.xl": {
+		value: "32px",
+		variable: "var(--spacing-likec4-xl)"
+	},
+	"radii.0": {
+		value: "0px",
+		variable: "var(--radii-0)"
+	},
+	"radii.xs": {
+		value: "2px",
+		variable: "var(--radii-xs)"
+	},
+	"radii.sm": {
+		value: "4px",
+		variable: "var(--radii-sm)"
+	},
+	"radii.md": {
+		value: "8px",
+		variable: "var(--radii-md)"
+	},
+	"radii.lg": {
+		value: "16px",
+		variable: "var(--radii-lg)"
+	},
+	"radii.xl": {
+		value: "24px",
+		variable: "var(--radii-xl)"
+	},
+	"radii.pill": {
+		value: "999px",
+		variable: "var(--radii-pill)"
+	},
+	"colors.mantine.gray[0]": {
+		value: "#f8f9fa",
+		variable: "var(--colors-mantine-gray\\[0\\])"
+	},
+	"colors.mantine.gray[1]": {
+		value: "#f1f3f5",
+		variable: "var(--colors-mantine-gray\\[1\\])"
+	},
+	"colors.mantine.gray[2]": {
+		value: "#e9ecef",
+		variable: "var(--colors-mantine-gray\\[2\\])"
+	},
+	"colors.mantine.gray[3]": {
+		value: "#dee2e6",
+		variable: "var(--colors-mantine-gray\\[3\\])"
+	},
+	"colors.mantine.gray[4]": {
+		value: "#ced4da",
+		variable: "var(--colors-mantine-gray\\[4\\])"
+	},
+	"colors.mantine.gray[5]": {
+		value: "#adb5bd",
+		variable: "var(--colors-mantine-gray\\[5\\])"
+	},
+	"colors.mantine.gray[6]": {
+		value: "#868e96",
+		variable: "var(--colors-mantine-gray\\[6\\])"
+	},
+	"colors.mantine.gray[7]": {
+		value: "#495057",
+		variable: "var(--colors-mantine-gray\\[7\\])"
+	},
+	"colors.mantine.gray[8]": {
+		value: "#343a40",
+		variable: "var(--colors-mantine-gray\\[8\\])"
+	},
+	"colors.mantine.gray[9]": {
+		value: "#212529",
+		variable: "var(--colors-mantine-gray\\[9\\])"
+	},
+	"colors.mantine.dark[0]": {
+		value: "#C9C9C9",
+		variable: "var(--colors-mantine-dark\\[0\\])"
+	},
+	"colors.mantine.dark[1]": {
+		value: "#b8b8b8",
+		variable: "var(--colors-mantine-dark\\[1\\])"
+	},
+	"colors.mantine.dark[2]": {
+		value: "#828282",
+		variable: "var(--colors-mantine-dark\\[2\\])"
+	},
+	"colors.mantine.dark[3]": {
+		value: "#696969",
+		variable: "var(--colors-mantine-dark\\[3\\])"
+	},
+	"colors.mantine.dark[4]": {
+		value: "#424242",
+		variable: "var(--colors-mantine-dark\\[4\\])"
+	},
+	"colors.mantine.dark[5]": {
+		value: "#3b3b3b",
+		variable: "var(--colors-mantine-dark\\[5\\])"
+	},
+	"colors.mantine.dark[6]": {
+		value: "#2e2e2e",
+		variable: "var(--colors-mantine-dark\\[6\\])"
+	},
+	"colors.mantine.dark[7]": {
+		value: "#242424",
+		variable: "var(--colors-mantine-dark\\[7\\])"
+	},
+	"colors.mantine.dark[8]": {
+		value: "#1f1f1f",
+		variable: "var(--colors-mantine-dark\\[8\\])"
+	},
+	"colors.mantine.dark[9]": {
+		value: "#141414",
+		variable: "var(--colors-mantine-dark\\[9\\])"
+	},
+	"colors.mantine.orange[0]": {
+		value: "#fff4e6",
+		variable: "var(--colors-mantine-orange\\[0\\])"
+	},
+	"colors.mantine.orange[1]": {
+		value: "#ffe8cc",
+		variable: "var(--colors-mantine-orange\\[1\\])"
+	},
+	"colors.mantine.orange[2]": {
+		value: "#ffd8a8",
+		variable: "var(--colors-mantine-orange\\[2\\])"
+	},
+	"colors.mantine.orange[3]": {
+		value: "#ffc078",
+		variable: "var(--colors-mantine-orange\\[3\\])"
+	},
+	"colors.mantine.orange[4]": {
+		value: "#ffa94d",
+		variable: "var(--colors-mantine-orange\\[4\\])"
+	},
+	"colors.mantine.orange[5]": {
+		value: "#ff922b",
+		variable: "var(--colors-mantine-orange\\[5\\])"
+	},
+	"colors.mantine.orange[6]": {
+		value: "#fd7e14",
+		variable: "var(--colors-mantine-orange\\[6\\])"
+	},
+	"colors.mantine.orange[7]": {
+		value: "#f76707",
+		variable: "var(--colors-mantine-orange\\[7\\])"
+	},
+	"colors.mantine.orange[8]": {
+		value: "#e8590c",
+		variable: "var(--colors-mantine-orange\\[8\\])"
+	},
+	"colors.mantine.orange[9]": {
+		value: "#d9480f",
+		variable: "var(--colors-mantine-orange\\[9\\])"
+	},
+	"colors.mantine.yellow[0]": {
+		value: "#fff9db",
+		variable: "var(--colors-mantine-yellow\\[0\\])"
+	},
+	"colors.mantine.yellow[1]": {
+		value: "#fff3bf",
+		variable: "var(--colors-mantine-yellow\\[1\\])"
+	},
+	"colors.mantine.yellow[2]": {
+		value: "#ffec99",
+		variable: "var(--colors-mantine-yellow\\[2\\])"
+	},
+	"colors.mantine.yellow[3]": {
+		value: "#ffe066",
+		variable: "var(--colors-mantine-yellow\\[3\\])"
+	},
+	"colors.mantine.yellow[4]": {
+		value: "#ffd43b",
+		variable: "var(--colors-mantine-yellow\\[4\\])"
+	},
+	"colors.mantine.yellow[5]": {
+		value: "#fcc419",
+		variable: "var(--colors-mantine-yellow\\[5\\])"
+	},
+	"colors.mantine.yellow[6]": {
+		value: "#fab005",
+		variable: "var(--colors-mantine-yellow\\[6\\])"
+	},
+	"colors.mantine.yellow[7]": {
+		value: "#f59f00",
+		variable: "var(--colors-mantine-yellow\\[7\\])"
+	},
+	"colors.mantine.yellow[8]": {
+		value: "#f08c00",
+		variable: "var(--colors-mantine-yellow\\[8\\])"
+	},
+	"colors.mantine.yellow[9]": {
+		value: "#e67700",
+		variable: "var(--colors-mantine-yellow\\[9\\])"
+	},
+	"colors.transparent": {
+		value: "transparent",
+		variable: "var(--colors-transparent)"
+	},
+	"colors.none": {
+		value: "none",
+		variable: "var(--colors-none)"
+	},
+	"colors.inherit": {
+		value: "inherit",
+		variable: "var(--colors-inherit)"
+	},
+	"colors.current": {
+		value: "current",
+		variable: "var(--colors-current)"
+	},
+	"colors.currentColor": {
+		value: "currentColor",
+		variable: "var(--colors-current-color)"
+	},
+	"colors.white": {
+		value: "#fff",
+		variable: "var(--colors-white)"
+	},
+	"colors.black": {
+		value: "#000",
+		variable: "var(--colors-black)"
+	},
+	"colors.likec4.accent.0": {
+		value: "#eff7fa",
+		variable: "var(--colors-likec4-accent-0)"
+	},
+	"colors.likec4.accent.1": {
+		value: "#ddedf4",
+		variable: "var(--colors-likec4-accent-1)"
+	},
+	"colors.likec4.accent.2": {
+		value: "#bcdae6",
+		variable: "var(--colors-likec4-accent-2)"
+	},
+	"colors.likec4.accent.3": {
+		value: "#97c2d3",
+		variable: "var(--colors-likec4-accent-3)"
+	},
+	"colors.likec4.accent.4": {
+		value: "#5e98af",
+		variable: "var(--colors-likec4-accent-4)"
+	},
+	"colors.likec4.accent.5": {
+		value: "#4587a1",
+		variable: "var(--colors-likec4-accent-5)"
+	},
+	"colors.likec4.accent.6": {
+		value: "#34748d",
+		variable: "var(--colors-likec4-accent-6)"
+	},
+	"colors.likec4.accent.7": {
+		value: "#2a637a",
+		variable: "var(--colors-likec4-accent-7)"
+	},
+	"colors.likec4.accent.8": {
+		value: "#205165",
+		variable: "var(--colors-likec4-accent-8)"
+	},
+	"colors.likec4.accent.9": {
+		value: "#184253",
+		variable: "var(--colors-likec4-accent-9)"
+	},
+	"colors.likec4.accent": {
+		value: "#34748d",
+		variable: "var(--colors-likec4-accent)"
+	},
+	"easings.default": {
+		value: "cubic-bezier(0.4, 0, 0.2, 1)",
+		variable: "var(--easings-default)"
+	},
+	"easings.in": {
+		value: "cubic-bezier(0.4, 0, 1, 1)",
+		variable: "var(--easings-in)"
+	},
+	"easings.out": {
+		value: "cubic-bezier(0.2, 0.8, 0.2, 1)",
+		variable: "var(--easings-out)"
+	},
+	"easings.inOut": {
+		value: "cubic-bezier(0.50, 0, 0.2, 1)",
+		variable: "var(--easings-in-out)"
+	},
+	"durations.0": {
+		value: "0s",
+		variable: "var(--durations-0)"
+	},
+	"durations.fastest": {
+		value: "80ms",
+		variable: "var(--durations-fastest)"
+	},
+	"durations.fast": {
+		value: "120ms",
+		variable: "var(--durations-fast)"
+	},
+	"durations.medium": {
+		value: "170ms",
+		variable: "var(--durations-medium)"
+	},
+	"durations.slow": {
+		value: "240ms",
+		variable: "var(--durations-slow)"
+	},
+	"durations.slowest": {
+		value: "500ms",
+		variable: "var(--durations-slowest)"
+	},
+	"shadows.none": {
+		value: "none",
+		variable: "var(--shadows-none)"
+	},
+	"shadows.xs": {
+		value: "0 1px 3px rgb(0 0 0/5%), 0 1px 2px rgb(0 0 0/10%)",
+		variable: "var(--shadows-xs)"
+	},
+	"shadows.sm": {
+		value: "0 1px 3px rgb(0 0 0/5%), 0 10px 15px -5px rgb(0 0 0/5%), 0 7px 7px -5px rgb(0 0 0/4%)",
+		variable: "var(--shadows-sm)"
+	},
+	"shadows.md": {
+		value: "0 1px 3px rgb(0 0 0/5%), 0 20px 25px -5px rgb(0 0 0/5%), 0 10px 10px -5px rgb(0 0 0/4%)",
+		variable: "var(--shadows-md)"
+	},
+	"shadows.lg": {
+		value: "0 1px 3px rgb(0 0 0/5%), 0 28px 23px -7px rgb(0 0 0/5%), 0 12px 12px -7px rgb(0 0 0/4%)",
+		variable: "var(--shadows-lg)"
+	},
+	"shadows.xl": {
+		value: "0 1px 3px rgb(0 0 0/5%), 0 36px 28px -7px rgb(0 0 0/5%), 0 17px 17px -7px rgb(0 0 0/4%)",
+		variable: "var(--shadows-xl)"
+	},
+	"zIndex.0": {
+		value: 0,
+		variable: "var(--z-index-0)"
+	},
+	"zIndex.-1": {
+		value: -1,
+		variable: "var(--z-index--1)"
+	},
+	"zIndex.base": {
+		value: 0,
+		variable: "var(--z-index-base)"
+	},
+	"zIndex.sticky": {
+		value: 100,
+		variable: "var(--z-index-sticky)"
+	},
+	"zIndex.floating": {
+		value: 150,
+		variable: "var(--z-index-floating)"
+	},
+	"zIndex.panel": {
+		value: 200,
+		variable: "var(--z-index-panel)"
+	},
+	"zIndex.dropdown": {
+		value: 1e3,
+		variable: "var(--z-index-dropdown)"
+	},
+	"zIndex.overlay": {
+		value: 2e3,
+		variable: "var(--z-index-overlay)"
+	},
+	"zIndex.tooltip": {
+		value: 3e3,
+		variable: "var(--z-index-tooltip)"
+	},
+	"zIndex.toast": {
+		value: 4e3,
+		variable: "var(--z-index-toast)"
+	},
+	"zIndex.diagram.edge": {
+		value: 20,
+		variable: "var(--z-index-diagram-edge)"
+	},
+	"zIndex.diagram.edge.label": {
+		value: 25,
+		variable: "var(--z-index-diagram-edge-label)"
+	},
+	"zIndex.diagram.edge.controlPoint": {
+		value: 30,
+		variable: "var(--z-index-diagram-edge-control-point)"
+	},
+	"zIndex.diagram.node.compound": {
+		value: 10,
+		variable: "var(--z-index-diagram-node-compound)"
+	},
+	"zIndex.diagram.node.element": {
+		value: 40,
+		variable: "var(--z-index-diagram-node-element)"
+	},
+	"opacity.0": {
+		value: 0,
+		variable: "var(--opacity-0)"
+	},
+	"opacity.1": {
+		value: 1,
+		variable: "var(--opacity-1)"
+	},
+	"opacity.0.05": {
+		value: .05,
+		variable: "var(--opacity-0\\.05)"
+	},
+	"opacity.0.1": {
+		value: .1,
+		variable: "var(--opacity-0\\.1)"
+	},
+	"opacity.0.15": {
+		value: .15,
+		variable: "var(--opacity-0\\.15)"
+	},
+	"opacity.0.2": {
+		value: .2,
+		variable: "var(--opacity-0\\.2)"
+	},
+	"opacity.0.25": {
+		value: .25,
+		variable: "var(--opacity-0\\.25)"
+	},
+	"opacity.0.3": {
+		value: .3,
+		variable: "var(--opacity-0\\.3)"
+	},
+	"opacity.0.35": {
+		value: .35,
+		variable: "var(--opacity-0\\.35)"
+	},
+	"opacity.0.4": {
+		value: .4,
+		variable: "var(--opacity-0\\.4)"
+	},
+	"opacity.0.45": {
+		value: .45,
+		variable: "var(--opacity-0\\.45)"
+	},
+	"opacity.0.5": {
+		value: .5,
+		variable: "var(--opacity-0\\.5)"
+	},
+	"opacity.0.55": {
+		value: .55,
+		variable: "var(--opacity-0\\.55)"
+	},
+	"opacity.0.6": {
+		value: .6,
+		variable: "var(--opacity-0\\.6)"
+	},
+	"opacity.0.65": {
+		value: .65,
+		variable: "var(--opacity-0\\.65)"
+	},
+	"opacity.0.7": {
+		value: .7,
+		variable: "var(--opacity-0\\.7)"
+	},
+	"opacity.0.75": {
+		value: .75,
+		variable: "var(--opacity-0\\.75)"
+	},
+	"opacity.0.8": {
+		value: .8,
+		variable: "var(--opacity-0\\.8)"
+	},
+	"opacity.0.85": {
+		value: .85,
+		variable: "var(--opacity-0\\.85)"
+	},
+	"opacity.0.9": {
+		value: .9,
+		variable: "var(--opacity-0\\.9)"
+	},
+	"opacity.0.95": {
+		value: .95,
+		variable: "var(--opacity-0\\.95)"
+	},
+	"opacity.disabled": {
+		value: .6,
+		variable: "var(--opacity-disabled)"
+	},
+	"cursor.default": {
+		value: "default",
+		variable: "var(--cursor-default)"
+	},
+	"cursor.pointer": {
+		value: "pointer",
+		variable: "var(--cursor-pointer)"
+	},
+	"cursor.none": {
+		value: "none",
+		variable: "var(--cursor-none)"
+	},
+	"cursor.inherit": {
+		value: "inherit",
+		variable: "var(--cursor-inherit)"
+	},
+	"cursor.grab": {
+		value: "grab",
+		variable: "var(--cursor-grab)"
+	},
+	"cursor.grabbing": {
+		value: "grabbing",
+		variable: "var(--cursor-grabbing)"
+	},
+	"cursor.move": {
+		value: "move",
+		variable: "var(--cursor-move)"
+	},
+	"cursor.zoom-out": {
+		value: "zoom-out",
+		variable: "var(--cursor-zoom-out)"
+	},
+	"breakpoints.xs": {
+		value: "36em",
+		variable: "var(--breakpoints-xs)"
+	},
+	"breakpoints.sm": {
+		value: "48em",
+		variable: "var(--breakpoints-sm)"
+	},
+	"breakpoints.md": {
+		value: "62em",
+		variable: "var(--breakpoints-md)"
+	},
+	"breakpoints.lg": {
+		value: "75em",
+		variable: "var(--breakpoints-lg)"
+	},
+	"breakpoints.xl": {
+		value: "88em",
+		variable: "var(--breakpoints-xl)"
+	},
+	"colors.surface.canvas": {
+		value: "var(--colors-surface-canvas)",
+		variable: "var(--colors-surface-canvas)"
+	},
+	"colors.surface.default": {
+		value: "var(--colors-surface-default)",
+		variable: "var(--colors-surface-default)"
+	},
+	"colors.surface.sunken": {
+		value: "var(--colors-surface-sunken)",
+		variable: "var(--colors-surface-sunken)"
+	},
+	"colors.surface.sunken.hover": {
+		value: "var(--colors-surface-sunken-hover)",
+		variable: "var(--colors-surface-sunken-hover)"
+	},
+	"colors.surface.code": {
+		value: "var(--colors-surface-code)",
+		variable: "var(--colors-surface-code)"
+	},
+	"colors.surface.field": {
+		value: "var(--colors-surface-field)",
+		variable: "var(--colors-surface-field)"
+	},
+	"colors.surface.field.hover": {
+		value: "var(--colors-surface-field-hover)",
+		variable: "var(--colors-surface-field-hover)"
+	},
+	"colors.surface.hover": {
+		value: "var(--colors-surface-hover)",
+		variable: "var(--colors-surface-hover)"
+	},
+	"colors.surface.selected": {
+		value: "var(--colors-surface-selected)",
+		variable: "var(--colors-surface-selected)"
+	},
+	"colors.text": {
+		value: "var(--colors-text)",
+		variable: "var(--colors-text)"
+	},
+	"colors.text.default": {
+		value: "var(--colors-text)",
+		variable: "var(--colors-text-default)"
+	},
+	"colors.text.bright": {
+		value: "var(--colors-text-bright)",
+		variable: "var(--colors-text-bright)"
+	},
+	"colors.text.dimmed": {
+		value: "var(--colors-text-dimmed)",
+		variable: "var(--colors-text-dimmed)"
+	},
+	"colors.text.non-essential": {
+		value: "var(--colors-text-non-essential)",
+		variable: "var(--colors-text-non-essential)"
+	},
+	"colors.text.display": {
+		value: "var(--colors-text-display)",
+		variable: "var(--colors-text-display)"
+	},
+	"colors.text.heading": {
+		value: "var(--colors-text-heading)",
+		variable: "var(--colors-text-heading)"
+	},
+	"colors.text.link": {
+		value: "var(--colors-text-link)",
+		variable: "var(--colors-text-link)"
+	},
+	"colors.text.on-primary": {
+		value: "#ffffff",
+		variable: "var(--colors-text-on-primary)"
+	},
+	"colors.text.on-inverse": {
+		value: "var(--colors-text-on-inverse)",
+		variable: "var(--colors-text-on-inverse)"
+	},
+	"colors.text.warning": {
+		value: "var(--colors-text-warning)",
+		variable: "var(--colors-text-warning)"
+	},
+	"colors.border.subtle": {
+		value: "var(--colors-border-subtle)",
+		variable: "var(--colors-border-subtle)"
+	},
+	"colors.border.default": {
+		value: "var(--colors-border-default)",
+		variable: "var(--colors-border-default)"
+	},
+	"colors.border.strong": {
+		value: "var(--colors-border-strong)",
+		variable: "var(--colors-border-strong)"
+	},
+	"colors.border.focus": {
+		value: "var(--colors-likec4-accent-6)",
+		variable: "var(--colors-border-focus)"
+	},
+	"colors.border.outline": {
+		value: "var(--colors-likec4-accent-7)",
+		variable: "var(--colors-border-outline)"
+	},
+	"colors.disabled.body": {
+		value: "var(--colors-disabled-body)",
+		variable: "var(--colors-disabled-body)"
+	},
+	"colors.disabled.text": {
+		value: "var(--colors-disabled-text)",
+		variable: "var(--colors-disabled-text)"
+	},
+	"colors.disabled.border": {
+		value: "var(--colors-disabled-border)",
+		variable: "var(--colors-disabled-border)"
+	},
+	"colors.highlight.body": {
+		value: "var(--colors-highlight-body)",
+		variable: "var(--colors-highlight-body)"
+	},
+	"colors.highlight.text": {
+		value: "#000000",
+		variable: "var(--colors-highlight-text)"
+	},
+	"colors.primary.body": {
+		value: "var(--colors-likec4-accent-6)",
+		variable: "var(--colors-primary-body)"
+	},
+	"colors.primary.body.hover": {
+		value: "var(--colors-likec4-accent-5)",
+		variable: "var(--colors-primary-body-hover)"
+	},
+	"colors.primary.body.focused": {
+		value: "var(--colors-likec4-accent-7)",
+		variable: "var(--colors-primary-body-focused)"
+	},
+	"colors.primary.body.light": {
+		value: "var(--colors-primary-body-light)",
+		variable: "var(--colors-primary-body-light)"
+	},
+	"colors.primary.body.lightHover": {
+		value: "var(--colors-primary-body-light-hover)",
+		variable: "var(--colors-primary-body-light-hover)"
+	},
+	"colors.primary.text": {
+		value: "#ffffff",
+		variable: "var(--colors-primary-text)"
+	},
+	"colors.primary.text.light": {
+		value: "var(--colors-primary-text-light)",
+		variable: "var(--colors-primary-text-light)"
+	},
+	"colors.primary.border": {
+		value: "var(--colors-likec4-accent-6)",
+		variable: "var(--colors-primary-border)"
+	},
+	"colors.primary.border.hover": {
+		value: "var(--colors-likec4-accent-5)",
+		variable: "var(--colors-primary-border-hover)"
+	},
+	"colors.primary.border.focused": {
+		value: "var(--colors-likec4-accent-7)",
+		variable: "var(--colors-primary-border-focused)"
+	},
+	"colors.warning.body": {
+		value: "var(--colors-warning-body)",
+		variable: "var(--colors-warning-body)"
+	},
+	"colors.warning.text": {
+		value: "#000000",
+		variable: "var(--colors-warning-text)"
+	},
+	"colors.diagram.background": {
+		value: "var(--colors-surface-canvas)",
+		variable: "var(--colors-diagram-background)"
+	},
+	"colors.diagram.background.pattern": {
+		value: "var(--colors-diagram-background-pattern)",
+		variable: "var(--colors-diagram-background-pattern)"
+	},
+	"colors.likec4.mixColor": {
+		value: "var(--colors-likec4-mix-color)",
+		variable: "var(--colors-likec4-mix-color)"
+	},
+	"colors.likec4.tag.bg": {
+		value: "var(--colors-tomato-9)",
+		variable: "var(--colors-likec4-tag-bg)"
+	},
+	"colors.likec4.tag.bg.hover": {
+		value: "var(--colors-tomato-10)",
+		variable: "var(--colors-likec4-tag-bg-hover)"
+	},
+	"colors.likec4.tag.border": {
+		value: "var(--colors-tomato-8)",
+		variable: "var(--colors-likec4-tag-border)"
+	},
+	"colors.likec4.tag.text": {
+		value: "var(--colors-tomato-3)",
+		variable: "var(--colors-likec4-tag-text)"
+	},
+	"colors.likec4.panel.bg": {
+		value: "var(--colors-likec4-panel-bg)",
+		variable: "var(--colors-likec4-panel-bg)"
+	},
+	"colors.likec4.panel.border": {
+		value: "var(--colors-likec4-panel-border)",
+		variable: "var(--colors-likec4-panel-border)"
+	},
+	"colors.likec4.panel.text": {
+		value: "color-mix(in srgb, var(--colors-text-default) 85%, transparent)",
+		variable: "var(--colors-likec4-panel-text)"
+	},
+	"colors.likec4.panel.text.dimmed": {
+		value: "var(--colors-text-dimmed)",
+		variable: "var(--colors-likec4-panel-text-dimmed)"
+	},
+	"colors.likec4.panel.action": {
+		value: "color-mix(in srgb, var(--colors-text-default) 90%, transparent)",
+		variable: "var(--colors-likec4-panel-action)"
+	},
+	"colors.likec4.panel.action.disabled": {
+		value: "var(--colors-text-dimmed)",
+		variable: "var(--colors-likec4-panel-action-disabled)"
+	},
+	"colors.likec4.panel.action.hover": {
+		value: "var(--colors-text-bright)",
+		variable: "var(--colors-likec4-panel-action-hover)"
+	},
+	"colors.likec4.panel.action.bg": {
+		value: "var(--colors-likec4-panel-action-bg)",
+		variable: "var(--colors-likec4-panel-action-bg)"
+	},
+	"colors.likec4.panel.action.bg.hover": {
+		value: "var(--colors-likec4-panel-action-bg-hover)",
+		variable: "var(--colors-likec4-panel-action-bg-hover)"
+	},
+	"colors.likec4.panel.action.warning": {
+		value: "#fd7e14",
+		variable: "var(--colors-likec4-panel-action-warning)"
+	},
+	"colors.likec4.panel.action.warning.hover": {
+		value: "var(--colors-likec4-panel-action-warning-hover)",
+		variable: "var(--colors-likec4-panel-action-warning-hover)"
+	},
+	"colors.likec4.panel.action.warning.bg": {
+		value: "var(--colors-likec4-panel-action-warning-bg)",
+		variable: "var(--colors-likec4-panel-action-warning-bg)"
+	},
+	"colors.likec4.panel.action.warning.bg.hover": {
+		value: "var(--colors-likec4-panel-action-warning-bg-hover)",
+		variable: "var(--colors-likec4-panel-action-warning-bg-hover)"
+	},
+	"colors.likec4.dropdown.bg": {
+		value: "var(--colors-likec4-dropdown-bg)",
+		variable: "var(--colors-likec4-dropdown-bg)"
+	},
+	"colors.likec4.dropdown.border": {
+		value: "var(--colors-likec4-panel-border)",
+		variable: "var(--colors-likec4-dropdown-border)"
+	},
+	"colors.likec4.overlay.backdrop": {
+		value: "var(--colors-likec4-overlay-backdrop)",
+		variable: "var(--colors-likec4-overlay-backdrop)"
+	},
+	"colors.likec4.overlay.body": {
+		value: "var(--colors-likec4-overlay-body)",
+		variable: "var(--colors-likec4-overlay-body)"
+	},
+	"colors.likec4.overlay.border": {
+		value: "color-mix(in srgb, var(--colors-border-default) 50%, transparent)",
+		variable: "var(--colors-likec4-overlay-border)"
+	},
+	"colors.likec4.walkthrough.parallelFrame": {
+		value: "var(--colors-likec4-walkthrough-parallel-frame)",
+		variable: "var(--colors-likec4-walkthrough-parallel-frame)"
+	},
+	"colors.likec4.compare.manual": {
+		value: "var(--colors-likec4-compare-manual)",
+		variable: "var(--colors-likec4-compare-manual)"
+	},
+	"colors.likec4.compare.outline": {
+		value: "var(--colors-likec4-compare-outline)",
+		variable: "var(--colors-likec4-compare-outline)"
+	},
+	"colors.likec4.compare.latest": {
+		value: "#40c057",
+		variable: "var(--colors-likec4-compare-latest)"
+	},
+	"colors.subflow.opt": {
+		value: "oklch(from #3b5bdb l c h / 8%)",
+		variable: "var(--colors-subflow-opt)"
+	},
+	"colors.subflow.opt.hovered": {
+		value: "oklch(from #3b5bdb l c h / 13%)",
+		variable: "var(--colors-subflow-opt-hovered)"
+	},
+	"colors.subflow.opt.text": {
+		value: "var(--colors-subflow-opt-text)",
+		variable: "var(--colors-subflow-opt-text)"
+	},
+	"colors.subflow.opt.border": {
+		value: "oklch(from #4263eb l c h / 65%)",
+		variable: "var(--colors-subflow-opt-border)"
+	},
+	"colors.subflow.opt.label": {
+		value: "oklch(from #4263eb l c h / 20%)",
+		variable: "var(--colors-subflow-opt-label)"
+	},
+	"colors.subflow.loop": {
+		value: "var(--colors-subflow-loop)",
+		variable: "var(--colors-subflow-loop)"
+	},
+	"colors.subflow.loop.hovered": {
+		value: "var(--colors-subflow-loop-hovered)",
+		variable: "var(--colors-subflow-loop-hovered)"
+	},
+	"colors.subflow.loop.text": {
+		value: "var(--colors-subflow-loop-text)",
+		variable: "var(--colors-subflow-loop-text)"
+	},
+	"colors.subflow.loop.border": {
+		value: "var(--colors-subflow-loop-border)",
+		variable: "var(--colors-subflow-loop-border)"
+	},
+	"colors.subflow.loop.header": {
+		value: "oklch(from #099268 l c h / 40%)",
+		variable: "var(--colors-subflow-loop-header)"
+	},
+	"colors.subflow.loop.label": {
+		value: "oklch(from #099268 l c h / 20%)",
+		variable: "var(--colors-subflow-loop-label)"
+	},
+	"colors.subflow.try": {
+		value: "var(--colors-subflow-try)",
+		variable: "var(--colors-subflow-try)"
+	},
+	"colors.subflow.try.hovered": {
+		value: "var(--colors-subflow-try-hovered)",
+		variable: "var(--colors-subflow-try-hovered)"
+	},
+	"colors.subflow.try.text": {
+		value: "var(--colors-subflow-try-text)",
+		variable: "var(--colors-subflow-try-text)"
+	},
+	"colors.subflow.try.border": {
+		value: "var(--colors-subflow-try-border)",
+		variable: "var(--colors-subflow-try-border)"
+	},
+	"colors.subflow.try.header": {
+		value: "var(--colors-subflow-try-header)",
+		variable: "var(--colors-subflow-try-header)"
+	},
+	"colors.subflow.try.label": {
+		value: "oklch(from #f08c00 l c h / 20%)",
+		variable: "var(--colors-subflow-try-label)"
+	},
+	"colors.subflow.break": {
+		value: "var(--colors-subflow-break)",
+		variable: "var(--colors-subflow-break)"
+	},
+	"colors.subflow.break.hovered": {
+		value: "var(--colors-subflow-break-hovered)",
+		variable: "var(--colors-subflow-break-hovered)"
+	},
+	"colors.subflow.break.text": {
+		value: "var(--colors-subflow-break-text)",
+		variable: "var(--colors-subflow-break-text)"
+	},
+	"colors.subflow.break.border": {
+		value: "oklch(from #f03e3e l c h / 65%)",
+		variable: "var(--colors-subflow-break-border)"
+	},
+	"colors.subflow.break.header": {
+		value: "var(--colors-subflow-break-header)",
+		variable: "var(--colors-subflow-break-header)"
+	},
+	"colors.subflow.break.label": {
+		value: "oklch(from #e03131 l c h / 25%)",
+		variable: "var(--colors-subflow-break-label)"
+	},
+	"colors.subflow.par": {
+		value: "oklch(from #9c36b5 l c h / 8%)",
+		variable: "var(--colors-subflow-par)"
+	},
+	"colors.subflow.par.hovered": {
+		value: "oklch(from #9c36b5 l c h / 13%)",
+		variable: "var(--colors-subflow-par-hovered)"
+	},
+	"colors.subflow.par.text": {
+		value: "var(--colors-subflow-par-text)",
+		variable: "var(--colors-subflow-par-text)"
+	},
+	"colors.subflow.par.border": {
+		value: "oklch(from #ae3ec9 l c h / 65%)",
+		variable: "var(--colors-subflow-par-border)"
+	},
+	"colors.subflow.par.header": {
+		value: "oklch(from #9c36b5 l c h / 40%)",
+		variable: "var(--colors-subflow-par-header)"
+	},
+	"colors.subflow.par.label": {
+		value: "oklch(from #ae3ec9 l c h / 20%)",
+		variable: "var(--colors-subflow-par-label)"
+	},
+	"colors.subflow.alt": {
+		value: "var(--colors-subflow-alt)",
+		variable: "var(--colors-subflow-alt)"
+	},
+	"colors.subflow.alt.hovered": {
+		value: "var(--colors-subflow-alt-hovered)",
+		variable: "var(--colors-subflow-alt-hovered)"
+	},
+	"colors.subflow.alt.header": {
+		value: "oklch(from #6741d9 l c h / 50%)",
+		variable: "var(--colors-subflow-alt-header)"
+	},
+	"colors.subflow.alt.text": {
+		value: "var(--colors-subflow-alt-text)",
+		variable: "var(--colors-subflow-alt-text)"
+	},
+	"colors.subflow.alt.border": {
+		value: "oklch(from #7048e8 l c h / 65%)",
+		variable: "var(--colors-subflow-alt-border)"
+	},
+	"colors.subflow.alt.label": {
+		value: "oklch(from #7048e8 l c h / 30%)",
+		variable: "var(--colors-subflow-alt-label)"
+	},
+	"colors.amber.1": {
+		value: "var(--colors-amber-1)",
+		variable: "var(--colors-amber-1)"
+	},
+	"colors.amber.2": {
+		value: "var(--colors-amber-2)",
+		variable: "var(--colors-amber-2)"
+	},
+	"colors.amber.3": {
+		value: "var(--colors-amber-3)",
+		variable: "var(--colors-amber-3)"
+	},
+	"colors.amber.4": {
+		value: "var(--colors-amber-4)",
+		variable: "var(--colors-amber-4)"
+	},
+	"colors.amber.5": {
+		value: "var(--colors-amber-5)",
+		variable: "var(--colors-amber-5)"
+	},
+	"colors.amber.6": {
+		value: "var(--colors-amber-6)",
+		variable: "var(--colors-amber-6)"
+	},
+	"colors.amber.7": {
+		value: "var(--colors-amber-7)",
+		variable: "var(--colors-amber-7)"
+	},
+	"colors.amber.8": {
+		value: "var(--colors-amber-8)",
+		variable: "var(--colors-amber-8)"
+	},
+	"colors.amber.9": {
+		value: "var(--colors-amber-9)",
+		variable: "var(--colors-amber-9)"
+	},
+	"colors.amber.10": {
+		value: "var(--colors-amber-10)",
+		variable: "var(--colors-amber-10)"
+	},
+	"colors.amber.11": {
+		value: "var(--colors-amber-11)",
+		variable: "var(--colors-amber-11)"
+	},
+	"colors.amber.12": {
+		value: "var(--colors-amber-12)",
+		variable: "var(--colors-amber-12)"
+	},
+	"colors.blue.1": {
+		value: "var(--colors-blue-1)",
+		variable: "var(--colors-blue-1)"
+	},
+	"colors.blue.2": {
+		value: "var(--colors-blue-2)",
+		variable: "var(--colors-blue-2)"
+	},
+	"colors.blue.3": {
+		value: "var(--colors-blue-3)",
+		variable: "var(--colors-blue-3)"
+	},
+	"colors.blue.4": {
+		value: "var(--colors-blue-4)",
+		variable: "var(--colors-blue-4)"
+	},
+	"colors.blue.5": {
+		value: "var(--colors-blue-5)",
+		variable: "var(--colors-blue-5)"
+	},
+	"colors.blue.6": {
+		value: "var(--colors-blue-6)",
+		variable: "var(--colors-blue-6)"
+	},
+	"colors.blue.7": {
+		value: "var(--colors-blue-7)",
+		variable: "var(--colors-blue-7)"
+	},
+	"colors.blue.8": {
+		value: "var(--colors-blue-8)",
+		variable: "var(--colors-blue-8)"
+	},
+	"colors.blue.9": {
+		value: "var(--colors-blue-9)",
+		variable: "var(--colors-blue-9)"
+	},
+	"colors.blue.10": {
+		value: "var(--colors-blue-10)",
+		variable: "var(--colors-blue-10)"
+	},
+	"colors.blue.11": {
+		value: "var(--colors-blue-11)",
+		variable: "var(--colors-blue-11)"
+	},
+	"colors.blue.12": {
+		value: "var(--colors-blue-12)",
+		variable: "var(--colors-blue-12)"
+	},
+	"colors.crimson.1": {
+		value: "var(--colors-crimson-1)",
+		variable: "var(--colors-crimson-1)"
+	},
+	"colors.crimson.2": {
+		value: "var(--colors-crimson-2)",
+		variable: "var(--colors-crimson-2)"
+	},
+	"colors.crimson.3": {
+		value: "var(--colors-crimson-3)",
+		variable: "var(--colors-crimson-3)"
+	},
+	"colors.crimson.4": {
+		value: "var(--colors-crimson-4)",
+		variable: "var(--colors-crimson-4)"
+	},
+	"colors.crimson.5": {
+		value: "var(--colors-crimson-5)",
+		variable: "var(--colors-crimson-5)"
+	},
+	"colors.crimson.6": {
+		value: "var(--colors-crimson-6)",
+		variable: "var(--colors-crimson-6)"
+	},
+	"colors.crimson.7": {
+		value: "var(--colors-crimson-7)",
+		variable: "var(--colors-crimson-7)"
+	},
+	"colors.crimson.8": {
+		value: "var(--colors-crimson-8)",
+		variable: "var(--colors-crimson-8)"
+	},
+	"colors.crimson.9": {
+		value: "var(--colors-crimson-9)",
+		variable: "var(--colors-crimson-9)"
+	},
+	"colors.crimson.10": {
+		value: "var(--colors-crimson-10)",
+		variable: "var(--colors-crimson-10)"
+	},
+	"colors.crimson.11": {
+		value: "var(--colors-crimson-11)",
+		variable: "var(--colors-crimson-11)"
+	},
+	"colors.crimson.12": {
+		value: "var(--colors-crimson-12)",
+		variable: "var(--colors-crimson-12)"
+	},
+	"colors.grass.1": {
+		value: "var(--colors-grass-1)",
+		variable: "var(--colors-grass-1)"
+	},
+	"colors.grass.2": {
+		value: "var(--colors-grass-2)",
+		variable: "var(--colors-grass-2)"
+	},
+	"colors.grass.3": {
+		value: "var(--colors-grass-3)",
+		variable: "var(--colors-grass-3)"
+	},
+	"colors.grass.4": {
+		value: "var(--colors-grass-4)",
+		variable: "var(--colors-grass-4)"
+	},
+	"colors.grass.5": {
+		value: "var(--colors-grass-5)",
+		variable: "var(--colors-grass-5)"
+	},
+	"colors.grass.6": {
+		value: "var(--colors-grass-6)",
+		variable: "var(--colors-grass-6)"
+	},
+	"colors.grass.7": {
+		value: "var(--colors-grass-7)",
+		variable: "var(--colors-grass-7)"
+	},
+	"colors.grass.8": {
+		value: "var(--colors-grass-8)",
+		variable: "var(--colors-grass-8)"
+	},
+	"colors.grass.9": {
+		value: "var(--colors-grass-9)",
+		variable: "var(--colors-grass-9)"
+	},
+	"colors.grass.10": {
+		value: "var(--colors-grass-10)",
+		variable: "var(--colors-grass-10)"
+	},
+	"colors.grass.11": {
+		value: "var(--colors-grass-11)",
+		variable: "var(--colors-grass-11)"
+	},
+	"colors.grass.12": {
+		value: "var(--colors-grass-12)",
+		variable: "var(--colors-grass-12)"
+	},
+	"colors.indigo.1": {
+		value: "var(--colors-indigo-1)",
+		variable: "var(--colors-indigo-1)"
+	},
+	"colors.indigo.2": {
+		value: "var(--colors-indigo-2)",
+		variable: "var(--colors-indigo-2)"
+	},
+	"colors.indigo.3": {
+		value: "var(--colors-indigo-3)",
+		variable: "var(--colors-indigo-3)"
+	},
+	"colors.indigo.4": {
+		value: "var(--colors-indigo-4)",
+		variable: "var(--colors-indigo-4)"
+	},
+	"colors.indigo.5": {
+		value: "var(--colors-indigo-5)",
+		variable: "var(--colors-indigo-5)"
+	},
+	"colors.indigo.6": {
+		value: "var(--colors-indigo-6)",
+		variable: "var(--colors-indigo-6)"
+	},
+	"colors.indigo.7": {
+		value: "var(--colors-indigo-7)",
+		variable: "var(--colors-indigo-7)"
+	},
+	"colors.indigo.8": {
+		value: "var(--colors-indigo-8)",
+		variable: "var(--colors-indigo-8)"
+	},
+	"colors.indigo.9": {
+		value: "var(--colors-indigo-9)",
+		variable: "var(--colors-indigo-9)"
+	},
+	"colors.indigo.10": {
+		value: "var(--colors-indigo-10)",
+		variable: "var(--colors-indigo-10)"
+	},
+	"colors.indigo.11": {
+		value: "var(--colors-indigo-11)",
+		variable: "var(--colors-indigo-11)"
+	},
+	"colors.indigo.12": {
+		value: "var(--colors-indigo-12)",
+		variable: "var(--colors-indigo-12)"
+	},
+	"colors.lime.1": {
+		value: "var(--colors-lime-1)",
+		variable: "var(--colors-lime-1)"
+	},
+	"colors.lime.2": {
+		value: "var(--colors-lime-2)",
+		variable: "var(--colors-lime-2)"
+	},
+	"colors.lime.3": {
+		value: "var(--colors-lime-3)",
+		variable: "var(--colors-lime-3)"
+	},
+	"colors.lime.4": {
+		value: "var(--colors-lime-4)",
+		variable: "var(--colors-lime-4)"
+	},
+	"colors.lime.5": {
+		value: "var(--colors-lime-5)",
+		variable: "var(--colors-lime-5)"
+	},
+	"colors.lime.6": {
+		value: "var(--colors-lime-6)",
+		variable: "var(--colors-lime-6)"
+	},
+	"colors.lime.7": {
+		value: "var(--colors-lime-7)",
+		variable: "var(--colors-lime-7)"
+	},
+	"colors.lime.8": {
+		value: "var(--colors-lime-8)",
+		variable: "var(--colors-lime-8)"
+	},
+	"colors.lime.9": {
+		value: "var(--colors-lime-9)",
+		variable: "var(--colors-lime-9)"
+	},
+	"colors.lime.10": {
+		value: "var(--colors-lime-10)",
+		variable: "var(--colors-lime-10)"
+	},
+	"colors.lime.11": {
+		value: "var(--colors-lime-11)",
+		variable: "var(--colors-lime-11)"
+	},
+	"colors.lime.12": {
+		value: "var(--colors-lime-12)",
+		variable: "var(--colors-lime-12)"
+	},
+	"colors.orange.1": {
+		value: "var(--colors-orange-1)",
+		variable: "var(--colors-orange-1)"
+	},
+	"colors.orange.2": {
+		value: "var(--colors-orange-2)",
+		variable: "var(--colors-orange-2)"
+	},
+	"colors.orange.3": {
+		value: "var(--colors-orange-3)",
+		variable: "var(--colors-orange-3)"
+	},
+	"colors.orange.4": {
+		value: "var(--colors-orange-4)",
+		variable: "var(--colors-orange-4)"
+	},
+	"colors.orange.5": {
+		value: "var(--colors-orange-5)",
+		variable: "var(--colors-orange-5)"
+	},
+	"colors.orange.6": {
+		value: "var(--colors-orange-6)",
+		variable: "var(--colors-orange-6)"
+	},
+	"colors.orange.7": {
+		value: "var(--colors-orange-7)",
+		variable: "var(--colors-orange-7)"
+	},
+	"colors.orange.8": {
+		value: "var(--colors-orange-8)",
+		variable: "var(--colors-orange-8)"
+	},
+	"colors.orange.9": {
+		value: "var(--colors-orange-9)",
+		variable: "var(--colors-orange-9)"
+	},
+	"colors.orange.10": {
+		value: "var(--colors-orange-10)",
+		variable: "var(--colors-orange-10)"
+	},
+	"colors.orange.11": {
+		value: "var(--colors-orange-11)",
+		variable: "var(--colors-orange-11)"
+	},
+	"colors.orange.12": {
+		value: "var(--colors-orange-12)",
+		variable: "var(--colors-orange-12)"
+	},
+	"colors.pink.1": {
+		value: "var(--colors-pink-1)",
+		variable: "var(--colors-pink-1)"
+	},
+	"colors.pink.2": {
+		value: "var(--colors-pink-2)",
+		variable: "var(--colors-pink-2)"
+	},
+	"colors.pink.3": {
+		value: "var(--colors-pink-3)",
+		variable: "var(--colors-pink-3)"
+	},
+	"colors.pink.4": {
+		value: "var(--colors-pink-4)",
+		variable: "var(--colors-pink-4)"
+	},
+	"colors.pink.5": {
+		value: "var(--colors-pink-5)",
+		variable: "var(--colors-pink-5)"
+	},
+	"colors.pink.6": {
+		value: "var(--colors-pink-6)",
+		variable: "var(--colors-pink-6)"
+	},
+	"colors.pink.7": {
+		value: "var(--colors-pink-7)",
+		variable: "var(--colors-pink-7)"
+	},
+	"colors.pink.8": {
+		value: "var(--colors-pink-8)",
+		variable: "var(--colors-pink-8)"
+	},
+	"colors.pink.9": {
+		value: "var(--colors-pink-9)",
+		variable: "var(--colors-pink-9)"
+	},
+	"colors.pink.10": {
+		value: "var(--colors-pink-10)",
+		variable: "var(--colors-pink-10)"
+	},
+	"colors.pink.11": {
+		value: "var(--colors-pink-11)",
+		variable: "var(--colors-pink-11)"
+	},
+	"colors.pink.12": {
+		value: "var(--colors-pink-12)",
+		variable: "var(--colors-pink-12)"
+	},
+	"colors.purple.1": {
+		value: "var(--colors-purple-1)",
+		variable: "var(--colors-purple-1)"
+	},
+	"colors.purple.2": {
+		value: "var(--colors-purple-2)",
+		variable: "var(--colors-purple-2)"
+	},
+	"colors.purple.3": {
+		value: "var(--colors-purple-3)",
+		variable: "var(--colors-purple-3)"
+	},
+	"colors.purple.4": {
+		value: "var(--colors-purple-4)",
+		variable: "var(--colors-purple-4)"
+	},
+	"colors.purple.5": {
+		value: "var(--colors-purple-5)",
+		variable: "var(--colors-purple-5)"
+	},
+	"colors.purple.6": {
+		value: "var(--colors-purple-6)",
+		variable: "var(--colors-purple-6)"
+	},
+	"colors.purple.7": {
+		value: "var(--colors-purple-7)",
+		variable: "var(--colors-purple-7)"
+	},
+	"colors.purple.8": {
+		value: "var(--colors-purple-8)",
+		variable: "var(--colors-purple-8)"
+	},
+	"colors.purple.9": {
+		value: "var(--colors-purple-9)",
+		variable: "var(--colors-purple-9)"
+	},
+	"colors.purple.10": {
+		value: "var(--colors-purple-10)",
+		variable: "var(--colors-purple-10)"
+	},
+	"colors.purple.11": {
+		value: "var(--colors-purple-11)",
+		variable: "var(--colors-purple-11)"
+	},
+	"colors.purple.12": {
+		value: "var(--colors-purple-12)",
+		variable: "var(--colors-purple-12)"
+	},
+	"colors.red.1": {
+		value: "var(--colors-red-1)",
+		variable: "var(--colors-red-1)"
+	},
+	"colors.red.2": {
+		value: "var(--colors-red-2)",
+		variable: "var(--colors-red-2)"
+	},
+	"colors.red.3": {
+		value: "var(--colors-red-3)",
+		variable: "var(--colors-red-3)"
+	},
+	"colors.red.4": {
+		value: "var(--colors-red-4)",
+		variable: "var(--colors-red-4)"
+	},
+	"colors.red.5": {
+		value: "var(--colors-red-5)",
+		variable: "var(--colors-red-5)"
+	},
+	"colors.red.6": {
+		value: "var(--colors-red-6)",
+		variable: "var(--colors-red-6)"
+	},
+	"colors.red.7": {
+		value: "var(--colors-red-7)",
+		variable: "var(--colors-red-7)"
+	},
+	"colors.red.8": {
+		value: "var(--colors-red-8)",
+		variable: "var(--colors-red-8)"
+	},
+	"colors.red.9": {
+		value: "var(--colors-red-9)",
+		variable: "var(--colors-red-9)"
+	},
+	"colors.red.10": {
+		value: "var(--colors-red-10)",
+		variable: "var(--colors-red-10)"
+	},
+	"colors.red.11": {
+		value: "var(--colors-red-11)",
+		variable: "var(--colors-red-11)"
+	},
+	"colors.red.12": {
+		value: "var(--colors-red-12)",
+		variable: "var(--colors-red-12)"
+	},
+	"colors.ruby.1": {
+		value: "var(--colors-ruby-1)",
+		variable: "var(--colors-ruby-1)"
+	},
+	"colors.ruby.2": {
+		value: "var(--colors-ruby-2)",
+		variable: "var(--colors-ruby-2)"
+	},
+	"colors.ruby.3": {
+		value: "var(--colors-ruby-3)",
+		variable: "var(--colors-ruby-3)"
+	},
+	"colors.ruby.4": {
+		value: "var(--colors-ruby-4)",
+		variable: "var(--colors-ruby-4)"
+	},
+	"colors.ruby.5": {
+		value: "var(--colors-ruby-5)",
+		variable: "var(--colors-ruby-5)"
+	},
+	"colors.ruby.6": {
+		value: "var(--colors-ruby-6)",
+		variable: "var(--colors-ruby-6)"
+	},
+	"colors.ruby.7": {
+		value: "var(--colors-ruby-7)",
+		variable: "var(--colors-ruby-7)"
+	},
+	"colors.ruby.8": {
+		value: "var(--colors-ruby-8)",
+		variable: "var(--colors-ruby-8)"
+	},
+	"colors.ruby.9": {
+		value: "var(--colors-ruby-9)",
+		variable: "var(--colors-ruby-9)"
+	},
+	"colors.ruby.10": {
+		value: "var(--colors-ruby-10)",
+		variable: "var(--colors-ruby-10)"
+	},
+	"colors.ruby.11": {
+		value: "var(--colors-ruby-11)",
+		variable: "var(--colors-ruby-11)"
+	},
+	"colors.ruby.12": {
+		value: "var(--colors-ruby-12)",
+		variable: "var(--colors-ruby-12)"
+	},
+	"colors.teal.1": {
+		value: "var(--colors-teal-1)",
+		variable: "var(--colors-teal-1)"
+	},
+	"colors.teal.2": {
+		value: "var(--colors-teal-2)",
+		variable: "var(--colors-teal-2)"
+	},
+	"colors.teal.3": {
+		value: "var(--colors-teal-3)",
+		variable: "var(--colors-teal-3)"
+	},
+	"colors.teal.4": {
+		value: "var(--colors-teal-4)",
+		variable: "var(--colors-teal-4)"
+	},
+	"colors.teal.5": {
+		value: "var(--colors-teal-5)",
+		variable: "var(--colors-teal-5)"
+	},
+	"colors.teal.6": {
+		value: "var(--colors-teal-6)",
+		variable: "var(--colors-teal-6)"
+	},
+	"colors.teal.7": {
+		value: "var(--colors-teal-7)",
+		variable: "var(--colors-teal-7)"
+	},
+	"colors.teal.8": {
+		value: "var(--colors-teal-8)",
+		variable: "var(--colors-teal-8)"
+	},
+	"colors.teal.9": {
+		value: "var(--colors-teal-9)",
+		variable: "var(--colors-teal-9)"
+	},
+	"colors.teal.10": {
+		value: "var(--colors-teal-10)",
+		variable: "var(--colors-teal-10)"
+	},
+	"colors.teal.11": {
+		value: "var(--colors-teal-11)",
+		variable: "var(--colors-teal-11)"
+	},
+	"colors.teal.12": {
+		value: "var(--colors-teal-12)",
+		variable: "var(--colors-teal-12)"
+	},
+	"colors.tomato.1": {
+		value: "var(--colors-tomato-1)",
+		variable: "var(--colors-tomato-1)"
+	},
+	"colors.tomato.2": {
+		value: "var(--colors-tomato-2)",
+		variable: "var(--colors-tomato-2)"
+	},
+	"colors.tomato.3": {
+		value: "var(--colors-tomato-3)",
+		variable: "var(--colors-tomato-3)"
+	},
+	"colors.tomato.4": {
+		value: "var(--colors-tomato-4)",
+		variable: "var(--colors-tomato-4)"
+	},
+	"colors.tomato.5": {
+		value: "var(--colors-tomato-5)",
+		variable: "var(--colors-tomato-5)"
+	},
+	"colors.tomato.6": {
+		value: "var(--colors-tomato-6)",
+		variable: "var(--colors-tomato-6)"
+	},
+	"colors.tomato.7": {
+		value: "var(--colors-tomato-7)",
+		variable: "var(--colors-tomato-7)"
+	},
+	"colors.tomato.8": {
+		value: "var(--colors-tomato-8)",
+		variable: "var(--colors-tomato-8)"
+	},
+	"colors.tomato.9": {
+		value: "var(--colors-tomato-9)",
+		variable: "var(--colors-tomato-9)"
+	},
+	"colors.tomato.10": {
+		value: "var(--colors-tomato-10)",
+		variable: "var(--colors-tomato-10)"
+	},
+	"colors.tomato.11": {
+		value: "var(--colors-tomato-11)",
+		variable: "var(--colors-tomato-11)"
+	},
+	"colors.tomato.12": {
+		value: "var(--colors-tomato-12)",
+		variable: "var(--colors-tomato-12)"
+	},
+	"colors.violet.1": {
+		value: "var(--colors-violet-1)",
+		variable: "var(--colors-violet-1)"
+	},
+	"colors.violet.2": {
+		value: "var(--colors-violet-2)",
+		variable: "var(--colors-violet-2)"
+	},
+	"colors.violet.3": {
+		value: "var(--colors-violet-3)",
+		variable: "var(--colors-violet-3)"
+	},
+	"colors.violet.4": {
+		value: "var(--colors-violet-4)",
+		variable: "var(--colors-violet-4)"
+	},
+	"colors.violet.5": {
+		value: "var(--colors-violet-5)",
+		variable: "var(--colors-violet-5)"
+	},
+	"colors.violet.6": {
+		value: "var(--colors-violet-6)",
+		variable: "var(--colors-violet-6)"
+	},
+	"colors.violet.7": {
+		value: "var(--colors-violet-7)",
+		variable: "var(--colors-violet-7)"
+	},
+	"colors.violet.8": {
+		value: "var(--colors-violet-8)",
+		variable: "var(--colors-violet-8)"
+	},
+	"colors.violet.9": {
+		value: "var(--colors-violet-9)",
+		variable: "var(--colors-violet-9)"
+	},
+	"colors.violet.10": {
+		value: "var(--colors-violet-10)",
+		variable: "var(--colors-violet-10)"
+	},
+	"colors.violet.11": {
+		value: "var(--colors-violet-11)",
+		variable: "var(--colors-violet-11)"
+	},
+	"colors.violet.12": {
+		value: "var(--colors-violet-12)",
+		variable: "var(--colors-violet-12)"
+	},
+	"colors.yellow.1": {
+		value: "var(--colors-yellow-1)",
+		variable: "var(--colors-yellow-1)"
+	},
+	"colors.yellow.2": {
+		value: "var(--colors-yellow-2)",
+		variable: "var(--colors-yellow-2)"
+	},
+	"colors.yellow.3": {
+		value: "var(--colors-yellow-3)",
+		variable: "var(--colors-yellow-3)"
+	},
+	"colors.yellow.4": {
+		value: "var(--colors-yellow-4)",
+		variable: "var(--colors-yellow-4)"
+	},
+	"colors.yellow.5": {
+		value: "var(--colors-yellow-5)",
+		variable: "var(--colors-yellow-5)"
+	},
+	"colors.yellow.6": {
+		value: "var(--colors-yellow-6)",
+		variable: "var(--colors-yellow-6)"
+	},
+	"colors.yellow.7": {
+		value: "var(--colors-yellow-7)",
+		variable: "var(--colors-yellow-7)"
+	},
+	"colors.yellow.8": {
+		value: "var(--colors-yellow-8)",
+		variable: "var(--colors-yellow-8)"
+	},
+	"colors.yellow.9": {
+		value: "var(--colors-yellow-9)",
+		variable: "var(--colors-yellow-9)"
+	},
+	"colors.yellow.10": {
+		value: "var(--colors-yellow-10)",
+		variable: "var(--colors-yellow-10)"
+	},
+	"colors.yellow.11": {
+		value: "var(--colors-yellow-11)",
+		variable: "var(--colors-yellow-11)"
+	},
+	"colors.yellow.12": {
+		value: "var(--colors-yellow-12)",
+		variable: "var(--colors-yellow-12)"
+	},
+	"spacing.-0": {
+		value: "calc(var(--spacing-0) * -1)",
+		variable: "var(--spacing-0)"
+	},
+	"spacing.-1": {
+		value: "calc(var(--spacing-1) * -1)",
+		variable: "var(--spacing-1)"
+	},
+	"spacing.-2": {
+		value: "calc(var(--spacing-2) * -1)",
+		variable: "var(--spacing-2)"
+	},
+	"spacing.-3": {
+		value: "calc(var(--spacing-3) * -1)",
+		variable: "var(--spacing-3)"
+	},
+	"spacing.-4": {
+		value: "calc(var(--spacing-4) * -1)",
+		variable: "var(--spacing-4)"
+	},
+	"spacing.-5": {
+		value: "calc(var(--spacing-5) * -1)",
+		variable: "var(--spacing-5)"
+	},
+	"spacing.-6": {
+		value: "calc(var(--spacing-6) * -1)",
+		variable: "var(--spacing-6)"
+	},
+	"spacing.-7": {
+		value: "calc(var(--spacing-7) * -1)",
+		variable: "var(--spacing-7)"
+	},
+	"spacing.-8": {
+		value: "calc(var(--spacing-8) * -1)",
+		variable: "var(--spacing-8)"
+	},
+	"spacing.-9": {
+		value: "calc(var(--spacing-9) * -1)",
+		variable: "var(--spacing-9)"
+	},
+	"spacing.-10": {
+		value: "calc(var(--spacing-10) * -1)",
+		variable: "var(--spacing-10)"
+	},
+	"spacing.-12": {
+		value: "calc(var(--spacing-12) * -1)",
+		variable: "var(--spacing-12)"
+	},
+	"spacing.-16": {
+		value: "calc(var(--spacing-16) * -1)",
+		variable: "var(--spacing-16)"
+	},
+	"spacing.-0.5": {
+		value: "calc(var(--spacing-0\\.5) * -1)",
+		variable: "var(--spacing-0\\.5)"
+	},
+	"spacing.-1.5": {
+		value: "calc(var(--spacing-1\\.5) * -1)",
+		variable: "var(--spacing-1\\.5)"
+	},
+	"spacing.-2.5": {
+		value: "calc(var(--spacing-2\\.5) * -1)",
+		variable: "var(--spacing-2\\.5)"
+	},
+	"spacing.-3.5": {
+		value: "calc(var(--spacing-3\\.5) * -1)",
+		variable: "var(--spacing-3\\.5)"
+	},
+	"spacing.-4.5": {
+		value: "calc(var(--spacing-4\\.5) * -1)",
+		variable: "var(--spacing-4\\.5)"
+	},
+	"spacing.-xxs": {
+		value: "calc(var(--spacing-xxs) * -1)",
+		variable: "var(--spacing-xxs)"
+	},
+	"spacing.-xs": {
+		value: "calc(var(--spacing-xs) * -1)",
+		variable: "var(--spacing-xs)"
+	},
+	"spacing.-sm": {
+		value: "calc(var(--spacing-sm) * -1)",
+		variable: "var(--spacing-sm)"
+	},
+	"spacing.-md": {
+		value: "calc(var(--spacing-md) * -1)",
+		variable: "var(--spacing-md)"
+	},
+	"spacing.-lg": {
+		value: "calc(var(--spacing-lg) * -1)",
+		variable: "var(--spacing-lg)"
+	},
+	"spacing.-xl": {
+		value: "calc(var(--spacing-xl) * -1)",
+		variable: "var(--spacing-xl)"
+	},
+	"spacing.likec4.-xs": {
+		value: "calc(var(--spacing-likec4-xs) * -1)",
+		variable: "var(--spacing-likec4-xs)"
+	},
+	"spacing.likec4.-sm": {
+		value: "calc(var(--spacing-likec4-sm) * -1)",
+		variable: "var(--spacing-likec4-sm)"
+	},
+	"spacing.likec4.-md": {
+		value: "calc(var(--spacing-likec4-md) * -1)",
+		variable: "var(--spacing-likec4-md)"
+	},
+	"spacing.likec4.-lg": {
+		value: "calc(var(--spacing-likec4-lg) * -1)",
+		variable: "var(--spacing-likec4-lg)"
+	},
+	"spacing.likec4.-xl": {
+		value: "calc(var(--spacing-likec4-xl) * -1)",
+		variable: "var(--spacing-likec4-xl)"
+	},
+	"colors.colorPalette.opt": {
+		value: "var(--colors-color-palette-opt)",
+		variable: "var(--colors-color-palette-opt)"
+	},
+	"colors.colorPalette": {
+		value: "var(--colors-color-palette)",
+		variable: "var(--colors-color-palette)"
+	},
+	"colors.colorPalette.opt.hovered": {
+		value: "var(--colors-color-palette-opt-hovered)",
+		variable: "var(--colors-color-palette-opt-hovered)"
+	},
+	"colors.colorPalette.hovered": {
+		value: "var(--colors-color-palette-hovered)",
+		variable: "var(--colors-color-palette-hovered)"
+	},
+	"colors.colorPalette.opt.text": {
+		value: "var(--colors-color-palette-opt-text)",
+		variable: "var(--colors-color-palette-opt-text)"
+	},
+	"colors.colorPalette.text": {
+		value: "var(--colors-color-palette-text)",
+		variable: "var(--colors-color-palette-text)"
+	},
+	"colors.colorPalette.opt.border": {
+		value: "var(--colors-color-palette-opt-border)",
+		variable: "var(--colors-color-palette-opt-border)"
+	},
+	"colors.colorPalette.border": {
+		value: "var(--colors-color-palette-border)",
+		variable: "var(--colors-color-palette-border)"
+	},
+	"colors.colorPalette.opt.label": {
+		value: "var(--colors-color-palette-opt-label)",
+		variable: "var(--colors-color-palette-opt-label)"
+	},
+	"colors.colorPalette.label": {
+		value: "var(--colors-color-palette-label)",
+		variable: "var(--colors-color-palette-label)"
+	},
+	"colors.colorPalette.loop": {
+		value: "var(--colors-color-palette-loop)",
+		variable: "var(--colors-color-palette-loop)"
+	},
+	"colors.colorPalette.loop.hovered": {
+		value: "var(--colors-color-palette-loop-hovered)",
+		variable: "var(--colors-color-palette-loop-hovered)"
+	},
+	"colors.colorPalette.loop.text": {
+		value: "var(--colors-color-palette-loop-text)",
+		variable: "var(--colors-color-palette-loop-text)"
+	},
+	"colors.colorPalette.loop.border": {
+		value: "var(--colors-color-palette-loop-border)",
+		variable: "var(--colors-color-palette-loop-border)"
+	},
+	"colors.colorPalette.loop.header": {
+		value: "var(--colors-color-palette-loop-header)",
+		variable: "var(--colors-color-palette-loop-header)"
+	},
+	"colors.colorPalette.header": {
+		value: "var(--colors-color-palette-header)",
+		variable: "var(--colors-color-palette-header)"
+	},
+	"colors.colorPalette.loop.label": {
+		value: "var(--colors-color-palette-loop-label)",
+		variable: "var(--colors-color-palette-loop-label)"
+	},
+	"colors.colorPalette.try": {
+		value: "var(--colors-color-palette-try)",
+		variable: "var(--colors-color-palette-try)"
+	},
+	"colors.colorPalette.try.hovered": {
+		value: "var(--colors-color-palette-try-hovered)",
+		variable: "var(--colors-color-palette-try-hovered)"
+	},
+	"colors.colorPalette.try.text": {
+		value: "var(--colors-color-palette-try-text)",
+		variable: "var(--colors-color-palette-try-text)"
+	},
+	"colors.colorPalette.try.border": {
+		value: "var(--colors-color-palette-try-border)",
+		variable: "var(--colors-color-palette-try-border)"
+	},
+	"colors.colorPalette.try.header": {
+		value: "var(--colors-color-palette-try-header)",
+		variable: "var(--colors-color-palette-try-header)"
+	},
+	"colors.colorPalette.try.label": {
+		value: "var(--colors-color-palette-try-label)",
+		variable: "var(--colors-color-palette-try-label)"
+	},
+	"colors.colorPalette.break": {
+		value: "var(--colors-color-palette-break)",
+		variable: "var(--colors-color-palette-break)"
+	},
+	"colors.colorPalette.break.hovered": {
+		value: "var(--colors-color-palette-break-hovered)",
+		variable: "var(--colors-color-palette-break-hovered)"
+	},
+	"colors.colorPalette.break.text": {
+		value: "var(--colors-color-palette-break-text)",
+		variable: "var(--colors-color-palette-break-text)"
+	},
+	"colors.colorPalette.break.border": {
+		value: "var(--colors-color-palette-break-border)",
+		variable: "var(--colors-color-palette-break-border)"
+	},
+	"colors.colorPalette.break.header": {
+		value: "var(--colors-color-palette-break-header)",
+		variable: "var(--colors-color-palette-break-header)"
+	},
+	"colors.colorPalette.break.label": {
+		value: "var(--colors-color-palette-break-label)",
+		variable: "var(--colors-color-palette-break-label)"
+	},
+	"colors.colorPalette.par": {
+		value: "var(--colors-color-palette-par)",
+		variable: "var(--colors-color-palette-par)"
+	},
+	"colors.colorPalette.par.hovered": {
+		value: "var(--colors-color-palette-par-hovered)",
+		variable: "var(--colors-color-palette-par-hovered)"
+	},
+	"colors.colorPalette.par.text": {
+		value: "var(--colors-color-palette-par-text)",
+		variable: "var(--colors-color-palette-par-text)"
+	},
+	"colors.colorPalette.par.border": {
+		value: "var(--colors-color-palette-par-border)",
+		variable: "var(--colors-color-palette-par-border)"
+	},
+	"colors.colorPalette.par.header": {
+		value: "var(--colors-color-palette-par-header)",
+		variable: "var(--colors-color-palette-par-header)"
+	},
+	"colors.colorPalette.par.label": {
+		value: "var(--colors-color-palette-par-label)",
+		variable: "var(--colors-color-palette-par-label)"
+	},
+	"colors.colorPalette.alt": {
+		value: "var(--colors-color-palette-alt)",
+		variable: "var(--colors-color-palette-alt)"
+	},
+	"colors.colorPalette.alt.hovered": {
+		value: "var(--colors-color-palette-alt-hovered)",
+		variable: "var(--colors-color-palette-alt-hovered)"
+	},
+	"colors.colorPalette.alt.header": {
+		value: "var(--colors-color-palette-alt-header)",
+		variable: "var(--colors-color-palette-alt-header)"
+	},
+	"colors.colorPalette.alt.text": {
+		value: "var(--colors-color-palette-alt-text)",
+		variable: "var(--colors-color-palette-alt-text)"
+	},
+	"colors.colorPalette.alt.border": {
+		value: "var(--colors-color-palette-alt-border)",
+		variable: "var(--colors-color-palette-alt-border)"
+	},
+	"colors.colorPalette.alt.label": {
+		value: "var(--colors-color-palette-alt-label)",
+		variable: "var(--colors-color-palette-alt-label)"
+	}
+};
+function token(e, t) {
+	return ce[e]?.value || t;
+}
+function tokenVar(e, t) {
+	return ce[e]?.variable || t;
+}
+token.var = tokenVar;
+//#endregion
 //#region styled-system/jsx/is-valid-prop.mjs
-var le = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,WebkitTextFillColor,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_shapeBucket,_shapeDocument,_shapeComponent,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelectable,_whenSelected,_whenDimmed,_whenFocused,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,@/xs,@/sm,@/md,@/lg,@likec4-root/xs,@likec4-root/sm,@likec4-root/md,@likec4-root/lg,@likec4-dialog/xs,@likec4-dialog/sm,@likec4-dialog/md,@likec4-dialog/lg,textStyle,layerStyle,animationStyle".split(","), ue = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,cornerShape,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical".split(",").concat(le), de = new Map(ue.map((e) => [e, !0])), fe = /&|@/, b = /* @__PURE__ */ s((e) => de.has(e) || e.startsWith("--") || fe.test(e)), defaultShouldForwardProp = (e, t) => !t.includes(e) && !b(e), composeShouldForwardProps = (e, t) => e.__shouldForwardProps__ && t ? (n) => e.__shouldForwardProps__(n) && t(n) : t, composeCvaFn = (e, t) => {
+var le = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,WebkitTextFillColor,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_shapeBucket,_shapeDocument,_shapeComponent,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelectable,_whenSelected,_whenDimmed,_whenFocused,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,@/xs,@/sm,@/md,@/lg,@likec4-root/xs,@likec4-root/sm,@likec4-root/md,@likec4-root/lg,@likec4-dialog/xs,@likec4-dialog/sm,@likec4-dialog/md,@likec4-dialog/lg,textStyle,layerStyle,animationStyle".split(","), ue = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,cornerShape,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical".split(",").concat(le), de = new Map(ue.map((e) => [e, !0])), fe = /&|@/, x = /* @__PURE__ */ s((e) => de.has(e) || e.startsWith("--") || fe.test(e)), defaultShouldForwardProp = (e, t) => !t.includes(e) && !x(e), composeShouldForwardProps = (e, t) => e.__shouldForwardProps__ && t ? (n) => e.__shouldForwardProps__(n) && t(n) : t, composeCvaFn = (e, t) => {
 	if (e && !t) return e;
 	if (!e && t) return t;
 	if (e.__cva__ && t.__cva__ || e.__recipe__ && t.__recipe__) return e.merge(t);
@@ -349,7 +2772,7 @@ var le = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt
 //#region styled-system/jsx/factory.mjs
 function styledFn(e, t = {}, i = {}) {
 	let o = t.__cva__ || t.__recipe__ ? t : cva(t), s = i.shouldForwardProp || defaultShouldForwardProp, shouldForwardProp = (e) => i.forwardProps?.includes(e) ? !0 : s(e, o.variantKeys), c = Object.assign(i.dataAttr && t.__name__ ? { "data-recipe": t.__name__ } : {}, i.defaultProps), l = composeCvaFn(e.__cva__, o), u = composeShouldForwardProps(e, shouldForwardProp), d = e.__base__ || e, f = /* @__PURE__ */ r(function StyledComponent(e, r) {
-		let { as: i = d, unstyled: o, children: s, ...f } = e, p = a(() => Object.assign({}, c, f), [f]), [ee, te, m, h, g] = a(() => splitProps(p, normalizeHTMLProps.keys, u, l.variantKeys, b), [p]);
+		let { as: i = d, unstyled: o, children: s, ...f } = e, p = a(() => Object.assign({}, c, f), [f]), [ee, te, m, h, g] = a(() => splitProps(p, normalizeHTMLProps.keys, u, l.variantKeys, x), [p]);
 		function recipeClass() {
 			let { css: e, ...t } = h, n = l.__getCompoundVariantCss__?.(m);
 			return cx(l(m, !1), css(n, t, e), p.className);
@@ -386,7 +2809,7 @@ function createJsxFactory() {
 		}
 	});
 }
-var x = /* @__PURE__ */ createJsxFactory();
+var S = /* @__PURE__ */ createJsxFactory();
 //#endregion
 //#region styled-system/jsx/create-style-context.mjs
 function createSafeContext(e) {
@@ -425,7 +2848,7 @@ function createStyleContext(e) {
 		};
 		return WithRootProvider.displayName = `withRootProvider(${getDisplayName(e)})`, WithRootProvider;
 	}, withProvider = (e, i, o) => {
-		let c = x(e, {}, o), l = r((e, r) => {
+		let c = S(e, {}, o), l = r((e, r) => {
 			let [l, u] = s.splitVariantProps(e);
 			o?.forwardProps?.forEach((e) => {
 				e in l && (u[e] = l[e]);
@@ -447,7 +2870,7 @@ function createStyleContext(e) {
 		});
 		return l.displayName = `withProvider(${getDisplayName(e)})`, l;
 	}, withContext = (e, t, i) => {
-		let a = x(e, {}, i), s = getDisplayName(e), c = r((e, r) => {
+		let a = S(e, {}, i), s = getDisplayName(e), c = r((e, r) => {
 			let c = o(s, t), l = {
 				...e,
 				className: e.className ?? i?.defaultProps?.className
@@ -468,22 +2891,18 @@ function createStyleContext(e) {
 }
 //#endregion
 //#region styled-system/patterns/box.mjs
-var S = { transform(e) {
+var pe = { transform(e) {
 	return e;
 } }, getBoxStyle = (e = {}) => {
-	let t = getPatternStyles(S, e);
-	return S.transform(t, m);
-}, box = (e) => css(getBoxStyle(e));
-box.raw = getBoxStyle;
-//#endregion
-//#region styled-system/jsx/box.mjs
-var pe = /* @__PURE__ */ r(function Box(e, t) {
+	let t = getPatternStyles(pe, e);
+	return pe.transform(t, m);
+}, me = /* @__PURE__ */ r(function Box(e, t) {
 	let [r, i] = splitProps(e, []), a = {
 		ref: t,
 		...getBoxStyle(r),
 		...i
 	};
-	return n(x.div, a);
+	return n(S.div, a);
 }), C = { transform(e) {
 	let { direction: t, align: n, justify: r, wrap: i, basis: a, grow: o, shrink: s, ...c } = e;
 	return {
@@ -504,7 +2923,7 @@ var pe = /* @__PURE__ */ r(function Box(e, t) {
 flex.raw = getFlexStyle;
 //#endregion
 //#region styled-system/jsx/flex.mjs
-var me = /* @__PURE__ */ r(function Flex(e, t) {
+var he = /* @__PURE__ */ r(function Flex(e, t) {
 	let [r, i] = splitProps(e, [
 		"align",
 		"justify",
@@ -518,7 +2937,7 @@ var me = /* @__PURE__ */ r(function Flex(e, t) {
 		...getFlexStyle(r),
 		...i
 	};
-	return n(x.div, a);
+	return n(S.div, a);
 }), w = {
 	transform(e) {
 		let { justify: t, gap: n, ...r } = e;
@@ -542,13 +2961,13 @@ var me = /* @__PURE__ */ r(function Flex(e, t) {
 vstack.raw = getVstackStyle;
 //#endregion
 //#region styled-system/jsx/vstack.mjs
-var he = /* @__PURE__ */ r(function VStack(e, t) {
+var ge = /* @__PURE__ */ r(function VStack(e, t) {
 	let [r, i] = splitProps(e, ["justify", "gap"]), a = {
 		ref: t,
 		...getVstackStyle(r),
 		...i
 	};
-	return n(x.div, a);
+	return n(S.div, a);
 }), T = {
 	transform(e) {
 		let { justify: t, gap: n, ...r } = e;
@@ -569,13 +2988,13 @@ var he = /* @__PURE__ */ r(function VStack(e, t) {
 hstack.raw = getHstackStyle;
 //#endregion
 //#region styled-system/jsx/hstack.mjs
-var ge = /* @__PURE__ */ r(function HStack(e, t) {
+var _e = /* @__PURE__ */ r(function HStack(e, t) {
 	let [r, i] = splitProps(e, ["justify", "gap"]), a = {
 		ref: t,
 		...getHstackStyle(r),
 		...i
 	};
-	return n(x.div, a);
+	return n(S.div, a);
 }), E = { transform(e) {
 	return {
 		position: "relative",
@@ -619,28 +3038,24 @@ bleed.raw = getBleedStyle;
 //#region styled-system/patterns/txt.mjs
 var O = {
 	transform(e, t) {
-		let { inline: n, size: r, dimmed: i, lh: a, likec4color: o, noUserSelect: s, ...c } = e;
-		if (i && o) throw Error("dimmed and likec4color are mutually exclusive");
-		let l = c.textStyle == null;
+		let { inline: n, size: r, dimmed: i, lh: a, fw: o, likec4color: s, nouserselect: c, medium: l, semibold: u, ...d } = e;
+		if (i && s) throw Error("dimmed and likec4color are mutually exclusive");
+		let f = typeof d.textStyle != "string" || d.textStyle === "", p = !!a || !!o;
 		return {
 			cursor: "default",
 			...n && { display: "inline-block" },
-			...o && { "data-likec4-color": o },
-			...s && { userSelect: "none" },
+			...s && { "data-likec4-color": s },
+			...c && { userSelect: "none" },
+			...f && !p && { textStyle: i ? `dimmed.${r}` : r },
+			...f && p && { fontSize: r },
+			...l && { fontWeight: "medium" },
+			...u && { fontWeight: "semibold" },
 			...a && { lineHeight: a },
-			...l ? { textStyle: i ? `dimmed.${r}` : r } : {
-				fontSize: r,
-				color: i ? "text.dimmed" : "text"
-			},
-			...c
+			...o && { fontWeight: o },
+			...d
 		};
 	},
-	defaultValues: {
-		inline: !1,
-		dimmed: !1,
-		size: "md",
-		noUserSelect: !1
-	}
+	defaultValues: { size: "md" }
 }, getTxtStyle = (e = {}) => {
 	let t = getPatternStyles(O, e);
 	return O.transform(t, m);
@@ -648,20 +3063,23 @@ var O = {
 txt.raw = getTxtStyle;
 //#endregion
 //#region styled-system/jsx/txt.mjs
-var _e = /* @__PURE__ */ r(function Txt(e, t) {
+var ve = /* @__PURE__ */ r(function Txt(e, t) {
 	let [r, i] = splitProps(e, [
 		"inline",
+		"medium",
+		"semibold",
 		"dimmed",
-		"noUserSelect",
+		"nouserselect",
 		"lh",
 		"size",
+		"fw",
 		"likec4color"
 	]), a = {
 		ref: t,
 		...getTxtStyle(r),
 		...i
 	};
-	return n(x.div, a);
+	return n(S.div, a);
 }), createRecipe = (e, t, n) => {
 	let getVariantProps = (n) => ({
 		[e]: "__ignore__",
@@ -719,7 +3137,7 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 	variant: ["transparent", "filled"],
 	size: ["sm", "md"],
 	radius: ["sm", "md"]
-}, j = Object.keys(A), ve = /* @__PURE__ */ Object.assign(s(k.recipeFn), {
+}, j = Object.keys(A), ye = /* @__PURE__ */ Object.assign(s(k.recipeFn), {
 	__recipe__: !0,
 	__name__: "actionBtn",
 	__getCompoundVariantCss__: k.__getCompoundVariantCss__,
@@ -733,7 +3151,7 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 		return splitProps(e, j);
 	},
 	getVariantProps: k.getVariantProps
-}), M = /* @__PURE__ */ createRecipe("action-buttons", {}, []), N = {}, P = Object.keys(N), ye = /* @__PURE__ */ Object.assign(s(M.recipeFn), {
+}), M = /* @__PURE__ */ createRecipe("action-buttons", {}, []), N = {}, P = Object.keys(N), be = /* @__PURE__ */ Object.assign(s(M.recipeFn), {
 	__recipe__: !0,
 	__name__: "actionButtons",
 	__getCompoundVariantCss__: M.__getCompoundVariantCss__,
@@ -760,7 +3178,7 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 		"dotted",
 		"none"
 	]
-}, L = Object.keys(I), be = /* @__PURE__ */ Object.assign(s(F.recipeFn), {
+}, L = Object.keys(I), xe = /* @__PURE__ */ Object.assign(s(F.recipeFn), {
 	__recipe__: !0,
 	__name__: "compoundNode",
 	__getCompoundVariantCss__: F.__getCompoundVariantCss__,
@@ -774,7 +3192,7 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 		return splitProps(e, L);
 	},
 	getVariantProps: F.getVariantProps
-}), R = /* @__PURE__ */ createRecipe("likec4-edge-action-btn", {}, []), z = {}, B = Object.keys(z), xe = /* @__PURE__ */ Object.assign(s(R.recipeFn), {
+}), R = /* @__PURE__ */ createRecipe("likec4-edge-action-btn", {}, []), z = {}, B = Object.keys(z), Se = /* @__PURE__ */ Object.assign(s(R.recipeFn), {
 	__recipe__: !0,
 	__name__: "edgeActionBtn",
 	__getCompoundVariantCss__: R.__getCompoundVariantCss__,
@@ -796,79 +3214,81 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 	pointerEvents: ["none", "all"],
 	cursor: ["pointer", "default"],
 	isStepEdge: ["false", "true"]
-}, U = Object.keys(H), Se = /* @__PURE__ */ Object.assign(s(V.recipeFn), {
+}, Ce = Object.keys(H), we = /* @__PURE__ */ Object.assign(s(V.recipeFn), {
 	__recipe__: !0,
 	__name__: "edgeLabel",
 	__getCompoundVariantCss__: V.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: U,
+	variantKeys: Ce,
 	variantMap: H,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, U);
+		return splitProps(e, Ce);
 	},
 	getVariantProps: V.getVariantProps
-}), W = {}, Ce = [], we = /* @__PURE__ */ [
+}), Te = {}, Ee = [], De = /* @__PURE__ */ [
 	["path", "likec4-edge__path"],
 	["pathBg", "likec4-edge__pathBg"],
 	["markersCtx", "likec4-edge__markersCtx"],
 	["middlePoint", "likec4-edge__middlePoint"]
-].map(([e, t]) => [e, createRecipe(t, W, getSlotCompoundVariant(Ce, e))]), Te = s((e = {}) => Object.fromEntries(we.map(([t, n]) => [t, n.recipeFn(e)]))), Ee = [], De = /* @__PURE__ */ Object.assign(Te, {
+].map(([e, t]) => [e, createRecipe(t, Te, getSlotCompoundVariant(Ee, e))]), Oe = s((e = {}) => Object.fromEntries(De.map(([t, n]) => [t, n.recipeFn(e)]))), ke = [], Ae = /* @__PURE__ */ Object.assign(Oe, {
 	__recipe__: !1,
 	__name__: "edgePath",
 	raw: (e) => e,
 	classNameMap: {},
-	variantKeys: Ee,
+	variantKeys: ke,
 	variantMap: {},
 	splitVariantProps(e) {
-		return splitProps(e, Ee);
+		return splitProps(e, ke);
 	},
 	getVariantProps: /* @__PURE__ */ e((e) => ({
-		...W,
+		...Te,
 		...compact(e)
 	}), "getVariantProps")
-}), G = /* @__PURE__ */ createRecipe("likec4-element-node", {}, []), Oe = {}, ke = Object.keys(Oe), Ae = /* @__PURE__ */ Object.assign(s(G.recipeFn), {
+}), U = /* @__PURE__ */ createRecipe("likec4-element-node", {}, []), W = {}, je = Object.keys(W), Me = /* @__PURE__ */ Object.assign(s(U.recipeFn), {
 	__recipe__: !0,
 	__name__: "elementNode",
-	__getCompoundVariantCss__: G.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: U.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: ke,
-	variantMap: Oe,
+	variantKeys: je,
+	variantMap: W,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, ke);
+		return splitProps(e, je);
 	},
-	getVariantProps: G.getVariantProps
-}), K = /* @__PURE__ */ createRecipe("likec4-element-node-data", {
+	getVariantProps: U.getVariantProps
+}), G = /* @__PURE__ */ createRecipe("likec4-element-node-data", {
 	iconPosition: "left",
-	withIconColor: !1
-}, []), je = {
+	withIconColor: !1,
+	withIconBlend: !1
+}, []), Ne = {
 	iconPosition: [
 		"left",
 		"right",
 		"top",
 		"bottom"
 	],
-	withIconColor: ["true", "false"]
-}, Me = Object.keys(je), Ne = /* @__PURE__ */ Object.assign(s(K.recipeFn), {
+	withIconColor: ["true", "false"],
+	withIconBlend: ["true", "false"]
+}, Pe = Object.keys(Ne), Fe = /* @__PURE__ */ Object.assign(s(G.recipeFn), {
 	__recipe__: !0,
 	__name__: "elementNodeData",
-	__getCompoundVariantCss__: K.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: G.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: Me,
-	variantMap: je,
+	variantKeys: Pe,
+	variantMap: Ne,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, Me);
+		return splitProps(e, Pe);
 	},
-	getVariantProps: K.getVariantProps
-}), q = /* @__PURE__ */ createRecipe("likec4-element-shape", {
+	getVariantProps: G.getVariantProps
+}), K = /* @__PURE__ */ createRecipe("likec4-element-shape", {
 	withBorder: !1,
 	withOutline: !1
 }, [{
@@ -883,59 +3303,87 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 		},
 		"& .likec4-shape-outline": { borderRadius: "10px" }
 	}
-}]), Pe = {
+}]), Ie = {
 	shapetype: ["html", "svg"],
 	withBorder: ["true", "false"],
 	withOutline: ["true", "false"]
-}, Fe = Object.keys(Pe), Ie = /* @__PURE__ */ Object.assign(s(q.recipeFn), {
+}, Le = Object.keys(Ie), Re = /* @__PURE__ */ Object.assign(s(K.recipeFn), {
 	__recipe__: !0,
 	__name__: "elementShapeRecipe",
+	__getCompoundVariantCss__: K.__getCompoundVariantCss__,
+	raw: (e) => e,
+	variantKeys: Le,
+	variantMap: Ie,
+	merge(e) {
+		return mergeRecipes(this, e);
+	},
+	splitVariantProps(e) {
+		return splitProps(e, Le);
+	},
+	getVariantProps: K.getVariantProps
+}), q = /* @__PURE__ */ createRecipe("empty-box", {}, []), ze = { fullsize: ["true"] }, Be = Object.keys(ze), Ve = /* @__PURE__ */ Object.assign(s(q.recipeFn), {
+	__recipe__: !0,
+	__name__: "emptyBox",
 	__getCompoundVariantCss__: q.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: Fe,
-	variantMap: Pe,
+	variantKeys: Be,
+	variantMap: ze,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, Fe);
+		return splitProps(e, Be);
 	},
 	getVariantProps: q.getVariantProps
-}), J = /* @__PURE__ */ createRecipe("likec4-tag", {}, []), Le = {}, Re = Object.keys(Le), ze = /* @__PURE__ */ Object.assign(s(J.recipeFn), {
+}), J = /* @__PURE__ */ createRecipe("likec4-floating-window", {}, []), He = {}, Ue = Object.keys(He), We = /* @__PURE__ */ Object.assign(s(J.recipeFn), {
 	__recipe__: !0,
-	__name__: "likec4tag",
+	__name__: "floatingWindow",
 	__getCompoundVariantCss__: J.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: Re,
-	variantMap: Le,
+	variantKeys: Ue,
+	variantMap: He,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, Re);
+		return splitProps(e, Ue);
 	},
 	getVariantProps: J.getVariantProps
-}), Y = /* @__PURE__ */ createRecipe("likec4-markdown-block", {
+}), Y = /* @__PURE__ */ createRecipe("likec4-tag", {}, []), Ge = {}, Ke = Object.keys(Ge), qe = /* @__PURE__ */ Object.assign(s(Y.recipeFn), {
+	__recipe__: !0,
+	__name__: "likec4tag",
+	__getCompoundVariantCss__: Y.__getCompoundVariantCss__,
+	raw: (e) => e,
+	variantKeys: Ke,
+	variantMap: Ge,
+	merge(e) {
+		return mergeRecipes(this, e);
+	},
+	splitVariantProps(e) {
+		return splitProps(e, Ke);
+	},
+	getVariantProps: Y.getVariantProps
+}), X = /* @__PURE__ */ createRecipe("likec4-markdown-block", {
 	uselikec4palette: !1,
 	value: "markdown"
-}, []), Be = {
+}, []), Je = {
 	uselikec4palette: ["true", "false"],
 	value: ["markdown", "plaintext"]
-}, Ve = Object.keys(Be), He = /* @__PURE__ */ Object.assign(s(Y.recipeFn), {
+}, Ye = Object.keys(Je), Xe = /* @__PURE__ */ Object.assign(s(X.recipeFn), {
 	__recipe__: !0,
 	__name__: "markdownBlock",
-	__getCompoundVariantCss__: Y.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: X.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: Ve,
-	variantMap: Be,
+	variantKeys: Ye,
+	variantMap: Je,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, Ve);
+		return splitProps(e, Ye);
 	},
-	getVariantProps: Y.getVariantProps
-}), X = /* @__PURE__ */ createRecipe("likec4-navigation-panel-icon", {
+	getVariantProps: X.getVariantProps
+}), Z = /* @__PURE__ */ createRecipe("likec4-navigation-panel-icon", {
 	variant: "default",
 	type: "default"
 }, [{
@@ -945,103 +3393,103 @@ var _e = /* @__PURE__ */ r(function Txt(e, t) {
 		base: "likec4.panel.action.warning.bg",
 		_hover: "likec4.panel.action.warning.bg.hover"
 	} }
-}]), Ue = {
+}]), Ze = {
 	variant: ["default", "filled"],
 	type: ["default", "warning"]
-}, We = Object.keys(Ue), Ge = /* @__PURE__ */ Object.assign(s(X.recipeFn), {
+}, Qe = Object.keys(Ze), $e = /* @__PURE__ */ Object.assign(s(Z.recipeFn), {
 	__recipe__: !0,
 	__name__: "navigationPanelActionIcon",
-	__getCompoundVariantCss__: X.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: Z.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: We,
-	variantMap: Ue,
+	variantKeys: Qe,
+	variantMap: Ze,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, We);
+		return splitProps(e, Qe);
 	},
-	getVariantProps: X.getVariantProps
-}), Z = /* @__PURE__ */ createRecipe("likec4-node-notes", { opened: !1 }, []), Ke = { opened: ["false", "true"] }, qe = Object.keys(Ke), Je = /* @__PURE__ */ Object.assign(s(Z.recipeFn), {
+	getVariantProps: Z.getVariantProps
+}), Q = /* @__PURE__ */ createRecipe("likec4-node-notes", { opened: !1 }, []), et = { opened: ["false", "true"] }, tt = Object.keys(et), nt = /* @__PURE__ */ Object.assign(s(Q.recipeFn), {
 	__recipe__: !0,
 	__name__: "nodeNotes",
-	__getCompoundVariantCss__: Z.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: Q.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: qe,
-	variantMap: Ke,
+	variantKeys: tt,
+	variantMap: et,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, qe);
+		return splitProps(e, tt);
 	},
-	getVariantProps: Z.getVariantProps
-}), Q = /* @__PURE__ */ createRecipe("likec4-overlay", {
+	getVariantProps: Q.getVariantProps
+}), $ = /* @__PURE__ */ createRecipe("likec4-overlay", {
 	fullscreen: !1,
 	withBackdrop: !0
-}, []), $ = {
+}, []), rt = {
 	fullscreen: ["false", "true"],
 	withBackdrop: ["false", "true"]
-}, Ye = Object.keys($), Xe = /* @__PURE__ */ Object.assign(s(Q.recipeFn), {
+}, it = Object.keys(rt), at = /* @__PURE__ */ Object.assign(s($.recipeFn), {
 	__recipe__: !0,
 	__name__: "overlay",
-	__getCompoundVariantCss__: Q.__getCompoundVariantCss__,
+	__getCompoundVariantCss__: $.__getCompoundVariantCss__,
 	raw: (e) => e,
-	variantKeys: Ye,
-	variantMap: $,
+	variantKeys: it,
+	variantMap: rt,
 	merge(e) {
 		return mergeRecipes(this, e);
 	},
 	splitVariantProps(e) {
-		return splitProps(e, Ye);
+		return splitProps(e, it);
 	},
-	getVariantProps: Q.getVariantProps
-}), Ze = { truncateLabel: !1 }, Qe = [], $e = /* @__PURE__ */ [
+	getVariantProps: $.getVariantProps
+}), ot = { truncateLabel: !1 }, st = [], ct = /* @__PURE__ */ [
 	["root", "likec4-navlink__root"],
 	["body", "likec4-navlink__body"],
 	["section", "likec4-navlink__section"],
 	["label", "likec4-navlink__label"],
 	["description", "likec4-navlink__description"]
-].map(([e, t]) => [e, createRecipe(t, Ze, getSlotCompoundVariant(Qe, e))]), et = s((e = {}) => Object.fromEntries($e.map(([t, n]) => [t, n.recipeFn(e)]))), tt = ["truncateLabel"], nt = /* @__PURE__ */ Object.assign(et, {
+].map(([e, t]) => [e, createRecipe(t, ot, getSlotCompoundVariant(st, e))]), lt = s((e = {}) => Object.fromEntries(ct.map(([t, n]) => [t, n.recipeFn(e)]))), ut = ["truncateLabel"], dt = /* @__PURE__ */ Object.assign(lt, {
 	__recipe__: !1,
 	__name__: "navigationLink",
 	raw: (e) => e,
 	classNameMap: {},
-	variantKeys: tt,
+	variantKeys: ut,
 	variantMap: { truncateLabel: ["true", "false"] },
 	splitVariantProps(e) {
-		return splitProps(e, tt);
+		return splitProps(e, ut);
 	},
 	getVariantProps: /* @__PURE__ */ e((e) => ({
-		...Ze,
+		...ot,
 		...compact(e)
 	}), "getVariantProps")
-}), rt = {
+}), ft = {
 	size: "md",
 	panelPosition: "left"
-}, it = [], at = /* @__PURE__ */ [
+}, pt = [], mt = /* @__PURE__ */ [
 	["root", "likec4-navigation-panel__root"],
 	["body", "likec4-navigation-panel__body"],
 	["logo", "likec4-navigation-panel__logo"],
 	["label", "likec4-navigation-panel__label"],
 	["dropdown", "likec4-navigation-panel__dropdown"]
-].map(([e, t]) => [e, createRecipe(t, rt, getSlotCompoundVariant(it, e))]), ot = s((e = {}) => Object.fromEntries(at.map(([t, n]) => [t, n.recipeFn(e)]))), st = ["size", "panelPosition"], getVariantProps = (e) => ({
-	...rt,
+].map(([e, t]) => [e, createRecipe(t, ft, getSlotCompoundVariant(pt, e))]), ht = s((e = {}) => Object.fromEntries(mt.map(([t, n]) => [t, n.recipeFn(e)]))), gt = ["size", "panelPosition"], getVariantProps = (e) => ({
+	...ft,
 	...compact(e)
-}), ct = /* @__PURE__ */ Object.assign(ot, {
+}), _t = /* @__PURE__ */ Object.assign(ht, {
 	__recipe__: !1,
 	__name__: "navigationPanel",
 	raw: (e) => e,
 	classNameMap: {},
-	variantKeys: st,
+	variantKeys: gt,
 	variantMap: {
 		size: ["md", "lg"],
 		panelPosition: ["left", "right"]
 	},
 	splitVariantProps(e) {
-		return splitProps(e, st);
+		return splitProps(e, gt);
 	},
 	getVariantProps
 });
 //#endregion
-export { sva as A, he as C, createStyleContext as D, pe as E, cx as M, css as N, x as O, hstack as S, me as T, _e as _, Ge as a, container as b, Ie as c, De as d, Se as f, ve as g, ye as h, Je as i, cva as j, b as k, Ne as l, be as m, nt as n, He as o, xe as p, Xe as r, ze as s, ct as t, Ae as u, txt as v, vstack as w, ge as x, bleed as y };
+export { createStyleContext as A, _e as C, he as D, vstack as E, cva as F, cx as I, css as L, x as M, token as N, flex as O, sva as P, container as S, ge as T, be as _, $e as a, txt as b, We as c, Fe as d, Me as f, xe as g, Se as h, nt as i, S as j, me as k, Ve as l, we as m, dt as n, Xe as o, Ae as p, at as r, qe as s, _t as t, Re as u, ye as v, hstack as w, bleed as x, ve as y };