@pstdio/ui 0.41.0 → 0.42.0

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

@@ -1,9 +1,9 @@
-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 { 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 l, drawerAnatomy as u, fieldsetAnatomy as d, menuAnatomy as f, numberInputAnatomy as p, popoverAnatomy as m, switchAnatomy as ne, 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 g = o({
+var g = s({
 	className: "ps-window-title-bar",
 	slots: ["root", "content"],
 	base: {
@@ -38,7 +38,7 @@ var g = o({
 		} }
 	} },
 	defaultVariants: { controls: "overlay" }
-}), _ = o({
+}), _ = s({
 	className: "ps-window-tabs",
 	slots: [
 		"list",
@@ -493,6 +493,7 @@ var g = o({
 	3e3: "15rem",
 	4e3: "20rem"
 }, w = {
+	"shortcut-key-gap": { value: "1px" },
 	"window-tab-gap": { value: "0.4375rem" },
 	"window-controls-mac": { value: "5.625rem" },
 	none: { value: "0" },
@@ -514,6 +515,11 @@ var g = o({
 	"panel-gap": { value: C[50] },
 	"performance-bar-gap": { value: "1px" }
 }, T = {
+	"palette-width": { value: "44rem" },
+	"palette-results-height": { value: "24rem" },
+	"queue-send-now": { value: C[250] },
+	"queue-viewport": { value: "11.75rem" },
+	"touch-target": { value: "2.75rem" },
 	"status-dot": { value: "0.375rem" },
 	"performance-bar": { value: C[25] },
 	"performance-meter": { value: "0.625rem" },
@@ -569,8 +575,8 @@ var g = o({
 	xl: { value: C[400] },
 	full: { value: "100%" },
 	pill: { value: "9999px" }
-}, O = o({
-	slots: c.keys(),
+}, O = s({
+	slots: ee.keys(),
 	base: {
 		root: {
 			px: "xs",
@@ -641,7 +647,7 @@ var g = o({
 		_light: "bg.subtle",
 		_dark: "bg.hover"
 	} }
-}, A = a({
+}, A = o({
 	className: "chakra-badge",
 	base: {
 		display: "inline-flex",
@@ -724,7 +730,7 @@ var g = o({
 	borderRightColor: "border.subtle",
 	_hover: { bg: "bg.hover" },
 	_expanded: { bg: "bg.active" }
-}, M = a({
+}, M = o({
 	base: {
 		borderRadius: "xs",
 		transition: "all 0.1s ease-in-out",
@@ -789,6 +795,34 @@ var g = o({
 				_hover: { "&:not(:active, [data-active])": { bg: "red.700" } },
 				_active: { bg: "red.800" }
 			},
+			"destructive-ghost": {
+				color: "fg.subtle",
+				bg: "transparent",
+				border: "none",
+				"&:not(:disabled, [data-disabled])": {
+					_hover: {
+						color: "fg.error",
+						bg: "bg.error"
+					},
+					_focusVisible: {
+						color: "fg.error",
+						bg: "bg.error"
+					},
+					_active: {
+						color: "fg.error",
+						bg: "bg.error"
+					},
+					_groupHover: {
+						color: "fg.error",
+						bg: "bg.error"
+					}
+				},
+				_disabled: {
+					color: "fg.subtle",
+					bg: "transparent",
+					_hover: { bg: "transparent" }
+				}
+			},
 			outline: {
 				color: "fg",
 				bg: "bg",
@@ -889,7 +923,7 @@ var g = o({
 		size: "sm",
 		variant: "outline"
 	}
-}), N = o({
+}), N = s({
 	slots: [
 		"root",
 		"control",
@@ -907,8 +941,8 @@ var g = o({
 		indicator: { boxSize: "2.5" },
 		label: { textStyle: "label/XS" }
 	} } }
-}), P = "border.accent-light", F = o({
-	slots: ee.keys(),
+}), P = "border.accent-light", F = s({
+	slots: te.keys(),
 	base: {
 		control: {
 			display: "flex",
@@ -1011,8 +1045,8 @@ var g = o({
 		sm: {}
 	} },
 	defaultVariants: { size: "sm" }
-}), I = o({
-	slots: te.keys(),
+}), I = s({
+	slots: l.keys(),
 	base: {
 		title: { textStyle: "heading/dialog" },
 		content: {
@@ -1023,8 +1057,8 @@ var g = o({
 			overflow: "hidden"
 		}
 	}
-}), L = a({ base: { borderColor: "border.subtle" } }), R = o({
-	slots: ne.keys(),
+}), L = o({ base: { borderColor: "border.subtle" } }), R = s({
+	slots: u.keys(),
 	base: {
 		header: {
 			fontWeight: "medium",
@@ -1033,7 +1067,7 @@ var g = o({
 		},
 		content: { bg: "bg" }
 	}
-}), z = o({
+}), z = s({
 	slots: [
 		"root",
 		"preview",
@@ -1159,7 +1193,7 @@ var g = o({
 			}
 		}
 	}
-}), B = o({
+}), B = s({
 	slots: [
 		"content",
 		"header",
@@ -1239,10 +1273,10 @@ var g = o({
 			gap: "xs"
 		}
 	}
-}), V = o({
-	slots: l.keys(),
+}), V = s({
+	slots: d.keys(),
 	base: { legend: { mb: "2xs" } }
-}), H = "border.accent-light", U = a({
+}), H = "border.accent-light", U = o({
 	base: {
 		px: "sm",
 		borderRadius: "xs",
@@ -1357,7 +1391,7 @@ var g = o({
 		size: "sm",
 		variant: "outline"
 	}
-}), W = a({
+}), W = o({
 	base: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -1420,8 +1454,35 @@ var g = o({
 		size: "md",
 		variant: "raised"
 	}
-}), G = o({
-	slots: u.keys(),
+}), se = o({
+	base: {
+		display: "flex",
+		alignItems: "center",
+		flexShrink: 0
+	},
+	variants: { visibility: {
+		always: {},
+		hover: {
+			position: "absolute",
+			insetInlineEnd: "sm",
+			opacity: 0,
+			pointerEvents: "none",
+			transition: "opacity 120ms ease",
+			_groupHover: {
+				position: "static",
+				opacity: 1,
+				pointerEvents: "auto"
+			},
+			_groupFocusWithin: {
+				position: "static",
+				opacity: 1,
+				pointerEvents: "auto"
+			}
+		}
+	} },
+	defaultVariants: { visibility: "always" }
+}), G = s({
+	slots: f.keys(),
 	base: {
 		itemGroupLabel: {
 			ml: "{2xs}",
@@ -1501,20 +1562,24 @@ var g = o({
 	variants: { variant: { panel: { content: {
 		width: "64",
 		minWidth: "64",
-		maxWidth: "64"
+		maxWidth: "64",
+		"&:has(iframe)": {
+			h: "64",
+			maxH: "var(--available-height)"
+		}
 	} } } }
-}), oe = "var(--chakra-colors-border)", K = "var(--chakra-colors-border-accent-light)", q = o({
-	slots: d.keys(),
+}), K = "var(--chakra-colors-border)", q = "var(--chakra-colors-border-accent-light)", ce = s({
+	slots: p.keys(),
 	base: {
 		root: {
 			position: "relative",
 			zIndex: "0",
 			isolation: "isolate",
 			boxShadow: "none",
-			"--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 }
+			"--number-input-border-color": K,
+			"&:is(:hover, [data-hover])": { "--number-input-border-color": q },
+			"&:is(:active, [data-active])": { "--number-input-border-color": q },
+			"&:focus-within": { "--number-input-border-color": q }
 		},
 		input: {
 			px: "sm",
@@ -1682,8 +1747,49 @@ var g = o({
 		size: "sm",
 		variant: "outline"
 	}
-}), se = o({
-	slots: f.keys(),
+}), le = s({
+	slots: [
+		"positioner",
+		"content",
+		"results"
+	],
+	base: {
+		positioner: {
+			alignItems: "center",
+			justifyContent: "center",
+			p: "md"
+		},
+		content: {
+			"--palette-results-height": "sizes.palette-results-height",
+			maxW: "palette-width",
+			w: "full",
+			p: 0,
+			m: 0,
+			overflow: "hidden"
+		}
+	},
+	variants: { fullScreen: { true: {
+		positioner: { p: 0 },
+		content: {
+			"--palette-results-height": "none",
+			maxW: "full",
+			h: "100dvh",
+			borderWidth: 0,
+			borderRadius: "none",
+			"& > .chakra-dialog__header, & > .chakra-dialog__footer": { flexShrink: 0 },
+			"& > .chakra-dialog__body": {
+				display: "flex",
+				flexDirection: "column",
+				minH: 0
+			}
+		},
+		results: {
+			flex: 1,
+			minH: 0
+		}
+	} } }
+}), ue = s({
+	slots: m.keys(),
 	base: {
 		positioner: { _focus: { outline: "none" } },
 		closeTrigger: {
@@ -1717,12 +1823,12 @@ var g = o({
 		variant: { responsive: { content: { width: "unset" } } },
 		size: { "2xl": { content: { width: "2xl" } } }
 	}
-}), ce = h.variants?.size ?? {}, le = {
+}), de = h.variants?.size ?? {}, fe = {
 	...h,
 	variants: {
 		...h.variants,
 		size: {
-			...ce,
+			...de,
 			"2xs": {
 				circle: {
 					"--size": "14px",
@@ -1752,7 +1858,7 @@ var g = o({
 		overflow: "visible"
 	},
 	separator: { display: "none" }
-}, ue = o({
+}, pe = s({
 	slots: [
 		"root",
 		"resizablePanel",
@@ -1840,11 +1946,30 @@ var g = o({
 		orientation: "horizontal",
 		layout: "split"
 	}
-}), de = a({ base: {
+}), me = s({
+	slots: [
+		"root",
+		"viewport",
+		"content",
+		"scrollbar",
+		"thumb",
+		"corner"
+	],
+	base: { content: {
+		"--thumb-width": "initial",
+		"--thumb-height": "initial",
+		"--corner-width": "initial",
+		"--corner-height": "initial",
+		"--scroll-area-overflow-x-start": "initial",
+		"--scroll-area-overflow-x-end": "initial",
+		"--scroll-area-overflow-y-start": "initial",
+		"--scroll-area-overflow-y-end": "initial"
+	} }
+}), he = o({ base: {
 	"--start-color": "fg",
 	"--end-color": "fg.muted"
-} }), fe = o({
-	slots: p.keys(),
+} }), ge = s({
+	slots: ne.keys(),
 	base: {
 		control: {
 			alignItems: "center",
@@ -1886,8 +2011,8 @@ var g = o({
 		},
 		thumb: { _checked: { bg: "fg.inverted" } }
 	} } }
-}), pe = o({
-	slots: m.keys(),
+}), _e = s({
+	slots: re.keys(),
 	base: {
 		root: { "--tabs-trigger-radius": "radii.xs" },
 		list: {
@@ -2012,8 +2137,8 @@ var g = o({
 		size: "xs",
 		variant: "subtle"
 	}
-}), me = o({
-	slots: re.keys(),
+}), ve = s({
+	slots: ie.keys(),
 	base: {
 		root: {
 			display: "inline-flex",
@@ -2082,7 +2207,7 @@ var g = o({
 		variant: "ticket",
 		size: "composer"
 	}
-}), Y = "border.accent-light", he = a({
+}), Y = "border.accent-light", ye = o({
 	base: {
 		paddingX: "sm",
 		paddingY: "xs",
@@ -2168,8 +2293,8 @@ var g = o({
 		size: "sm",
 		variant: "outline"
 	}
-}), ge = o({
-	slots: ie.keys(),
+}), be = s({
+	slots: ae.keys(),
 	base: {
 		root: {
 			display: "flex",
@@ -2300,34 +2425,39 @@ var g = o({
 		variant: "solid",
 		showLastSeparator: !1
 	}
-}), _e = o({
-	slots: ae.keys(),
+}), xe = s({
+	slots: oe.keys(),
 	base: { content: {
 		bg: "bg.inverted",
 		borderRadius: "xs",
-		color: "fg.inverted"
+		color: "fg.inverted",
+		"& .chakra-kbd": {
+			color: "fg.inverted",
+			bg: "transparent",
+			borderColor: "border.inverted"
+		}
 	} }
-}), ve = /* @__PURE__ */ new Set([
+}), Se = /* @__PURE__ */ new Set([
 	"boxShadow",
 	"boxShadowColor",
 	"textShadow"
-]), X = /shadow/i, ye = (e) => {
+]), X = /shadow/i, Z = (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" ? 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);
+}, Q = (e) => Array.isArray(e) ? e.map(Q).filter((e) => e !== void 0) : typeof e == "string" ? Z(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([e, t]) => {
+	if (Se.has(e) || X.test(e)) return [];
+	let n = Q(t);
 	return n === void 0 ? [] : [[e, n]];
-})), Q = (e) => {
+})), $ = (e) => {
 	let { shadows: t, ...n } = e ?? {};
 	return n;
-}, be = {
+}, Ce = {
 	badge: ["surface"],
 	button: ["secondary", "surface"]
-}, $ = (e) => {
+}, we = (e) => {
 	let t = { ...e ?? {} };
-	for (let [e, n] of Object.entries(be)) {
+	for (let [e, n] of Object.entries(Ce)) {
 		let r = t[e];
 		if (!r || typeof r != "object") continue;
 		let i = r, a = i.variants, o = a?.variant;
@@ -2342,24 +2472,24 @@ var g = o({
 		};
 	}
 	return t;
-}, xe = {
-	...n,
+}, Te = {
+	...r,
 	theme: {
-		...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)
+		...r.theme,
+		tokens: $(r.theme?.tokens),
+		semanticTokens: $(r.theme?.semanticTokens),
+		recipes: we(Q(r.theme?.recipes)),
+		slotRecipes: Q(r.theme?.slotRecipes),
+		layerStyles: Q(r.theme?.layerStyles),
+		animationStyles: Q(r.theme?.animationStyles)
 	}
-}, Se = {
+}, Ee = {
 	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 = {
+}, De = {
 	fg: {
 		DEFAULT: { value: {
 			_light: "{colors.blacks.800}",
@@ -2784,7 +2914,7 @@ var g = o({
 		_light: "{colors.blacks.800}",
 		_dark: "{colors.blacks.800}"
 	} } } }
-}, we = i({
+}, Oe = a({
 	statusBarItem: { value: {
 		position: "relative",
 		minWidth: "0",
@@ -2859,7 +2989,7 @@ var g = o({
 		border: "1px solid",
 		borderColor: "border"
 	} }
-}), Te = s({
+}), ke = c({
 	"heading/dialog": { value: {
 		fontFamily: "heading",
 		fontSize: "0.9375rem",
@@ -3105,7 +3235,7 @@ var g = o({
 		color: "fg",
 		letterSpacing: "0.14px"
 	} }
-}), Ee = r({
+}), Ae = i({
 	globalCss: v,
 	utilities: { WebkitAppRegion: {
 		values: ["drag", "no-drag"],
@@ -3116,8 +3246,8 @@ var g = o({
 			"3xl": "2560px",
 			"4xl": "3840px"
 		},
-		textStyles: Te,
-		layerStyles: we,
+		textStyles: ke,
+		layerStyles: Oe,
 		recipes: {
 			chatQuestionBubble: e,
 			badge: A,
@@ -3125,8 +3255,9 @@ var g = o({
 			divider: L,
 			input: U,
 			kbd: W,
-			skeleton: de,
-			textarea: he
+			listRowAccessory: se,
+			skeleton: he,
+			textarea: ye
 		},
 		tokens: {
 			colors: y,
@@ -3139,34 +3270,37 @@ var g = o({
 			spacing: w
 		},
 		semanticTokens: {
-			colors: Ce,
-			borders: Se
+			colors: De,
+			borders: Ee
 		},
 		slotRecipes: {
-			tag: me,
+			scrollArea: me,
+			queuedFollowUp: t,
+			tag: ve,
 			checkbox: N,
 			windowTitleBar: g,
 			windowTabs: _,
-			resizableSplitLayout: ue,
+			resizableSplitLayout: pe,
 			alert: O,
 			colorPicker: F,
 			drawer: R,
-			tooltip: _e,
-			popover: se,
+			tooltip: xe,
+			popover: ue,
 			menu: G,
-			numberInput: q,
+			numberInput: ce,
+			palette: le,
 			editable: z,
 			form: V,
 			dialog: I,
 			folderPicker: B,
-			progressCircle: le,
-			switch: fe,
-			tabs: pe,
-			timeline: ge
+			progressCircle: fe,
+			switch: ge,
+			tabs: _e,
+			timeline: be
 		}
 	}
-}), De = t(xe, Ee);
+}), je = n(Te, Ae);
 //#endregion
-export { _ as n, g as r, De as t };
+export { _ as n, g as r, je as t };
 
-//# sourceMappingURL=theme-at0rtSnX.js.map
+//# sourceMappingURL=theme-CMJdH59Z.js.map