@pstdio/ui 0.35.0 → 0.36.0

package/dist/{theme-kSkOHzbV.js → theme-0cbWICbg.js}

@@ -8,10 +8,10 @@ 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 l, drawerAnatomy as u, fieldsetAnatomy as ee, menuAnatomy as te, numberInputAnatomy as ne, popoverAnatomy as d, switchAnatomy as f, tabsAnatomy as p, timelineAnatomy as m, tooltipAnatomy as h } from "@chakra-ui/react/anatomy";
-import { progressCircleSlotRecipe as g } from "@chakra-ui/react/theme";
+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 _ = a({
+var h = a({
 	className: "ps-window-title-bar",
 	slots: ["root", "content"],
 	base: {
@@ -46,7 +46,7 @@ var _ = a({
 		} }
 	} },
 	defaultVariants: { controls: "overlay" }
-}), v = a({
+}), g = a({
 	className: "ps-window-tabs",
 	slots: [
 		"list",
@@ -139,7 +139,7 @@ var _ = a({
 			}
 		}
 	}
-}), re = {
+}), ae = {
 	"editor.background": ["colors.bg", "colors.bg.code"],
 	"editor.foreground": ["colors.fg"],
 	"editor.lineHighlightBackground": ["colors.bg.hover"],
@@ -176,10 +176,10 @@ var _ = a({
 	descriptionForeground: ["colors.fg.muted"],
 	disabledForeground: ["colors.fg.subtle"],
 	border: ["colors.border", "colors.border.subtle"]
-}, ie = (e) => `colors.vscode.${e}`, y = (e) => e.replace(/^#/, ""), b = (e) => {
+}, _ = (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: y(e.settings.foreground) } : {},
+		...e.settings?.foreground ? { foreground: v(e.settings.foreground) } : {},
 		...e.settings?.fontStyle ? { fontStyle: e.settings.fontStyle } : {}
 	})));
 	return {
@@ -188,10 +188,10 @@ var _ = a({
 		rules: t,
 		colors: e.theme.colors ?? {}
 	};
-}, x = (e) => {
+}, b = (e) => {
 	let t = {}, n = e.theme.colors ?? {};
-	for (let [e, r] of Object.entries(n)) t[ie(e)] = r;
-	for (let [e, r] of Object.entries(re)) {
+	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;
 	}
@@ -199,12 +199,12 @@ var _ = a({
 		id: e.id,
 		mode: e.mode,
 		tokens: t,
-		monacoTheme: b({
+		monacoTheme: y({
 			mode: e.mode,
 			theme: e.theme
 		})
 	};
-}, S = {
+}, x = {
 	"*::selection": {
 		bg: {
 			base: "bg.accent-secondary.blue-medium",
@@ -251,7 +251,7 @@ var _ = a({
 	},
 	"@media (min-width: 2560px)": { html: { fontSize: "1.25rem" } },
 	"@media (min-width: 3840px)": { html: { fontSize: "1.5rem" } }
-}, C = {
+}, S = {
 	windowControl: {
 		close: { value: "#FF5F57" },
 		minimize: { value: "#FEBC2E" },
@@ -455,13 +455,13 @@ var _ = a({
 		100: { value: "#D3ECEE" },
 		200: { value: "#B3DEE2" }
 	}
-}, w = {
+}, 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" }
-}, T = {
+}, w = {
 	"2xs": { value: "0.5rem" },
 	xs: { value: "0.625rem" },
 	sm: { value: "0.75rem" },
@@ -479,12 +479,12 @@ var _ = a({
 	"icon-sm": { value: "1rem" },
 	"icon-md": { value: "1.25rem" },
 	"icon-lg": { value: "1.25rem" }
-}, E = {
+}, T = {
 	regular: { value: 400 },
 	medium: { value: 500 },
 	semibold: { value: 600 },
 	bold: { value: 700 }
-}, D = {
+}, E = {
 	0: "0rem",
 	25: "0.125rem",
 	50: "0.25rem",
@@ -505,68 +505,71 @@ var _ = a({
 	2e3: "10rem",
 	3e3: "15rem",
 	4e3: "20rem"
-}, O = {
+}, D = {
 	"window-tab-gap": { value: "0.4375rem" },
 	"window-controls-mac": { value: "5.625rem" },
 	none: { value: "0" },
-	"3xs": { value: D[25] },
-	"2xs": { value: D[50] },
-	xs: { value: D[100] },
+	"3xs": { value: E[25] },
+	"2xs": { value: E[50] },
+	xs: { value: E[100] },
 	compact: { value: "0.625rem" },
-	sm: { value: D[150] },
+	sm: { value: E[150] },
 	comfortable: { value: "0.875rem" },
-	md: { value: D[200] },
-	lg: { value: D[300] },
-	xl: { value: D[400] },
-	"2xl": { value: D[500] },
-	"3xl": { value: D[600] },
-	"3.5xl": { value: D[700] },
-	"4xl": { value: D[800] },
-	"4.5xl": { value: D[900] },
-	"5xl": { value: D[1600] },
-	"panel-gap": { value: D[50] }
-}, k = {
-	"panel-gap": { value: D[50] },
+	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: D[300] },
-	"icon-2xs": { value: D[150] },
+	"filter-pill": { value: E[300] },
+	"icon-2xs": { value: E[150] },
 	"icon-xs": { value: "0.875rem" },
-	"icon-sm": { value: D[200] },
-	"icon-md": { value: D[250] },
-	"tag-color-dot": { value: D[250] },
+	"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: D[500] },
+	"tag-editor-row": { value: E[500] },
 	"tag-editor-add-row": { value: "2.25rem" },
-	"tag-editor-lead": { value: D[600] },
+	"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: D[300] },
-	"segmented-control-item-sm": { value: D[300] },
-	"segmented-control-item-xs": { value: D[250] },
-	"tag-action-menu": { value: D[2e3] },
-	"view-bar": { value: D[500] },
+	"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" }
-}, A = { selection: { value: "0.09375rem" } }, j = {
+}, k = { selection: { value: "0.09375rem" } }, A = {
 	none: { value: "0" },
-	"2xs": { value: D[25] },
-	xs: { value: D[50] },
+	"2xs": { value: E[25] },
+	xs: { value: E[50] },
 	compact: { value: "0.375rem" },
-	sm: { value: D[100] },
-	md: { value: D[150] },
-	lg: { value: D[200] },
-	xl: { value: D[400] },
+	sm: { value: E[100] },
+	md: { value: E[150] },
+	lg: { value: E[200] },
+	xl: { value: E[400] },
 	full: { value: "100%" }
-}, M = a({
+}, j = a({
 	slots: s.keys(),
 	base: {
 		root: {
@@ -628,7 +631,7 @@ var _ = a({
 			}
 		}
 	]
-}), N = i({
+}), M = i({
 	className: "chakra-badge",
 	base: {
 		display: "inline-flex",
@@ -700,7 +703,7 @@ var _ = a({
 		variant: "subtle",
 		size: "sm"
 	}
-}), P = i({
+}), N = i({
 	base: {
 		borderRadius: "xs",
 		transition: "all 0.1s ease-in-out",
@@ -860,7 +863,7 @@ var _ = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), F = "border.accent-light", I = a({
+}), P = "border.accent-light", F = a({
 	slots: c.keys(),
 	base: {
 		control: {
@@ -878,14 +881,14 @@ var _ = a({
 			transition: "border-color 0.2s ease-in-out",
 			outline: "none",
 			boxShadow: "none",
-			_hover: { borderColor: F },
-			_active: { borderColor: F },
+			_hover: { borderColor: P },
+			_active: { borderColor: P },
 			_focusWithin: {
-				borderColor: F,
+				borderColor: P,
 				boxShadow: "none"
 			},
-			"&:is(:hover, [data-hover])": { borderColor: F },
-			"&:is(:active, [data-active])": { borderColor: F },
+			"&:is(:hover, [data-hover])": { borderColor: P },
+			"&:is(:active, [data-active])": { borderColor: P },
 			"& [data-scope=color-picker][data-part=trigger]": {
 				border: "0",
 				borderInlineStartWidth: "0",
@@ -945,7 +948,7 @@ var _ = a({
 			borderRadius: "2xs",
 			_focusVisible: {
 				outline: "1px solid",
-				outlineColor: F
+				outlineColor: P
 			}
 		}
 	},
@@ -964,8 +967,8 @@ var _ = a({
 		sm: {}
 	} },
 	defaultVariants: { size: "sm" }
-}), L = a({
-	slots: l.keys(),
+}), I = a({
+	slots: ee.keys(),
 	base: {
 		title: { textStyle: "heading/dialog" },
 		content: {
@@ -976,8 +979,8 @@ var _ = a({
 			overflow: "hidden"
 		}
 	}
-}), R = i({ base: { borderColor: "border.subtle" } }), z = a({
-	slots: u.keys(),
+}), L = i({ base: { borderColor: "border.subtle" } }), R = a({
+	slots: te.keys(),
 	base: {
 		header: {
 			fontWeight: "medium",
@@ -986,7 +989,7 @@ var _ = a({
 		},
 		content: { bg: "bg" }
 	}
-}), B = a({
+}), z = a({
 	slots: [
 		"preview",
 		"input",
@@ -1081,8 +1084,88 @@ var _ = a({
 			}
 		}
 	} }
+}), 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: ee.keys(),
+	slots: ne.keys(),
 	base: { legend: { mb: "2xs" } }
 }), H = "border.accent-light", U = i({
 	base: {
@@ -1262,8 +1345,8 @@ var _ = a({
 		size: "md",
 		variant: "raised"
 	}
-}), G = a({
-	slots: te.keys(),
+}), oe = a({
+	slots: l.keys(),
 	base: {
 		itemGroupLabel: {
 			ml: "{2xs}",
@@ -1339,15 +1422,15 @@ var _ = a({
 			textStyle: "label/M/regular"
 		}
 	}
-}), ae = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", q = a({
-	slots: ne.keys(),
+}), 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": ae,
+			"--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 }
@@ -1518,7 +1601,7 @@ var _ = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), J = a({
+}), se = a({
 	slots: d.keys(),
 	base: {
 		positioner: { _focus: { outline: "none" } },
@@ -1552,12 +1635,12 @@ var _ = a({
 		variant: { responsive: { content: { width: "unset" } } },
 		size: { "2xl": { content: { width: "2xl" } } }
 	}
-}), oe = g.variants?.size ?? {}, se = {
-	...g,
+}), ce = m.variants?.size ?? {}, le = {
+	...m,
 	variants: {
-		...g.variants,
+		...m.variants,
 		size: {
-			...oe,
+			...ce,
 			"2xs": {
 				circle: {
 					"--size": "14px",
@@ -1567,7 +1650,7 @@ var _ = a({
 			}
 		}
 	}
-}, Y = {
+}, J = {
 	root: {
 		flexDirection: "column",
 		height: "auto",
@@ -1587,7 +1670,7 @@ var _ = a({
 		overflow: "visible"
 	},
 	separator: { display: "none" }
-}, ce = a({
+}, ue = a({
 	slots: [
 		"root",
 		"resizablePanel",
@@ -1648,11 +1731,11 @@ var _ = a({
 				},
 				separator: { display: "flex" }
 			},
-			stacked: Y,
+			stacked: J,
 			"stacked-reverse": {
-				...Y,
+				...J,
 				root: {
-					...Y.root,
+					...J.root,
 					flexDirection: "column-reverse"
 				}
 			},
@@ -1675,10 +1758,10 @@ var _ = a({
 		orientation: "horizontal",
 		layout: "split"
 	}
-}), le = i({ base: {
+}), de = i({ base: {
 	"--start-color": "fg",
 	"--end-color": "fg.muted"
-} }), ue = a({
+} }), fe = a({
 	slots: f.keys(),
 	base: {
 		control: {
@@ -1721,7 +1804,7 @@ var _ = a({
 		},
 		thumb: { _checked: { bg: "fg.inverted" } }
 	} } }
-}), de = a({
+}), pe = a({
 	slots: p.keys(),
 	base: {
 		root: { "--tabs-trigger-radius": "radii.xs" },
@@ -1833,7 +1916,7 @@ var _ = a({
 		size: "xs",
 		variant: "subtle"
 	}
-}), X = "border.accent-light", fe = i({
+}), Y = "border.accent-light", me = i({
 	base: {
 		paddingX: "sm",
 		paddingY: "xs",
@@ -1847,21 +1930,21 @@ var _ = a({
 		borderColor: "border",
 		"--focus-color": "var(--chakra-colors-border-accent-light)",
 		"--focus-ring-style": "none",
-		_hover: { borderColor: X },
-		_active: { borderColor: X },
+		_hover: { borderColor: Y },
+		_active: { borderColor: Y },
 		_focus: {
-			borderColor: X,
+			borderColor: Y,
 			outline: "none",
 			boxShadow: "none"
 		},
 		_focusVisible: {
-			borderColor: X,
+			borderColor: Y,
 			outline: "none",
 			boxShadow: "none"
 		},
 		_placeholder: { color: "fg.subtle" },
-		"&:is(:hover, [data-hover])": { borderColor: X },
-		"&:is(:active, [data-active])": { borderColor: X }
+		"&:is(:hover, [data-hover])": { borderColor: Y },
+		"&:is(:active, [data-active])": { borderColor: Y }
 	},
 	variants: {
 		variant: { outline: {
@@ -1872,20 +1955,20 @@ var _ = a({
 			boxShadow: "none",
 			"--focus-color": "var(--chakra-colors-border-accent-light)",
 			"--focus-ring-style": "none",
-			_hover: { borderColor: X },
-			_active: { borderColor: X },
+			_hover: { borderColor: Y },
+			_active: { borderColor: Y },
 			_focus: {
-				borderColor: X,
+				borderColor: Y,
 				outline: "none",
 				boxShadow: "none"
 			},
 			_focusVisible: {
-				borderColor: X,
+				borderColor: Y,
 				outline: "none",
 				boxShadow: "none"
 			},
-			"&:is(:hover, [data-hover])": { borderColor: X },
-			"&:is(:active, [data-active])": { borderColor: X }
+			"&:is(:hover, [data-hover])": { borderColor: Y },
+			"&:is(:active, [data-active])": { borderColor: Y }
 		} },
 		size: {
 			"2xs": {
@@ -1919,8 +2002,8 @@ var _ = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), pe = a({
-	slots: m.keys(),
+}), he = a({
+	slots: re.keys(),
 	base: {
 		root: {
 			display: "flex",
@@ -2051,34 +2134,34 @@ var _ = a({
 		variant: "solid",
 		showLastSeparator: !1
 	}
-}), me = a({
-	slots: h.keys(),
+}), ge = a({
+	slots: ie.keys(),
 	base: { content: {
 		bg: "bg.inverted",
 		borderRadius: "xs",
 		color: "fg.inverted"
 	} }
-}), he = /* @__PURE__ */ new Set([
+}), _e = /* @__PURE__ */ new Set([
 	"boxShadow",
 	"boxShadowColor",
 	"textShadow"
-]), Z = /shadow/i, ge = (e) => {
-	if (!Z.test(e)) return e;
-	let t = e.split(",").map((e) => e.trim()).filter((e) => !Z.test(e));
+]), 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(", ");
-}, Q = (e) => Array.isArray(e) ? e.map(Q).filter((e) => e !== void 0) : typeof e == "string" ? ge(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
-	if (he.has(e) || Z.test(e)) return [];
-	let n = Q(t);
+}, 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]];
-})), $ = (e) => {
+})), Q = (e) => {
 	let { shadows: t, ...n } = e ?? {};
 	return n;
-}, _e = {
+}, ye = {
 	badge: ["surface"],
 	button: ["secondary", "surface"]
-}, ve = (e) => {
+}, be = (e) => {
 	let t = { ...e ?? {} };
-	for (let [e, n] of Object.entries(_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;
@@ -2093,24 +2176,24 @@ var _ = a({
 		};
 	}
 	return t;
-}, ye = {
+}, xe = {
 	...t,
 	theme: {
 		...t.theme,
-		tokens: $(t.theme?.tokens),
-		semanticTokens: $(t.theme?.semanticTokens),
-		recipes: ve(Q(t.theme?.recipes)),
-		slotRecipes: Q(t.theme?.slotRecipes),
-		layerStyles: Q(t.theme?.layerStyles),
-		animationStyles: Q(t.theme?.animationStyles)
+		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)
 	}
-}, be = {
+}, 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}" }
-}, xe = {
+}, Ce = {
 	fg: {
 		DEFAULT: { value: {
 			_light: "{colors.blacks.800}",
@@ -2531,7 +2614,7 @@ var _ = a({
 		_light: "{colors.blacks.800}",
 		_dark: "{colors.blacks.800}"
 	} } } }
-}, Se = r({
+}, $ = r({
 	floatingBar: { value: {
 		paddingInline: "sm",
 		paddingBlock: "2xs",
@@ -2555,7 +2638,7 @@ var _ = a({
 		border: "1px solid",
 		borderColor: "border"
 	} }
-}), Ce = o({
+}), we = o({
 	"heading/dialog": { value: {
 		fontFamily: "heading",
 		fontSize: "0.9375rem",
@@ -2789,8 +2872,8 @@ var _ = a({
 		color: "fg",
 		letterSpacing: "0.14px"
 	} }
-}), we = n({
-	globalCss: S,
+}), Te = n({
+	globalCss: x,
 	utilities: { WebkitAppRegion: {
 		values: ["drag", "no-drag"],
 		transform: (e) => ({ WebkitAppRegion: e })
@@ -2800,53 +2883,54 @@ var _ = a({
 			"3xl": "2560px",
 			"4xl": "3840px"
 		},
-		textStyles: Ce,
-		layerStyles: Se,
+		textStyles: we,
+		layerStyles: $,
 		recipes: {
-			badge: N,
-			button: P,
-			divider: R,
+			badge: M,
+			button: N,
+			divider: L,
 			input: U,
 			kbd: W,
-			skeleton: le,
-			textarea: fe
+			skeleton: de,
+			textarea: me
 		},
 		tokens: {
-			colors: C,
-			borderWidths: A,
-			fonts: w,
-			fontSizes: T,
-			fontWeights: E,
-			radii: j,
-			sizes: k,
-			spacing: O
+			colors: S,
+			borderWidths: k,
+			fonts: C,
+			fontSizes: w,
+			fontWeights: T,
+			radii: A,
+			sizes: O,
+			spacing: D
 		},
 		semanticTokens: {
-			colors: xe,
-			borders: be
+			colors: Ce,
+			borders: Se
 		},
 		slotRecipes: {
-			windowTitleBar: _,
-			windowTabs: v,
-			resizableSplitLayout: ce,
-			alert: M,
-			colorPicker: I,
-			drawer: z,
-			tooltip: me,
-			popover: J,
-			menu: G,
+			windowTitleBar: h,
+			windowTabs: g,
+			resizableSplitLayout: ue,
+			alert: j,
+			colorPicker: F,
+			drawer: R,
+			tooltip: ge,
+			popover: se,
+			menu: oe,
 			numberInput: q,
-			editable: B,
+			editable: z,
 			form: V,
-			dialog: L,
-			progressCircle: se,
-			switch: ue,
-			tabs: de,
-			timeline: pe
+			dialog: I,
+			folderPicker: B,
+			progressCircle: le,
+			switch: fe,
+			tabs: pe,
+			timeline: he
 		}
 	}
-}), Te = e(ye, we);
+}), Ee = e(xe, Te);
 //#endregion
-export { _ as a, v as i, b as n, x as r, Te as t };
+export { h as a, g as i, y as n, b as r, Ee as t };
 
-//# sourceMappingURL=theme-kSkOHzbV.js.map
+//# sourceMappingURL=theme-0cbWICbg.js.map