@geekmidas/ui 9.0.2 → 10.0.0-alpha.1

package/dist/layout-CcO0svmw.cjs

@@ -0,0 +1,513 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_utils = require('./utils-DTuzb7hO.cjs');
+const require_button = require('./button-BSp9VyHi.cjs');
+const require_tooltip = require('./tooltip-BuTZvLTX.cjs');
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+const lucide_react = require_chunk.__toESM(require("lucide-react"));
+const react = require_chunk.__toESM(require("react"));
+const class_variance_authority = require_chunk.__toESM(require("class-variance-authority"));
+
+//#region src/components/layout/header.tsx
+const Header = react.forwardRef(({ className, sticky = false, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		ref,
+		className: require_utils.cn("flex h-14 items-center gap-4 border-b border-border bg-surface px-4", sticky && "sticky top-0 z-10", className),
+		...props,
+		children
+	});
+});
+Header.displayName = "Header";
+const HeaderTitle = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+		ref,
+		className: require_utils.cn("text-lg font-semibold text-foreground", className),
+		...props,
+		children
+	});
+});
+HeaderTitle.displayName = "HeaderTitle";
+const HeaderDescription = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		ref,
+		className: require_utils.cn("text-sm text-muted-foreground", className),
+		...props,
+		children
+	});
+});
+HeaderDescription.displayName = "HeaderDescription";
+const HeaderActions = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("ml-auto flex items-center gap-2", className),
+		...props,
+		children
+	});
+});
+HeaderActions.displayName = "HeaderActions";
+const HeaderBreadcrumbs = react.forwardRef(({ className, items, separator,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		ref,
+		"aria-label": "Breadcrumb",
+		className: require_utils.cn("flex items-center gap-1 text-sm", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: "flex items-center gap-1",
+			children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "flex items-center gap-1",
+				children: [index > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: separator ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-3.5 w-3.5" })
+				}), item.href && !item.current ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					href: item.href,
+					className: "text-muted-foreground hover:text-foreground transition-colors",
+					children: item.label
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_utils.cn(item.current ? "text-foreground font-medium" : "text-muted-foreground"),
+					"aria-current": item.current ? "page" : void 0,
+					children: item.label
+				})]
+			}, item.label))
+		})
+	});
+});
+HeaderBreadcrumbs.displayName = "HeaderBreadcrumbs";
+const HeaderGroup = react.forwardRef(({ className, align = "start", children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex items-center gap-3", align === "center" && "justify-center", align === "end" && "justify-end ml-auto", className),
+		...props,
+		children
+	});
+});
+HeaderGroup.displayName = "HeaderGroup";
+
+//#endregion
+//#region src/components/layout/shell.tsx
+const Shell = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex h-screen w-full bg-background", className),
+		...props,
+		children
+	});
+});
+Shell.displayName = "Shell";
+const ShellSidebar = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("shrink-0", className),
+		...props,
+		children
+	});
+});
+ShellSidebar.displayName = "ShellSidebar";
+const ShellMain = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex flex-1 flex-col overflow-hidden", className),
+		...props,
+		children
+	});
+});
+ShellMain.displayName = "ShellMain";
+const ShellHeader = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("shrink-0", className),
+		...props,
+		children
+	});
+});
+ShellHeader.displayName = "ShellHeader";
+const ShellContent = react.forwardRef(({ className, scrollable = true, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex-1", scrollable && "overflow-auto", className),
+		...props,
+		children
+	});
+});
+ShellContent.displayName = "ShellContent";
+const ShellFooter = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("shrink-0 border-t border-border bg-surface", className),
+		...props,
+		children
+	});
+});
+ShellFooter.displayName = "ShellFooter";
+
+//#endregion
+//#region src/components/layout/sidebar.tsx
+const sidebarVariants = (0, class_variance_authority.cva)("flex flex-col border-r border-border bg-surface transition-all duration-200", {
+	variants: { collapsed: {
+		true: "w-16",
+		false: "w-64"
+	} },
+	defaultVariants: { collapsed: false }
+});
+const SidebarContext = react.createContext({
+	collapsed: false,
+	setCollapsed: () => {}
+});
+function useSidebar() {
+	const context = react.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a Sidebar");
+	return context;
+}
+const Sidebar = react.forwardRef(({ className, collapsed: controlledCollapsed, onCollapsedChange, header, footer, children,...props }, ref) => {
+	const [internalCollapsed, setInternalCollapsed] = react.useState(false);
+	const collapsed = controlledCollapsed ?? internalCollapsed;
+	const setCollapsed = react.useCallback((value) => {
+		setInternalCollapsed(value);
+		onCollapsedChange?.(value);
+	}, [onCollapsedChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContext.Provider, {
+		value: {
+			collapsed,
+			setCollapsed
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipProvider, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref,
+				className: require_utils.cn(sidebarVariants({
+					collapsed,
+					className
+				})),
+				...props,
+				children: [
+					header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-14 items-center border-b border-border px-4",
+						children: header
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.ScrollArea, {
+						className: "flex-1",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "flex flex-col gap-1 p-2",
+							children
+						})
+					}),
+					footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "border-t border-border p-2",
+						children: footer
+					})
+				]
+			})
+		})
+	});
+});
+Sidebar.displayName = "Sidebar";
+const SidebarToggle = react.forwardRef(({ className,...props }, ref) => {
+	const { collapsed, setCollapsed } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		className: require_utils.cn("h-8 w-8", className),
+		onClick: () => setCollapsed(!collapsed),
+		...props,
+		children: [collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftClose, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: collapsed ? "Expand sidebar" : "Collapse sidebar"
+		})]
+	});
+});
+SidebarToggle.displayName = "SidebarToggle";
+const SidebarSection = react.forwardRef(({ className, title, children,...props }, ref) => {
+	const { collapsed } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex flex-col gap-1", className),
+		...props,
+		children: [
+			title && !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-2 py-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wider",
+				children: title
+			}),
+			title && collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-auto my-1 h-px w-6 bg-border" }),
+			children
+		]
+	});
+});
+SidebarSection.displayName = "SidebarSection";
+const SidebarItem = react.forwardRef(({ className, icon: Icon, active, badge, children,...props }, ref) => {
+	const { collapsed } = useSidebar();
+	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		ref,
+		className: require_utils.cn("flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors", "text-muted-foreground hover:bg-surface-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", active && "bg-surface-hover text-foreground", collapsed && "justify-center px-0", className),
+		...props,
+		children: [
+			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
+			!collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "flex-1 truncate",
+				children
+			}),
+			!collapsed && badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: badge })
+		]
+	});
+	if (collapsed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.TooltipContent, {
+		side: "right",
+		className: "flex items-center gap-2",
+		children: [children, badge]
+	})] });
+	return button;
+});
+SidebarItem.displayName = "SidebarItem";
+const SidebarLink = react.forwardRef(({ className, icon: Icon, active, badge, children,...props }, ref) => {
+	const { collapsed } = useSidebar();
+	const link = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		ref,
+		className: require_utils.cn("flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors", "text-muted-foreground hover:bg-surface-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", active && "bg-surface-hover text-foreground", collapsed && "justify-center px-0", className),
+		...props,
+		children: [
+			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
+			!collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "flex-1 truncate",
+				children
+			}),
+			!collapsed && badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: badge })
+		]
+	});
+	if (collapsed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
+		asChild: true,
+		children: link
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.TooltipContent, {
+		side: "right",
+		className: "flex items-center gap-2",
+		children: [children, badge]
+	})] });
+	return link;
+});
+SidebarLink.displayName = "SidebarLink";
+
+//#endregion
+//#region src/components/layout/split-pane.tsx
+const SplitPane = react.forwardRef(({ className, direction = "horizontal", defaultSize = "50%", minSize = 100, maxSize, onSizeChange, resizable = true, children,...props }, ref) => {
+	const containerRef = react.useRef(null);
+	const [size, setSize] = react.useState(null);
+	const [isDragging, setIsDragging] = react.useState(false);
+	const childArray = react.Children.toArray(children);
+	const firstPane = childArray[0];
+	const secondPane = childArray[1];
+	const isHorizontal = direction === "horizontal";
+	react.useEffect(() => {
+		if (size !== null || !containerRef.current) return;
+		const containerSize = isHorizontal ? containerRef.current.offsetWidth : containerRef.current.offsetHeight;
+		if (typeof defaultSize === "string" && defaultSize.endsWith("%")) {
+			const percent = parseFloat(defaultSize) / 100;
+			setSize(Math.round(containerSize * percent));
+		} else if (typeof defaultSize === "number") setSize(defaultSize);
+		else setSize(Math.round(containerSize / 2));
+	}, [
+		defaultSize,
+		isHorizontal,
+		size
+	]);
+	const handleMouseDown = react.useCallback((e) => {
+		if (!resizable) return;
+		e.preventDefault();
+		setIsDragging(true);
+	}, [resizable]);
+	react.useEffect(() => {
+		if (!isDragging) return;
+		const handleMouseMove = (e) => {
+			if (!containerRef.current) return;
+			const containerRect = containerRef.current.getBoundingClientRect();
+			const containerSize = isHorizontal ? containerRect.width : containerRect.height;
+			let newSize = isHorizontal ? e.clientX - containerRect.left : e.clientY - containerRect.top;
+			newSize = Math.max(minSize, newSize);
+			if (maxSize) newSize = Math.min(maxSize, newSize);
+			newSize = Math.min(containerSize - minSize, newSize);
+			setSize(newSize);
+			onSizeChange?.(newSize);
+		};
+		const handleMouseUp = () => {
+			setIsDragging(false);
+		};
+		document.addEventListener("mousemove", handleMouseMove);
+		document.addEventListener("mouseup", handleMouseUp);
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+	}, [
+		isDragging,
+		isHorizontal,
+		minSize,
+		maxSize,
+		onSizeChange
+	]);
+	const firstPaneStyle = {
+		[isHorizontal ? "width" : "height"]: size !== null ? `${size}px` : defaultSize,
+		flexShrink: 0
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: (node) => {
+			containerRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		className: require_utils.cn("flex overflow-hidden", isHorizontal ? "flex-row" : "flex-col", isDragging && "cursor-col-resize select-none", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("overflow-auto", isHorizontal ? "min-w-0" : "min-h-0"),
+				style: firstPaneStyle,
+				children: firstPane
+			}),
+			resizable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("flex shrink-0 items-center justify-center bg-border transition-colors", isHorizontal ? "w-1 cursor-col-resize hover:bg-border-hover active:bg-accent" : "h-1 cursor-row-resize hover:bg-border-hover active:bg-accent", isDragging && "bg-accent"),
+				onMouseDown: handleMouseDown,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: require_utils.cn("rounded-full bg-muted-foreground/50", isHorizontal ? "h-8 w-1" : "h-1 w-8") })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("flex-1 overflow-auto", isHorizontal ? "min-w-0" : "min-h-0"),
+				children: secondPane
+			})
+		]
+	});
+});
+SplitPane.displayName = "SplitPane";
+const SplitPanePanel = react.forwardRef(({ className, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("h-full w-full", className),
+		...props,
+		children
+	});
+});
+SplitPanePanel.displayName = "SplitPanePanel";
+
+//#endregion
+Object.defineProperty(exports, 'Header', {
+  enumerable: true,
+  get: function () {
+    return Header;
+  }
+});
+Object.defineProperty(exports, 'HeaderActions', {
+  enumerable: true,
+  get: function () {
+    return HeaderActions;
+  }
+});
+Object.defineProperty(exports, 'HeaderBreadcrumbs', {
+  enumerable: true,
+  get: function () {
+    return HeaderBreadcrumbs;
+  }
+});
+Object.defineProperty(exports, 'HeaderDescription', {
+  enumerable: true,
+  get: function () {
+    return HeaderDescription;
+  }
+});
+Object.defineProperty(exports, 'HeaderGroup', {
+  enumerable: true,
+  get: function () {
+    return HeaderGroup;
+  }
+});
+Object.defineProperty(exports, 'HeaderTitle', {
+  enumerable: true,
+  get: function () {
+    return HeaderTitle;
+  }
+});
+Object.defineProperty(exports, 'Shell', {
+  enumerable: true,
+  get: function () {
+    return Shell;
+  }
+});
+Object.defineProperty(exports, 'ShellContent', {
+  enumerable: true,
+  get: function () {
+    return ShellContent;
+  }
+});
+Object.defineProperty(exports, 'ShellFooter', {
+  enumerable: true,
+  get: function () {
+    return ShellFooter;
+  }
+});
+Object.defineProperty(exports, 'ShellHeader', {
+  enumerable: true,
+  get: function () {
+    return ShellHeader;
+  }
+});
+Object.defineProperty(exports, 'ShellMain', {
+  enumerable: true,
+  get: function () {
+    return ShellMain;
+  }
+});
+Object.defineProperty(exports, 'ShellSidebar', {
+  enumerable: true,
+  get: function () {
+    return ShellSidebar;
+  }
+});
+Object.defineProperty(exports, 'Sidebar', {
+  enumerable: true,
+  get: function () {
+    return Sidebar;
+  }
+});
+Object.defineProperty(exports, 'SidebarItem', {
+  enumerable: true,
+  get: function () {
+    return SidebarItem;
+  }
+});
+Object.defineProperty(exports, 'SidebarLink', {
+  enumerable: true,
+  get: function () {
+    return SidebarLink;
+  }
+});
+Object.defineProperty(exports, 'SidebarSection', {
+  enumerable: true,
+  get: function () {
+    return SidebarSection;
+  }
+});
+Object.defineProperty(exports, 'SidebarToggle', {
+  enumerable: true,
+  get: function () {
+    return SidebarToggle;
+  }
+});
+Object.defineProperty(exports, 'SplitPane', {
+  enumerable: true,
+  get: function () {
+    return SplitPane;
+  }
+});
+Object.defineProperty(exports, 'SplitPanePanel', {
+  enumerable: true,
+  get: function () {
+    return SplitPanePanel;
+  }
+});
+Object.defineProperty(exports, 'sidebarVariants', {
+  enumerable: true,
+  get: function () {
+    return sidebarVariants;
+  }
+});
+Object.defineProperty(exports, 'useSidebar', {
+  enumerable: true,
+  get: function () {
+    return useSidebar;
+  }
+});
+//# sourceMappingURL=layout-CcO0svmw.cjs.map

package/dist/layout-CcO0svmw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-CcO0svmw.cjs","names":["ChevronRight","value: boolean","TooltipProvider","ScrollArea","Button","PanelLeftOpen","PanelLeftClose","Tooltip","TooltipTrigger","TooltipContent","e: React.MouseEvent","e: MouseEvent","firstPaneStyle: React.CSSProperties"],"sources":["../src/components/layout/header.tsx","../src/components/layout/shell.tsx","../src/components/layout/sidebar.tsx","../src/components/layout/split-pane.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement> {\n\tsticky?: boolean;\n}\n\nconst Header = React.forwardRef<HTMLElement, HeaderProps>(\n\t({ className, sticky = false, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<header\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex h-14 items-center gap-4 border-b border-border bg-surface px-4',\n\t\t\t\t\tsticky && 'sticky top-0 z-10',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</header>\n\t\t);\n\t},\n);\nHeader.displayName = 'Header';\n\nexport interface HeaderTitleProps\n\textends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst HeaderTitle = React.forwardRef<HTMLHeadingElement, HeaderTitleProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<h1\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('text-lg font-semibold text-foreground', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</h1>\n\t\t);\n\t},\n);\nHeaderTitle.displayName = 'HeaderTitle';\n\nexport interface HeaderDescriptionProps\n\textends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst HeaderDescription = React.forwardRef<\n\tHTMLParagraphElement,\n\tHeaderDescriptionProps\n>(({ className, children, ...props }, ref) => {\n\treturn (\n\t\t<p\n\t\t\tref={ref}\n\t\t\tclassName={cn('text-sm text-muted-foreground', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</p>\n\t);\n});\nHeaderDescription.displayName = 'HeaderDescription';\n\nexport interface HeaderActionsProps\n\textends React.HTMLAttributes<HTMLDivElement> {}\n\nconst HeaderActions = React.forwardRef<HTMLDivElement, HeaderActionsProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('ml-auto flex items-center gap-2', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nHeaderActions.displayName = 'HeaderActions';\n\nexport interface BreadcrumbItem {\n\tlabel: string;\n\thref?: string;\n\tcurrent?: boolean;\n}\n\nexport interface HeaderBreadcrumbsProps\n\textends React.HTMLAttributes<HTMLElement> {\n\titems: BreadcrumbItem[];\n\tseparator?: React.ReactNode;\n}\n\nconst HeaderBreadcrumbs = React.forwardRef<HTMLElement, HeaderBreadcrumbsProps>(\n\t({ className, items, separator, ...props }, ref) => {\n\t\treturn (\n\t\t\t<nav\n\t\t\t\tref={ref}\n\t\t\t\taria-label=\"Breadcrumb\"\n\t\t\t\tclassName={cn('flex items-center gap-1 text-sm', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ol className=\"flex items-center gap-1\">\n\t\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t\t<li key={item.label} className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t{index > 0 && (\n\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{separator ?? <ChevronRight className=\"h-3.5 w-3.5\" />}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{item.href && !item.current ? (\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\t\t\tclassName=\"text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\titem.current\n\t\t\t\t\t\t\t\t\t\t\t? 'text-foreground font-medium'\n\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\taria-current={item.current ? 'page' : undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t);\n\t},\n);\nHeaderBreadcrumbs.displayName = 'HeaderBreadcrumbs';\n\nexport interface HeaderGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n\talign?: 'start' | 'center' | 'end';\n}\n\nconst HeaderGroup = React.forwardRef<HTMLDivElement, HeaderGroupProps>(\n\t({ className, align = 'start', children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex items-center gap-3',\n\t\t\t\t\talign === 'center' && 'justify-center',\n\t\t\t\t\talign === 'end' && 'justify-end ml-auto',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nHeaderGroup.displayName = 'HeaderGroup';\n\nexport {\n\tHeader,\n\tHeaderTitle,\n\tHeaderDescription,\n\tHeaderActions,\n\tHeaderBreadcrumbs,\n\tHeaderGroup,\n};\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface ShellProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst Shell = React.forwardRef<HTMLDivElement, ShellProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('flex h-screen w-full bg-background', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShell.displayName = 'Shell';\n\nexport interface ShellSidebarProps\n\textends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ShellSidebar = React.forwardRef<HTMLDivElement, ShellSidebarProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn('shrink-0', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShellSidebar.displayName = 'ShellSidebar';\n\nexport interface ShellMainProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ShellMain = React.forwardRef<HTMLDivElement, ShellMainProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('flex flex-1 flex-col overflow-hidden', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShellMain.displayName = 'ShellMain';\n\nexport interface ShellHeaderProps\n\textends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ShellHeader = React.forwardRef<HTMLDivElement, ShellHeaderProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn('shrink-0', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShellHeader.displayName = 'ShellHeader';\n\nexport interface ShellContentProps\n\textends React.HTMLAttributes<HTMLDivElement> {\n\tscrollable?: boolean;\n}\n\nconst ShellContent = React.forwardRef<HTMLDivElement, ShellContentProps>(\n\t({ className, scrollable = true, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('flex-1', scrollable && 'overflow-auto', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShellContent.displayName = 'ShellContent';\n\nexport interface ShellFooterProps\n\textends React.HTMLAttributes<HTMLDivElement> {}\n\nconst ShellFooter = React.forwardRef<HTMLDivElement, ShellFooterProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('shrink-0 border-t border-border bg-surface', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nShellFooter.displayName = 'ShellFooter';\n\nexport {\n\tShell,\n\tShellSidebar,\n\tShellMain,\n\tShellHeader,\n\tShellContent,\n\tShellFooter,\n};\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type LucideIcon, PanelLeftClose, PanelLeftOpen } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { ScrollArea } from '../ui/scroll-area';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from '../ui/tooltip';\n\nconst sidebarVariants = cva(\n\t'flex flex-col border-r border-border bg-surface transition-all duration-200',\n\t{\n\t\tvariants: {\n\t\t\tcollapsed: {\n\t\t\t\ttrue: 'w-16',\n\t\t\t\tfalse: 'w-64',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tcollapsed: false,\n\t\t},\n\t},\n);\n\nexport interface SidebarProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof sidebarVariants> {\n\tcollapsed?: boolean;\n\tonCollapsedChange?: (collapsed: boolean) => void;\n\theader?: React.ReactNode;\n\tfooter?: React.ReactNode;\n}\n\nconst SidebarContext = React.createContext<{\n\tcollapsed: boolean;\n\tsetCollapsed: (collapsed: boolean) => void;\n}>({\n\tcollapsed: false,\n\tsetCollapsed: () => {},\n});\n\nexport function useSidebar() {\n\tconst context = React.useContext(SidebarContext);\n\tif (!context) {\n\t\tthrow new Error('useSidebar must be used within a Sidebar');\n\t}\n\treturn context;\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tcollapsed: controlledCollapsed,\n\t\t\tonCollapsedChange,\n\t\t\theader,\n\t\t\tfooter,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [internalCollapsed, setInternalCollapsed] = React.useState(false);\n\t\tconst collapsed = controlledCollapsed ?? internalCollapsed;\n\n\t\tconst setCollapsed = React.useCallback(\n\t\t\t(value: boolean) => {\n\t\t\t\tsetInternalCollapsed(value);\n\t\t\t\tonCollapsedChange?.(value);\n\t\t\t},\n\t\t\t[onCollapsedChange],\n\t\t);\n\n\t\treturn (\n\t\t\t<SidebarContext.Provider value={{ collapsed, setCollapsed }}>\n\t\t\t\t<TooltipProvider delayDuration={0}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={cn(sidebarVariants({ collapsed, className }))}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{header && (\n\t\t\t\t\t\t\t<div className=\"flex h-14 items-center border-b border-border px-4\">\n\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<ScrollArea className=\"flex-1\">\n\t\t\t\t\t\t\t<div className=\"flex flex-col gap-1 p-2\">{children}</div>\n\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t{footer && (\n\t\t\t\t\t\t\t<div className=\"border-t border-border p-2\">{footer}</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</TooltipProvider>\n\t\t\t</SidebarContext.Provider>\n\t\t);\n\t},\n);\nSidebar.displayName = 'Sidebar';\n\nexport interface SidebarToggleProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst SidebarToggle = React.forwardRef<HTMLButtonElement, SidebarToggleProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { collapsed, setCollapsed } = useSidebar();\n\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize=\"icon\"\n\t\t\t\tclassName={cn('h-8 w-8', className)}\n\t\t\t\tonClick={() => setCollapsed(!collapsed)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{collapsed ? (\n\t\t\t\t\t<PanelLeftOpen className=\"h-4 w-4\" />\n\t\t\t\t) : (\n\t\t\t\t\t<PanelLeftClose className=\"h-4 w-4\" />\n\t\t\t\t)}\n\t\t\t\t<span className=\"sr-only\">\n\t\t\t\t\t{collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t);\n\t},\n);\nSidebarToggle.displayName = 'SidebarToggle';\n\nexport interface SidebarSectionProps\n\textends React.HTMLAttributes<HTMLDivElement> {\n\ttitle?: string;\n}\n\nconst SidebarSection = React.forwardRef<HTMLDivElement, SidebarSectionProps>(\n\t({ className, title, children, ...props }, ref) => {\n\t\tconst { collapsed } = useSidebar();\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('flex flex-col gap-1', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{title && !collapsed && (\n\t\t\t\t\t<div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{title && collapsed && (\n\t\t\t\t\t<div className=\"mx-auto my-1 h-px w-6 bg-border\" />\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nSidebarSection.displayName = 'SidebarSection';\n\nexport interface SidebarItemProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\ticon?: LucideIcon;\n\tactive?: boolean;\n\tbadge?: React.ReactNode;\n}\n\nconst SidebarItem = React.forwardRef<HTMLButtonElement, SidebarItemProps>(\n\t({ className, icon: Icon, active, badge, children, ...props }, ref) => {\n\t\tconst { collapsed } = useSidebar();\n\n\t\tconst button = (\n\t\t\t<button\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',\n\t\t\t\t\t'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n\t\t\t\t\tactive && 'bg-surface-hover text-foreground',\n\t\t\t\t\tcollapsed && 'justify-center px-0',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{Icon && <Icon className=\"h-4 w-4 shrink-0\" />}\n\t\t\t\t{!collapsed && <span className=\"flex-1 truncate\">{children}</span>}\n\t\t\t\t{!collapsed && badge && <span>{badge}</span>}\n\t\t\t</button>\n\t\t);\n\n\t\tif (collapsed) {\n\t\t\treturn (\n\t\t\t\t<Tooltip>\n\t\t\t\t\t<TooltipTrigger asChild>{button}</TooltipTrigger>\n\t\t\t\t\t<TooltipContent side=\"right\" className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t\t{badge}\n\t\t\t\t\t</TooltipContent>\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\n\t\treturn button;\n\t},\n);\nSidebarItem.displayName = 'SidebarItem';\n\nexport interface SidebarLinkProps\n\textends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n\ticon?: LucideIcon;\n\tactive?: boolean;\n\tbadge?: React.ReactNode;\n}\n\nconst SidebarLink = React.forwardRef<HTMLAnchorElement, SidebarLinkProps>(\n\t({ className, icon: Icon, active, badge, children, ...props }, ref) => {\n\t\tconst { collapsed } = useSidebar();\n\n\t\tconst link = (\n\t\t\t<a\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',\n\t\t\t\t\t'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n\t\t\t\t\tactive && 'bg-surface-hover text-foreground',\n\t\t\t\t\tcollapsed && 'justify-center px-0',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{Icon && <Icon className=\"h-4 w-4 shrink-0\" />}\n\t\t\t\t{!collapsed && <span className=\"flex-1 truncate\">{children}</span>}\n\t\t\t\t{!collapsed && badge && <span>{badge}</span>}\n\t\t\t</a>\n\t\t);\n\n\t\tif (collapsed) {\n\t\t\treturn (\n\t\t\t\t<Tooltip>\n\t\t\t\t\t<TooltipTrigger asChild>{link}</TooltipTrigger>\n\t\t\t\t\t<TooltipContent side=\"right\" className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t\t{badge}\n\t\t\t\t\t</TooltipContent>\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\n\t\treturn link;\n\t},\n);\nSidebarLink.displayName = 'SidebarLink';\n\nexport {\n\tSidebar,\n\tSidebarToggle,\n\tSidebarSection,\n\tSidebarItem,\n\tSidebarLink,\n\tsidebarVariants,\n};\n","'use client';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface SplitPaneProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Direction of the split */\n\tdirection?: 'horizontal' | 'vertical';\n\t/** Initial size of the first pane (in pixels or percentage) */\n\tdefaultSize?: number | string;\n\t/** Minimum size of the first pane in pixels */\n\tminSize?: number;\n\t/** Maximum size of the first pane in pixels */\n\tmaxSize?: number;\n\t/** Called when the pane size changes */\n\tonSizeChange?: (size: number) => void;\n\t/** Whether to show the resize handle */\n\tresizable?: boolean;\n}\n\nconst SplitPane = React.forwardRef<HTMLDivElement, SplitPaneProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tdirection = 'horizontal',\n\t\t\tdefaultSize = '50%',\n\t\t\tminSize = 100,\n\t\t\tmaxSize,\n\t\t\tonSizeChange,\n\t\t\tresizable = true,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst containerRef = React.useRef<HTMLDivElement>(null);\n\t\tconst [size, setSize] = React.useState<number | null>(null);\n\t\tconst [isDragging, setIsDragging] = React.useState(false);\n\n\t\tconst childArray = React.Children.toArray(children);\n\t\tconst firstPane = childArray[0];\n\t\tconst secondPane = childArray[1];\n\n\t\tconst isHorizontal = direction === 'horizontal';\n\n\t\t// Initialize size from defaultSize\n\t\tReact.useEffect(() => {\n\t\t\tif (size !== null || !containerRef.current) return;\n\n\t\t\tconst containerSize = isHorizontal\n\t\t\t\t? containerRef.current.offsetWidth\n\t\t\t\t: containerRef.current.offsetHeight;\n\n\t\t\tif (typeof defaultSize === 'string' && defaultSize.endsWith('%')) {\n\t\t\t\tconst percent = parseFloat(defaultSize) / 100;\n\t\t\t\tsetSize(Math.round(containerSize * percent));\n\t\t\t} else if (typeof defaultSize === 'number') {\n\t\t\t\tsetSize(defaultSize);\n\t\t\t} else {\n\t\t\t\tsetSize(Math.round(containerSize / 2));\n\t\t\t}\n\t\t}, [defaultSize, isHorizontal, size]);\n\n\t\tconst handleMouseDown = React.useCallback(\n\t\t\t(e: React.MouseEvent) => {\n\t\t\t\tif (!resizable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\tsetIsDragging(true);\n\t\t\t},\n\t\t\t[resizable],\n\t\t);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (!isDragging) return;\n\n\t\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\t\tif (!containerRef.current) return;\n\n\t\t\t\tconst containerRect = containerRef.current.getBoundingClientRect();\n\t\t\t\tconst containerSize = isHorizontal\n\t\t\t\t\t? containerRect.width\n\t\t\t\t\t: containerRect.height;\n\n\t\t\t\tlet newSize = isHorizontal\n\t\t\t\t\t? e.clientX - containerRect.left\n\t\t\t\t\t: e.clientY - containerRect.top;\n\n\t\t\t\t// Apply constraints\n\t\t\t\tnewSize = Math.max(minSize, newSize);\n\t\t\t\tif (maxSize) {\n\t\t\t\t\tnewSize = Math.min(maxSize, newSize);\n\t\t\t\t}\n\t\t\t\tnewSize = Math.min(containerSize - minSize, newSize);\n\n\t\t\t\tsetSize(newSize);\n\t\t\t\tonSizeChange?.(newSize);\n\t\t\t};\n\n\t\t\tconst handleMouseUp = () => {\n\t\t\t\tsetIsDragging(false);\n\t\t\t};\n\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t\t};\n\t\t}, [isDragging, isHorizontal, minSize, maxSize, onSizeChange]);\n\n\t\tconst firstPaneStyle: React.CSSProperties = {\n\t\t\t[isHorizontal ? 'width' : 'height']:\n\t\t\t\tsize !== null ? `${size}px` : defaultSize,\n\t\t\tflexShrink: 0,\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={(node) => {\n\t\t\t\t\t(\n\t\t\t\t\t\tcontainerRef as React.MutableRefObject<HTMLDivElement | null>\n\t\t\t\t\t).current = node;\n\t\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\t\tref(node);\n\t\t\t\t\t} else if (ref) {\n\t\t\t\t\t\tref.current = node;\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex overflow-hidden',\n\t\t\t\t\tisHorizontal ? 'flex-row' : 'flex-col',\n\t\t\t\t\tisDragging && 'cursor-col-resize select-none',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn('overflow-auto', isHorizontal ? 'min-w-0' : 'min-h-0')}\n\t\t\t\t\tstyle={firstPaneStyle}\n\t\t\t\t>\n\t\t\t\t\t{firstPane}\n\t\t\t\t</div>\n\n\t\t\t\t{resizable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex shrink-0 items-center justify-center bg-border transition-colors',\n\t\t\t\t\t\t\tisHorizontal\n\t\t\t\t\t\t\t\t? 'w-1 cursor-col-resize hover:bg-border-hover active:bg-accent'\n\t\t\t\t\t\t\t\t: 'h-1 cursor-row-resize hover:bg-border-hover active:bg-accent',\n\t\t\t\t\t\t\tisDragging && 'bg-accent',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'rounded-full bg-muted-foreground/50',\n\t\t\t\t\t\t\t\tisHorizontal ? 'h-8 w-1' : 'h-1 w-8',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex-1 overflow-auto',\n\t\t\t\t\t\tisHorizontal ? 'min-w-0' : 'min-h-0',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{secondPane}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\nSplitPane.displayName = 'SplitPane';\n\nexport interface SplitPanePanelProps\n\textends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SplitPanePanel = React.forwardRef<HTMLDivElement, SplitPanePanelProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn('h-full w-full', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nSplitPanePanel.displayName = 'SplitPanePanel';\n\nexport { SplitPane, SplitPanePanel };\n"],"mappings":"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"}

package/dist/lib/utils.cjs

@@ -0,0 +1,3 @@
+const require_utils = require('../utils-DTuzb7hO.cjs');
+
+exports.cn = require_utils.cn;

package/dist/lib/utils.d.cts

@@ -0,0 +1,2 @@
+import { cn } from "../utils-3XfDEz8-.cjs";
+export { cn };

package/dist/lib/utils.d.mts

@@ -0,0 +1,2 @@
+import { cn } from "../utils-CgSGIxhd.mjs";
+export { cn };

package/dist/lib/utils.mjs

@@ -0,0 +1,3 @@
+import { cn } from "../utils-0J5jzmnT.mjs";
+
+export { cn };

package/dist/styles/theme.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../theme-BRGSS8qx.cjs');
+const require_theme = require('../theme-BBoDSysS.cjs');
 
 exports.getLogLevelColor = require_theme.getLogLevelColor;
 exports.getMethodColor = require_theme.getMethodColor;

package/dist/styles/theme.d.cts

@@ -1,2 +1,2 @@
-import { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-B5mGkTlU.cjs";
+import { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-BsXPj5m4.cjs";
 export { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme };

package/dist/styles/theme.d.mts

@@ -1,2 +1,2 @@
-import { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-vpDwDfcR.mjs";
+import { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-aIIK_kn9.mjs";
 export { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme };

package/dist/styles/theme.mjs

@@ -1,3 +1,3 @@
-import { getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-DAiFBbyM.mjs";
+import { getLogLevelColor, getMethodColor, getStatusColor, theme } from "../theme-DI0sgbjj.mjs";
 
 export { getLogLevelColor, getMethodColor, getStatusColor, theme };