@motiadev/ui 0.15.0-beta.165 → 0.15.1-beta.166

package/dist/components/ui/collapsible-panel.js

@@ -10,16 +10,20 @@ import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 
 //#region src/components/ui/collapsible-panel.tsx
 const PanelControls = (t0) => {
-	const $ = c(9);
+	const $ = c(10);
+	if ($[0] !== "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653";
+	}
 	const { header, isCollapsed, onToggle, variant: t1 } = t0;
 	const variant = t1 === void 0 ? "default" : t1;
 	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsx("div", { className: "flex-1" });
-		$[0] = t2;
-	} else t2 = $[0];
+		$[1] = t2;
+	} else t2 = $[1];
 	let t3;
-	if ($[1] !== isCollapsed || $[2] !== onToggle || $[3] !== variant) {
+	if ($[2] !== isCollapsed || $[3] !== onToggle || $[4] !== variant) {
 		t3 = onToggle && /* @__PURE__ */ jsx(Button, {
 			variant: "default",
 			onClick: onToggle,
@@ -27,13 +31,13 @@ const PanelControls = (t0) => {
 			className: cn("h-8 px-3 [&_svg]:size-5", { "mr-5": variant === "tabs" }),
 			children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("transition-transform", { "-rotate-180": !isCollapsed }) })
 		});
-		$[1] = isCollapsed;
-		$[2] = onToggle;
-		$[3] = variant;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[2] = isCollapsed;
+		$[3] = onToggle;
+		$[4] = variant;
+		$[5] = t3;
+	} else t3 = $[5];
 	let t4;
-	if ($[5] !== header || $[6] !== t3 || $[7] !== variant) {
+	if ($[6] !== header || $[7] !== t3 || $[8] !== variant) {
 		t4 = /* @__PURE__ */ jsxs(ContainerHeader, {
 			variant,
 			children: [
@@ -42,17 +46,21 @@ const PanelControls = (t0) => {
 				t3
 			]
 		});
-		$[5] = header;
-		$[6] = t3;
-		$[7] = variant;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[6] = header;
+		$[7] = t3;
+		$[8] = variant;
+		$[9] = t4;
+	} else t4 = $[9];
 	return t4;
 };
 const CustomResizeHandle = () => {
-	const $ = c(1);
+	const $ = c(2);
+	if ($[0] !== "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653") {
+		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653";
+	}
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = /* @__PURE__ */ jsx("div", {
 			className: "relative",
 			children: /* @__PURE__ */ jsx("div", {
@@ -66,17 +74,21 @@ const CustomResizeHandle = () => {
 				})
 			})
 		});
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	return t0;
 };
 const CollapsiblePanel = (t0) => {
-	const $ = c(27);
+	const $ = c(28);
+	if ($[0] !== "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653") {
+		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653";
+	}
 	const { id, header, children, withResizeHandle, className, variant, defaultTab, onTabChange } = t0;
 	const [isCollapsed, setIsCollapsed] = useState(false);
 	const panelRef = useRef(null);
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = () => {
 			const panel = panelRef.current;
 			if (!panel) return;
@@ -88,67 +100,67 @@ const CollapsiblePanel = (t0) => {
 				console.warn("Failed to toggle panel:", error);
 			}
 		};
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	const onToggle = t1;
 	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = () => setIsCollapsed(true);
-		$[1] = t2;
-	} else t2 = $[1];
+		$[2] = t2;
+	} else t2 = $[2];
 	const onCollapse = t2;
 	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = () => setIsCollapsed(false);
-		$[2] = t3;
-	} else t3 = $[2];
+		$[3] = t3;
+	} else t3 = $[3];
 	const onExpand = t3;
 	let t4;
 	bb0: {
 		let t5$1;
-		if ($[3] !== header || $[4] !== isCollapsed || $[5] !== variant) {
+		if ($[4] !== header || $[5] !== isCollapsed || $[6] !== variant) {
 			t5$1 = /* @__PURE__ */ jsx(PanelControls, {
 				header,
 				isCollapsed,
 				variant,
 				onToggle
 			});
-			$[3] = header;
-			$[4] = isCollapsed;
-			$[5] = variant;
-			$[6] = t5$1;
-		} else t5$1 = $[6];
+			$[4] = header;
+			$[5] = isCollapsed;
+			$[6] = variant;
+			$[7] = t5$1;
+		} else t5$1 = $[7];
 		let t6$1;
-		if ($[7] !== children) {
+		if ($[8] !== children) {
 			t6$1 = /* @__PURE__ */ jsx(ContainerContent, { children });
-			$[7] = children;
-			$[8] = t6$1;
-		} else t6$1 = $[8];
+			$[8] = children;
+			$[9] = t6$1;
+		} else t6$1 = $[9];
 		let t7$1;
-		if ($[9] !== t5$1 || $[10] !== t6$1) {
+		if ($[10] !== t5$1 || $[11] !== t6$1) {
 			t7$1 = /* @__PURE__ */ jsxs(Container, {
 				className: "h-full",
 				children: [t5$1, t6$1]
 			});
-			$[9] = t5$1;
-			$[10] = t6$1;
-			$[11] = t7$1;
-		} else t7$1 = $[11];
+			$[10] = t5$1;
+			$[11] = t6$1;
+			$[12] = t7$1;
+		} else t7$1 = $[12];
 		const container = t7$1;
 		if (variant == "tabs") {
 			let t8$1;
-			if ($[12] !== container || $[13] !== defaultTab || $[14] !== onTabChange) {
+			if ($[13] !== container || $[14] !== defaultTab || $[15] !== onTabChange) {
 				t8$1 = /* @__PURE__ */ jsx(Tabs, {
 					className: "h-full",
 					defaultValue: defaultTab,
 					onValueChange: onTabChange,
 					children: container
 				});
-				$[12] = container;
-				$[13] = defaultTab;
-				$[14] = onTabChange;
-				$[15] = t8$1;
-			} else t8$1 = $[15];
+				$[13] = container;
+				$[14] = defaultTab;
+				$[15] = onTabChange;
+				$[16] = t8$1;
+			} else t8$1 = $[16];
 			t4 = t8$1;
 			break bb0;
 		}
@@ -156,13 +168,13 @@ const CollapsiblePanel = (t0) => {
 	}
 	const view = t4;
 	let t5;
-	if ($[16] !== className) {
+	if ($[17] !== className) {
 		t5 = cn("min-h-[42px]", className);
-		$[16] = className;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[17] = className;
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[18] !== id || $[19] !== t5 || $[20] !== view) {
+	if ($[19] !== id || $[20] !== t5 || $[21] !== view) {
 		t6 = /* @__PURE__ */ jsx(Panel, {
 			id,
 			collapsible: true,
@@ -172,51 +184,55 @@ const CollapsiblePanel = (t0) => {
 			onExpand,
 			children: view
 		});
-		$[18] = id;
-		$[19] = t5;
-		$[20] = view;
-		$[21] = t6;
-	} else t6 = $[21];
+		$[19] = id;
+		$[20] = t5;
+		$[21] = view;
+		$[22] = t6;
+	} else t6 = $[22];
 	let t7;
-	if ($[22] !== withResizeHandle) {
+	if ($[23] !== withResizeHandle) {
 		t7 = withResizeHandle && /* @__PURE__ */ jsx(CustomResizeHandle, {});
-		$[22] = withResizeHandle;
-		$[23] = t7;
-	} else t7 = $[23];
+		$[23] = withResizeHandle;
+		$[24] = t7;
+	} else t7 = $[24];
 	let t8;
-	if ($[24] !== t6 || $[25] !== t7) {
+	if ($[25] !== t6 || $[26] !== t7) {
 		t8 = /* @__PURE__ */ jsxs(Fragment, { children: [t6, t7] });
-		$[24] = t6;
-		$[25] = t7;
-		$[26] = t8;
-	} else t8 = $[26];
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
 	return t8;
 };
 const CollapsiblePanelGroup = (t0) => {
-	const $ = c(12);
+	const $ = c(13);
+	if ($[0] !== "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dcfed46e4c606b67cf4b4e5ebb8482758fc50e61c44c1de1b82c7a068d5c0653";
+	}
 	let children;
 	let props;
-	if ($[0] !== t0) {
+	if ($[1] !== t0) {
 		({children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = props;
+		$[1] = t0;
+		$[2] = children;
+		$[3] = props;
 	} else {
-		children = $[1];
-		props = $[2];
+		children = $[2];
+		props = $[3];
 	}
 	const [resizeHandleCount, setResizeHandleCount] = useState(0);
 	let t1;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = (sizes) => {
 			setResizeHandleCount(sizes.length);
 		};
-		$[3] = t1;
-	} else t1 = $[3];
+		$[4] = t1;
+	} else t1 = $[4];
 	let t2;
-	if ($[4] !== children || $[5] !== resizeHandleCount) {
+	if ($[5] !== children || $[6] !== resizeHandleCount) {
 		let t3$1;
-		if ($[7] !== resizeHandleCount) {
+		if ($[8] !== resizeHandleCount) {
 			t3$1 = (child, index) => {
 				if (React.isValidElement(child)) {
 					const last = resizeHandleCount - 1 === index;
@@ -225,25 +241,25 @@ const CollapsiblePanelGroup = (t0) => {
 				}
 				return child;
 			};
-			$[7] = resizeHandleCount;
-			$[8] = t3$1;
-		} else t3$1 = $[8];
+			$[8] = resizeHandleCount;
+			$[9] = t3$1;
+		} else t3$1 = $[9];
 		t2 = React.Children.map(children, t3$1);
-		$[4] = children;
-		$[5] = resizeHandleCount;
-		$[6] = t2;
-	} else t2 = $[6];
+		$[5] = children;
+		$[6] = resizeHandleCount;
+		$[7] = t2;
+	} else t2 = $[7];
 	let t3;
-	if ($[9] !== props || $[10] !== t2) {
+	if ($[10] !== props || $[11] !== t2) {
 		t3 = /* @__PURE__ */ jsx(PanelGroup, {
 			onLayout: t1,
 			...props,
 			children: t2
 		});
-		$[9] = props;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
+		$[10] = props;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
 	return t3;
 };
 

package/dist/components/ui/collapsible-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-panel.js","names":["ChevronDown","Equal","React","PropsWithChildren","ReactNode","useCallback","useMemo","useRef","useState","ImperativePanelHandle","Panel","PanelGroup","PanelResizeHandle","cn","Button","Container","ContainerContent","ContainerHeader","ContainerHeaderProps","Tabs","CollapsiblePanelProps","id","header","withResizeHandle","className","variant","defaultTab","onTabChange","tab","PanelControlProps","isCollapsed","onToggle","PanelControls","FC","t0","$","_c","t1","undefined","t2","Symbol","for","t3","t4","CustomResizeHandle","CollapsiblePanel","children","setIsCollapsed","panelRef","panel","current","expand","collapse","error","console","warn","onCollapse","onExpand","bb0","t5","t6","t7","container","t8","view","CollapsiblePanelGroup","ComponentProps","props","resizeHandleCount","setResizeHandleCount","sizes","length","child","index","isValidElement","last","hasResizeHandle","cloneElement","Children","map"],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":["import { ChevronDown, Equal } from 'lucide-react'\nimport React, { type PropsWithChildren, type ReactNode, useCallback, useMemo, useRef, useState } from 'react'\nimport { type ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'\nimport { cn } from '../../lib/utils'\nimport { Button } from './button'\nimport { Container, ContainerContent, ContainerHeader, type ContainerHeaderProps } from './container'\nimport { Tabs } from './tabs'\n\nexport interface CollapsiblePanelProps extends PropsWithChildren {\n  id: string\n  header: ReactNode\n  withResizeHandle?: boolean\n  className?: string\n  variant?: ContainerHeaderProps['variant']\n  defaultTab?: string\n  onTabChange?: (tab: string) => void\n}\n\ninterface PanelControlProps {\n  header: ReactNode\n  isCollapsed: boolean\n  onToggle?: () => void\n  variant?: ContainerHeaderProps['variant']\n}\n\nconst PanelControls: React.FC<PanelControlProps> = ({ header, isCollapsed, onToggle, variant = 'default' }) => {\n  return (\n    <ContainerHeader variant={variant}>\n      {header}\n      <div className=\"flex-1\" />\n      {onToggle && (\n        <Button\n          variant=\"default\"\n          onClick={onToggle}\n          aria-label={isCollapsed ? 'Expand panel' : 'Collapse panel'}\n          className={cn('h-8 px-3 [&_svg]:size-5', { 'mr-5': variant === 'tabs' })}\n        >\n          <ChevronDown className={cn('transition-transform', { '-rotate-180': !isCollapsed })} />\n        </Button>\n      )}\n    </ContainerHeader>\n  )\n}\n\nconst CustomResizeHandle: React.FC = () => {\n  return (\n    <div className=\"relative\">\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <PanelResizeHandle className=\"group relative\">\n          <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border\">\n            <Equal className=\"h-4 w-4 text-muted-foreground\" />\n          </div>\n        </PanelResizeHandle>\n      </div>\n    </div>\n  )\n}\n\nexport const CollapsiblePanel: React.FC<CollapsiblePanelProps> = ({\n  id,\n  header,\n  children,\n  withResizeHandle,\n  className,\n  variant,\n  defaultTab,\n  onTabChange,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(false)\n  const panelRef = useRef<ImperativePanelHandle>(null)\n\n  const onToggle = useCallback(() => {\n    const panel = panelRef.current\n    if (!panel) return\n\n    try {\n      if (panel.isCollapsed()) {\n        panel.expand()\n      } else {\n        panel.collapse()\n      }\n    } catch (error) {\n      console.warn('Failed to toggle panel:', error)\n    }\n  }, [])\n\n  const onCollapse = useCallback(() => setIsCollapsed(true), [])\n  const onExpand = useCallback(() => setIsCollapsed(false), [])\n\n  const view = useMemo(() => {\n    const container = (\n      <Container className=\"h-full\">\n        <PanelControls header={header} isCollapsed={isCollapsed} variant={variant} onToggle={onToggle} />\n        <ContainerContent>{children}</ContainerContent>\n      </Container>\n    )\n    if (variant == 'tabs') {\n      return (\n        <Tabs className=\"h-full\" defaultValue={defaultTab} onValueChange={onTabChange}>\n          {container}\n        </Tabs>\n      )\n    }\n    return container\n  }, [variant, isCollapsed, header, children, defaultTab, onToggle, onTabChange])\n\n  return (\n    <>\n      <Panel\n        id={id}\n        collapsible\n        ref={panelRef}\n        className={cn('min-h-[42px]', className)}\n        onCollapse={onCollapse}\n        onExpand={onExpand}\n      >\n        {view}\n      </Panel>\n      {withResizeHandle && <CustomResizeHandle />}\n    </>\n  )\n}\n\nexport const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>> = ({ children, ...props }) => {\n  const [resizeHandleCount, setResizeHandleCount] = useState(0)\n  return (\n    <PanelGroup\n      onLayout={(sizes) => {\n        setResizeHandleCount(sizes.length)\n      }}\n      {...props}\n    >\n      {React.Children.map(children, (child, index) => {\n        if (React.isValidElement<CollapsiblePanelProps>(child)) {\n          const last = resizeHandleCount - 1 === index\n          const hasResizeHandle = resizeHandleCount > 1\n          return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last })\n        }\n        return child\n      })}\n    </PanelGroup>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"collapsible-panel.js","names":["ChevronDown","Equal","React","PropsWithChildren","ReactNode","useCallback","useMemo","useRef","useState","ImperativePanelHandle","Panel","PanelGroup","PanelResizeHandle","cn","Button","Container","ContainerContent","ContainerHeader","ContainerHeaderProps","Tabs","CollapsiblePanelProps","id","header","withResizeHandle","className","variant","defaultTab","onTabChange","tab","PanelControlProps","isCollapsed","onToggle","PanelControls","FC","t0","$","_c","$i","Symbol","for","t1","undefined","t2","t3","t4","CustomResizeHandle","CollapsiblePanel","children","setIsCollapsed","panelRef","panel","current","expand","collapse","error","console","warn","onCollapse","onExpand","bb0","t5","t6","t7","container","t8","view","CollapsiblePanelGroup","ComponentProps","props","resizeHandleCount","setResizeHandleCount","sizes","length","child","index","isValidElement","last","hasResizeHandle","cloneElement","Children","map"],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":["import { ChevronDown, Equal } from 'lucide-react'\nimport React, { type PropsWithChildren, type ReactNode, useCallback, useMemo, useRef, useState } from 'react'\nimport { type ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'\nimport { cn } from '../../lib/utils'\nimport { Button } from './button'\nimport { Container, ContainerContent, ContainerHeader, type ContainerHeaderProps } from './container'\nimport { Tabs } from './tabs'\n\nexport interface CollapsiblePanelProps extends PropsWithChildren {\n  id: string\n  header: ReactNode\n  withResizeHandle?: boolean\n  className?: string\n  variant?: ContainerHeaderProps['variant']\n  defaultTab?: string\n  onTabChange?: (tab: string) => void\n}\n\ninterface PanelControlProps {\n  header: ReactNode\n  isCollapsed: boolean\n  onToggle?: () => void\n  variant?: ContainerHeaderProps['variant']\n}\n\nconst PanelControls: React.FC<PanelControlProps> = ({ header, isCollapsed, onToggle, variant = 'default' }) => {\n  return (\n    <ContainerHeader variant={variant}>\n      {header}\n      <div className=\"flex-1\" />\n      {onToggle && (\n        <Button\n          variant=\"default\"\n          onClick={onToggle}\n          aria-label={isCollapsed ? 'Expand panel' : 'Collapse panel'}\n          className={cn('h-8 px-3 [&_svg]:size-5', { 'mr-5': variant === 'tabs' })}\n        >\n          <ChevronDown className={cn('transition-transform', { '-rotate-180': !isCollapsed })} />\n        </Button>\n      )}\n    </ContainerHeader>\n  )\n}\n\nconst CustomResizeHandle: React.FC = () => {\n  return (\n    <div className=\"relative\">\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <PanelResizeHandle className=\"group relative\">\n          <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border\">\n            <Equal className=\"h-4 w-4 text-muted-foreground\" />\n          </div>\n        </PanelResizeHandle>\n      </div>\n    </div>\n  )\n}\n\nexport const CollapsiblePanel: React.FC<CollapsiblePanelProps> = ({\n  id,\n  header,\n  children,\n  withResizeHandle,\n  className,\n  variant,\n  defaultTab,\n  onTabChange,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(false)\n  const panelRef = useRef<ImperativePanelHandle>(null)\n\n  const onToggle = useCallback(() => {\n    const panel = panelRef.current\n    if (!panel) return\n\n    try {\n      if (panel.isCollapsed()) {\n        panel.expand()\n      } else {\n        panel.collapse()\n      }\n    } catch (error) {\n      console.warn('Failed to toggle panel:', error)\n    }\n  }, [])\n\n  const onCollapse = useCallback(() => setIsCollapsed(true), [])\n  const onExpand = useCallback(() => setIsCollapsed(false), [])\n\n  const view = useMemo(() => {\n    const container = (\n      <Container className=\"h-full\">\n        <PanelControls header={header} isCollapsed={isCollapsed} variant={variant} onToggle={onToggle} />\n        <ContainerContent>{children}</ContainerContent>\n      </Container>\n    )\n    if (variant == 'tabs') {\n      return (\n        <Tabs className=\"h-full\" defaultValue={defaultTab} onValueChange={onTabChange}>\n          {container}\n        </Tabs>\n      )\n    }\n    return container\n  }, [variant, isCollapsed, header, children, defaultTab, onToggle, onTabChange])\n\n  return (\n    <>\n      <Panel\n        id={id}\n        collapsible\n        ref={panelRef}\n        className={cn('min-h-[42px]', className)}\n        onCollapse={onCollapse}\n        onExpand={onExpand}\n      >\n        {view}\n      </Panel>\n      {withResizeHandle && <CustomResizeHandle />}\n    </>\n  )\n}\n\nexport const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>> = ({ children, ...props }) => {\n  const [resizeHandleCount, setResizeHandleCount] = useState(0)\n  return (\n    <PanelGroup\n      onLayout={(sizes) => {\n        setResizeHandleCount(sizes.length)\n      }}\n      {...props}\n    >\n      {React.Children.map(children, (child, index) => {\n        if (React.isValidElement<CollapsiblePanelProps>(child)) {\n          const last = resizeHandleCount - 1 === index\n          const hasResizeHandle = resizeHandleCount > 1\n          return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last })\n        }\n        return child\n      })}\n    </PanelGroup>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/container.js

@@ -7,41 +7,45 @@ import { forwardRef } from "react";
 
 //#region src/components/ui/container.tsx
 const Container = forwardRef((t0, ref) => {
-	const $ = c(11);
+	const $ = c(12);
+	if ($[0] !== "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882") {
+		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882";
+	}
 	let children;
 	let className;
 	let props;
-	if ($[0] !== t0) {
+	if ($[1] !== t0) {
 		({className, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
+		$[1] = t0;
+		$[2] = children;
+		$[3] = className;
+		$[4] = props;
 	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
+		children = $[2];
+		className = $[3];
+		props = $[4];
 	}
 	let t1;
-	if ($[4] !== className) {
+	if ($[5] !== className) {
 		t1 = cn("relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
 	let t2;
-	if ($[6] !== children || $[7] !== props || $[8] !== ref || $[9] !== t1) {
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
 		t2 = /* @__PURE__ */ jsx("div", {
 			ref,
 			className: t1,
 			...props,
 			children
 		});
-		$[6] = children;
-		$[7] = props;
-		$[8] = ref;
-		$[9] = t1;
-		$[10] = t2;
-	} else t2 = $[10];
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
 	return t2;
 });
 Container.displayName = "Container";
@@ -53,87 +57,95 @@ const containerHeaderVariants = cva("isolate w-full bg-card flex min-h-10 items-
 	defaultVariants: { variant: "default" }
 });
 const ContainerHeader = forwardRef((t0, ref) => {
-	const $ = c(14);
+	const $ = c(15);
+	if ($[0] !== "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882") {
+		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882";
+	}
 	let children;
 	let className;
 	let props;
 	let variant;
-	if ($[0] !== t0) {
+	if ($[1] !== t0) {
 		({className, variant, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = variant;
+		$[1] = t0;
+		$[2] = children;
+		$[3] = className;
+		$[4] = props;
+		$[5] = variant;
 	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		variant = $[4];
+		children = $[2];
+		className = $[3];
+		props = $[4];
+		variant = $[5];
 	}
 	let t1;
-	if ($[5] !== className || $[6] !== variant) {
+	if ($[6] !== className || $[7] !== variant) {
 		t1 = cn(containerHeaderVariants({
 			variant,
 			className
 		}));
-		$[5] = className;
-		$[6] = variant;
-		$[7] = t1;
-	} else t1 = $[7];
+		$[6] = className;
+		$[7] = variant;
+		$[8] = t1;
+	} else t1 = $[8];
 	let t2;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsx(BackgroundEffect, {});
-		$[8] = t2;
-	} else t2 = $[8];
+		$[9] = t2;
+	} else t2 = $[9];
 	let t3;
-	if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1) {
+	if ($[10] !== children || $[11] !== props || $[12] !== ref || $[13] !== t1) {
 		t3 = /* @__PURE__ */ jsxs("div", {
 			ref,
 			className: t1,
 			...props,
 			children: [t2, children]
 		});
-		$[9] = children;
-		$[10] = props;
-		$[11] = ref;
-		$[12] = t1;
-		$[13] = t3;
-	} else t3 = $[13];
+		$[10] = children;
+		$[11] = props;
+		$[12] = ref;
+		$[13] = t1;
+		$[14] = t3;
+	} else t3 = $[14];
 	return t3;
 });
 ContainerHeader.displayName = "ContainerHeader";
 const ContainerContent = forwardRef((t0, ref) => {
-	const $ = c(9);
+	const $ = c(10);
+	if ($[0] !== "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8800013f57da6767f5e0125610a795ba251523cf41afeeea0834c2ee7f15f882";
+	}
 	let className;
 	let props;
-	if ($[0] !== t0) {
+	if ($[1] !== t0) {
 		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
+		$[1] = t0;
+		$[2] = className;
+		$[3] = props;
 	} else {
-		className = $[1];
-		props = $[2];
+		className = $[2];
+		props = $[3];
 	}
 	let t1;
-	if ($[3] !== className) {
+	if ($[4] !== className) {
 		t1 = cn("flex-1 overflow-auto bg-default border-border border-t", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
 	let t2;
-	if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
 		t2 = /* @__PURE__ */ jsx("div", {
 			ref,
 			className: t1,
 			...props
 		});
-		$[5] = props;
-		$[6] = ref;
-		$[7] = t1;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
 	return t2;
 });
 ContainerContent.displayName = "ContainerContent";

package/dist/components/ui/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":["cva","VariantProps","forwardRef","HTMLAttributes","cn","BackgroundEffect","ContainerProps","HTMLDivElement","Container","t0","ref","$","_c","children","className","props","t1","t2","displayName","containerHeaderVariants","variants","variant","default","tabs","defaultVariants","ContainerHeaderProps","ContainerHeader","Symbol","for","t3","ContainerContent"],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../lib/utils'\nimport { BackgroundEffect } from './background-effect'\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nContainer.displayName = 'Container'\n\nconst containerHeaderVariants = cva('isolate w-full bg-card flex min-h-10 items-center', {\n  variants: {\n    variant: {\n      default: 'px-5 py-2 items-center',\n      tabs: 'p-0',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>\n\nexport const ContainerHeader = forwardRef<HTMLDivElement, ContainerHeaderProps>(\n  ({ className, variant, children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(containerHeaderVariants({ variant, className }))} {...props}>\n        <BackgroundEffect />\n        {children}\n      </div>\n    )\n  },\n)\nContainerHeader.displayName = 'ContainerHeader'\n\nexport const ContainerContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn('flex-1 overflow-auto bg-default border-border border-t', className)} {...props} />\n    )\n  },\n)\nContainerContent.displayName = 'ContainerContent'\n"],"mappings":"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"}
+{"version":3,"file":"container.js","names":["cva","VariantProps","forwardRef","HTMLAttributes","cn","BackgroundEffect","ContainerProps","HTMLDivElement","Container","t0","ref","$","_c","$i","Symbol","for","children","className","props","t1","t2","displayName","containerHeaderVariants","variants","variant","default","tabs","defaultVariants","ContainerHeaderProps","ContainerHeader","t3","ContainerContent"],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../lib/utils'\nimport { BackgroundEffect } from './background-effect'\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nContainer.displayName = 'Container'\n\nconst containerHeaderVariants = cva('isolate w-full bg-card flex min-h-10 items-center', {\n  variants: {\n    variant: {\n      default: 'px-5 py-2 items-center',\n      tabs: 'p-0',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>\n\nexport const ContainerHeader = forwardRef<HTMLDivElement, ContainerHeaderProps>(\n  ({ className, variant, children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(containerHeaderVariants({ variant, className }))} {...props}>\n        <BackgroundEffect />\n        {children}\n      </div>\n    )\n  },\n)\nContainerHeader.displayName = 'ContainerHeader'\n\nexport const ContainerContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn('flex-1 overflow-auto bg-default border-border border-t', className)} {...props} />\n    )\n  },\n)\nContainerContent.displayName = 'ContainerContent'\n"],"mappings":"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"}