@pstdio/ui 0.44.0 → 0.45.0-nightly.20261021030241

package/dist/{theme-Chgjys_o.js → theme-BsStBWWL.js}

@@ -1,11 +1,15 @@
 import { n as e, t } from "./queued-follow-up-Bj_vtMgd.js";
 import { createSystem as n, defaultConfig as r, defineConfig as i, defineLayerStyles as a, defineRecipe as o, defineSlotRecipe as s, defineTextStyles as c } from "@chakra-ui/react";
-import { alertAnatomy as ee, colorPickerAnatomy as te, dialogAnatomy as ne, drawerAnatomy as l, fieldsetAnatomy as u, menuAnatomy as d, numberInputAnatomy as f, popoverAnatomy as p, switchAnatomy as re, tabsAnatomy as ie, tagAnatomy as ae, timelineAnatomy as oe, tooltipAnatomy as se } from "@chakra-ui/react/anatomy";
-import { progressCircleSlotRecipe as m } from "@chakra-ui/react/theme";
+import { alertAnatomy as ee, colorPickerAnatomy as te, dialogAnatomy as ne, drawerAnatomy as l, fieldsetAnatomy as u, menuAnatomy as d, numberInputAnatomy as f, popoverAnatomy as p, switchAnatomy as m, tabsAnatomy as re, tagAnatomy as ie, timelineAnatomy as ae, tooltipAnatomy as oe } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as h } from "@chakra-ui/react/theme";
 //#region src/theme/recipes/window-title-bar.ts
-var h = s({
+var g = s({
 	className: "ps-window-title-bar",
-	slots: ["root", "content"],
+	slots: [
+		"root",
+		"content",
+		"actions"
+	],
 	base: {
 		root: {
 			position: "relative",
@@ -25,6 +29,14 @@ var h = s({
 			minWidth: 0,
 			paddingInline: "compact",
 			"& button, & a, & input, & [role=tab]": { WebkitAppRegion: "no-drag" }
+		},
+		actions: {
+			display: "flex",
+			alignItems: "center",
+			gap: "xs",
+			marginInlineStart: "auto",
+			flexShrink: 0,
+			_empty: { display: "none" }
 		}
 	},
 	variants: { controls: {
@@ -32,13 +44,21 @@ var h = s({
 			paddingInlineStart: "window-controls-mac",
 			"[data-window-full-screen] &": { paddingInlineStart: "compact" }
 		} },
-		overlay: { content: {
-			marginLeft: "env(titlebar-area-x, 0px)",
-			width: "env(titlebar-area-width, 100%)"
-		} }
+		overlay: {
+			content: {
+				marginLeft: "env(titlebar-area-x, 0px)",
+				width: "env(titlebar-area-width, 100%)"
+			},
+			actions: { _after: {
+				content: "\"\"",
+				height: "icon-md",
+				borderInlineStartWidth: "1px",
+				borderColor: "border.subtle"
+			} }
+		}
 	} },
 	defaultVariants: { controls: "overlay" }
-}), g = s({
+}), _ = s({
 	className: "ps-window-tabs",
 	slots: [
 		"list",
@@ -132,7 +152,7 @@ var h = s({
 			}
 		}
 	}
-}), ce = {
+}), se = {
 	"@property --split-size": {
 		syntax: "\"<length>\"",
 		inherits: "true",
@@ -153,6 +173,7 @@ var h = s({
 		"--focus-border": "border.accent-light",
 		"--separator-border": "transparent !important"
 	},
+	":root:has([data-window-title-bar])": { "--pstdio-toast-top-offset": "calc({sizes.window-title-bar} + {spacing.md})" },
 	html: {
 		height: "100%",
 		width: "100%",
@@ -188,7 +209,7 @@ var h = s({
 	},
 	"@media (min-width: 2560px)": { html: { fontSize: "1.25rem" } },
 	"@media (min-width: 3840px)": { html: { fontSize: "1.5rem" } }
-}, _ = {
+}, ce = {
 	windowControl: {
 		close: { value: "#FF5F57" },
 		minimize: { value: "#FEBC2E" },
@@ -600,21 +621,70 @@ var h = s({
 	xl: { value: C[400] },
 	full: { value: "100%" },
 	pill: { value: "9999px" }
-}, O = s({
+}, O = {
+	px: "xs",
+	py: "2xs",
+	gap: "xs"
+}, k = s({
 	slots: ee.keys(),
 	base: {
 		root: {
-			px: "xs",
-			py: "2xs",
-			gap: "2xs",
+			...O,
 			borderRadius: "xs",
 			alignItems: "flex-start",
-			minH: "auto"
+			minH: "auto",
+			"& .chakra-button": {
+				color: "inherit",
+				bg: "transparent",
+				maxWidth: "full",
+				height: "auto",
+				minHeight: "6",
+				whiteSpace: "normal",
+				overflowWrap: "anywhere",
+				"&:not(:disabled, [data-disabled])": {
+					_hover: { "&:not(:active, [data-active])": { bg: "currentColor/10" } },
+					_focusVisible: {
+						bg: "currentColor/10",
+						outlineColor: "currentColor"
+					},
+					_active: { bg: "currentColor/20" }
+				}
+			}
 		},
-		indicator: { mt: "0.0625rem" },
-		content: { gap: "0" },
-		title: { textStyle: "label/S/medium" },
-		description: { textStyle: "paragraph/S/regular" }
+		indicator: { mt: "2xs" },
+		content: {
+			gap: "0",
+			minWidth: "0"
+		},
+		title: {
+			textStyle: "label/M/medium",
+			py: "0.5",
+			overflowWrap: "anywhere"
+		},
+		description: {
+			textStyle: "paragraph/S/regular",
+			overflowWrap: "anywhere"
+		}
+	},
+	variants: {
+		status: {
+			info: {},
+			success: {},
+			warning: {},
+			error: {},
+			neutral: {}
+		},
+		variant: {
+			subtle: {},
+			surface: {},
+			outline: {},
+			solid: {}
+		},
+		size: {
+			sm: { root: O },
+			md: { root: O },
+			lg: { root: O }
+		}
 	},
 	compoundVariants: [
 		{
@@ -662,7 +732,7 @@ var h = s({
 			}
 		}
 	]
-}), k = {
+}), A = {
 	bg: {
 		_light: "bg.muted",
 		_dark: "bg.subtle"
@@ -672,7 +742,7 @@ var h = s({
 		_light: "bg.subtle",
 		_dark: "bg.hover"
 	} }
-}, A = o({
+}, j = o({
 	className: "chakra-badge",
 	base: {
 		display: "inline-flex",
@@ -686,7 +756,7 @@ var h = s({
 	},
 	variants: {
 		variant: {
-			ticket: k,
+			ticket: A,
 			solid: {
 				bg: "colorPalette.solid",
 				color: "colorPalette.contrast"
@@ -745,7 +815,7 @@ var h = s({
 		variant: "subtle",
 		size: "sm"
 	}
-}), j = {
+}), M = {
 	color: "fg",
 	bg: "transparent",
 	borderRadius: "0",
@@ -755,7 +825,7 @@ var h = s({
 	borderRightColor: "border.subtle",
 	_hover: { bg: "bg.hover" },
 	_expanded: { bg: "bg.active" }
-}, M = o({
+}, N = o({
 	base: {
 		borderRadius: "xs",
 		transition: "all 0.1s ease-in-out",
@@ -852,6 +922,7 @@ var h = s({
 				color: "fg",
 				bg: "bg",
 				border: "border",
+				borderColor: "border",
 				_hover: { bg: "bg.hover" },
 				_active: { bg: "bg.active" },
 				_expanded: { bg: "bg.active" },
@@ -877,9 +948,9 @@ var h = s({
 					_hover: { bg: "transparent" }
 				}
 			},
-			"filter-segment": j,
+			"filter-segment": M,
 			"filter-condition": {
-				...j,
+				...M,
 				color: "fg.muted"
 			},
 			"ghost-static": {
@@ -949,7 +1020,7 @@ var h = s({
 		size: "sm",
 		variant: "outline"
 	}
-}), N = s({
+}), P = s({
 	slots: [
 		"root",
 		"control",
@@ -967,7 +1038,7 @@ var h = s({
 		indicator: { boxSize: "2.5" },
 		label: { textStyle: "label/XS" }
 	} } }
-}), P = "border.accent-light", F = s({
+}), F = "border.accent-light", I = s({
 	slots: te.keys(),
 	base: {
 		control: {
@@ -985,14 +1056,14 @@ var h = s({
 			transition: "border-color 0.2s ease-in-out",
 			outline: "none",
 			boxShadow: "none",
-			_hover: { borderColor: P },
-			_active: { borderColor: P },
+			_hover: { borderColor: F },
+			_active: { borderColor: F },
 			_focusWithin: {
-				borderColor: P,
+				borderColor: F,
 				boxShadow: "none"
 			},
-			"&:is(:hover, [data-hover])": { borderColor: P },
-			"&:is(:active, [data-active])": { borderColor: P },
+			"&:is(:hover, [data-hover])": { borderColor: F },
+			"&:is(:active, [data-active])": { borderColor: F },
 			"& [data-scope=color-picker][data-part=trigger]": {
 				border: "0",
 				borderInlineStartWidth: "0",
@@ -1052,7 +1123,7 @@ var h = s({
 			borderRadius: "2xs",
 			_focusVisible: {
 				outline: "1px solid",
-				outlineColor: P
+				outlineColor: F
 			}
 		}
 	},
@@ -1071,7 +1142,7 @@ var h = s({
 		sm: {}
 	} },
 	defaultVariants: { size: "sm" }
-}), I = s({
+}), L = s({
 	slots: ne.keys(),
 	base: {
 		title: { textStyle: "heading/dialog" },
@@ -1089,7 +1160,7 @@ var h = s({
 		alignItems: "center",
 		justifyContent: "space-between"
 	} } } }
-}), L = o({ base: { borderColor: "border.subtle" } }), R = s({
+}), R = o({ base: { borderColor: "border.subtle" } }), z = s({
 	slots: l.keys(),
 	base: {
 		header: {
@@ -1099,7 +1170,7 @@ var h = s({
 		},
 		content: { bg: "bg" }
 	}
-}), z = s({
+}), B = s({
 	slots: [
 		"root",
 		"preview",
@@ -1225,13 +1296,15 @@ var h = s({
 			}
 		}
 	}
-}), B = s({
+}), V = s({
 	slots: [
 		"content",
 		"header",
 		"body",
 		"navigation",
 		"navigationButton",
+		"driveTrigger",
+		"driveLabel",
 		"path",
 		"filter",
 		"creation",
@@ -1272,6 +1345,19 @@ var h = s({
 			minWidth: "8",
 			px: "none"
 		},
+		driveTrigger: {
+			flexShrink: 0,
+			px: "xs",
+			gap: "xs",
+			"& svg": { boxSize: "icon-sm" }
+		},
+		driveLabel: {
+			px: "md",
+			pt: "xs",
+			pb: "2xs",
+			textStyle: "label/S/regular",
+			color: "fg.muted"
+		},
 		path: {
 			flex: 1,
 			minWidth: 0,
@@ -1305,10 +1391,10 @@ var h = s({
 			gap: "xs"
 		}
 	}
-}), V = s({
+}), H = s({
 	slots: u.keys(),
 	base: { legend: { mb: "2xs" } }
-}), H = "border.accent-light", U = o({
+}), U = "border.accent-light", W = o({
 	base: {
 		px: "sm",
 		borderRadius: "xs",
@@ -1321,21 +1407,21 @@ var h = s({
 		boxShadow: "none",
 		"--focus-color": "var(--chakra-colors-border-accent-light)",
 		"--focus-ring-style": "none",
-		_hover: { borderColor: H },
-		_active: { borderColor: H },
+		_hover: { borderColor: U },
+		_active: { borderColor: U },
 		_focus: {
-			borderColor: H,
+			borderColor: U,
 			outline: "none",
 			boxShadow: "none"
 		},
 		_focusVisible: {
-			borderColor: H,
+			borderColor: U,
 			outline: "none",
 			boxShadow: "none"
 		},
 		_placeholder: { color: "fg.subtle" },
-		"&:is(:hover, [data-hover])": { borderColor: H },
-		"&:is(:active, [data-active])": { borderColor: H }
+		"&:is(:hover, [data-hover])": { borderColor: U },
+		"&:is(:active, [data-active])": { borderColor: U }
 	},
 	variants: {
 		variant: {
@@ -1347,20 +1433,20 @@ var h = s({
 				boxShadow: "none",
 				"--focus-color": "var(--chakra-colors-border-accent-light)",
 				"--focus-ring-style": "none",
-				_hover: { borderColor: H },
-				_active: { borderColor: H },
+				_hover: { borderColor: U },
+				_active: { borderColor: U },
 				_focus: {
-					borderColor: H,
+					borderColor: U,
 					outline: "none",
 					boxShadow: "none"
 				},
 				_focusVisible: {
-					borderColor: H,
+					borderColor: U,
 					outline: "none",
 					boxShadow: "none"
 				},
-				"&:is(:hover, [data-hover])": { borderColor: H },
-				"&:is(:active, [data-active])": { borderColor: H }
+				"&:is(:hover, [data-hover])": { borderColor: U },
+				"&:is(:active, [data-active])": { borderColor: U }
 			},
 			borderless: {
 				bg: "transparent",
@@ -1423,7 +1509,7 @@ var h = s({
 		size: "sm",
 		variant: "outline"
 	}
-}), W = s({
+}), G = s({
 	slots: [
 		"root",
 		"header",
@@ -1441,7 +1527,7 @@ var h = s({
 		empty: { paddingX: "compact" },
 		scrollbar: { margin: "0" }
 	}
-}), G = o({
+}), le = o({
 	base: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -1504,10 +1590,10 @@ var h = s({
 		size: "md",
 		variant: "raised"
 	}
-}), le = o({ variants: { variant: { resource: {
+}), ue = o({ variants: { variant: { resource: {
 	textDecoration: "none",
 	_hover: { textDecoration: "none" }
-} } } }), ue = o({
+} } } }), de = o({
 	base: {
 		display: "flex",
 		alignItems: "center",
@@ -1536,7 +1622,7 @@ var h = s({
 		}
 	} },
 	defaultVariants: { visibility: "always" }
-}), de = s({
+}), fe = s({
 	slots: d.keys(),
 	base: {
 		itemGroupLabel: {
@@ -1630,7 +1716,7 @@ var h = s({
 			}
 		} } }
 	}
-}), fe = o({ base: {
+}), pe = o({ base: {
 	display: "grid",
 	gridTemplateRows: "0fr",
 	visibility: "hidden",
@@ -1646,7 +1732,7 @@ var h = s({
 		overflow: "hidden"
 	},
 	_motionReduce: { transition: "none" }
-} }), pe = o({ base: {
+} }), me = o({ base: {
 	transform: "rotate(0deg)",
 	transition: "transform {durations.tree-collapse} {easings.exit}",
 	"&[data-open=true]": {
@@ -1656,7 +1742,7 @@ var h = s({
 	},
 	"&:is([data-tree-list-virtual] *)": { transition: "none" },
 	_motionReduce: { transition: "none" }
-} }), me = o({ base: {
+} }), he = o({ base: {
 	visibility: "hidden",
 	opacity: "0",
 	transform: "translateY({spacing.2}) scale(0.96)",
@@ -1676,7 +1762,7 @@ var h = s({
 		transform: "none",
 		"&[data-open=true]": { _startingStyle: { transform: "none" } }
 	}
-} }), he = o({ base: {
+} }), ge = o({ base: {
 	visibility: "visible",
 	opacity: "1",
 	transform: "none",
@@ -1691,10 +1777,10 @@ var h = s({
 		transform: "none",
 		"&[data-open=true]": { transform: "none" }
 	}
-} }), ge = o({ base: { "& .streaming-text-chunk": {
+} }), _e = o({ base: { "& .streaming-text-chunk": {
 	animation: "text-chunk {durations.text-chunk} {easings.enter}",
 	_motionReduce: { animation: "none" }
-} } }), _e = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", ve = s({
+} } }), ve = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", ye = s({
 	slots: f.keys(),
 	base: {
 		root: {
@@ -1702,7 +1788,7 @@ var h = s({
 			zIndex: "0",
 			isolation: "isolate",
 			boxShadow: "none",
-			"--number-input-border-color": _e,
+			"--number-input-border-color": ve,
 			"&: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 }
@@ -1873,7 +1959,7 @@ var h = s({
 		size: "sm",
 		variant: "outline"
 	}
-}), ye = s({
+}), be = s({
 	slots: [
 		"positioner",
 		"content",
@@ -1914,7 +2000,19 @@ var h = s({
 			minH: 0
 		}
 	} } }
-}), be = s({
+}), xe = o({ base: {
+	position: "absolute",
+	insetInline: "0",
+	top: "0",
+	h: "2",
+	zIndex: "2",
+	outline: "none",
+	_focusVisible: {
+		outline: "2px solid",
+		outlineColor: "border.accent",
+		outlineOffset: "-2px"
+	}
+} }), Se = s({
 	slots: p.keys(),
 	base: {
 		positioner: { _focus: { outline: "none" } },
@@ -1928,6 +2026,7 @@ var h = s({
 		},
 		content: {
 			gap: "8px",
+			px: "sm",
 			py: "xs",
 			borderRadius: "xs",
 			bg: "bg",
@@ -1942,33 +2041,33 @@ var h = s({
 			textStyle: "label/M/medium",
 			bg: "bg"
 		},
-		body: { textStyle: "primary" },
-		footer: {}
+		header: { padding: "0" },
+		body: {
+			padding: "0",
+			textStyle: "primary"
+		},
+		footer: { padding: "0" }
 	},
 	variants: {
 		variant: {
 			panel: {
 				content: {
 					"--popover-size": "sizes.popover-panel",
-					padding: "md",
 					gap: "md",
 					borderColor: "border"
 				},
-				header: { padding: "0" },
-				title: { textStyle: "label/M/medium" },
-				body: { padding: "0" },
-				footer: { padding: "0" }
+				title: { textStyle: "label/M/medium" }
 			},
 			responsive: { content: { width: "unset" } }
 		},
 		size: { "2xl": { content: { width: "2xl" } } }
 	}
-}), xe = m.variants?.size ?? {}, Se = {
-	...m,
+}), Ce = h.variants?.size ?? {}, we = {
+	...h,
 	variants: {
-		...m.variants,
+		...h.variants,
 		size: {
-			...xe,
+			...Ce,
 			"2xs": {
 				circle: {
 					"--size": "14px",
@@ -2003,7 +2102,7 @@ var h = s({
 		overflow: "visible"
 	},
 	separator: { display: "none" }
-}, Ce = s({
+}, Te = s({
 	slots: [
 		"root",
 		"resizablePanel",
@@ -2157,7 +2256,7 @@ var h = s({
 		layout: "split",
 		separator: "gap"
 	}
-}), we = s({
+}), Ee = s({
 	slots: [
 		"root",
 		"viewport",
@@ -2191,10 +2290,10 @@ var h = s({
 		"--scrollbar-size": "sizes.scrollbar-thin",
 		"--scrollbar-click-area": "spacing.xs"
 	} } } }
-}), Te = o({ base: {
+}), De = o({ base: {
 	"--start-color": "fg",
 	"--end-color": "fg.muted"
-} }), J = "calc({sizes.chat-user-preview} - {sizes.chat-user-footer})", Ee = s({
+} }), J = "calc({sizes.chat-user-preview} - {sizes.chat-user-footer})", Oe = s({
 	slots: [
 		"root",
 		"viewport",
@@ -2262,8 +2361,8 @@ var h = s({
 		},
 		footer: { _before: { display: "none" } }
 	} } }
-}), De = s({
-	slots: re.keys(),
+}), ke = s({
+	slots: m.keys(),
 	base: {
 		control: {
 			alignItems: "center",
@@ -2305,8 +2404,8 @@ var h = s({
 		},
 		thumb: { _checked: { bg: "fg.inverted" } }
 	} } }
-}), Oe = s({
-	slots: ie.keys(),
+}), Ae = s({
+	slots: re.keys(),
 	base: {
 		root: { "--tabs-trigger-radius": "radii.xs" },
 		list: {
@@ -2427,8 +2526,8 @@ var h = s({
 		size: "xs",
 		variant: "subtle"
 	}
-}), ke = s({
-	slots: ae.keys(),
+}), je = s({
+	slots: ie.keys(),
 	base: {
 		root: {
 			display: "inline-flex",
@@ -2484,7 +2583,7 @@ var h = s({
 		}
 	},
 	variants: {
-		variant: { ticket: { root: k } },
+		variant: { ticket: { root: A } },
 		size: { composer: { root: {
 			height: "7",
 			minH: "7",
@@ -2497,7 +2596,7 @@ var h = s({
 		variant: "ticket",
 		size: "composer"
 	}
-}), Y = "border.accent-light", Ae = o({
+}), Y = "border.accent-light", Me = o({
 	base: {
 		paddingX: "sm",
 		paddingY: "xs",
@@ -2583,8 +2682,8 @@ var h = s({
 		size: "sm",
 		variant: "outline"
 	}
-}), je = s({
-	slots: oe.keys(),
+}), Ne = s({
+	slots: ae.keys(),
 	base: {
 		root: {
 			display: "flex",
@@ -2715,8 +2814,8 @@ var h = s({
 		variant: "solid",
 		showLastSeparator: !1
 	}
-}), Me = s({
-	slots: se.keys(),
+}), Pe = s({
+	slots: oe.keys(),
 	base: { content: {
 		bg: "bg.inverted",
 		borderRadius: "xs",
@@ -2727,27 +2826,27 @@ var h = s({
 			borderColor: "border.inverted"
 		}
 	} }
-}), Ne = /* @__PURE__ */ new Set([
+}), Fe = /* @__PURE__ */ new Set([
 	"boxShadow",
 	"boxShadowColor",
 	"textShadow"
-]), X = /shadow/i, Pe = (e) => {
+]), X = /shadow/i, Ie = (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" ? Pe(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
-	if (Ne.has(e) || X.test(e)) return [];
+}, Z = (e) => Array.isArray(e) ? e.map(Z).filter((e) => e !== void 0) : typeof e == "string" ? Ie(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
+	if (Fe.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;
-}, Fe = {
+}, Le = {
 	badge: ["surface"],
 	button: ["secondary", "surface"]
-}, Ie = (e) => {
+}, $ = (e) => {
 	let t = { ...e ?? {} };
-	for (let [e, n] of Object.entries(Fe)) {
+	for (let [e, n] of Object.entries(Le)) {
 		let r = t[e];
 		if (!r || typeof r != "object") continue;
 		let i = r, a = i.variants, o = a?.variant;
@@ -2762,24 +2861,24 @@ var h = s({
 		};
 	}
 	return t;
-}, Le = {
+}, Re = {
 	...r,
 	theme: {
 		...r.theme,
 		tokens: Q(r.theme?.tokens),
 		semanticTokens: Q(r.theme?.semanticTokens),
-		recipes: Ie(Z(r.theme?.recipes)),
+		recipes: $(Z(r.theme?.recipes)),
 		slotRecipes: Z(r.theme?.slotRecipes),
 		layerStyles: Z(r.theme?.layerStyles),
 		animationStyles: Z(r.theme?.animationStyles)
 	}
-}, $ = {
+}, ze = {
 	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}" }
-}, Re = {
+}, Be = {
 	fg: {
 		DEFAULT: { value: {
 			_light: "{colors.blacks.800}",
@@ -3204,7 +3303,7 @@ var h = s({
 		_light: "{colors.blacks.800}",
 		_dark: "{colors.blacks.800}"
 	} } } }
-}, ze = a({
+}, Ve = a({
 	chatContent: { value: {
 		width: "full",
 		minWidth: "0",
@@ -3294,7 +3393,7 @@ var h = s({
 		border: "1px solid",
 		borderColor: "border"
 	} }
-}), Be = c({
+}), He = c({
 	"heading/dialog": { value: {
 		fontFamily: "heading",
 		fontSize: "0.9375rem",
@@ -3540,9 +3639,9 @@ var h = s({
 		color: "fg",
 		letterSpacing: "0.14px"
 	} }
-}), Ve = i({
+}), Ue = i({
 	conditions: { startingStyle: "@starting-style" },
-	globalCss: ce,
+	globalCss: se,
 	utilities: { WebkitAppRegion: {
 		values: ["drag", "no-drag"],
 		transform: (e) => ({ WebkitAppRegion: e })
@@ -3552,29 +3651,30 @@ var h = s({
 			"3xl": "2560px",
 			"4xl": "3840px"
 		},
-		textStyles: Be,
-		layerStyles: ze,
+		textStyles: He,
+		layerStyles: Ve,
 		recipes: {
-			bubbleLauncher: he,
-			bubblePanel: me,
-			streamingText: ge,
-			treeChevron: pe,
-			treeReveal: fe,
+			panelHeaderEdge: xe,
+			bubbleLauncher: ge,
+			bubblePanel: he,
+			streamingText: _e,
+			treeChevron: me,
+			treeReveal: pe,
 			chatQuestionBubble: e,
-			badge: A,
-			button: M,
-			divider: L,
-			input: U,
-			kbd: G,
-			link: le,
-			listRowAccessory: ue,
-			skeleton: Te,
-			textarea: Ae
+			badge: j,
+			button: N,
+			divider: R,
+			input: W,
+			kbd: le,
+			link: ue,
+			listRowAccessory: de,
+			skeleton: De,
+			textarea: Me
 		},
 		tokens: {
 			durations: x,
 			easings: S,
-			colors: _,
+			colors: ce,
 			borderWidths: E,
 			fonts: v,
 			fontSizes: y,
@@ -3584,39 +3684,39 @@ var h = s({
 			spacing: w
 		},
 		semanticTokens: {
-			colors: Re,
-			borders: $
+			colors: Be,
+			borders: ze
 		},
 		slotRecipes: {
-			kanbanBoardColumn: W,
-			stickyUserMessage: Ee,
-			scrollArea: we,
+			kanbanBoardColumn: G,
+			stickyUserMessage: Oe,
+			scrollArea: Ee,
 			queuedFollowUp: t,
-			tag: ke,
-			checkbox: N,
-			windowTitleBar: h,
-			windowTabs: g,
-			resizableSplitLayout: Ce,
-			alert: O,
-			colorPicker: F,
-			drawer: R,
-			tooltip: Me,
-			popover: be,
-			menu: de,
-			numberInput: ve,
-			palette: ye,
-			editable: z,
-			form: V,
-			dialog: I,
-			folderPicker: B,
-			progressCircle: Se,
-			switch: De,
-			tabs: Oe,
-			timeline: je
+			tag: je,
+			checkbox: P,
+			windowTitleBar: g,
+			windowTabs: _,
+			resizableSplitLayout: Te,
+			alert: k,
+			colorPicker: I,
+			drawer: z,
+			tooltip: Pe,
+			popover: Se,
+			menu: fe,
+			numberInput: ye,
+			palette: be,
+			editable: B,
+			form: H,
+			dialog: L,
+			folderPicker: V,
+			progressCircle: we,
+			switch: ke,
+			tabs: Ae,
+			timeline: Ne
 		}
 	}
-}), He = n(Le, Ve);
+}), We = n(Re, Ue);
 //#endregion
-export { g as n, h as r, He as t };
+export { _ as n, g as r, We as t };
 
-//# sourceMappingURL=theme-Chgjys_o.js.map
+//# sourceMappingURL=theme-BsStBWWL.js.map