@townco/ui 0.1.6 → 0.1.7

package/dist/gui/components/Response.js

@@ -1,234 +1,95 @@
-import * as React from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { cn } from "../lib/utils.js";
-export const Response = React.forwardRef(
-	(
-		{
-			content,
-			isStreaming = false,
-			showEmpty = true,
-			emptyMessage = "",
-			className,
-			...props
-		},
-		ref,
-	) => {
-		// Show empty state during streaming if no content yet
-		if (!content && isStreaming && showEmpty) {
-			return _jsx("div", {
-				ref: ref,
-				className: cn("opacity-70 italic text-sm", className),
-				...props,
-				children: emptyMessage,
-			});
-		}
-		if (!content) {
-			return null;
-		}
-		const components = {
-			// Table styling
-			table: ({ node, ...props }) =>
-				_jsx("div", {
-					className: "overflow-x-auto my-4",
-					children: _jsx("table", {
-						className:
-							"min-w-full border-collapse border border-border rounded-md",
-						...props,
-					}),
-				}),
-			thead: ({ node, ...props }) =>
-				_jsx("thead", {
-					className: "bg-card border-b border-border",
-					...props,
-				}),
-			tbody: ({ node, ...props }) => _jsx("tbody", { ...props }),
-			tr: ({ node, ...props }) =>
-				_jsx("tr", {
-					className: "border-b border-border hover:bg-card transition-colors",
-					...props,
-				}),
-			th: ({ node, ...props }) =>
-				_jsx("th", {
-					className:
-						"px-4 py-2 text-left font-semibold text-foreground border-r border-border last:border-r-0",
-					...props,
-				}),
-			td: ({ node, ...props }) =>
-				_jsx("td", {
-					className:
-						"px-4 py-2 text-foreground border-r border-border last:border-r-0",
-					...props,
-				}),
-			// Task list styling
-			input: ({ node, checked, ...props }) => {
-				if (props.type === "checkbox") {
-					return _jsx("input", {
-						type: "checkbox",
-						checked: checked || false,
-						disabled: true,
-						readOnly: true,
-						className: "mr-2 w-4 h-4 accent-[primary] cursor-not-allowed",
-						...props,
-					});
-				}
-				return _jsx("input", { ...props });
-			},
-			// Code block styling with enhanced shadows
-			code: ({ node, ...props }) => {
-				const inline = !props.className?.includes("language-");
-				if (inline) {
-					return _jsx("code", {
-						className:
-							"px-1.5 py-0.5 bg-card border border-border rounded text-sm font-mono text-foreground",
-						...props,
-					});
-				}
-				return _jsx("code", {
-					className:
-						"block p-4 bg-card border border-border rounded-md overflow-x-auto text-sm font-mono text-foreground shadow-sm",
-					...props,
-				});
-			},
-			pre: ({ node, ...props }) =>
-				_jsx("pre", { className: "my-4 rounded-lg", ...props }),
-			// Heading styling with improved hierarchy
-			h1: ({ node, ...props }) =>
-				_jsx("h1", {
-					className:
-						"text-2xl font-bold mt-6 mb-4 text-foreground border-b border-border pb-2",
-					...props,
-				}),
-			h2: ({ node, ...props }) =>
-				_jsx("h2", {
-					className:
-						"text-xl font-semibold mt-5 mb-3 text-foreground border-b border-border/50 pb-1.5",
-					...props,
-				}),
-			h3: ({ node, ...props }) =>
-				_jsx("h3", {
-					className: "text-lg font-semibold mt-4 mb-2 text-foreground",
-					...props,
-				}),
-			h4: ({ node, ...props }) =>
-				_jsx("h4", {
-					className: "text-base font-semibold mt-3 mb-2 text-foreground",
-					...props,
-				}),
-			// List styling
-			ul: ({ node, ...props }) => {
-				// Check if this is a task list by looking for checkbox inputs in children
-				const isTaskList = node?.children?.some(
-					(child) =>
-						typeof child === "object" &&
-						child !== null &&
-						"type" in child &&
-						child.type === "element" &&
-						"tagName" in child &&
-						child.tagName === "li" &&
-						"children" in child &&
-						Array.isArray(child.children) &&
-						child.children.some(
-							(grandChild) =>
-								typeof grandChild === "object" &&
-								grandChild !== null &&
-								"type" in grandChild &&
-								grandChild.type === "element" &&
-								"tagName" in grandChild &&
-								grandChild.tagName === "input" &&
-								"properties" in grandChild &&
-								typeof grandChild.properties === "object" &&
-								grandChild.properties !== null &&
-								"type" in grandChild.properties &&
-								grandChild.properties.type === "checkbox",
-						),
-				);
-				return _jsx("ul", {
-					className: cn(
-						"my-2 space-y-1 text-foreground",
-						isTaskList ? "list-none space-y-2" : "list-disc list-inside",
-					),
-					...props,
-				});
-			},
-			ol: ({ node, ...props }) =>
-				_jsx("ol", {
-					className: "list-decimal list-inside my-2 space-y-1 text-foreground",
-					...props,
-				}),
-			// List item styling
-			li: ({ node, ...props }) => {
-				// Check if this li contains a checkbox (task list item)
-				const isTaskListItem = node?.children?.some(
-					(child) =>
-						typeof child === "object" &&
-						child !== null &&
-						"type" in child &&
-						child.type === "element" &&
-						"tagName" in child &&
-						child.tagName === "input" &&
-						"properties" in child &&
-						typeof child.properties === "object" &&
-						child.properties !== null &&
-						"type" in child.properties &&
-						child.properties.type === "checkbox",
-				);
-				return _jsx("li", {
-					className: cn("flex items-start", isTaskListItem ? "gap-2" : "ml-2"),
-					...props,
-				});
-			},
-			// Link styling with hover effect
-			a: ({ node, ...props }) =>
-				_jsx("a", {
-					className:
-						"text-primary hover:underline decoration-2 underline-offset-2 transition-all",
-					target: "_blank",
-					rel: "noopener noreferrer",
-					...props,
-				}),
-			// Paragraph styling
-			p: ({ node, ...props }) =>
-				_jsx("p", {
-					className: "my-2 text-foreground leading-relaxed",
-					...props,
-				}),
-			// Blockquote styling with enhanced visual
-			blockquote: ({ node, ...props }) =>
-				_jsx("blockquote", {
-					className:
-						"border-l-4 border-[primary] pl-4 italic my-4 text-foreground bg-card py-2 rounded-r-md shadow-sm",
-					...props,
-				}),
-			// Horizontal rule
-			hr: ({ node, ...props }) =>
-				_jsx("hr", {
-					className: "my-6 border-t border-border opacity-50",
-					...props,
-				}),
-		};
-		return _jsxs("div", {
-			ref: ref,
-			className: cn(
-				"markdown-content prose prose-sm max-w-none dark:prose-invert",
-				className,
-			),
-			...props,
-			children: [
-				_jsx(ReactMarkdown, {
-					remarkPlugins: [remarkGfm],
-					components: components,
-					children: content,
-				}),
-				isStreaming &&
-					content &&
-					_jsx("span", {
-						className: "inline-block ml-1 animate-typing text-primary",
-						children: "...",
-					}),
-			],
-		});
-	},
-);
+export const Response = React.forwardRef(({ content, isStreaming = false, showEmpty = true, emptyMessage = "", className, ...props }, ref) => {
+    // Show empty state during streaming if no content yet
+    if (!content && isStreaming && showEmpty) {
+        return (_jsx("div", { ref: ref, className: cn("opacity-70 italic text-sm", className), ...props, children: emptyMessage }));
+    }
+    if (!content) {
+        return null;
+    }
+    const components = {
+        // Table styling
+        table: ({ node, ...props }) => (_jsx("div", { className: "overflow-x-auto my-4", children: _jsx("table", { className: "min-w-full border-collapse border border-border rounded-md", ...props }) })),
+        thead: ({ node, ...props }) => (_jsx("thead", { className: "bg-card border-b border-border", ...props })),
+        tbody: ({ node, ...props }) => _jsx("tbody", { ...props }),
+        tr: ({ node, ...props }) => (_jsx("tr", { className: "border-b border-border hover:bg-card transition-colors", ...props })),
+        th: ({ node, ...props }) => (_jsx("th", { className: "px-4 py-2 text-left font-semibold text-foreground border-r border-border last:border-r-0", ...props })),
+        td: ({ node, ...props }) => (_jsx("td", { className: "px-4 py-2 text-foreground border-r border-border last:border-r-0", ...props })),
+        // Task list styling
+        input: ({ node, checked, ...props }) => {
+            if (props.type === "checkbox") {
+                return (_jsx("input", { type: "checkbox", checked: checked || false, disabled: true, readOnly: true, className: "mr-2 w-4 h-4 accent-[primary] cursor-not-allowed", ...props }));
+            }
+            return _jsx("input", { ...props });
+        },
+        // Code block styling with enhanced shadows
+        code: ({ node, ...props }) => {
+            const inline = !props.className?.includes("language-");
+            if (inline) {
+                return (_jsx("code", { className: "px-1.5 py-0.5 bg-card border border-border rounded text-sm font-mono text-foreground", ...props }));
+            }
+            return (_jsx("code", { className: "block p-4 bg-card border border-border rounded-md overflow-x-auto text-sm font-mono text-foreground shadow-sm", ...props }));
+        },
+        pre: ({ node, ...props }) => (_jsx("pre", { className: "my-4 rounded-lg", ...props })),
+        // Heading styling with improved hierarchy
+        h1: ({ node, ...props }) => (_jsx("h1", { className: "text-2xl font-bold mt-6 mb-4 text-foreground border-b border-border pb-2", ...props })),
+        h2: ({ node, ...props }) => (_jsx("h2", { className: "text-xl font-semibold mt-5 mb-3 text-foreground border-b border-border/50 pb-1.5", ...props })),
+        h3: ({ node, ...props }) => (_jsx("h3", { className: "text-lg font-semibold mt-4 mb-2 text-foreground", ...props })),
+        h4: ({ node, ...props }) => (_jsx("h4", { className: "text-base font-semibold mt-3 mb-2 text-foreground", ...props })),
+        // List styling
+        ul: ({ node, ...props }) => {
+            // Check if this is a task list by looking for checkbox inputs in children
+            const isTaskList = node?.children?.some((child) => typeof child === "object" &&
+                child !== null &&
+                "type" in child &&
+                child.type === "element" &&
+                "tagName" in child &&
+                child.tagName === "li" &&
+                "children" in child &&
+                Array.isArray(child.children) &&
+                child.children.some((grandChild) => typeof grandChild === "object" &&
+                    grandChild !== null &&
+                    "type" in grandChild &&
+                    grandChild.type === "element" &&
+                    "tagName" in grandChild &&
+                    grandChild.tagName === "input" &&
+                    "properties" in grandChild &&
+                    typeof grandChild.properties === "object" &&
+                    grandChild.properties !== null &&
+                    "type" in grandChild.properties &&
+                    grandChild.properties.type === "checkbox"));
+            return (_jsx("ul", { className: cn("my-2 space-y-1 text-foreground", isTaskList ? "list-none space-y-2" : "list-disc list-inside"), ...props }));
+        },
+        ol: ({ node, ...props }) => (_jsx("ol", { className: "list-decimal list-inside my-2 space-y-1 text-foreground", ...props })),
+        // List item styling
+        li: ({ node, ...props }) => {
+            // Check if this li contains a checkbox (task list item)
+            const isTaskListItem = node?.children?.some((child) => typeof child === "object" &&
+                child !== null &&
+                "type" in child &&
+                child.type === "element" &&
+                "tagName" in child &&
+                child.tagName === "input" &&
+                "properties" in child &&
+                typeof child.properties === "object" &&
+                child.properties !== null &&
+                "type" in child.properties &&
+                child.properties.type === "checkbox");
+            return (_jsx("li", { className: cn("flex items-start", isTaskListItem ? "gap-2" : "ml-2"), ...props }));
+        },
+        // Link styling with hover effect
+        a: ({ node, ...props }) => (_jsx("a", { className: "text-primary hover:underline decoration-2 underline-offset-2 transition-all", target: "_blank", rel: "noopener noreferrer", ...props })),
+        // Paragraph styling
+        p: ({ node, ...props }) => (_jsx("p", { className: "my-2 text-foreground leading-relaxed", ...props })),
+        // Blockquote styling with enhanced visual
+        blockquote: ({ node, ...props }) => (_jsx("blockquote", { className: "border-l-4 border-[primary] pl-4 italic my-4 text-foreground bg-card py-2 rounded-r-md shadow-sm", ...props })),
+        // Horizontal rule
+        hr: ({ node, ...props }) => (_jsx("hr", { className: "my-6 border-t border-border opacity-50", ...props })),
+    };
+    return (_jsxs("div", { ref: ref, className: cn("markdown-content prose prose-sm max-w-none dark:prose-invert", className), ...props, children: [_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: components, children: content }), isStreaming && content && (_jsx("span", { className: "inline-block ml-1 animate-typing text-primary", children: "..." }))] }));
+});
 Response.displayName = "Response";

package/dist/gui/components/Select.d.ts

@@ -1,72 +1,13 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<
-	SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>
->;
-declare const SelectValue: React.ForwardRefExoticComponent<
-	SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>
->;
-declare const SelectTrigger: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLButtonElement>
->;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectScrollUpButtonProps &
-			React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectScrollDownButtonProps &
-			React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const SelectContent: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const SelectLabel: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const SelectItem: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const SelectSeparator: React.ForwardRefExoticComponent<
-	Omit<
-		SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-export {
-	Select,
-	SelectGroup,
-	SelectValue,
-	SelectTrigger,
-	SelectContent,
-	SelectLabel,
-	SelectItem,
-	SelectSeparator,
-	SelectScrollUpButton,
-	SelectScrollDownButton,
-};
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/gui/components/Select.js

@@ -1,132 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronsUpDown, ChevronUp } from "lucide-react";
 import * as React from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(
-	({ className, children, ...props }, ref) =>
-		_jsxs(SelectPrimitive.Trigger, {
-			ref: ref,
-			className: cn(
-				"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-				className,
-			),
-			...props,
-			children: [
-				children,
-				_jsx(SelectPrimitive.Icon, {
-					asChild: true,
-					children: _jsx(ChevronsUpDown, { className: "h-4 w-4 opacity-50" }),
-				}),
-			],
-		}),
-);
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronsUpDown, { className: "h-4 w-4 opacity-50" }) })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(SelectPrimitive.ScrollUpButton, {
-		ref: ref,
-		className: cn(
-			"flex cursor-default items-center justify-center py-1",
-			className,
-		),
-		...props,
-		children: _jsx(ChevronUp, { className: "h-4 w-4" }),
-	}),
-);
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(
-	({ className, ...props }, ref) =>
-		_jsx(SelectPrimitive.ScrollDownButton, {
-			ref: ref,
-			className: cn(
-				"flex cursor-default items-center justify-center py-1",
-				className,
-			),
-			...props,
-			children: _jsx(ChevronDown, { className: "h-4 w-4" }),
-		}),
-);
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
 SelectScrollDownButton.displayName =
-	SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(
-	({ className, children, position = "popper", ...props }, ref) =>
-		_jsx(SelectPrimitive.Portal, {
-			children: _jsxs(SelectPrimitive.Content, {
-				ref: ref,
-				className: cn(
-					"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-					position === "popper" &&
-						"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-					className,
-				),
-				position: position,
-				...props,
-				children: [
-					_jsx(SelectScrollUpButton, {}),
-					_jsx(SelectPrimitive.Viewport, {
-						className: cn(
-							"p-1",
-							position === "popper" &&
-								"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
-						),
-						children: children,
-					}),
-					_jsx(SelectScrollDownButton, {}),
-				],
-			}),
-		}),
-);
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(SelectPrimitive.Label, {
-		ref: ref,
-		className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-		...props,
-	}),
-);
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props })));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
-	_jsxs(SelectPrimitive.Item, {
-		ref: ref,
-		className: cn(
-			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-			className,
-		),
-		...props,
-		children: [
-			_jsx("span", {
-				className:
-					"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-				children: _jsx(SelectPrimitive.ItemIndicator, {
-					children: _jsx(Check, { className: "h-4 w-4" }),
-				}),
-			}),
-			_jsx(SelectPrimitive.ItemText, { children: children }),
-		],
-	}),
-);
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(SelectPrimitive.Separator, {
-		ref: ref,
-		className: cn("-mx-1 my-1 h-px bg-muted", className),
-		...props,
-	}),
-);
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export {
-	Select,
-	SelectGroup,
-	SelectValue,
-	SelectTrigger,
-	SelectContent,
-	SelectLabel,
-	SelectItem,
-	SelectSeparator,
-	SelectScrollUpButton,
-	SelectScrollDownButton,
-};
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/gui/components/Tabs.d.ts

@@ -1,27 +1,7 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-declare const Tabs: React.ForwardRefExoticComponent<
-	TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>
->;
-declare const TabsList: React.ForwardRefExoticComponent<
-	Omit<
-		TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
-declare const TabsTrigger: React.ForwardRefExoticComponent<
-	Omit<
-		TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLButtonElement>
->;
-declare const TabsContent: React.ForwardRefExoticComponent<
-	Omit<
-		TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>,
-		"ref"
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/gui/components/Tabs.js

@@ -1,40 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-
 const Tabs = TabsPrimitive.Root;
-const TabsList = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(TabsPrimitive.List, {
-		ref: ref,
-		className: cn(
-			"inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1",
-			className,
-		),
-		...props,
-	}),
-);
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1", className), ...props })));
 TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(TabsPrimitive.Trigger, {
-		ref: ref,
-		className: cn(
-			"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-			className,
-		),
-		...props,
-	}),
-);
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className), ...props })));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) =>
-	_jsx(TabsPrimitive.Content, {
-		ref: ref,
-		className: cn(
-			"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-			className,
-		),
-		...props,
-	}),
-);
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 export { Tabs, TabsList, TabsTrigger, TabsContent };