@pstdio/ui 0.26.0 → 0.36.0

package/dist/theme-0cbWICbg.js

@@ -0,0 +1,2936 @@
+import { createSystem as e, defaultConfig as t, defineConfig as n, defineLayerStyles as r, defineRecipe as i, defineSlotRecipe as a, defineTextStyles as o } from "@chakra-ui/react";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/playfair-display/400.css";
+import "@fontsource/playfair-display/600.css";
+import "@fontsource/playfair-display/700.css";
+import "@fontsource/onest/400.css";
+import "@fontsource/onest/500.css";
+import "@fontsource/onest/600.css";
+import "@fontsource/onest/700.css";
+import { alertAnatomy as s, colorPickerAnatomy as c, dialogAnatomy as ee, drawerAnatomy as te, fieldsetAnatomy as ne, menuAnatomy as l, numberInputAnatomy as u, popoverAnatomy as d, switchAnatomy as f, tabsAnatomy as p, timelineAnatomy as re, tooltipAnatomy as ie } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as m } from "@chakra-ui/react/theme";
+//#region src/theme/recipes/window-title-bar.ts
+var h = a({
+	className: "ps-window-title-bar",
+	slots: ["root", "content"],
+	base: {
+		root: {
+			position: "relative",
+			flexShrink: 0,
+			width: "full",
+			height: "window-title-bar",
+			bg: "bg",
+			color: "fg",
+			userSelect: "none",
+			WebkitAppRegion: "drag"
+		},
+		content: {
+			display: "flex",
+			alignItems: "center",
+			gap: "xs",
+			height: "full",
+			minWidth: 0,
+			paddingInline: "compact",
+			"& button, & a, & input, & [role=tab]": { WebkitAppRegion: "no-drag" }
+		}
+	},
+	variants: { controls: {
+		mac: { content: {
+			paddingInlineStart: "window-controls-mac",
+			"[data-window-full-screen] &": { paddingInlineStart: "compact" }
+		} },
+		overlay: { content: {
+			marginLeft: "env(titlebar-area-x, 0px)",
+			width: "env(titlebar-area-width, 100%)"
+		} }
+	} },
+	defaultVariants: { controls: "overlay" }
+}), g = a({
+	className: "ps-window-tabs",
+	slots: [
+		"list",
+		"tab",
+		"trigger",
+		"label",
+		"close"
+	],
+	base: {
+		list: {
+			display: "flex",
+			alignItems: "center",
+			gap: "2xs",
+			minWidth: 0,
+			overflowX: "auto",
+			scrollbarWidth: "none"
+		},
+		tab: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			flexShrink: 0,
+			height: "window-tab",
+			maxWidth: "window-tab-max",
+			borderRadius: "xs",
+			borderWidth: "1px",
+			borderColor: "border",
+			color: "fg.muted",
+			bg: "transparent",
+			_selected: {
+				bg: "bg.muted",
+				color: "fg"
+			},
+			_hover: {
+				bg: "bg.hover",
+				color: "fg"
+			},
+			_dragging: {
+				bg: "bg.hover",
+				color: "fg",
+				zIndex: "docked"
+			},
+			WebkitAppRegion: "no-drag"
+		},
+		trigger: {
+			display: "flex",
+			alignItems: "center",
+			gap: "window-tab-gap",
+			minWidth: 0,
+			height: "full",
+			paddingInlineStart: "compact",
+			paddingInlineEnd: "window-tab-gap",
+			cursor: "pointer",
+			textStyle: "label/S/medium",
+			borderRadius: "xs",
+			focusVisibleRing: "inside",
+			WebkitAppRegion: "no-drag",
+			touchAction: "none",
+			_icon: {
+				width: "icon-xs",
+				height: "icon-xs",
+				flexShrink: 0
+			}
+		},
+		label: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		},
+		close: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0,
+			width: "window-tab-close",
+			height: "window-tab-close",
+			marginInlineEnd: "compact",
+			color: "fg.muted",
+			borderRadius: "2xs",
+			cursor: "pointer",
+			focusVisibleRing: "outside",
+			WebkitAppRegion: "no-drag",
+			_hover: {
+				bg: "bg.active",
+				color: "fg"
+			},
+			_icon: {
+				width: "full",
+				height: "full"
+			}
+		}
+	}
+}), ae = {
+	"editor.background": ["colors.bg", "colors.bg.code"],
+	"editor.foreground": ["colors.fg"],
+	"editor.lineHighlightBackground": ["colors.bg.hover"],
+	"editor.selectionBackground": ["colors.bg.active"],
+	"editorWidget.background": ["colors.bg.panel"],
+	"sideBar.background": ["colors.bg.panel"],
+	"panel.background": ["colors.bg.panel"],
+	"input.background": ["colors.bg.subtle"],
+	"input.foreground": ["colors.fg"],
+	"input.border": ["colors.border"],
+	"dropdown.background": ["colors.bg.panel"],
+	"menu.background": ["colors.bg.panel", "colors.bg.menu-item.default"],
+	"menu.foreground": ["colors.fg.menu-item.default"],
+	"menu.selectionBackground": [
+		"colors.bg.menu-item.hover",
+		"colors.bg.menu-item.focus",
+		"colors.bg.menu-item.selected"
+	],
+	"list.hoverBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus"],
+	"list.focusBackground": ["colors.bg.menu-item.focus"],
+	"list.inactiveSelectionBackground": ["colors.bg.menu-item.selected"],
+	"list.activeSelectionBackground": ["colors.bg.menu-item.selected"],
+	"badge.background": ["colors.bg.muted"],
+	"badge.foreground": ["colors.fg.muted"],
+	"button.background": ["colors.bg.button.primary.default", "colors.bg.accent-primary.default"],
+	"button.hoverBackground": ["colors.bg.button.primary.hover", "colors.bg.accent-primary.hover"],
+	"button.foreground": ["colors.fg.button.primary.default"],
+	"diffEditor.insertedTextBackground": ["colors.bg.success"],
+	"diffEditor.removedTextBackground": ["colors.bg.error"],
+	focusBorder: ["colors.border.accent"],
+	foreground: ["colors.fg"],
+	"gitDecoration.addedResourceForeground": ["colors.fg.success"],
+	"gitDecoration.deletedResourceForeground": ["colors.fg.error"],
+	descriptionForeground: ["colors.fg.muted"],
+	disabledForeground: ["colors.fg.subtle"],
+	border: ["colors.border", "colors.border.subtle"]
+}, _ = (e) => `colors.vscode.${e}`, v = (e) => e.replace(/^#/, ""), y = (e) => {
+	let t = (e.theme.tokenColors ?? []).flatMap((e) => (Array.isArray(e.scope) ? e.scope : e.scope ? [e.scope] : []).map((t) => ({
+		token: t,
+		...e.settings?.foreground ? { foreground: v(e.settings.foreground) } : {},
+		...e.settings?.fontStyle ? { fontStyle: e.settings.fontStyle } : {}
+	})));
+	return {
+		base: e.mode === "dark" ? "vs-dark" : "vs",
+		inherit: !0,
+		rules: t,
+		colors: e.theme.colors ?? {}
+	};
+}, b = (e) => {
+	let t = {}, n = e.theme.colors ?? {};
+	for (let [e, r] of Object.entries(n)) t[_(e)] = r;
+	for (let [e, r] of Object.entries(ae)) {
+		let i = n[e];
+		if (i) for (let e of r) t[e] = i;
+	}
+	return {
+		id: e.id,
+		mode: e.mode,
+		tokens: t,
+		monacoTheme: y({
+			mode: e.mode,
+			theme: e.theme
+		})
+	};
+}, x = {
+	"*::selection": {
+		bg: {
+			base: "bg.accent-secondary.blue-medium",
+			_dark: "bg.accent-secondary.blue-medium"
+		},
+		color: { _dark: "fg.inverted" }
+	},
+	":root": {
+		"--focus-border": "border.accent-light",
+		"--separator-border": "transparent !important"
+	},
+	html: {
+		height: "100%",
+		width: "100%",
+		overflow: "hidden"
+	},
+	hr: { borderColor: "border.subtle" },
+	body: {
+		height: "100%",
+		width: "100%",
+		fontFamily: "body",
+		fontWeight: "regular",
+		fontSize: "md",
+		bg: "bg",
+		color: "fg",
+		borderColor: "border",
+		overflow: "hidden"
+	},
+	"#root": {
+		height: "100%",
+		width: "100%",
+		display: "flex"
+	},
+	".sash": { zIndex: "docked" },
+	"@keyframes message-fade-in": {
+		from: {
+			opacity: 0,
+			transform: "translateY(4px)"
+		},
+		to: {
+			opacity: 1,
+			transform: "translateY(0)"
+		}
+	},
+	"@media (min-width: 2560px)": { html: { fontSize: "1.25rem" } },
+	"@media (min-width: 3840px)": { html: { fontSize: "1.5rem" } }
+}, S = {
+	windowControl: {
+		close: { value: "#FF5F57" },
+		minimize: { value: "#FEBC2E" },
+		zoom: { value: "#28C840" }
+	},
+	sand: {
+		DEFAULT: { value: "#F4F2EC" },
+		50: { value: "#FCF7EF" },
+		100: { value: "#F4F2EC" },
+		200: { value: "#E8CECE" },
+		300: { value: "#E8CECE" },
+		400: { value: "#E8CECE" },
+		500: { value: "#E8CECE" },
+		600: { value: "#E8CECE" },
+		700: { value: "#E8CECE" },
+		800: { value: "#E8CECE" },
+		900: { value: "#E8CECE" }
+	},
+	blacks: {
+		DEFAULT: { value: "#0A0D15" },
+		50: { value: "#FFFFFF" },
+		75: { value: "#FCFCFC" },
+		100: { value: "#F9F9F9" },
+		200: { value: "#F5F5F5" },
+		300: { value: "#EAEAEA" },
+		400: { value: "#C5C5C7" },
+		450: { value: "#9DA0A6" },
+		500: { value: "#797D83" },
+		600: { value: "#5A5F67" },
+		700: { value: "#444750" },
+		750: { value: "#33363E" },
+		800: { value: "#22252C" },
+		850: { value: "#1b2028" },
+		900: { value: "#0A0D15" },
+		1e3: { value: "#000000" }
+	},
+	blue: {
+		DEFAULT: { value: "#5098FF" },
+		50: { value: "#EEF5FF" },
+		100: { value: "#D2E4FF" },
+		200: { value: "#A8CBFE" },
+		300: { value: "#81B4FE" },
+		400: { value: "#6CA9FF" },
+		500: { value: "#5098FF" },
+		600: { value: "#2B82FF" },
+		700: { value: "#0E6EF6" },
+		800: { value: "#0652C3" },
+		900: { value: "#002862" }
+	},
+	sapphire: {
+		DEFAULT: { value: "#3A4BE4" },
+		25: { value: "#F0F1FF" },
+		50: { value: "#E0E3FF" },
+		100: { value: "#BEC4FF" },
+		200: { value: "#97A2FF" },
+		300: { value: "#6A78F8" },
+		400: { value: "#4E5FF3" },
+		500: { value: "#3A4BE4" },
+		600: { value: "#2A3CD7" },
+		700: { value: "#202FB8" },
+		800: { value: "#131F87" },
+		900: { value: "#0A125A" }
+	},
+	pink: {
+		DEFAULT: { value: "#E054EC" },
+		25: { value: "#FDF0FF" },
+		50: { value: "#FCE1FF" },
+		100: { value: "#F5CBF9" },
+		200: { value: "#F6B4FC" },
+		300: { value: "#F69AFF" },
+		400: { value: "#EF81FA" },
+		500: { value: "#E054EC" },
+		600: { value: "#B636C1" },
+		700: { value: "#951BA0" },
+		800: { value: "#6F0C78" },
+		900: { value: "#520659" }
+	},
+	peach: {
+		DEFAULT: { value: "#FBD8CE" },
+		50: { value: "#FFF2EC" },
+		100: { value: "#FCE1DA" },
+		200: { value: "#FBD8CE" },
+		300: { value: "#F7C4B8" },
+		400: { value: "#F3AA9A" },
+		500: { value: "#EB8A75" },
+		600: { value: "#D17059" },
+		700: { value: "#A85646" },
+		800: { value: "#7B3F34" },
+		900: { value: "#522923" }
+	},
+	red: {
+		DEFAULT: { value: "#FF3232" },
+		50: { value: "#FFE0E3" },
+		100: { value: "#FFCCCC" },
+		200: { value: "#FDA8A8" },
+		300: { value: "#FF8B8B" },
+		400: { value: "#FF6B6B" },
+		500: { value: "#FF3232" },
+		600: { value: "#DE1D1D" },
+		700: { value: "#BA1313" },
+		800: { value: "#8E0E0E" },
+		900: { value: "#580707" }
+	},
+	orange: {
+		DEFAULT: { value: "#F78C25" },
+		50: { value: "#FFF4E8" },
+		100: { value: "#FFE2C1" },
+		200: { value: "#FFC98E" },
+		300: { value: "#FFAD57" },
+		400: { value: "#F78C25" },
+		500: { value: "#E26F12" },
+		600: { value: "#C85D12" },
+		700: { value: "#A74810" },
+		800: { value: "#7E330C" },
+		900: { value: "#552107" }
+	},
+	yellow: {
+		DEFAULT: { value: "#FFD643" },
+		50: { value: "#FFF7D9" },
+		75: { value: "#FFF3C2" },
+		100: { value: "#FFEEB3" },
+		150: { value: "#FFE999" },
+		200: { value: "#FFE792" },
+		300: { value: "#FFDE67" },
+		400: { value: "#FFD643" },
+		500: { value: "#FFC909" },
+		600: { value: "#E4B200" },
+		700: { value: "#C69B00" },
+		800: { value: "#9D7A00" },
+		900: { value: "#644E00" }
+	},
+	green: {
+		DEFAULT: { value: "#2DD665" },
+		50: { value: "#CFFFDF" },
+		100: { value: "#ACFBC7" },
+		200: { value: "#86F3AB" },
+		300: { value: "#61EA8F" },
+		400: { value: "#2DD665" },
+		500: { value: "#0AB744" },
+		600: { value: "#029232" },
+		700: { value: "#007126" },
+		800: { value: "#00511B" },
+		900: { value: "#003110" }
+	},
+	teal: {
+		DEFAULT: { value: "#3EECC4" },
+		50: { value: "#C9FFF3" },
+		100: { value: "#9EFBE6" },
+		200: { value: "#6DF4D5" },
+		300: { value: "#3EECC4" },
+		400: { value: "#16DFB0" },
+		500: { value: "#12C69C" },
+		600: { value: "#10A884" },
+		700: { value: "#0C8367" },
+		800: { value: "#096C55" },
+		900: { value: "#024F3D" }
+	},
+	cyan: {
+		DEFAULT: { value: "#5CDCFF" },
+		50: { value: "#DAF7FE" },
+		100: { value: "#ADEDFF" },
+		200: { value: "#85E4FF" },
+		300: { value: "#5CDCFF" },
+		400: { value: "#30D2FF" },
+		500: { value: "#00C0F5" },
+		600: { value: "#03AAD7" },
+		700: { value: "#0095BE" },
+		800: { value: "#007A9B" },
+		900: { value: "#005B73" }
+	},
+	purple: {
+		DEFAULT: { value: "#8B47FF" },
+		50: { value: "#EFE6FF" },
+		100: { value: "#D8C2FF" },
+		200: { value: "#BE99FF" },
+		300: { value: "#A36DFF" },
+		400: { value: "#8B47FF" },
+		500: { value: "#7223F9" },
+		600: { value: "#5A00F5" },
+		700: { value: "#4600C0" },
+		800: { value: "#310086" },
+		900: { value: "#1E0050" }
+	},
+	neutral: {
+		50: { value: "#FCFDFC" },
+		75: { value: "#F7F9F7" },
+		100: { value: "#F1F5F2" },
+		200: { value: "#EDF1EE" },
+		300: { value: "#E9EFEA" },
+		400: { value: "#DEE5DF" },
+		500: { value: "#CCD1CE" },
+		600: { value: "#404347" },
+		700: { value: "#31363C" },
+		750: { value: "#252A2F" },
+		800: { value: "#222A35" },
+		850: { value: "#1A202A" },
+		900: { value: "#141923" },
+		950: { value: "#10141B" }
+	},
+	mint: {
+		100: { value: "#D3ECEE" },
+		200: { value: "#B3DEE2" }
+	}
+}, C = {
+	display: { value: "'Playfair Display', serif" },
+	brand: { value: "Onest, sans-serif" },
+	heading: { value: "Onest, sans-serif" },
+	label: { value: "Onest, sans-serif" },
+	body: { value: "Inter, sans-serif" }
+}, w = {
+	"2xs": { value: "0.5rem" },
+	xs: { value: "0.625rem" },
+	sm: { value: "0.75rem" },
+	md: { value: "0.875rem" },
+	lg: { value: "1rem" },
+	xl: { value: "1.125rem" },
+	"2xl": { value: "1.25rem" },
+	"3xl": { value: "1.5rem" },
+	"3.5xl": { value: "1.75rem" },
+	"4xl": { value: "2.25rem" },
+	"5xl": { value: "3rem" },
+	"6xl": { value: "4.375rem" },
+	"7xl": { value: "5.25rem" },
+	"icon-xs": { value: "0.875rem" },
+	"icon-sm": { value: "1rem" },
+	"icon-md": { value: "1.25rem" },
+	"icon-lg": { value: "1.25rem" }
+}, T = {
+	regular: { value: 400 },
+	medium: { value: 500 },
+	semibold: { value: 600 },
+	bold: { value: 700 }
+}, E = {
+	0: "0rem",
+	25: "0.125rem",
+	50: "0.25rem",
+	100: "0.5rem",
+	150: "0.75rem",
+	200: "1rem",
+	250: "1.25rem",
+	300: "1.5rem",
+	400: "2rem",
+	500: "2.5rem",
+	600: "3rem",
+	700: "3.5rem",
+	800: "4rem",
+	900: "4.5rem",
+	1e3: "5rem",
+	1200: "6rem",
+	1600: "8rem",
+	2e3: "10rem",
+	3e3: "15rem",
+	4e3: "20rem"
+}, D = {
+	"window-tab-gap": { value: "0.4375rem" },
+	"window-controls-mac": { value: "5.625rem" },
+	none: { value: "0" },
+	"3xs": { value: E[25] },
+	"2xs": { value: E[50] },
+	xs: { value: E[100] },
+	compact: { value: "0.625rem" },
+	sm: { value: E[150] },
+	comfortable: { value: "0.875rem" },
+	md: { value: E[200] },
+	lg: { value: E[300] },
+	xl: { value: E[400] },
+	"2xl": { value: E[500] },
+	"3xl": { value: E[600] },
+	"3.5xl": { value: E[700] },
+	"4xl": { value: E[800] },
+	"4.5xl": { value: E[900] },
+	"5xl": { value: E[1600] },
+	"panel-gap": { value: E[50] }
+}, O = {
+	"folder-picker-width": { value: "36.5rem" },
+	"folder-picker-height": { value: "31rem" },
+	"folder-picker-header": { value: "3.25rem" },
+	"panel-gap": { value: E[50] },
+	"window-title-bar": { value: "2.75rem" },
+	"window-tab": { value: "1.75rem" },
+	"window-tab-close": { value: "0.8125rem" },
+	"window-tab-max": { value: "15rem" },
+	"mobile-titlebar": { value: "3.25rem" },
+	"collection-row": { value: "2.125rem" },
+	"filter-pill": { value: E[300] },
+	"icon-2xs": { value: E[150] },
+	"icon-xs": { value: "0.875rem" },
+	"icon-sm": { value: E[200] },
+	"icon-md": { value: E[250] },
+	"tag-color-dot": { value: E[250] },
+	"tag-icon-cell": { value: "1.75rem" },
+	"tag-picker": { value: "16.75rem" },
+	"tag-picker-color-only": { value: "13.75rem" },
+	"tag-swatch": { value: "1.625rem" },
+	"tag-swatch-dot": { value: "0.625rem" },
+	"tag-editor-row": { value: E[500] },
+	"tag-editor-add-row": { value: "2.25rem" },
+	"tag-editor-lead": { value: E[600] },
+	"tag-editor-commands": { value: "11.875rem" },
+	"tag-editor-trailing": { value: "1.625rem" },
+	"segmented-control-sm": { value: "1.75rem" },
+	"segmented-control-xs": { value: E[300] },
+	"segmented-control-item-sm": { value: E[300] },
+	"segmented-control-item-xs": { value: E[250] },
+	"tag-action-menu": { value: E[2e3] },
+	"view-bar": { value: E[500] },
+	"view-subheader": { value: "2.25rem" }
+}, k = { selection: { value: "0.09375rem" } }, A = {
+	none: { value: "0" },
+	"2xs": { value: E[25] },
+	xs: { value: E[50] },
+	compact: { value: "0.375rem" },
+	sm: { value: E[100] },
+	md: { value: E[150] },
+	lg: { value: E[200] },
+	xl: { value: E[400] },
+	full: { value: "100%" }
+}, j = a({
+	slots: s.keys(),
+	base: {
+		root: {
+			px: "xs",
+			py: "2xs",
+			gap: "2xs",
+			borderRadius: "xs",
+			alignItems: "flex-start",
+			minH: "auto"
+		},
+		indicator: { mt: "0.0625rem" },
+		content: { gap: "0" },
+		title: { textStyle: "label/S/medium" },
+		description: { textStyle: "paragraph/S/regular" }
+	},
+	compoundVariants: [
+		{
+			status: "info",
+			variant: "subtle",
+			css: {
+				root: {
+					bg: "bg.info",
+					color: "fg.info"
+				},
+				indicator: { color: "fg.info" }
+			}
+		},
+		{
+			status: "success",
+			variant: "subtle",
+			css: {
+				root: {
+					bg: "bg.success",
+					color: "fg.success"
+				},
+				indicator: { color: "fg.success" }
+			}
+		},
+		{
+			status: "warning",
+			variant: "subtle",
+			css: {
+				root: {
+					bg: "bg.warning",
+					color: "fg.warning"
+				},
+				indicator: { color: "fg.warning" }
+			}
+		},
+		{
+			status: "error",
+			variant: "subtle",
+			css: {
+				root: {
+					bg: "bg.error",
+					color: "fg.error"
+				},
+				indicator: { color: "fg.error" }
+			}
+		}
+	]
+}), M = i({
+	className: "chakra-badge",
+	base: {
+		display: "inline-flex",
+		alignItems: "center",
+		borderRadius: "9999px",
+		gap: "1",
+		fontWeight: "medium",
+		fontVariantNumeric: "tabular-nums",
+		whiteSpace: "nowrap",
+		userSelect: "none"
+	},
+	variants: {
+		variant: {
+			solid: {
+				bg: "colorPalette.solid",
+				color: "colorPalette.contrast"
+			},
+			subtle: {
+				bg: "colorPalette.subtle",
+				color: "colorPalette.fg"
+			},
+			number: {
+				bg: "colorPalette.subtle",
+				color: "colorPalette.fg",
+				borderRadius: "2xs",
+				justifyContent: "center"
+			},
+			chip: {
+				bg: "bg.subtle",
+				color: "fg.muted",
+				borderWidth: "1px",
+				borderColor: "border",
+				borderRadius: "xs",
+				fontWeight: "normal"
+			},
+			outline: {
+				color: "colorPalette.fg",
+				"--outline-shadow-legacy": "colors.colorPalette.muted",
+				"--outline-shadow": "colors.colorPalette.border",
+				shadow: "inset 0 0 0px 1px var(--shadow-color)",
+				shadowColor: "var(--outline-shadow, var(--outline-shadow-legacy))"
+			},
+			plain: { color: "colorPalette.fg" }
+		},
+		size: {
+			xs: {
+				textStyle: "2xs",
+				px: "1",
+				minH: "4"
+			},
+			sm: {
+				textStyle: "xs",
+				px: "1.5",
+				minH: "5"
+			},
+			md: {
+				textStyle: "sm",
+				px: "2",
+				minH: "6"
+			},
+			lg: {
+				textStyle: "sm",
+				px: "2.5",
+				minH: "7"
+			}
+		}
+	},
+	defaultVariants: {
+		variant: "subtle",
+		size: "sm"
+	}
+}), N = i({
+	base: {
+		borderRadius: "xs",
+		transition: "all 0.1s ease-in-out",
+		fontFamily: "label",
+		fontWeight: "500",
+		color: "fg",
+		bg: "bg",
+		borderColor: "border",
+		_disabled: {
+			opacity: 1,
+			color: "fg.subtle",
+			bg: "bg.muted",
+			_hover: { bg: "bg.muted" }
+		},
+		_loading: {
+			opacity: 1,
+			color: "fg.subtle",
+			bg: "bg.muted",
+			_hover: { bg: "bg.muted" }
+		}
+	},
+	variants: {
+		variant: {
+			"display-primary": {
+				bg: "blacks.900",
+				color: "fg.inverted",
+				outline: "none",
+				border: "none",
+				_hover: { bg: "blacks.800" }
+			},
+			"display-outline": {
+				bg: "transparent",
+				color: "fg",
+				border: "2px solid {fg}",
+				_hover: { bg: "bg.hover" },
+				_active: { bg: "bg.active" }
+			},
+			"display-ghost": {
+				bg: "transparent",
+				color: "fg",
+				_hover: { bg: "bg.hover" },
+				_active: { bg: "bg.active" }
+			},
+			"display-link": {
+				bg: "transparent",
+				color: "fg",
+				border: "none",
+				_hover: { textDecoration: "underline" },
+				_active: { textDecoration: "underline" }
+			},
+			primary: {
+				color: "fg.button.primary.default",
+				bg: "bg.button.primary.default",
+				border: "none",
+				_hover: { bg: "bg.button.primary.hover" },
+				_active: { bg: "bg.button.primary.pressed" }
+			},
+			destructive: {
+				color: "blacks.50",
+				bg: "red.600",
+				border: "none",
+				_hover: { "&:not(:active, [data-active])": { bg: "red.700" } },
+				_active: { bg: "red.800" }
+			},
+			outline: {
+				color: "fg",
+				bg: "bg",
+				border: "border",
+				_hover: { bg: "bg.hover" },
+				_active: { bg: "bg.active" },
+				_expanded: { bg: "bg.active" },
+				_disabled: {
+					opacity: 1,
+					color: "fg.subtle",
+					borderColor: "border"
+				}
+			},
+			ghost: {
+				color: "fg",
+				bg: "transparent",
+				border: "none",
+				_hover: { bg: "bg.hover" },
+				_active: { bg: "bg.active" },
+				_expanded: { bg: "bg.active" },
+				"&[aria-pressed=true]": {
+					bg: "bg.active",
+					_hover: { bg: "bg.active" }
+				},
+				_disabled: {
+					bg: "transparent",
+					_hover: { bg: "transparent" }
+				}
+			},
+			"ghost-static": {
+				color: "fg",
+				bg: "transparent",
+				border: "none",
+				_hover: { bg: "transparent" },
+				_active: { bg: "transparent" }
+			},
+			subtle: {
+				color: "fg",
+				bg: "bg.muted",
+				border: "1px solid {border}",
+				_hover: { bg: "bg.hover" },
+				_active: { bg: "bg.active" },
+				_expanded: { bg: "bg.active" },
+				_disabled: {
+					opacity: 1,
+					color: "fg.subtle",
+					bg: "bg.muted",
+					borderColor: "border",
+					_hover: { bg: "bg.muted" }
+				}
+			}
+		},
+		size: {
+			"2xs": {
+				px: "0.375rem",
+				h: "1.5rem",
+				minW: "1.5rem",
+				textStyle: "label/XS",
+				_icon: {
+					width: "0.75rem",
+					height: "0.75rem"
+				}
+			},
+			xs: {
+				px: "0.5rem",
+				h: "1.75rem",
+				minW: "1.75rem",
+				textStyle: "label/XS",
+				_icon: {
+					width: "0.875rem",
+					height: "0.875rem"
+				}
+			},
+			"2xl": {
+				px: "1.5rem",
+				h: "3.5rem",
+				textStyle: "label/L/medium"
+			},
+			lg: {
+				px: "1rem",
+				h: "3rem",
+				textStyle: "label/M/medium"
+			},
+			md: { textStyle: "label/M/medium" },
+			sm: {
+				px: "0.5rem",
+				h: "2rem",
+				textStyle: "label/S/medium"
+			}
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "outline"
+	}
+}), P = "border.accent-light", F = a({
+	slots: c.keys(),
+	base: {
+		control: {
+			display: "flex",
+			alignItems: "center",
+			width: "full",
+			minW: "0",
+			h: "2rem",
+			bg: "bg",
+			color: "fg",
+			border: "1px solid",
+			borderColor: "border",
+			borderRadius: "xs",
+			overflow: "hidden",
+			transition: "border-color 0.2s ease-in-out",
+			outline: "none",
+			boxShadow: "none",
+			_hover: { borderColor: P },
+			_active: { borderColor: P },
+			_focusWithin: {
+				borderColor: P,
+				boxShadow: "none"
+			},
+			"&:is(:hover, [data-hover])": { borderColor: P },
+			"&:is(:active, [data-active])": { borderColor: P },
+			"& [data-scope=color-picker][data-part=trigger]": {
+				border: "0",
+				borderInlineStartWidth: "0",
+				boxShadow: "none"
+			}
+		},
+		channelInput: {
+			h: "full",
+			minW: "0",
+			flex: "1",
+			px: "sm",
+			bg: "transparent",
+			color: "fg",
+			border: "0",
+			borderInlineEndWidth: "0",
+			borderRadius: "0",
+			outline: "none",
+			boxShadow: "none",
+			textStyle: "label/S/regular",
+			_focusVisible: {
+				outline: "none",
+				boxShadow: "none"
+			}
+		},
+		trigger: {
+			h: "full",
+			minH: "0",
+			maxH: "full",
+			minW: "2rem",
+			alignSelf: "stretch",
+			px: "xs",
+			bg: "transparent",
+			color: "fg",
+			border: "0",
+			borderInlineStartWidth: "0",
+			borderRadius: "0",
+			outline: "none",
+			boxShadow: "none",
+			_hover: { bg: "bg.hover" },
+			_focusVisible: {
+				outline: "none",
+				boxShadow: "none"
+			}
+		},
+		content: {
+			p: "sm",
+			bg: "bg",
+			color: "fg",
+			borderWidth: "0",
+			borderRadius: "xs"
+		},
+		swatch: {
+			borderRadius: "2xs",
+			borderWidth: "0"
+		},
+		swatchTrigger: {
+			borderRadius: "2xs",
+			_focusVisible: {
+				outline: "1px solid",
+				outlineColor: P
+			}
+		}
+	},
+	variants: { size: {
+		xs: {
+			control: { h: "1.75rem" },
+			channelInput: {
+				px: "xs",
+				textStyle: "label/XS"
+			},
+			trigger: {
+				minW: "1.75rem",
+				px: "2xs"
+			}
+		},
+		sm: {}
+	} },
+	defaultVariants: { size: "sm" }
+}), I = a({
+	slots: ee.keys(),
+	base: {
+		title: { textStyle: "heading/dialog" },
+		content: {
+			bg: "bg",
+			borderRadius: "xs",
+			borderWidth: "1px",
+			borderColor: "border.subtle",
+			overflow: "hidden"
+		}
+	}
+}), L = i({ base: { borderColor: "border.subtle" } }), R = a({
+	slots: te.keys(),
+	base: {
+		header: {
+			fontWeight: "medium",
+			textStyle: "label/M/medium",
+			p: "xs"
+		},
+		content: { bg: "bg" }
+	}
+}), z = a({
+	slots: [
+		"preview",
+		"input",
+		"textarea"
+	],
+	base: {
+		preview: {
+			textStyle: "label/L/medium",
+			borderRadius: "2xs",
+			focusRingColor: "border",
+			py: "0",
+			lineHeight: "1.5rem",
+			transitionProperty: "common",
+			transitionDuration: "normal",
+			_hover: { bg: "bg.hover" }
+		},
+		input: {
+			textStyle: "label/L/medium",
+			borderRadius: "2xs",
+			focusRingColor: "border",
+			py: "0",
+			lineHeight: "1.5rem",
+			transitionProperty: "common",
+			transitionDuration: "normal",
+			bg: "bg",
+			width: "auto",
+			_focusVisible: {
+				outline: "2px solid",
+				outlineColor: "border",
+				outlineOffset: "2px"
+			},
+			_placeholder: { color: "fg.muted" }
+		},
+		textarea: {
+			textStyle: "label/L/medium",
+			borderRadius: "2xs",
+			focusRingColor: "border",
+			py: "0",
+			transitionProperty: "common",
+			transitionDuration: "normal",
+			bg: "bg.muted",
+			width: "auto",
+			_focusVisible: {
+				outline: "2px solid",
+				outlineColor: "border",
+				outlineOffset: "2px"
+			},
+			_placeholder: { color: "fg.muted" }
+		}
+	},
+	variants: { size: {
+		sm: {
+			preview: {
+				textStyle: "label/S/medium",
+				lineHeight: "1.25rem"
+			},
+			input: {
+				textStyle: "label/S/medium",
+				lineHeight: "1.25rem"
+			},
+			textarea: {
+				textStyle: "label/S/medium",
+				lineHeight: "1.25rem"
+			}
+		},
+		md: {
+			preview: {
+				textStyle: "label/M/medium",
+				lineHeight: "1.375rem"
+			},
+			input: {
+				textStyle: "label/M/medium",
+				lineHeight: "1.375rem"
+			},
+			textarea: {
+				textStyle: "label/M/medium",
+				lineHeight: "1.375rem"
+			}
+		},
+		lg: {
+			preview: {
+				textStyle: "label/L/medium",
+				lineHeight: "1.5rem"
+			},
+			input: {
+				textStyle: "label/L/medium",
+				lineHeight: "1.5rem"
+			},
+			textarea: {
+				textStyle: "label/L/medium",
+				lineHeight: "1.5rem"
+			}
+		}
+	} }
+}), B = a({
+	slots: [
+		"content",
+		"header",
+		"body",
+		"navigation",
+		"navigationButton",
+		"path",
+		"filter",
+		"creation",
+		"list",
+		"rows",
+		"footer"
+	],
+	base: {
+		content: {
+			width: "folder-picker-width",
+			height: "folder-picker-height",
+			maxWidth: "calc(100vw - {spacing.xl})",
+			maxHeight: "calc(100dvh - {spacing.xl})"
+		},
+		header: {
+			display: "flex",
+			height: "folder-picker-header",
+			flex: "0 0 auto",
+			px: "md",
+			py: "none",
+			alignItems: "center"
+		},
+		body: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "sm",
+			p: "md",
+			minHeight: 0
+		},
+		navigation: {
+			display: "flex",
+			gap: "xs",
+			flexShrink: 0,
+			alignItems: "center"
+		},
+		navigationButton: {
+			width: "8",
+			minWidth: "8",
+			px: "none"
+		},
+		path: {
+			flex: 1,
+			minWidth: 0,
+			px: "2xs",
+			textStyle: "label/S/medium"
+		},
+		filter: {
+			width: "full",
+			flexShrink: 0,
+			"& svg": { boxSize: "icon-sm" }
+		},
+		creation: {
+			display: "flex",
+			gap: "sm",
+			flexShrink: 0
+		},
+		list: {
+			flex: 1,
+			minHeight: 0
+		},
+		rows: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "2xs"
+		},
+		footer: {
+			height: "14",
+			flexShrink: 0,
+			px: "md",
+			py: "none",
+			gap: "xs"
+		}
+	}
+}), V = a({
+	slots: ne.keys(),
+	base: { legend: { mb: "2xs" } }
+}), H = "border.accent-light", U = i({
+	base: {
+		px: "sm",
+		borderRadius: "xs",
+		transition: "border-color 0.2s ease-in-out",
+		bg: "bg",
+		color: "fg",
+		border: "1px solid",
+		borderColor: "border",
+		outline: "none",
+		boxShadow: "none",
+		"--focus-color": "var(--chakra-colors-border-accent-light)",
+		"--focus-ring-style": "none",
+		_hover: { borderColor: H },
+		_active: { borderColor: H },
+		_focus: {
+			borderColor: H,
+			outline: "none",
+			boxShadow: "none"
+		},
+		_focusVisible: {
+			borderColor: H,
+			outline: "none",
+			boxShadow: "none"
+		},
+		_placeholder: { color: "fg.subtle" },
+		"&:is(:hover, [data-hover])": { borderColor: H },
+		"&:is(:active, [data-active])": { borderColor: H }
+	},
+	variants: {
+		variant: {
+			outline: {
+				bg: "bg",
+				border: "1px solid",
+				borderColor: "border",
+				outline: "none",
+				boxShadow: "none",
+				"--focus-color": "var(--chakra-colors-border-accent-light)",
+				"--focus-ring-style": "none",
+				_hover: { borderColor: H },
+				_active: { borderColor: H },
+				_focus: {
+					borderColor: H,
+					outline: "none",
+					boxShadow: "none"
+				},
+				_focusVisible: {
+					borderColor: H,
+					outline: "none",
+					boxShadow: "none"
+				},
+				"&:is(:hover, [data-hover])": { borderColor: H },
+				"&:is(:active, [data-active])": { borderColor: H }
+			},
+			borderless: {
+				bg: "transparent",
+				border: "0",
+				borderColor: "transparent",
+				borderRadius: "0",
+				boxShadow: "none",
+				transition: "none",
+				_hover: {
+					bg: "transparent",
+					borderColor: "transparent"
+				},
+				_active: {
+					bg: "transparent",
+					borderColor: "transparent"
+				},
+				_focus: {
+					borderColor: "transparent",
+					outline: "none",
+					boxShadow: "none"
+				},
+				_focusVisible: {
+					borderColor: "transparent",
+					outline: "none",
+					boxShadow: "none"
+				},
+				"&:is(:hover, [data-hover])": { borderColor: "transparent" },
+				"&:is(:active, [data-active])": { borderColor: "transparent" }
+			}
+		},
+		size: {
+			"2xs": {
+				h: "1.5rem",
+				px: "2xs",
+				textStyle: "label/XS"
+			},
+			xs: {
+				h: "1.75rem",
+				px: "xs",
+				textStyle: "label/XS"
+			},
+			sm: {
+				h: "2rem",
+				px: "sm",
+				textStyle: "label/S/regular"
+			},
+			md: {
+				h: "2.5rem",
+				px: "sm",
+				textStyle: "label/M/regular"
+			},
+			lg: {
+				h: "3rem",
+				px: "md",
+				textStyle: "label/M/regular"
+			}
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "outline"
+	}
+}), W = i({
+	base: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexShrink: "0",
+		minW: "1.25rem",
+		px: "1",
+		borderRadius: "0",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		fontFamily: "mono",
+		fontWeight: "medium",
+		lineHeight: "1",
+		userSelect: "none",
+		whiteSpace: "nowrap",
+		wordSpacing: "normal"
+	},
+	variants: {
+		variant: {
+			raised: {
+				color: "fg.muted",
+				bg: "bg.subtle",
+				borderColor: "border",
+				borderBottomWidth: "2px"
+			},
+			outline: {
+				color: "fg.muted",
+				bg: "transparent",
+				borderColor: "border"
+			},
+			subtle: {
+				color: "fg",
+				bg: "bg.muted",
+				borderColor: "border.subtle"
+			},
+			plain: {
+				color: "fg.muted",
+				bg: "transparent",
+				borderColor: "transparent",
+				minW: "auto",
+				px: "0"
+			}
+		},
+		size: {
+			sm: {
+				height: "1rem",
+				textStyle: "label/XS/medium"
+			},
+			md: {
+				height: "1.25rem",
+				textStyle: "label/XS/medium"
+			},
+			lg: {
+				height: "1.5rem",
+				textStyle: "label/S/medium"
+			}
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "raised"
+	}
+}), oe = a({
+	slots: l.keys(),
+	base: {
+		itemGroupLabel: {
+			ml: "{2xs}",
+			textStyle: "label/S/regular",
+			fontWeight: "normal",
+			color: "fg.muted"
+		},
+		item: {
+			width: "full",
+			minWidth: "0",
+			maxWidth: "full",
+			minH: "1.75rem",
+			h: "auto",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: "xs",
+			px: "sm",
+			py: "2xs",
+			borderRadius: "0",
+			bg: "transparent",
+			color: "fg.menu-item.default",
+			textStyle: "label/S/regular",
+			cursor: "pointer",
+			overflow: "hidden",
+			textAlign: "left",
+			textDecoration: "none",
+			_hover: { bg: "bg.menu-item.hover" },
+			_highlighted: { bg: "bg.menu-item.hover" },
+			_focusVisible: { bg: "bg.menu-item.focus" },
+			_checked: {
+				bg: "bg.menu-item.selected",
+				color: "fg"
+			},
+			_selected: {
+				bg: "bg.menu-item.selected",
+				color: "fg"
+			},
+			"&[aria-checked=true]": {
+				bg: "bg.menu-item.selected",
+				color: "fg"
+			},
+			_disabled: {
+				cursor: "not-allowed",
+				color: "fg.muted"
+			}
+		},
+		itemIndicator: {
+			color: "fg",
+			marginInlineStart: "auto",
+			order: 1,
+			flexShrink: 0
+		},
+		separator: {
+			my: "0",
+			borderColor: "border.subtle"
+		},
+		content: {
+			display: "flex",
+			flexDirection: "column",
+			width: "17.5rem",
+			minWidth: "17.5rem",
+			maxWidth: "17.5rem",
+			gap: "0",
+			borderRadius: "xs",
+			p: "0",
+			px: "0",
+			py: "0",
+			bg: "bg",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "border",
+			textStyle: "label/M/regular"
+		}
+	}
+}), G = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", q = a({
+	slots: u.keys(),
+	base: {
+		root: {
+			position: "relative",
+			zIndex: "0",
+			isolation: "isolate",
+			boxShadow: "none",
+			"--number-input-border-color": G,
+			"&:is(:hover, [data-hover])": { "--number-input-border-color": K },
+			"&:is(:active, [data-active])": { "--number-input-border-color": K },
+			"&:focus-within": { "--number-input-border-color": K }
+		},
+		input: {
+			px: "sm",
+			pe: "calc(var(--stepper-width) + 0.5rem)",
+			borderRadius: "xs",
+			transition: "border-color 0.2s ease-in-out",
+			bg: "bg",
+			color: "fg",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--number-input-border-color)",
+			outline: "none",
+			boxShadow: "none",
+			"--focus-ring-color": "var(--number-input-border-color)",
+			"--focus-ring-style": "none",
+			_hover: { borderColor: "var(--number-input-border-color)" },
+			_active: { borderColor: "var(--number-input-border-color)" },
+			_focus: {
+				borderColor: "var(--number-input-border-color)",
+				outline: "none",
+				boxShadow: "none"
+			},
+			_focusVisible: {
+				borderColor: "var(--number-input-border-color)",
+				outline: "none",
+				boxShadow: "none"
+			},
+			_placeholder: { color: "fg.subtle" },
+			"&:is(:hover, [data-hover])": { borderColor: "var(--number-input-border-color)" },
+			"&:is(:active, [data-active])": { borderColor: "var(--number-input-border-color)" },
+			"&:not([data-invalid], [aria-invalid='true'], [data-state='invalid'])": { borderColor: "var(--number-input-border-color)" }
+		},
+		control: {
+			display: "flex",
+			flexDirection: "column",
+			position: "absolute",
+			top: "0",
+			insetEnd: "0",
+			margin: "1px",
+			width: "var(--stepper-width)",
+			height: "calc(100% - 2px)",
+			zIndex: "1",
+			borderStartWidth: "1px",
+			borderStartColor: "var(--number-input-border-color)",
+			borderColor: "var(--number-input-border-color)",
+			divideY: "1px",
+			overflow: "hidden",
+			boxShadow: "none",
+			"& > :not(style, [hidden]) ~ :not(style, [hidden])": { borderColor: "var(--number-input-border-color)" }
+		},
+		incrementTrigger: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flex: "1",
+			minH: "0",
+			lineHeight: "1",
+			borderTopEndRadius: "xs",
+			color: "fg.muted",
+			_hover: {
+				bg: "bg.hover",
+				color: "fg"
+			}
+		},
+		decrementTrigger: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flex: "1",
+			minH: "0",
+			lineHeight: "1",
+			borderBottomEndRadius: "xs",
+			color: "fg.muted",
+			_hover: {
+				bg: "bg.hover",
+				color: "fg"
+			}
+		}
+	},
+	variants: {
+		variant: { outline: { input: {
+			bg: "bg",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--number-input-border-color)",
+			outline: "none",
+			boxShadow: "none",
+			"--focus-ring-color": "var(--number-input-border-color)",
+			"--focus-ring-style": "none",
+			_hover: { borderColor: "var(--number-input-border-color)" },
+			_active: { borderColor: "var(--number-input-border-color)" },
+			_focus: {
+				borderColor: "var(--number-input-border-color)",
+				outline: "none",
+				boxShadow: "none"
+			},
+			_focusVisible: {
+				borderColor: "var(--number-input-border-color)",
+				outline: "none",
+				boxShadow: "none"
+			},
+			"&:is(:hover, [data-hover])": { borderColor: "var(--number-input-border-color)" },
+			"&:is(:active, [data-active])": { borderColor: "var(--number-input-border-color)" },
+			"&:not([data-invalid], [aria-invalid='true'], [data-state='invalid'])": { borderColor: "var(--number-input-border-color)" }
+		} } },
+		size: {
+			"2xs": {
+				input: {
+					h: "1.5rem",
+					px: "2xs",
+					textStyle: "label/XS"
+				},
+				control: {
+					"--stepper-width": "1.25rem",
+					fontSize: "0.625rem"
+				}
+			},
+			xs: {
+				input: {
+					h: "1.75rem",
+					px: "xs",
+					textStyle: "label/XS"
+				},
+				control: {
+					"--stepper-width": "1.5rem",
+					fontSize: "0.75rem"
+				}
+			},
+			sm: {
+				input: {
+					h: "2rem",
+					px: "sm",
+					textStyle: "label/S/regular"
+				},
+				control: {
+					"--stepper-width": "1.75rem",
+					fontSize: "0.75rem"
+				}
+			},
+			md: {
+				input: {
+					h: "2.5rem",
+					px: "sm",
+					textStyle: "label/M/regular"
+				},
+				control: {
+					"--stepper-width": "2rem",
+					fontSize: "0.875rem"
+				}
+			},
+			lg: {
+				input: {
+					h: "3rem",
+					px: "md",
+					textStyle: "label/M/regular"
+				},
+				control: {
+					"--stepper-width": "2.25rem",
+					fontSize: "0.875rem"
+				}
+			}
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "outline"
+	}
+}), se = a({
+	slots: d.keys(),
+	base: {
+		positioner: { _focus: { outline: "none" } },
+		closeTrigger: {
+			textStyle: "label/M/medium",
+			color: "fg"
+		},
+		arrow: {
+			bg: "background-primary !important",
+			borderColor: "button-secondary-stroke"
+		},
+		content: {
+			gap: "8px",
+			py: "xs",
+			borderRadius: "xs",
+			bg: "bg",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "border",
+			_focus: { outline: "none" }
+		},
+		title: {
+			borderBottom: "none",
+			textStyle: "label/M/medium",
+			bg: "bg"
+		},
+		body: { textStyle: "primary" },
+		footer: {}
+	},
+	variants: {
+		variant: { responsive: { content: { width: "unset" } } },
+		size: { "2xl": { content: { width: "2xl" } } }
+	}
+}), ce = m.variants?.size ?? {}, le = {
+	...m,
+	variants: {
+		...m.variants,
+		size: {
+			...ce,
+			"2xs": {
+				circle: {
+					"--size": "14px",
+					"--thickness": "2px"
+				},
+				valueText: { textStyle: "2xs" }
+			}
+		}
+	}
+}, J = {
+	root: {
+		flexDirection: "column",
+		height: "auto",
+		overflow: "visible",
+		gap: "panel-gap"
+	},
+	resizablePanel: {
+		display: "flex",
+		width: "full",
+		height: "auto",
+		flex: "initial",
+		overflow: "visible"
+	},
+	contentPanel: {
+		height: "auto",
+		flex: "initial",
+		overflow: "visible"
+	},
+	separator: { display: "none" }
+}, ue = a({
+	slots: [
+		"root",
+		"resizablePanel",
+		"contentPanel",
+		"separator"
+	],
+	base: {
+		root: {
+			display: "flex",
+			width: "full",
+			minWidth: 0,
+			minHeight: 0
+		},
+		resizablePanel: {
+			minWidth: 0,
+			minHeight: 0,
+			"&[data-collapsed=true]": { display: "none" }
+		},
+		contentPanel: {
+			display: "flex",
+			minWidth: 0,
+			minHeight: 0
+		},
+		separator: { "&[data-collapsed=true]": { display: "none" } }
+	},
+	variants: {
+		orientation: {
+			horizontal: { root: {
+				"--split-direction": "row",
+				"--split-width": "var(--split-size)",
+				"--split-height": "100%"
+			} },
+			vertical: { root: {
+				"--split-direction": "column",
+				"--split-width": "100%",
+				"--split-height": "var(--split-size)"
+			} }
+		},
+		layout: {
+			split: {
+				root: {
+					flexDirection: "var(--split-direction)",
+					height: "full",
+					overflow: "hidden",
+					gap: "0"
+				},
+				resizablePanel: {
+					display: "flex",
+					width: "var(--split-width)",
+					height: "var(--split-height)",
+					flex: "0 0 var(--split-size)",
+					overflow: "hidden"
+				},
+				contentPanel: {
+					height: "full",
+					flex: "1",
+					overflow: "hidden"
+				},
+				separator: { display: "flex" }
+			},
+			stacked: J,
+			"stacked-reverse": {
+				...J,
+				root: {
+					...J.root,
+					flexDirection: "column-reverse"
+				}
+			},
+			content: {
+				root: {
+					height: "full",
+					overflow: "hidden"
+				},
+				resizablePanel: { display: "none" },
+				contentPanel: {
+					height: "full",
+					flex: "1",
+					overflow: "hidden"
+				},
+				separator: { display: "none" }
+			}
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		layout: "split"
+	}
+}), de = i({ base: {
+	"--start-color": "fg",
+	"--end-color": "fg.muted"
+} }), fe = a({
+	slots: f.keys(),
+	base: {
+		control: {
+			alignItems: "center",
+			bg: "bg.muted",
+			borderWidth: "1px",
+			borderColor: "border",
+			borderRadius: "md",
+			color: "fg",
+			boxShadow: "none",
+			transition: "border-color 0.2s ease-in-out, background-color 0.2s ease-in-out",
+			_hover: { borderColor: "border.accent-light" },
+			_active: { borderColor: "border.accent-light" },
+			_focusVisible: {
+				borderColor: "border.accent-light",
+				outline: "none",
+				boxShadow: "none"
+			},
+			_checked: {
+				bg: "bg.inverted",
+				borderColor: "bg.inverted",
+				_hover: { borderColor: "bg.inverted" },
+				_active: { borderColor: "bg.inverted" }
+			}
+		},
+		thumb: {
+			bg: "bg",
+			borderColor: "border",
+			borderRadius: "full",
+			_checked: { bg: "fg.inverted" }
+		}
+	},
+	variants: { variant: { solid: {
+		control: {
+			borderRadius: "md",
+			_checked: {
+				bg: "bg.inverted",
+				borderColor: "bg.inverted"
+			}
+		},
+		thumb: { _checked: { bg: "fg.inverted" } }
+	} } }
+}), pe = a({
+	slots: p.keys(),
+	base: {
+		root: { "--tabs-trigger-radius": "radii.xs" },
+		list: {
+			gap: "2xs",
+			alignItems: "center",
+			justifyContent: "flex-start",
+			borderBottom: "0",
+			_horizontal: { _before: { borderBottomWidth: "0" } }
+		},
+		trigger: {
+			minW: "0",
+			flexShrink: "0",
+			py: "0",
+			borderRadius: "xs",
+			borderWidth: "1px",
+			borderColor: "border",
+			color: "fg.muted",
+			bg: "transparent",
+			_selected: {
+				color: "fg",
+				bg: "bg.muted",
+				borderColor: "border"
+			},
+			_hover: {
+				bg: "bg.hover",
+				borderColor: "border",
+				color: "fg"
+			},
+			_disabled: {
+				color: "fg.subtle",
+				borderColor: "border",
+				bg: "transparent",
+				_hover: {
+					color: "fg.subtle",
+					borderColor: "border",
+					bg: "transparent"
+				}
+			}
+		}
+	},
+	variants: {
+		size: {
+			xs: { trigger: {
+				h: "1.25rem",
+				px: "xs",
+				gap: "2xs",
+				textStyle: "label/XS/medium",
+				_icon: {
+					width: "0.75rem",
+					height: "0.75rem"
+				}
+			} },
+			sm: { trigger: {
+				h: "1.5rem",
+				px: "xs",
+				gap: "2xs",
+				textStyle: "label/XS/medium",
+				_icon: {
+					width: "0.875rem",
+					height: "0.875rem"
+				}
+			} },
+			md: { trigger: {
+				h: "1.75rem",
+				px: "0.5rem",
+				gap: "xs",
+				textStyle: "label/S/medium",
+				_icon: {
+					width: "0.875rem",
+					height: "0.875rem"
+				}
+			} }
+		},
+		tray: { true: { list: {
+			width: "100%",
+			paddingX: "lg",
+			paddingBottom: "xs",
+			borderBottom: "1px solid",
+			borderBottomColor: "border.subtle"
+		} } },
+		variant: { subtle: { trigger: {
+			borderRadius: "var(--tabs-trigger-radius)",
+			color: "fg.muted",
+			bg: "transparent",
+			_selected: {
+				color: "fg",
+				bg: "bg.muted",
+				borderColor: "border"
+			},
+			_hover: {
+				bg: "bg.hover",
+				borderColor: "border",
+				color: "fg"
+			},
+			_disabled: {
+				bg: "transparent",
+				color: "fg.subtle",
+				borderColor: "border",
+				_hover: {
+					bg: "transparent",
+					color: "fg.subtle",
+					borderColor: "border"
+				}
+			}
+		} } }
+	},
+	defaultVariants: {
+		size: "xs",
+		variant: "subtle"
+	}
+}), Y = "border.accent-light", me = i({
+	base: {
+		paddingX: "sm",
+		paddingY: "xs",
+		opacity: "1",
+		outline: "none",
+		boxShadow: "none",
+		color: "fg",
+		border: "1px solid",
+		borderRadius: "xs",
+		transition: "border-color 0.2s ease-in-out",
+		borderColor: "border",
+		"--focus-color": "var(--chakra-colors-border-accent-light)",
+		"--focus-ring-style": "none",
+		_hover: { borderColor: Y },
+		_active: { borderColor: Y },
+		_focus: {
+			borderColor: Y,
+			outline: "none",
+			boxShadow: "none"
+		},
+		_focusVisible: {
+			borderColor: Y,
+			outline: "none",
+			boxShadow: "none"
+		},
+		_placeholder: { color: "fg.subtle" },
+		"&:is(:hover, [data-hover])": { borderColor: Y },
+		"&:is(:active, [data-active])": { borderColor: Y }
+	},
+	variants: {
+		variant: { outline: {
+			bg: "bg",
+			border: "1px solid",
+			borderColor: "border",
+			outline: "none",
+			boxShadow: "none",
+			"--focus-color": "var(--chakra-colors-border-accent-light)",
+			"--focus-ring-style": "none",
+			_hover: { borderColor: Y },
+			_active: { borderColor: Y },
+			_focus: {
+				borderColor: Y,
+				outline: "none",
+				boxShadow: "none"
+			},
+			_focusVisible: {
+				borderColor: Y,
+				outline: "none",
+				boxShadow: "none"
+			},
+			"&:is(:hover, [data-hover])": { borderColor: Y },
+			"&:is(:active, [data-active])": { borderColor: Y }
+		} },
+		size: {
+			"2xs": {
+				paddingX: "2xs",
+				paddingY: "2xs",
+				textStyle: "label/XS"
+			},
+			xs: {
+				paddingX: "xs",
+				paddingY: "2xs",
+				textStyle: "label/XS"
+			},
+			sm: {
+				paddingX: "sm",
+				paddingY: "xs",
+				textStyle: "label/S/regular"
+			},
+			md: {
+				paddingX: "sm",
+				paddingY: "xs",
+				textStyle: "label/M/regular"
+			},
+			lg: {
+				paddingX: "md",
+				paddingY: "sm",
+				textStyle: "label/M/regular"
+			}
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "outline"
+	}
+}), he = a({
+	slots: re.keys(),
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			width: "full",
+			"--timeline-thickness": "1px",
+			"--timeline-gutter": "4px"
+		},
+		item: {
+			"--timeline-content-gap": "spacing.6",
+			display: "flex",
+			position: "relative",
+			alignItems: "flex-start",
+			flexShrink: 0,
+			gap: "4",
+			_last: { "--timeline-content-gap": "0" }
+		},
+		separator: {
+			display: "var(--timeline-separator-display)",
+			position: "absolute",
+			borderStartWidth: "var(--timeline-thickness)",
+			ms: "calc(-1 * var(--timeline-thickness) / 2)",
+			insetInlineStart: "calc(var(--timeline-indicator-size) / 2)",
+			insetBlock: "0",
+			borderColor: "border.subtle"
+		},
+		indicator: {
+			outline: "2px solid {colors.bg}",
+			position: "relative",
+			flexShrink: "0",
+			boxSize: "var(--timeline-indicator-size)",
+			fontSize: "var(--timeline-font-size)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			borderRadius: "full",
+			fontWeight: "medium",
+			bg: "bg",
+			color: "fg"
+		},
+		connector: {
+			alignSelf: "stretch",
+			position: "relative"
+		},
+		content: {
+			display: "flex",
+			flexDirection: "column",
+			width: "full",
+			gap: "0",
+			paddingBottom: "0"
+		},
+		title: {
+			display: "flex",
+			fontWeight: "medium",
+			flexWrap: "wrap",
+			gap: "1.5",
+			alignItems: "center",
+			mt: "var(--timeline-margin)"
+		},
+		description: {
+			color: "fg.muted",
+			textStyle: "xs"
+		}
+	},
+	variants: {
+		variant: {
+			tool: {
+				content: { minWidth: "0" },
+				title: {
+					flexWrap: "nowrap",
+					whiteSpace: "nowrap"
+				}
+			},
+			solid: {},
+			subtle: {},
+			outline: { indicator: {
+				borderWidth: "1px",
+				borderColor: "border.subtle"
+			} },
+			plain: { indicator: {
+				bg: "transparent",
+				color: "fg"
+			} }
+		},
+		showLastSeparator: {
+			true: { item: { _last: { "--timeline-separator-display": "initial" } } },
+			false: { item: { _last: { "--timeline-separator-display": "none" } } }
+		},
+		size: {
+			sm: {
+				root: {
+					"--timeline-indicator-size": "sizes.4",
+					"--timeline-font-size": "fontSizes.2xs"
+				},
+				title: { textStyle: "xs" }
+			},
+			md: {
+				root: {
+					"--timeline-indicator-size": "sizes.5",
+					"--timeline-font-size": "fontSizes.xs"
+				},
+				title: { textStyle: "sm" }
+			},
+			lg: {
+				root: {
+					"--timeline-indicator-size": "sizes.6",
+					"--timeline-font-size": "fontSizes.xs"
+				},
+				title: {
+					mt: "0.5",
+					textStyle: "sm"
+				}
+			},
+			xl: {
+				root: {
+					"--timeline-indicator-size": "sizes.8",
+					"--timeline-font-size": "fontSizes.sm"
+				},
+				title: {
+					mt: "1.5",
+					textStyle: "sm"
+				}
+			}
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "solid",
+		showLastSeparator: !1
+	}
+}), ge = a({
+	slots: ie.keys(),
+	base: { content: {
+		bg: "bg.inverted",
+		borderRadius: "xs",
+		color: "fg.inverted"
+	} }
+}), _e = /* @__PURE__ */ new Set([
+	"boxShadow",
+	"boxShadowColor",
+	"textShadow"
+]), X = /shadow/i, ve = (e) => {
+	if (!X.test(e)) return e;
+	let t = e.split(",").map((e) => e.trim()).filter((e) => !X.test(e));
+	if (t.length !== 0) return t.join(", ");
+}, Z = (e) => Array.isArray(e) ? e.map(Z).filter((e) => e !== void 0) : typeof e == "string" ? ve(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
+	if (_e.has(e) || X.test(e)) return [];
+	let n = Z(t);
+	return n === void 0 ? [] : [[e, n]];
+})), Q = (e) => {
+	let { shadows: t, ...n } = e ?? {};
+	return n;
+}, ye = {
+	badge: ["surface"],
+	button: ["secondary", "surface"]
+}, be = (e) => {
+	let t = { ...e ?? {} };
+	for (let [e, n] of Object.entries(ye)) {
+		let r = t[e];
+		if (!r || typeof r != "object") continue;
+		let i = r, a = i.variants, o = a?.variant;
+		if (!o) continue;
+		let s = new Set(n), c = Object.fromEntries(Object.entries(o).filter(([e]) => !s.has(e)));
+		t[e] = {
+			...i,
+			variants: {
+				...a,
+				variant: c
+			}
+		};
+	}
+	return t;
+}, xe = {
+	...t,
+	theme: {
+		...t.theme,
+		tokens: Q(t.theme?.tokens),
+		semanticTokens: Q(t.theme?.semanticTokens),
+		recipes: be(Z(t.theme?.recipes)),
+		slotRecipes: Z(t.theme?.slotRecipes),
+		layerStyles: Z(t.theme?.layerStyles),
+		animationStyles: Z(t.theme?.animationStyles)
+	}
+}, Se = {
+	DEFAULT: { value: "1px solid {colors.border}" },
+	subtle: { value: "1px solid {colors.border.subtle}" },
+	inverted: { value: "1px solid {colors.border.inverted}" },
+	accent: { value: "1px solid {colors.border.accent}" },
+	"accent-light": { value: "1px solid {colors.border.accent-light}" }
+}, Ce = {
+	fg: {
+		DEFAULT: { value: {
+			_light: "{colors.blacks.800}",
+			_dark: "#F7F8F8"
+		} },
+		muted: { value: {
+			_light: "{colors.blacks.600}",
+			_dark: "#8B9099"
+		} },
+		subtle: { value: {
+			_light: "{colors.blacks.400}",
+			_dark: "#646973"
+		} },
+		inverted: { value: {
+			_light: "{colors.blacks.50}",
+			_dark: "{colors.blacks.800}"
+		} },
+		info: { value: {
+			_light: "{colors.blue.700}",
+			_dark: "{colors.blue.300}"
+		} },
+		warning: { value: {
+			_light: "{colors.orange.700}",
+			_dark: "{colors.orange.300}"
+		} },
+		success: { value: {
+			_light: "{colors.green.700}",
+			_dark: "{colors.green.400}"
+		} },
+		error: { value: {
+			_light: "{colors.red.700}",
+			_dark: "{colors.red.400}"
+		} },
+		accent: { "pink-dark": { value: {
+			_light: "{colors.pink.700}",
+			_dark: "{colors.pink.50}"
+		} } },
+		"green-dark": { value: {
+			_light: "{colors.green.700}",
+			_dark: "{colors.green.50}"
+		} },
+		"blue-dark": { value: {
+			_light: "{colors.sapphire.700}",
+			_dark: "{colors.sapphire.100}"
+		} },
+		"blue-very-dark": { value: {
+			_light: "{colors.sapphire.900}",
+			_dark: "{colors.sapphire.800}"
+		} },
+		button: { primary: {
+			default: { value: {
+				_light: "{colors.blacks.800}",
+				_dark: "{colors.blacks.800}"
+			} },
+			disabled: { value: "{colors.fg.subtle}" }
+		} },
+		"menu-item": {
+			default: { value: "{colors.fg}" },
+			secondary: { value: "{colors.fg.muted}" }
+		}
+	},
+	bg: {
+		DEFAULT: { value: {
+			_light: "{colors.blacks.50}",
+			_dark: "#07090E"
+		} },
+		muted: { value: {
+			_light: "#F0F5F1",
+			_dark: "#171A22"
+		} },
+		subtle: { value: {
+			_light: "#F9FBFA",
+			_dark: "#0E1016"
+		} },
+		hover: { value: {
+			_light: "#EDF2EE",
+			_dark: "#1E212A"
+		} },
+		active: { value: {
+			_light: "#E7EEE9",
+			_dark: "#252932"
+		} },
+		info: { value: {
+			_light: "{colors.blue.50}",
+			_dark: "{colors.blue.900}"
+		} },
+		warning: { value: {
+			_light: "{colors.orange.50}",
+			_dark: "{colors.orange.900}"
+		} },
+		success: { value: {
+			_light: "{colors.green.50}",
+			_dark: "{colors.green.900}"
+		} },
+		error: { value: {
+			_light: "{colors.red.50}",
+			_dark: "{colors.red.900}"
+		} },
+		code: { value: {
+			_light: "{colors.blacks.50}",
+			_dark: "#10131A"
+		} },
+		emphasized: { value: {
+			_light: "{colors.bg.active}",
+			_dark: "#1D242E"
+		} },
+		elevated: { value: {
+			_light: "{colors.blacks.50}",
+			_dark: "#1B1E26"
+		} },
+		inverted: { value: {
+			_light: "{colors.blacks.800}",
+			_dark: "{colors.blacks.100}"
+		} },
+		panel: { value: {
+			_light: "{colors.bg}",
+			_dark: "{colors.bg}"
+		} },
+		dark: { value: {
+			_light: "{colors.blacks.900}",
+			_dark: "{colors.blacks.900}"
+		} },
+		white: { value: {
+			_light: "{colors.blacks.50}",
+			_dark: "{colors.blacks.50}"
+		} },
+		button: { primary: {
+			default: { value: "{colors.bg.accent-primary.default}" },
+			hover: { value: "{colors.bg.accent-primary.hover}" },
+			pressed: { value: "{colors.bg.accent-primary.pressed}" },
+			disabled: { value: "{colors.bg.muted}" }
+		} },
+		"menu-item": {
+			default: { value: "{colors.bg}" },
+			hover: { value: "{colors.bg.hover}" },
+			focus: { value: "{colors.bg.hover}" },
+			selected: { value: "{colors.bg.active}" }
+		},
+		display: { "very-light": { value: {
+			_light: "{colors.sand.50}",
+			_dark: "{colors.blacks.1000}"
+		} } },
+		"accent-primary": {
+			default: { value: {
+				_light: "{colors.yellow.75}",
+				_dark: "{colors.yellow.75}"
+			} },
+			hover: { value: {
+				_light: "{colors.yellow.100}",
+				_dark: "{colors.yellow.100}"
+			} },
+			pressed: { value: {
+				_light: "{colors.yellow.150}",
+				_dark: "{colors.yellow.150}"
+			} },
+			"very-light": { value: {
+				_light: "{colors.yellow.75}",
+				_dark: "{colors.yellow.75}"
+			} },
+			light: { value: {
+				_light: "{colors.yellow.75}",
+				_dark: "{colors.yellow.75}"
+			} },
+			medium: { value: {
+				_light: "{colors.yellow.100}",
+				_dark: "{colors.yellow.100}"
+			} },
+			dark: { value: {
+				_light: "{colors.yellow.150}",
+				_dark: "{colors.yellow.150}"
+			} }
+		},
+		"accent-secondary": {
+			"grey-dark": { value: {
+				_light: "{colors.blacks.50}",
+				_dark: "{colors.blacks.1000}"
+			} },
+			"grey-light": { value: {
+				_light: "{colors.blacks.100}",
+				_dark: "{colors.blacks.900}"
+			} },
+			"red-very-light": { value: {
+				_light: "{colors.red.50}",
+				_dark: "{colors.red.100}"
+			} },
+			"red-light": { value: {
+				_light: "{colors.red.100}",
+				_dark: "{colors.red.100}"
+			} },
+			"pink-light": { value: {
+				_light: "{colors.pink.50}",
+				_dark: "{colors.pink.700}"
+			} },
+			"pink-medium": { value: {
+				_light: "{colors.pink.100}",
+				_dark: "{colors.pink.800}"
+			} },
+			"blue-very-light": { value: {
+				_light: "{colors.blue.25}",
+				_dark: "{colors.blue.50}"
+			} },
+			"blue-light": { value: {
+				_light: "{colors.mint.100}",
+				_dark: "{colors.mint.100}"
+			} },
+			"blue-medium": { value: {
+				_light: "{colors.mint.200}",
+				_dark: "{colors.mint.200}"
+			} },
+			"blue-dark": { value: {
+				_light: "{colors.blue.700}",
+				_dark: "{colors.blue.200}"
+			} },
+			"cyan-light": { value: {
+				_light: "{colors.cyan.50}",
+				_dark: "{colors.cyan.100}"
+			} },
+			"green-light": { value: {
+				_light: "{colors.green.50}",
+				_dark: "{colors.sapphire.50}"
+			} },
+			"sand-light": { value: {
+				_light: "{colors.sand.100}",
+				_dark: "{colors.sand.100}"
+			} }
+		}
+	},
+	border: {
+		DEFAULT: { value: {
+			_light: "#EAF0EB",
+			_dark: "#2E333F"
+		} },
+		subtle: { value: {
+			_light: "#EDF2EE",
+			_dark: "#1A1E26"
+		} },
+		inverted: { value: {
+			_light: "{colors.neutral.600}",
+			_dark: "{colors.neutral.500}"
+		} },
+		"accent-light": { value: {
+			_light: "{colors.mint.100}",
+			_dark: "{colors.mint.100}"
+		} },
+		accent: { value: {
+			_light: "{colors.blue.700}",
+			_dark: "{colors.blue.200}"
+		} },
+		info: { value: {
+			_light: "{colors.blue.100}",
+			_dark: "#113A7C"
+		} },
+		warning: { value: {
+			_light: "{colors.orange.100}",
+			_dark: "#7C3A0E"
+		} },
+		success: { value: {
+			_light: "{colors.green.100}",
+			_dark: "#0A5B24"
+		} },
+		error: { value: {
+			_light: "{colors.red.100}",
+			_dark: "{colors.red.800}"
+		} },
+		button: { primary: { value: "{colors.border.subtle}" } }
+	},
+	blue: { border: { value: {
+		_light: "{colors.mint.200}",
+		_dark: "{colors.mint.200}"
+	} } },
+	orange: {
+		contrast: { value: {
+			_light: "black",
+			_dark: "black"
+		} },
+		fg: { value: {
+			_light: "{colors.orange.700}",
+			_dark: "{colors.orange.300}"
+		} },
+		subtle: { value: {
+			_light: "{colors.orange.100}",
+			_dark: "{colors.orange.900}"
+		} },
+		muted: { value: {
+			_light: "{colors.orange.200}",
+			_dark: "{colors.orange.800}"
+		} },
+		emphasized: { value: {
+			_light: "{colors.orange.300}",
+			_dark: "{colors.orange.700}"
+		} },
+		solid: { value: {
+			_light: "{colors.orange.500}",
+			_dark: "{colors.orange.400}"
+		} },
+		focusRing: { value: {
+			_light: "{colors.orange.500}",
+			_dark: "{colors.orange.500}"
+		} },
+		border: { value: {
+			_light: "{colors.orange.400}",
+			_dark: "{colors.orange.500}"
+		} }
+	},
+	vis: {
+		text: {
+			primary: { value: {
+				_light: "{colors.blacks.800}",
+				_dark: "{colors.blacks.200}"
+			} },
+			secondary: { value: {
+				_light: "{colors.blacks.600}",
+				_dark: "{colors.blacks.500}"
+			} }
+		},
+		grid: { value: {
+			_light: "{colors.blacks.300}",
+			_dark: "{colors.blacks.800}"
+		} },
+		axis: { value: {
+			_light: "{colors.blacks.700}",
+			_dark: "{colors.blacks.300}"
+		} },
+		categorical: {
+			1: { value: {
+				_light: "{colors.blue.700}",
+				_dark: "{colors.blue.300}"
+			} },
+			2: { value: {
+				_light: "{colors.orange.700}",
+				_dark: "{colors.orange.300}"
+			} },
+			3: { value: {
+				_light: "{colors.purple.700}",
+				_dark: "{colors.purple.300}"
+			} },
+			4: { value: {
+				_light: "{colors.red.700}",
+				_dark: "{colors.red.300}"
+			} },
+			5: { value: {
+				_light: "{colors.pink.700}",
+				_dark: "{colors.pink.300}"
+			} },
+			6: { value: {
+				_light: "{colors.teal.700}",
+				_dark: "{colors.teal.300}"
+			} },
+			7: { value: {
+				_light: "{colors.cyan.700}",
+				_dark: "{colors.cyan.300}"
+			} }
+		},
+		sequential: {
+			blue: {
+				"low-3": { value: {
+					_light: "{colors.blue.200}",
+					_dark: "{colors.blue.800}"
+				} },
+				"low-2": { value: {
+					_light: "{colors.blue.300}",
+					_dark: "{colors.blue.700}"
+				} },
+				"low-1": { value: {
+					_light: "{colors.blue.400}",
+					_dark: "{colors.blue.600}"
+				} },
+				default: { value: {
+					_light: "{colors.blue.500}",
+					_dark: "{colors.blue.500}"
+				} },
+				"high-1": { value: {
+					_light: "{colors.blue.600}",
+					_dark: "{colors.blue.400}"
+				} },
+				"high-2": { value: {
+					_light: "{colors.blue.700}",
+					_dark: "{colors.blue.300}"
+				} },
+				"high-3": { value: {
+					_light: "{colors.blue.800}",
+					_dark: "{colors.blue.200}"
+				} }
+			},
+			red: {
+				"low-3": { value: {
+					_light: "{colors.red.200}",
+					_dark: "{colors.red.800}"
+				} },
+				"low-2": { value: {
+					_light: "{colors.red.300}",
+					_dark: "{colors.red.700}"
+				} },
+				"low-1": { value: {
+					_light: "{colors.red.400}",
+					_dark: "{colors.red.600}"
+				} },
+				default: { value: {
+					_light: "{colors.red.500}",
+					_dark: "{colors.red.500}"
+				} },
+				"high-1": { value: {
+					_light: "{colors.red.600}",
+					_dark: "{colors.red.400}"
+				} },
+				"high-2": { value: {
+					_light: "{colors.red.700}",
+					_dark: "{colors.red.300}"
+				} },
+				"high-3": { value: {
+					_light: "{colors.red.800}",
+					_dark: "{colors.red.200}"
+				} }
+			}
+		}
+	},
+	text: { selectable: { primary: { value: {
+		_light: "{colors.blacks.800}",
+		_dark: "{colors.blacks.800}"
+	} } } }
+}, $ = r({
+	floatingBar: { value: {
+		paddingInline: "sm",
+		paddingBlock: "2xs",
+		borderRadius: "md",
+		bg: "bg.elevated",
+		border: "1px solid",
+		borderColor: "border",
+		boxShadow: "lg"
+	} },
+	panel: { value: {
+		borderRadius: "sm",
+		borderWidth: "1px",
+		borderColor: "border.subtle",
+		overflow: "hidden"
+	} },
+	modal: { value: {
+		paddingInline: "xs",
+		paddingBlock: "sm",
+		borderRadius: "xs",
+		bg: "bg",
+		border: "1px solid",
+		borderColor: "border"
+	} }
+}), we = o({
+	"heading/dialog": { value: {
+		fontFamily: "heading",
+		fontSize: "0.9375rem",
+		fontWeight: "600",
+		lineHeight: "140%"
+	} },
+	brand: { value: {
+		fontFamily: "brand",
+		fontSize: "3xl",
+		fontWeight: "500"
+	} },
+	"heading/display/L": { value: {
+		fontFamily: "display",
+		fontWeight: "600",
+		fontSize: [
+			"5xl",
+			"5xl",
+			"5xl",
+			"6xl"
+		],
+		lineHeight: "120%"
+	} },
+	"heading/display/M": { value: {
+		fontFamily: "display",
+		fontWeight: "600",
+		fontSize: ["4xl", "5xl"],
+		lineHeight: "120%"
+	} },
+	"heading/display/S": { value: {
+		fontFamily: "display",
+		fontWeight: "600",
+		fontSize: ["3xl", "4xl"],
+		lineHeight: "120%"
+	} },
+	"heading/XL": { value: {
+		fontFamily: "heading",
+		fontSize: "5xl",
+		fontWeight: "500",
+		lineHeight: "120%"
+	} },
+	"heading/L": { value: {
+		fontFamily: "heading",
+		fontSize: "4xl",
+		fontWeight: "500",
+		lineHeight: "110%"
+	} },
+	"heading/M": { value: {
+		fontFamily: "heading",
+		fontSize: "3xl",
+		fontWeight: "500",
+		lineHeight: "120%"
+	} },
+	"heading/S": { value: {
+		fontFamily: "heading",
+		fontSize: "2xl",
+		fontWeight: "500",
+		lineHeight: "120%"
+	} },
+	"label/XL/regular": { value: {
+		fontFamily: "label",
+		fontSize: "2xl",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.16px"
+	} },
+	"label/L/regular": { value: {
+		fontFamily: "label",
+		fontSize: "lg",
+		fontWeight: "400",
+		lineHeight: "20px",
+		letterSpacing: "0.16px"
+	} },
+	"label/L/medium": { value: {
+		fontFamily: "label",
+		fontSize: "lg",
+		fontWeight: "500",
+		lineHeight: "20px",
+		letterSpacing: "0.16px"
+	} },
+	"label/L/medium/underline": { value: {
+		textDecoration: "underline",
+		fontFamily: "label",
+		fontSize: "lg",
+		fontWeight: "500",
+		lineHeight: "20px",
+		letterSpacing: "0.16px"
+	} },
+	"label/L/medium/uppercase": { value: {
+		letterSpacing: "0.089rem",
+		fontFamily: "label",
+		fontWeight: "600",
+		fontSize: "lg",
+		lineHeight: "150%",
+		textTransform: "uppercase",
+		color: "fg.muted"
+	} },
+	"label/M/regular": { value: {
+		fontFamily: "label",
+		fontSize: "md",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.14px"
+	} },
+	"label/M/regular/underline": { value: {
+		fontFamily: "label",
+		fontSize: "md",
+		fontWeight: "400",
+		lineHeight: "150%",
+		textDecoration: "underline",
+		letterSpacing: "0.14px"
+	} },
+	"label/M/medium": { value: {
+		fontFamily: "label",
+		fontSize: "md",
+		fontWeight: "500",
+		lineHeight: "150%",
+		letterSpacing: "0.14px"
+	} },
+	"label/S/regular": { value: {
+		fontFamily: "label",
+		fontSize: "sm",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.12px"
+	} },
+	"label/S/medium": { value: {
+		fontFamily: "label",
+		fontSize: "sm",
+		fontWeight: "500",
+		lineHeight: "150%",
+		letterSpacing: "0.12px"
+	} },
+	"label/S/italic": { value: {
+		fontFamily: "label",
+		fontSize: "sm",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.12px",
+		fontStyle: "italic"
+	} },
+	"label/XS": { value: {
+		fontFamily: "label",
+		fontSize: "xs",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.1px"
+	} },
+	"label/XS/caps": { value: {
+		fontFamily: "label",
+		fontSize: "xs",
+		fontWeight: "600",
+		lineHeight: "150%",
+		letterSpacing: "0.9px",
+		textTransform: "uppercase"
+	} },
+	"label/XS/medium": { value: {
+		fontFamily: "label",
+		fontSize: "xs",
+		fontWeight: "500",
+		lineHeight: "150%",
+		letterSpacing: "0.1px"
+	} },
+	"label/2XS": { value: {
+		fontFamily: "label",
+		fontSize: "2xs",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.08px"
+	} },
+	"label/2XS/medium": { value: {
+		fontFamily: "label",
+		fontSize: "2xs",
+		fontWeight: "500",
+		lineHeight: "150%",
+		letterSpacing: "0.08px"
+	} },
+	"mono/XS": { value: {
+		fontFamily: "mono",
+		fontSize: "xs",
+		fontWeight: "400",
+		lineHeight: "150%"
+	} },
+	"paragraph/S/regular": { value: {
+		fontFamily: "body",
+		fontSize: "sm",
+		fontWeight: "400",
+		lineHeight: "135%",
+		letterSpacing: "0.12px"
+	} },
+	"paragraph/M/regular": { value: {
+		fontFamily: "body",
+		fontSize: "md",
+		fontWeight: "400",
+		lineHeight: "171%",
+		letterSpacing: "0.14px"
+	} },
+	"paragraph/M/medium": { value: {
+		fontFamily: "body",
+		fontSize: "md",
+		fontWeight: "500",
+		lineHeight: "171%",
+		letterSpacing: "0.14px"
+	} },
+	"paragraph/L/regular": { value: {
+		fontFamily: "body",
+		fontSize: "lg",
+		fontWeight: "400",
+		lineHeight: "150%",
+		letterSpacing: "0.14px"
+	} },
+	"paragraph/L/medium": { value: {
+		fontFamily: "body",
+		fontSize: "lg",
+		fontWeight: "500",
+		lineHeight: "150%",
+		letterSpacing: "0.14px"
+	} },
+	"paragraph/XL/regular": { value: {
+		fontFamily: "body",
+		fontWeight: "400",
+		lineHeight: "150%",
+		fontSize: ["xl", "2xl"],
+		color: "fg",
+		letterSpacing: "0.14px"
+	} },
+	"paragraph/XL/medium": { value: {
+		fontFamily: "body",
+		fontWeight: "500",
+		lineHeight: "150%",
+		fontSize: ["xl", "2xl"],
+		color: "fg",
+		letterSpacing: "0.14px"
+	} }
+}), Te = n({
+	globalCss: x,
+	utilities: { WebkitAppRegion: {
+		values: ["drag", "no-drag"],
+		transform: (e) => ({ WebkitAppRegion: e })
+	} },
+	theme: {
+		breakpoints: {
+			"3xl": "2560px",
+			"4xl": "3840px"
+		},
+		textStyles: we,
+		layerStyles: $,
+		recipes: {
+			badge: M,
+			button: N,
+			divider: L,
+			input: U,
+			kbd: W,
+			skeleton: de,
+			textarea: me
+		},
+		tokens: {
+			colors: S,
+			borderWidths: k,
+			fonts: C,
+			fontSizes: w,
+			fontWeights: T,
+			radii: A,
+			sizes: O,
+			spacing: D
+		},
+		semanticTokens: {
+			colors: Ce,
+			borders: Se
+		},
+		slotRecipes: {
+			windowTitleBar: h,
+			windowTabs: g,
+			resizableSplitLayout: ue,
+			alert: j,
+			colorPicker: F,
+			drawer: R,
+			tooltip: ge,
+			popover: se,
+			menu: oe,
+			numberInput: q,
+			editable: z,
+			form: V,
+			dialog: I,
+			folderPicker: B,
+			progressCircle: le,
+			switch: fe,
+			tabs: pe,
+			timeline: he
+		}
+	}
+}), Ee = e(xe, Te);
+//#endregion
+export { h as a, g as i, y as n, b as r, Ee as t };
+
+//# sourceMappingURL=theme-0cbWICbg.js.map