@pstdio/ui 0.40.0 → 0.41.0

package/dist/{theme-CbmSEbRF.js → theme-at0rtSnX.js}

@@ -1,17 +1,9 @@
-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";
+import { t as e } from "./chat-question-bubble-w2vMbFsS.js";
+import { createSystem as t, defaultConfig as n, defineConfig as r, defineLayerStyles as i, defineRecipe as a, defineSlotRecipe as o, defineTextStyles as s } from "@chakra-ui/react";
+import { alertAnatomy as c, colorPickerAnatomy as ee, dialogAnatomy as te, drawerAnatomy as ne, fieldsetAnatomy as l, menuAnatomy as u, numberInputAnatomy as d, popoverAnatomy as f, switchAnatomy as p, tabsAnatomy as m, tagAnatomy as re, timelineAnatomy as ie, tooltipAnatomy as ae } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as h } from "@chakra-ui/react/theme";
 //#region src/theme/recipes/window-title-bar.ts
-var h = a({
+var g = o({
 	className: "ps-window-title-bar",
 	slots: ["root", "content"],
 	base: {
@@ -46,7 +38,7 @@ var h = a({
 		} }
 	} },
 	defaultVariants: { controls: "overlay" }
-}), g = a({
+}), _ = o({
 	className: "ps-window-tabs",
 	slots: [
 		"list",
@@ -142,72 +134,7 @@ var h = a({
 			}
 		}
 	}
-}), 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 = {
+}), v = {
 	"*::selection": {
 		bg: {
 			base: "bg.accent-secondary.blue-medium",
@@ -254,7 +181,7 @@ var h = a({
 	},
 	"@media (min-width: 2560px)": { html: { fontSize: "1.25rem" } },
 	"@media (min-width: 3840px)": { html: { fontSize: "1.5rem" } }
-}, S = {
+}, y = {
 	windowControl: {
 		close: { value: "#FF5F57" },
 		minimize: { value: "#FEBC2E" },
@@ -457,14 +384,71 @@ var h = a({
 	mint: {
 		100: { value: "#D3ECEE" },
 		200: { value: "#B3DEE2" }
+	},
+	terminal: {
+		light: {
+			background: { value: "#f4f4f5" },
+			foreground: { value: "#171717" },
+			cursor: { value: "#171717" },
+			cursorAccent: { value: "#000000" },
+			selectionBackground: { value: "#d4d4d8" },
+			black: { value: "#27272a" },
+			red: { value: "#dc2626" },
+			green: { value: "#16a34a" },
+			yellow: { value: "#ca8a04" },
+			blue: { value: "#2563eb" },
+			magenta: { value: "#c026d3" },
+			cyan: { value: "#0891b2" },
+			white: { value: "#e4e4e7" },
+			brightBlack: { value: "#52525b" },
+			brightRed: { value: "#ef4444" },
+			brightGreen: { value: "#22c55e" },
+			brightYellow: { value: "#eab308" },
+			brightBlue: { value: "#3b82f6" },
+			brightMagenta: { value: "#d946ef" },
+			brightCyan: { value: "#06b6d4" },
+			brightWhite: { value: "#fafafa" }
+		},
+		dark: {
+			background: { value: "#0a0a0a" },
+			foreground: { value: "#fafafa" },
+			cursor: { value: "#fafafa" },
+			cursorAccent: { value: "#000000" },
+			selectionBackground: { value: "#3f3f46" },
+			black: { value: "#27272a" },
+			red: { value: "#f87171" },
+			green: { value: "#4ade80" },
+			yellow: { value: "#facc15" },
+			blue: { value: "#60a5fa" },
+			magenta: { value: "#e879f9" },
+			cyan: { value: "#22d3ee" },
+			white: { value: "#e4e4e7" },
+			brightBlack: { value: "#52525b" },
+			brightRed: { value: "#fca5a5" },
+			brightGreen: { value: "#86efac" },
+			brightYellow: { value: "#fde047" },
+			brightBlue: { value: "#93c5fd" },
+			brightMagenta: { value: "#f0abfc" },
+			brightCyan: { value: "#67e8f9" },
+			brightWhite: { value: "#fafafa" }
+		}
+	},
+	codeEditor: {
+		background: { value: "#0a0d15" },
+		foreground: { value: "#f5f5f5" },
+		lineHighlightBackground: { value: "#22252C" },
+		cursor: { value: "#A7A7A7" },
+		whitespace: { value: "#3B3B3B" },
+		indentGuide: { value: "#404040" },
+		indentGuideActive: { value: "#707070" }
 	}
-}, C = {
+}, b = {
 	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 = {
+}, x = {
 	"2xs": { value: "0.5rem" },
 	xs: { value: "0.625rem" },
 	sm: { value: "0.75rem" },
@@ -482,12 +466,12 @@ var h = a({
 	"icon-sm": { value: "1rem" },
 	"icon-md": { value: "1.25rem" },
 	"icon-lg": { value: "1.25rem" }
-}, T = {
+}, S = {
 	regular: { value: 400 },
 	medium: { value: 500 },
 	semibold: { value: 600 },
 	bold: { value: 700 }
-}, E = {
+}, C = {
 	0: "0rem",
 	25: "0.125rem",
 	50: "0.25rem",
@@ -508,77 +492,85 @@ var h = a({
 	2e3: "10rem",
 	3e3: "15rem",
 	4e3: "20rem"
-}, D = {
+}, w = {
 	"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] },
+	"3xs": { value: C[25] },
+	"2xs": { value: C[50] },
+	xs: { value: C[100] },
 	compact: { value: "0.625rem" },
-	sm: { value: E[150] },
+	sm: { value: C[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 = {
+	md: { value: C[200] },
+	lg: { value: C[300] },
+	xl: { value: C[400] },
+	"2xl": { value: C[500] },
+	"3xl": { value: C[600] },
+	"3.5xl": { value: C[700] },
+	"4xl": { value: C[800] },
+	"4.5xl": { value: C[900] },
+	"5xl": { value: C[1600] },
+	"panel-gap": { value: C[50] },
+	"performance-bar-gap": { value: "1px" }
+}, T = {
+	"status-dot": { value: "0.375rem" },
+	"performance-bar": { value: C[25] },
+	"performance-meter": { value: "0.625rem" },
+	"performance-chart": { value: "2.25rem" },
+	"performance-popover": { value: "23.75rem" },
 	"folder-picker-width": { value: "36.5rem" },
 	"folder-picker-height": { value: "31rem" },
 	"folder-picker-header": { value: "3.25rem" },
-	"panel-gap": { value: E[50] },
+	"panel-gap": { value: C[50] },
 	"window-title-bar": { value: "2.75rem" },
 	"window-tab": { value: "1.75rem" },
 	"window-tab-close": { value: "0.8125rem" },
-	"tab-min": { value: E[600] },
+	"tab-min": { value: C[600] },
 	"tab-label-max": { value: "8.875rem" },
-	"window-tab-min": { value: E[800] },
+	"window-tab-min": { value: C[800] },
 	"window-tab-label-max": { value: "11.0625rem" },
 	"mobile-titlebar": { value: "3.25rem" },
 	"collection-row": { value: "2.125rem" },
-	"drop-indicator": { value: E[25] },
+	"drop-indicator": { value: C[25] },
 	"tree-empty-drop-zone": { value: "1.75rem" },
-	"filter-pill": { value: E[300] },
-	"icon-2xs": { value: E[150] },
+	"filter-pill": { value: C[300] },
+	"filter-picker-height": { value: "30rem" },
+	"icon-2xs": { value: C[150] },
 	"icon-xs": { value: "0.875rem" },
-	"icon-sm": { value: E[200] },
-	"icon-md": { value: E[250] },
-	"tag-color-dot": { value: E[250] },
+	"icon-sm": { value: C[200] },
+	"icon-md": { value: C[250] },
+	"tag-color-dot": { value: C[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-row": { value: C[500] },
 	"tag-editor-add-row": { value: "2.25rem" },
-	"tag-editor-lead": { value: E[600] },
+	"tag-editor-lead": { value: C[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] },
+	"segmented-control-xs": { value: C[300] },
+	"segmented-control-item-sm": { value: C[300] },
+	"segmented-control-item-xs": { value: C[250] },
+	"tag-action-menu": { value: C[2e3] },
+	"view-bar": { value: C[500] },
 	"view-subheader": { value: "2.25rem" }
-}, k = { selection: { value: "0.09375rem" } }, A = {
+}, E = { selection: { value: "0.09375rem" } }, D = {
 	none: { value: "0" },
-	"2xs": { value: E[25] },
-	xs: { value: E[50] },
+	"2xs": { value: C[25] },
+	xs: { value: C[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(),
+	sm: { value: C[100] },
+	md: { value: C[150] },
+	lg: { value: C[200] },
+	xl: { value: C[400] },
+	full: { value: "100%" },
+	pill: { value: "9999px" }
+}, O = o({
+	slots: c.keys(),
 	base: {
 		root: {
 			px: "xs",
@@ -639,12 +631,22 @@ var h = a({
 			}
 		}
 	]
-}), M = i({
+}), k = {
+	bg: {
+		_light: "bg.muted",
+		_dark: "bg.subtle"
+	},
+	color: "fg.muted",
+	_hover: { bg: {
+		_light: "bg.subtle",
+		_dark: "bg.hover"
+	} }
+}, A = a({
 	className: "chakra-badge",
 	base: {
 		display: "inline-flex",
 		alignItems: "center",
-		borderRadius: "9999px",
+		borderRadius: "pill",
 		gap: "1",
 		fontWeight: "medium",
 		fontVariantNumeric: "tabular-nums",
@@ -653,6 +655,7 @@ var h = a({
 	},
 	variants: {
 		variant: {
+			ticket: k,
 			solid: {
 				bg: "colorPalette.solid",
 				color: "colorPalette.contrast"
@@ -711,7 +714,17 @@ var h = a({
 		variant: "subtle",
 		size: "sm"
 	}
-}), N = i({
+}), j = {
+	color: "fg",
+	bg: "transparent",
+	borderRadius: "0",
+	border: "none",
+	borderRightWidth: "1px",
+	borderRightStyle: "solid",
+	borderRightColor: "border.subtle",
+	_hover: { bg: "bg.hover" },
+	_expanded: { bg: "bg.active" }
+}, M = a({
 	base: {
 		borderRadius: "xs",
 		transition: "all 0.1s ease-in-out",
@@ -805,6 +818,11 @@ var h = a({
 					_hover: { bg: "transparent" }
 				}
 			},
+			"filter-segment": j,
+			"filter-condition": {
+				...j,
+				color: "fg.muted"
+			},
 			"ghost-static": {
 				color: "fg",
 				bg: "transparent",
@@ -871,8 +889,26 @@ var h = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), P = "border.accent-light", F = a({
-	slots: c.keys(),
+}), N = o({
+	slots: [
+		"root",
+		"control",
+		"indicator",
+		"label",
+		"group"
+	],
+	base: { control: { borderRadius: "xs" } },
+	variants: { size: { xs: {
+		root: { gap: "2xs" },
+		control: {
+			boxSize: "3",
+			borderRadius: "2xs"
+		},
+		indicator: { boxSize: "2.5" },
+		label: { textStyle: "label/XS" }
+	} } }
+}), P = "border.accent-light", F = o({
+	slots: ee.keys(),
 	base: {
 		control: {
 			display: "flex",
@@ -975,8 +1011,8 @@ var h = a({
 		sm: {}
 	} },
 	defaultVariants: { size: "sm" }
-}), I = a({
-	slots: ee.keys(),
+}), I = o({
+	slots: te.keys(),
 	base: {
 		title: { textStyle: "heading/dialog" },
 		content: {
@@ -987,8 +1023,8 @@ var h = a({
 			overflow: "hidden"
 		}
 	}
-}), L = i({ base: { borderColor: "border.subtle" } }), R = a({
-	slots: te.keys(),
+}), L = a({ base: { borderColor: "border.subtle" } }), R = o({
+	slots: ne.keys(),
 	base: {
 		header: {
 			fontWeight: "medium",
@@ -997,8 +1033,9 @@ var h = a({
 		},
 		content: { bg: "bg" }
 	}
-}), z = a({
+}), z = o({
 	slots: [
+		"root",
 		"preview",
 		"input",
 		"textarea"
@@ -1048,51 +1085,81 @@ var h = a({
 			_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"
+	variants: {
+		variant: { "filter-segment": { input: {
+			bg: "transparent",
+			_focusVisible: { outline: "none" }
+		} } },
+		size: {
+			xs: {
+				root: {
+					display: "inline-flex",
+					alignItems: "center"
+				},
+				preview: {
+					textStyle: "label/XS",
+					lineHeight: "1rem",
+					px: "xs",
+					minH: "5",
+					alignContent: "center"
+				},
+				input: {
+					textStyle: "label/XS",
+					lineHeight: "1rem",
+					px: "xs",
+					minH: "5"
+				},
+				textarea: {
+					textStyle: "label/XS",
+					lineHeight: "1rem",
+					px: "xs"
+				}
 			},
-			textarea: {
-				textStyle: "label/M/medium",
-				lineHeight: "1.375rem"
-			}
-		},
-		lg: {
-			preview: {
-				textStyle: "label/L/medium",
-				lineHeight: "1.5rem"
+			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"
+				}
 			},
-			input: {
-				textStyle: "label/L/medium",
-				lineHeight: "1.5rem"
+			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"
+				}
 			},
-			textarea: {
-				textStyle: "label/L/medium",
-				lineHeight: "1.5rem"
+			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({
+	}
+}), B = o({
 	slots: [
 		"content",
 		"header",
@@ -1172,10 +1239,10 @@ var h = a({
 			gap: "xs"
 		}
 	}
-}), V = a({
-	slots: ne.keys(),
+}), V = o({
+	slots: l.keys(),
 	base: { legend: { mb: "2xs" } }
-}), H = "border.accent-light", U = i({
+}), H = "border.accent-light", U = a({
 	base: {
 		px: "sm",
 		borderRadius: "xs",
@@ -1290,7 +1357,7 @@ var h = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), W = i({
+}), W = a({
 	base: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -1353,8 +1420,8 @@ var h = a({
 		size: "md",
 		variant: "raised"
 	}
-}), oe = a({
-	slots: l.keys(),
+}), G = o({
+	slots: u.keys(),
 	base: {
 		itemGroupLabel: {
 			ml: "{2xs}",
@@ -1410,6 +1477,7 @@ var h = a({
 		},
 		separator: {
 			my: "0",
+			mx: "0",
 			borderColor: "border.subtle"
 		},
 		content: {
@@ -1426,7 +1494,7 @@ var h = a({
 			bg: "bg",
 			borderWidth: "1px",
 			borderStyle: "solid",
-			borderColor: "border",
+			borderColor: "border.subtle",
 			textStyle: "label/M/regular"
 		}
 	},
@@ -1435,15 +1503,15 @@ var h = a({
 		minWidth: "64",
 		maxWidth: "64"
 	} } } }
-}), G = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", q = a({
-	slots: u.keys(),
+}), oe = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", q = o({
+	slots: d.keys(),
 	base: {
 		root: {
 			position: "relative",
 			zIndex: "0",
 			isolation: "isolate",
 			boxShadow: "none",
-			"--number-input-border-color": G,
+			"--number-input-border-color": oe,
 			"&: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 }
@@ -1614,8 +1682,8 @@ var h = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), se = a({
-	slots: d.keys(),
+}), se = o({
+	slots: f.keys(),
 	base: {
 		positioner: { _focus: { outline: "none" } },
 		closeTrigger: {
@@ -1633,7 +1701,8 @@ var h = a({
 			bg: "bg",
 			borderWidth: "1px",
 			borderStyle: "solid",
-			borderColor: "border",
+			borderColor: "border.subtle",
+			overflow: "visible",
 			_focus: { outline: "none" }
 		},
 		title: {
@@ -1648,10 +1717,10 @@ var h = a({
 		variant: { responsive: { content: { width: "unset" } } },
 		size: { "2xl": { content: { width: "2xl" } } }
 	}
-}), ce = m.variants?.size ?? {}, le = {
-	...m,
+}), ce = h.variants?.size ?? {}, le = {
+	...h,
 	variants: {
-		...m.variants,
+		...h.variants,
 		size: {
 			...ce,
 			"2xs": {
@@ -1683,7 +1752,7 @@ var h = a({
 		overflow: "visible"
 	},
 	separator: { display: "none" }
-}, ue = a({
+}, ue = o({
 	slots: [
 		"root",
 		"resizablePanel",
@@ -1771,11 +1840,11 @@ var h = a({
 		orientation: "horizontal",
 		layout: "split"
 	}
-}), de = i({ base: {
+}), de = a({ base: {
 	"--start-color": "fg",
 	"--end-color": "fg.muted"
-} }), fe = a({
-	slots: f.keys(),
+} }), fe = o({
+	slots: p.keys(),
 	base: {
 		control: {
 			alignItems: "center",
@@ -1817,8 +1886,8 @@ var h = a({
 		},
 		thumb: { _checked: { bg: "fg.inverted" } }
 	} } }
-}), pe = a({
-	slots: p.keys(),
+}), pe = o({
+	slots: m.keys(),
 	base: {
 		root: { "--tabs-trigger-radius": "radii.xs" },
 		list: {
@@ -1943,7 +2012,77 @@ var h = a({
 		size: "xs",
 		variant: "subtle"
 	}
-}), Y = "border.accent-light", me = i({
+}), me = o({
+	slots: re.keys(),
+	base: {
+		root: {
+			display: "inline-flex",
+			alignItems: "center",
+			borderRadius: "pill",
+			gap: "2xs",
+			minW: "0",
+			maxW: "64",
+			flexShrink: "1"
+		},
+		label: {
+			minW: "0",
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+			textOverflow: "ellipsis",
+			cursor: "pointer",
+			_focusVisible: {
+				outline: "2px solid",
+				outlineColor: "border",
+				outlineOffset: "2px"
+			}
+		},
+		startElement: {
+			"& [data-status-dot]": {
+				display: "block",
+				boxSize: "status-dot",
+				borderRadius: "full",
+				bg: "fg.muted"
+			},
+			"& [data-tone=success]": { bg: "fg.success" },
+			"& [data-tone=info]": { bg: "fg.info" },
+			"& [data-tone=warning]": { bg: "fg.warning" },
+			"& [data-tone=error]": { bg: "fg.error" }
+		},
+		closeTrigger: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			boxSize: "4",
+			flexShrink: "0",
+			borderRadius: "full",
+			cursor: "pointer",
+			_hover: { bg: "bg.hover" },
+			_disabled: {
+				cursor: "not-allowed",
+				opacity: "0.5"
+			},
+			_focusVisible: {
+				outline: "2px solid",
+				outlineColor: "border"
+			},
+			"& svg": { boxSize: "3" }
+		}
+	},
+	variants: {
+		variant: { ticket: { root: k } },
+		size: { composer: { root: {
+			height: "7",
+			minH: "7",
+			px: "xs",
+			py: "0",
+			textStyle: "label/S/medium"
+		} } }
+	},
+	defaultVariants: {
+		variant: "ticket",
+		size: "composer"
+	}
+}), Y = "border.accent-light", he = a({
 	base: {
 		paddingX: "sm",
 		paddingY: "xs",
@@ -2029,8 +2168,8 @@ var h = a({
 		size: "sm",
 		variant: "outline"
 	}
-}), he = a({
-	slots: re.keys(),
+}), ge = o({
+	slots: ie.keys(),
 	base: {
 		root: {
 			display: "flex",
@@ -2161,34 +2300,34 @@ var h = a({
 		variant: "solid",
 		showLastSeparator: !1
 	}
-}), ge = a({
-	slots: ie.keys(),
+}), _e = o({
+	slots: ae.keys(),
 	base: { content: {
 		bg: "bg.inverted",
 		borderRadius: "xs",
 		color: "fg.inverted"
 	} }
-}), _e = /* @__PURE__ */ new Set([
+}), ve = /* @__PURE__ */ new Set([
 	"boxShadow",
 	"boxShadowColor",
 	"textShadow"
-]), X = /shadow/i, ve = (e) => {
+]), X = /shadow/i, ye = (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 [];
+}, Z = (e) => Array.isArray(e) ? e.map(Z).filter((e) => e !== void 0) : typeof e == "string" ? ye(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
+	if (ve.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 = {
+}, be = {
 	badge: ["surface"],
 	button: ["secondary", "surface"]
-}, be = (e) => {
+}, $ = (e) => {
 	let t = { ...e ?? {} };
-	for (let [e, n] of Object.entries(ye)) {
+	for (let [e, n] of Object.entries(be)) {
 		let r = t[e];
 		if (!r || typeof r != "object") continue;
 		let i = r, a = i.variants, o = a?.variant;
@@ -2204,15 +2343,15 @@ var h = a({
 	}
 	return t;
 }, xe = {
-	...t,
+	...n,
 	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)
+		...n.theme,
+		tokens: Q(n.theme?.tokens),
+		semanticTokens: Q(n.theme?.semanticTokens),
+		recipes: $(Z(n.theme?.recipes)),
+		slotRecipes: Z(n.theme?.slotRecipes),
+		layerStyles: Z(n.theme?.layerStyles),
+		animationStyles: Z(n.theme?.animationStyles)
 	}
 }, Se = {
 	DEFAULT: { value: "1px solid {colors.border}" },
@@ -2645,7 +2784,43 @@ var h = a({
 		_light: "{colors.blacks.800}",
 		_dark: "{colors.blacks.800}"
 	} } } }
-}, $ = r({
+}, we = i({
+	statusBarItem: { value: {
+		position: "relative",
+		minWidth: "0",
+		height: "full",
+		"&[data-sortable]": { cursor: "grab" },
+		"&[data-dragging]": { opacity: .5 }
+	} },
+	dropIndicator: { value: {
+		position: "absolute",
+		zIndex: "1",
+		borderRadius: "2xs",
+		bg: "bg.accent-primary.default",
+		pointerEvents: "none"
+	} },
+	tabDropZone: { value: {
+		bg: "bg.accent-primary.default/4",
+		color: "fg.muted",
+		borderWidth: "1px",
+		borderColor: "bg.accent-primary.default",
+		borderRadius: "inherit"
+	} },
+	filterPicker: { value: { height: "min({sizes.filter-picker-height}, calc(100dvh - {spacing.xl}))" } },
+	filterLabel: { value: {
+		paddingInline: "xs",
+		borderRightWidth: "1px",
+		borderColor: "border.subtle",
+		height: "full",
+		display: "inline-flex"
+	} },
+	filterPill: { value: {
+		height: "filter-pill",
+		borderWidth: "1px",
+		borderColor: "border.subtle",
+		borderRadius: "xs",
+		bg: "bg.muted"
+	} },
 	floatingBar: { value: {
 		paddingInline: "sm",
 		paddingBlock: "2xs",
@@ -2684,7 +2859,7 @@ var h = a({
 		border: "1px solid",
 		borderColor: "border"
 	} }
-}), we = o({
+}), Te = s({
 	"heading/dialog": { value: {
 		fontFamily: "heading",
 		fontSize: "0.9375rem",
@@ -2867,6 +3042,18 @@ var h = a({
 		fontWeight: "400",
 		lineHeight: "150%"
 	} },
+	"mono/3XL/semibold": { value: {
+		fontFamily: "mono",
+		fontSize: "3xl",
+		fontWeight: "600",
+		lineHeight: "100%"
+	} },
+	"mono/S": { value: {
+		fontFamily: "mono",
+		fontSize: "sm",
+		fontWeight: "400",
+		lineHeight: "160%"
+	} },
 	"paragraph/S/regular": { value: {
 		fontFamily: "body",
 		fontSize: "sm",
@@ -2918,8 +3105,8 @@ var h = a({
 		color: "fg",
 		letterSpacing: "0.14px"
 	} }
-}), Te = n({
-	globalCss: x,
+}), Ee = r({
+	globalCss: v,
 	utilities: { WebkitAppRegion: {
 		values: ["drag", "no-drag"],
 		transform: (e) => ({ WebkitAppRegion: e })
@@ -2929,41 +3116,44 @@ var h = a({
 			"3xl": "2560px",
 			"4xl": "3840px"
 		},
-		textStyles: we,
-		layerStyles: $,
+		textStyles: Te,
+		layerStyles: we,
 		recipes: {
-			badge: M,
-			button: N,
+			chatQuestionBubble: e,
+			badge: A,
+			button: M,
 			divider: L,
 			input: U,
 			kbd: W,
 			skeleton: de,
-			textarea: me
+			textarea: he
 		},
 		tokens: {
-			colors: S,
-			borderWidths: k,
-			fonts: C,
-			fontSizes: w,
-			fontWeights: T,
-			radii: A,
-			sizes: O,
-			spacing: D
+			colors: y,
+			borderWidths: E,
+			fonts: b,
+			fontSizes: x,
+			fontWeights: S,
+			radii: D,
+			sizes: T,
+			spacing: w
 		},
 		semanticTokens: {
 			colors: Ce,
 			borders: Se
 		},
 		slotRecipes: {
-			windowTitleBar: h,
-			windowTabs: g,
+			tag: me,
+			checkbox: N,
+			windowTitleBar: g,
+			windowTabs: _,
 			resizableSplitLayout: ue,
-			alert: j,
+			alert: O,
 			colorPicker: F,
 			drawer: R,
-			tooltip: ge,
+			tooltip: _e,
 			popover: se,
-			menu: oe,
+			menu: G,
 			numberInput: q,
 			editable: z,
 			form: V,
@@ -2972,11 +3162,11 @@ var h = a({
 			progressCircle: le,
 			switch: fe,
 			tabs: pe,
-			timeline: he
+			timeline: ge
 		}
 	}
-}), Ee = e(xe, Te);
+}), De = t(xe, Ee);
 //#endregion
-export { h as a, g as i, y as n, b as r, Ee as t };
+export { _ as n, g as r, De as t };
 
-//# sourceMappingURL=theme-CbmSEbRF.js.map
+//# sourceMappingURL=theme-at0rtSnX.js.map