@react-spot/ui-components 0.0.1

package/dist/index.js

@@ -0,0 +1,825 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+import { Button as Button$1 } from "@base-ui/react/button";
+import { forwardRef, useId, useState } from "react";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+import { ChevronDown, ChevronLeft, ChevronRight, Clipboard, ExternalLink, Folder, Maximize2, MessageSquare, Minimize2, Save, Settings, Trash2, X } from "lucide-react";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { Menu } from "@base-ui/react/menu";
+import { Select as Select$1 } from "@base-ui/react/select";
+
+//#region src/Kbd.tsx
+const kbdStyle = {
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	height: 20,
+	minWidth: 20,
+	padding: "0 4px",
+	gap: 4,
+	borderRadius: 4,
+	background: "#27272a",
+	border: "1px solid #52525b",
+	fontFamily: "system-ui, sans-serif",
+	fontSize: 11,
+	fontWeight: 500,
+	color: "#a1a1aa",
+	pointerEvents: "none",
+	userSelect: "none",
+	whiteSpace: "nowrap"
+};
+const kbdGroupStyle = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 4
+};
+function Kbd({ style, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		style: {
+			...kbdStyle,
+			...style
+		},
+		...props
+	});
+}
+function KbdGroup({ style, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			...kbdGroupStyle,
+			...style
+		},
+		...props
+	});
+}
+
+//#endregion
+//#region src/Tooltip.tsx
+const popupStyle = {
+	display: "flex",
+	alignItems: "center",
+	gap: 6,
+	background: "#09090b",
+	border: "1px solid #3f3f46",
+	borderRadius: 6,
+	padding: "5px 8px",
+	boxShadow: "0 4px 12px rgba(0,0,0,0.5)",
+	whiteSpace: "nowrap",
+	fontFamily: "system-ui, sans-serif",
+	fontSize: 12,
+	color: "#d4d4d8",
+	pointerEvents: "none",
+	zIndex: 9999999
+};
+function Tooltip({ label, shortcut, container, render, children, ...triggerProps }) {
+	return /* @__PURE__ */ jsxs(Tooltip$1.Root, { children: [/* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		render,
+		...triggerProps,
+		children
+	}), /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		container,
+		children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+			sideOffset: 10,
+			children: /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
+				style: popupStyle,
+				children: [label, shortcut && /* @__PURE__ */ jsx(Kbd, { children: shortcut })]
+			})
+		})
+	})] });
+}
+Tooltip.Provider = Tooltip$1.Provider;
+
+//#endregion
+//#region src/Button.tsx
+const baseStyle$1 = {
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: 4,
+	height: 28,
+	padding: "0 8px",
+	borderRadius: 6,
+	fontSize: 12,
+	fontFamily: "system-ui, sans-serif",
+	fontWeight: 500,
+	transition: "opacity 0.15s",
+	cursor: "pointer",
+	whiteSpace: "nowrap"
+};
+const variantStyles = {
+	primary: {
+		background: "#fafafa",
+		border: "none",
+		color: "#18181b"
+	},
+	secondary: {
+		background: "transparent",
+		border: "1px solid #3f3f46",
+		color: "#d4d4d8"
+	},
+	accent: {
+		background: "rgba(59,130,246,0.15)",
+		border: "1px solid rgba(59,130,246,0.3)",
+		color: "#93c5fd"
+	}
+};
+function Button({ variant, style, render, ...props }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		render,
+		style: (state) => ({
+			...baseStyle$1,
+			...variantStyles[variant],
+			opacity: state.disabled ? .5 : 1,
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			...style
+		}),
+		...props
+	});
+}
+
+//#endregion
+//#region src/IconButton.tsx
+const iconButtonStyle = {
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	background: "transparent",
+	border: "none",
+	color: "#52525b",
+	padding: 4,
+	borderRadius: 4,
+	lineHeight: 1,
+	transition: "color 0.1s, opacity 0.15s"
+};
+function IconButton({ style, render, ...props }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		render,
+		style: (state) => ({
+			...iconButtonStyle,
+			opacity: state.disabled ? .4 : 1,
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			...style
+		}),
+		...props
+	});
+}
+
+//#endregion
+//#region src/ToolbarButton.tsx
+const toolbarButtonStyle = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	width: 32,
+	height: 32,
+	borderRadius: 7,
+	cursor: "pointer",
+	padding: 0,
+	background: "transparent",
+	border: 0,
+	outline: "none",
+	color: "#fafafa",
+	fontSize: 14,
+	transition: "background 0.15s, border-color 0.15s"
+};
+const ToolbarButton = forwardRef(function ToolbarButton({ style, render, type = "button", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		ref,
+		type,
+		render,
+		style: (state) => ({
+			...toolbarButtonStyle,
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			opacity: state.disabled ? .4 : 1,
+			...style
+		}),
+		...props
+	});
+});
+
+//#endregion
+//#region src/PanelHeader.tsx
+const headerStyle = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	padding: "10px 12px 8px",
+	borderBottom: "1px solid #27272a"
+};
+const titleBaseStyle = {
+	color: "#fafafa",
+	fontSize: 13,
+	fontWeight: 600,
+	fontFamily: "system-ui, sans-serif"
+};
+function PanelHeader({ title, actionsRender, style, titleStyle }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			...headerStyle,
+			...style
+		},
+		children: [/* @__PURE__ */ jsx("span", {
+			style: {
+				...titleBaseStyle,
+				...titleStyle
+			},
+			children: title
+		}), actionsRender]
+	});
+}
+
+//#endregion
+//#region src/Textarea.tsx
+const baseStyle = {
+	width: "100%",
+	background: "#0f0f11",
+	borderRadius: 4,
+	outline: "none",
+	resize: "vertical",
+	color: "#fafafa",
+	fontSize: 12,
+	fontFamily: "system-ui, sans-serif",
+	lineHeight: 1.4,
+	padding: "4px 6px",
+	boxSizing: "border-box",
+	caretColor: "#3b82f6"
+};
+const Textarea = forwardRef(function Textarea({ style, onFocus, onBlur, ...props }, ref) {
+	const [focused, setFocused] = useState(false);
+	return /* @__PURE__ */ jsx("textarea", {
+		ref,
+		style: {
+			...baseStyle,
+			border: `1px solid ${focused ? "#3b82f6" : "#3f3f46"}`,
+			...style
+		},
+		onFocus: (e) => {
+			setFocused(true);
+			onFocus?.(e);
+		},
+		onBlur: (e) => {
+			setFocused(false);
+			onBlur?.(e);
+		},
+		...props
+	});
+});
+
+//#endregion
+//#region src/Separator.tsx
+function Separator({ style }) {
+	return /* @__PURE__ */ jsx(Separator$1, { style: {
+		borderTop: "1px solid #27272a",
+		margin: "2px 0",
+		...style
+	} });
+}
+
+//#endregion
+//#region src/icons.tsx
+const DEFAULT_STROKE_WIDTH = 2;
+const DEFAULT_SIZE = 16;
+function SettingsIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Settings, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function ClipboardIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Clipboard, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function XIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(X, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function ChevronLeftIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(ChevronLeft, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function ChevronRightIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(ChevronRight, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function OpenInEditorIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(ExternalLink, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function ChatBubbleIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(MessageSquare, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function TrashIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Trash2, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function SaveIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Save, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function ExpandIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Maximize2, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function CollapseIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Minimize2, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function FolderIcon({ size = DEFAULT_SIZE }) {
+	return /* @__PURE__ */ jsx(Folder, {
+		size,
+		strokeWidth: DEFAULT_STROKE_WIDTH,
+		"aria-hidden": true
+	});
+}
+function OpencodeIcon({ size = 13 }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 512 512",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "#131010",
+				d: "M0 0h512v512H0z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M320 224v128H192V224h128z",
+				fill: "#5A5858"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M384 416H128V96h256v320zm-64-256H192v192h128V160z",
+				fill: "#fff"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/Popover.tsx
+/**
+* Shared panel popup style (exported for callers that extend it)
+*/
+const panelPopupStyle = {
+	background: "#18181b",
+	border: "1px solid #27272a",
+	borderRadius: 8,
+	boxShadow: "0 8px 24px rgba(0,0,0,0.6)"
+};
+function StyledPopup$3({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Popup, {
+		style: {
+			...panelPopupStyle,
+			...style
+		},
+		...props
+	});
+}
+const Popover = {
+	Root: Popover$1.Root,
+	Trigger: Popover$1.Trigger,
+	Portal: Popover$1.Portal,
+	Positioner: Popover$1.Positioner,
+	Close: Popover$1.Close,
+	Popup: StyledPopup$3
+};
+
+//#endregion
+//#region src/Combobox.tsx
+function StyledTrigger$1({ style, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 4,
+			width: "100%",
+			background: "#0f0f11",
+			border: "1px solid #3f3f46",
+			borderRadius: 5,
+			color: "#fafafa",
+			fontSize: 12,
+			fontFamily: "system-ui, sans-serif",
+			padding: "5px 8px",
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			opacity: state.disabled ? .5 : 1,
+			boxSizing: "border-box",
+			...typeof style === "function" ? style(state) : style
+		}),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, {
+			size: 12,
+			strokeWidth: 1.75,
+			"aria-hidden": true
+		})]
+	});
+}
+function StyledInput() {
+	return /* @__PURE__ */ jsx(Combobox$1.Input, { style: {
+		background: "#0f0f11",
+		color: "#fafafa",
+		border: "none",
+		outline: "none",
+		fontSize: 12,
+		fontFamily: "system-ui, sans-serif",
+		width: "100%"
+	} });
+}
+function StyledPositioner$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+		align: "start",
+		side: "top",
+		sideOffset: 8,
+		...props
+	});
+}
+function StyledPopup$2({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Popup, {
+		style: {
+			...panelPopupStyle,
+			paddingBlock: 4,
+			...style
+		},
+		...props
+	});
+}
+function StyledList$1({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.List, {
+		style: {
+			...style,
+			width: "var(--anchor-width)"
+		},
+		...props
+	});
+}
+function StyledItem$2({ style: callerStyle, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Item, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "7px 12px",
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			userSelect: "none",
+			outline: "none",
+			fontSize: 12,
+			fontFamily: "system-ui, sans-serif",
+			color: state.selected ? "#fafafa" : "#d4d4d8",
+			background: state.highlighted ? "rgba(59,130,246,0.2)" : "transparent",
+			transition: "background 0.1s",
+			...callerStyle
+		}),
+		...props
+	});
+}
+const Combobox = {
+	Root: Combobox$1.Root,
+	Trigger: StyledTrigger$1,
+	Value: Combobox$1.Value,
+	Portal: Combobox$1.Portal,
+	Positioner: StyledPositioner$1,
+	Popup: StyledPopup$2,
+	List: StyledList$1,
+	Empty: Combobox$1.Empty,
+	Item: StyledItem$2,
+	Input: StyledInput,
+	ItemIndicator: Combobox$1.ItemIndicator,
+	Group: Combobox$1.Group,
+	GroupLabel: Combobox$1.GroupLabel,
+	Separator: Combobox$1.Separator
+};
+
+//#endregion
+//#region src/DropdownMenu.tsx
+function StyledPopup$1({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		style: {
+			...panelPopupStyle,
+			...style
+		},
+		...props
+	});
+}
+function StyledItem$1({ style: callerStyle, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "7px 12px",
+			cursor: "pointer",
+			userSelect: "none",
+			outline: "none",
+			fontSize: 12,
+			color: "#d4d4d8",
+			fontFamily: "system-ui, sans-serif",
+			background: state.highlighted ? "rgba(59,130,246,0.2)" : "transparent",
+			transition: "background 0.1s",
+			...typeof callerStyle === "function" ? callerStyle(state) : callerStyle
+		}),
+		...props
+	});
+}
+function StyledSeparator({ style }) {
+	return /* @__PURE__ */ jsx("div", { style: {
+		borderTop: "1px solid #27272a",
+		margin: "2px 0",
+		...style
+	} });
+}
+function StyledSubmenuTrigger({ style: callerStyle, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "7px 12px",
+			cursor: "pointer",
+			userSelect: "none",
+			outline: "none",
+			width: "100%",
+			boxSizing: "border-box",
+			border: "none",
+			textAlign: "left",
+			background: state.highlighted || state.open ? "rgba(59,130,246,0.2)" : "transparent",
+			transition: "background 0.1s",
+			...typeof callerStyle === "function" ? callerStyle(state) : callerStyle
+		}),
+		...props
+	});
+}
+const DropdownMenu = {
+	Root: Menu.Root,
+	Trigger: Menu.Trigger,
+	Portal: Menu.Portal,
+	Positioner: Menu.Positioner,
+	Popup: StyledPopup$1,
+	Item: StyledItem$1,
+	Separator: StyledSeparator,
+	SubmenuRoot: Menu.SubmenuRoot,
+	SubmenuTrigger: StyledSubmenuTrigger
+};
+
+//#endregion
+//#region src/Select.tsx
+function StyledTrigger({ style, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 4,
+			width: "100%",
+			background: "#0f0f11",
+			border: "1px solid #3f3f46",
+			borderRadius: 5,
+			color: "#fafafa",
+			fontSize: 12,
+			fontFamily: "system-ui, sans-serif",
+			padding: "5px 8px",
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			opacity: state.disabled ? .5 : 1,
+			boxSizing: "border-box",
+			...typeof style === "function" ? style(state) : style
+		}),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, {
+			size: 12,
+			strokeWidth: 1.75,
+			"aria-hidden": true
+		})]
+	});
+}
+function StyledPositioner({ ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Positioner, {
+		align: "start",
+		side: "top",
+		sideOffset: 4,
+		alignItemWithTrigger: false,
+		...props
+	});
+}
+function StyledPopup({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Popup, {
+		style: {
+			...panelPopupStyle,
+			paddingBlock: 4,
+			...style
+		},
+		...props
+	});
+}
+function StyledList({ style, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.List, {
+		style: {
+			...style,
+			width: "var(--anchor-width)"
+		},
+		...props
+	});
+}
+function StyledItem({ style: callerStyle, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Item, {
+		style: (state) => ({
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "7px 12px",
+			cursor: state.disabled ? "not-allowed" : "pointer",
+			userSelect: "none",
+			outline: "none",
+			fontSize: 12,
+			fontFamily: "system-ui, sans-serif",
+			color: state.selected ? "#fafafa" : "#d4d4d8",
+			background: state.highlighted ? "rgba(59,130,246,0.2)" : "transparent",
+			transition: "background 0.1s",
+			...callerStyle
+		}),
+		...props
+	});
+}
+const Select = {
+	Root: Select$1.Root,
+	Trigger: StyledTrigger,
+	Value: Select$1.Value,
+	Portal: Select$1.Portal,
+	Positioner: StyledPositioner,
+	Popup: StyledPopup,
+	List: StyledList,
+	Item: StyledItem,
+	ItemText: Select$1.ItemText,
+	ItemIndicator: Select$1.ItemIndicator,
+	Group: Select$1.Group,
+	GroupLabel: Select$1.GroupLabel,
+	Separator: Select$1.Separator
+};
+
+//#endregion
+//#region src/Logo.tsx
+function Logo({ bgColor, size = 16 }) {
+	const linear1 = useId();
+	const linear2 = useId();
+	const linear3 = useId();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "12 16 132 130",
+		fill: "none",
+		width: size,
+		height: size,
+		children: [
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: linear1,
+					x1: "0%",
+					y1: "0%",
+					x2: "100%",
+					y2: "100%",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0%",
+						stopColor: "#2196f3"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "100%",
+						stopColor: "#345580"
+					})]
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: linear2,
+					href: `#${linear1}`,
+					x1: "100%",
+					y1: "0%",
+					x2: "0%",
+					y2: "0%"
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: linear3,
+					x1: "0%",
+					y1: "0%",
+					x2: "100%",
+					y2: "100%",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0%",
+							stopColor: "#4dabf5"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "50%",
+							stopColor: "#58a0c3"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "100%",
+							stopColor: "#4dabf5"
+						})
+					]
+				})
+			] }),
+			/* @__PURE__ */ jsxs("g", {
+				transform: "matrix(5.5 0 0 5.5 75 75)",
+				stroke: `url(#${linear3})`,
+				strokeWidth: "1.5",
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						r: "2",
+						fill: `url(#${linear3})`
+					}),
+					/* @__PURE__ */ jsx("ellipse", {
+						rx: "10",
+						ry: "4.5"
+					}),
+					/* @__PURE__ */ jsx("ellipse", {
+						rx: "10",
+						ry: "4.5",
+						transform: "rotate(60)"
+					}),
+					/* @__PURE__ */ jsx("ellipse", {
+						rx: "10",
+						ry: "4.5",
+						transform: "rotate(120)"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "95",
+				cy: "95",
+				r: "38",
+				fill: bgColor || "#18181b"
+			}),
+			/* @__PURE__ */ jsxs("g", {
+				transform: "matrix(3.2 0 0 3.2 70 70)",
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						cx: "8",
+						cy: "8",
+						r: "8",
+						fill: "#fff"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "8",
+						cy: "8",
+						r: "8",
+						fill: `url(#${linear1})`,
+						opacity: ".8"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						stroke: `url(#${linear2})`,
+						strokeWidth: "4",
+						strokeLinecap: "round",
+						d: "M14 14l6 6"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "8",
+						cy: "8",
+						r: "8",
+						stroke: `url(#${linear1})`,
+						strokeWidth: "3"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M6 5.5L4 8l2 2.5M10 10.5L12 8l-2-2.5",
+						stroke: "#fff",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { Button, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, CollapseIcon, Combobox, DropdownMenu, ExpandIcon, FolderIcon, IconButton, Kbd, KbdGroup, Logo, OpenInEditorIcon, OpencodeIcon, PanelHeader, Popover, SaveIcon, Select, Separator, SettingsIcon, Textarea, ToolbarButton, Tooltip, TrashIcon, XIcon, panelPopupStyle };
+//# sourceMappingURL=index.js.map