@uipath/apollo-wind 0.9.1 → 0.10.0-pr257.2a4b17b

package/dist/examples/vscode-example.js

@@ -1,270 +1,765 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { cn } from "../lib/index.js";
 import { ChevronDown, ChevronRight, File, Folder, FolderOpen, PanelLeftClose, X } from "lucide-react";
 import { Button } from "../components/ui/button.js";
 import { ScrollArea } from "../components/ui/scroll-area.js";
 import { Column, Row } from "../components/ui/layout/index.js";
-function Shell({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Column, {
-        overflow: "hidden",
-        className: cn('h-[600px] w-full rounded-lg border bg-background', className),
-        ...props,
-        children: children
-    });
+function Shell(t0) {
+    const $ = c(10);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("h-[600px] w-full rounded-lg border bg-background", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Column, {
+            overflow: "hidden",
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[6] = children;
+        $[7] = props;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
+    return t2;
 }
-function ShellTitleBar({ className, title, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Row, {
-        h: 9,
-        justify: "between",
-        align: "center",
-        className: cn('border-b bg-muted/50 px-3', className),
-        ...props,
-        children: [
-            /*#__PURE__*/ jsxs(Row, {
-                gap: 2,
-                align: "center",
-                children: [
-                    /*#__PURE__*/ jsxs(Row, {
-                        gap: 1.5,
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: "h-3 w-3 rounded-full bg-red-500"
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "h-3 w-3 rounded-full bg-yellow-500"
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "h-3 w-3 rounded-full bg-green-500"
-                            })
-                        ]
-                    }),
-                    title && /*#__PURE__*/ jsx("span", {
-                        className: "ml-3 text-xs text-muted-foreground",
-                        children: title
-                    })
-                ]
-            }),
-            children
-        ]
-    });
+function ShellTitleBar(t0) {
+    const $ = c(17);
+    let children;
+    let className;
+    let props;
+    let title;
+    if ($[0] !== t0) {
+        ({ className, title, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = title;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        title = $[4];
+    }
+    let t1;
+    if ($[5] !== className) {
+        t1 = cn("border-b bg-muted/50 px-3", className);
+        $[5] = className;
+        $[6] = t1;
+    } else t1 = $[6];
+    let t2;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsxs(Row, {
+            gap: 1.5,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "h-3 w-3 rounded-full bg-red-500"
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "h-3 w-3 rounded-full bg-yellow-500"
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "h-3 w-3 rounded-full bg-green-500"
+                })
+            ]
+        });
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== title) {
+        t3 = title && /*#__PURE__*/ jsx("span", {
+            className: "ml-3 text-xs text-muted-foreground",
+            children: title
+        });
+        $[8] = title;
+        $[9] = t3;
+    } else t3 = $[9];
+    let t4;
+    if ($[10] !== t3) {
+        t4 = /*#__PURE__*/ jsxs(Row, {
+            gap: 2,
+            align: "center",
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[10] = t3;
+        $[11] = t4;
+    } else t4 = $[11];
+    let t5;
+    if ($[12] !== children || $[13] !== props || $[14] !== t1 || $[15] !== t4) {
+        t5 = /*#__PURE__*/ jsxs(Row, {
+            h: 9,
+            justify: "between",
+            align: "center",
+            className: t1,
+            ...props,
+            children: [
+                t4,
+                children
+            ]
+        });
+        $[12] = children;
+        $[13] = props;
+        $[14] = t1;
+        $[15] = t4;
+        $[16] = t5;
+    } else t5 = $[16];
+    return t5;
 }
-function ShellContent({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Row, {
-        flex: 1,
-        overflow: "hidden",
-        className: className,
-        ...props,
-        children: children
-    });
+function ShellContent(t0) {
+    const $ = c(8);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== children || $[5] !== className || $[6] !== props) {
+        t1 = /*#__PURE__*/ jsx(Row, {
+            flex: 1,
+            overflow: "hidden",
+            className: className,
+            ...props,
+            children: children
+        });
+        $[4] = children;
+        $[5] = className;
+        $[6] = props;
+        $[7] = t1;
+    } else t1 = $[7];
+    return t1;
 }
-function ShellSidebar({ className, children, collapsed = false, onCollapsedChange, width = 240, ...props }) {
-    return /*#__PURE__*/ jsx(Column, {
-        className: cn('border-r bg-muted/30 transition-all duration-200', collapsed ? 'w-0 overflow-hidden' : '', className),
-        style: {
-            width: collapsed ? 0 : width
-        },
-        ...props,
-        children: children
-    });
+function ShellSidebar(t0) {
+    const $ = c(16);
+    let children;
+    let className;
+    let props;
+    let t1;
+    let t2;
+    if ($[0] !== t0) {
+        const { className: t3, children: t4, collapsed: t5, onCollapsedChange, width: t6, ...t7 } = t0;
+        className = t3;
+        children = t4;
+        t1 = t5;
+        t2 = t6;
+        props = t7;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        t1 = $[4];
+        t2 = $[5];
+    }
+    const collapsed = void 0 === t1 ? false : t1;
+    const width = void 0 === t2 ? 240 : t2;
+    const t3 = collapsed ? "w-0 overflow-hidden" : "";
+    let t4;
+    if ($[6] !== className || $[7] !== t3) {
+        t4 = cn("border-r bg-muted/30 transition-all duration-200", t3, className);
+        $[6] = className;
+        $[7] = t3;
+        $[8] = t4;
+    } else t4 = $[8];
+    const t5 = collapsed ? 0 : width;
+    let t6;
+    if ($[9] !== t5) {
+        t6 = {
+            width: t5
+        };
+        $[9] = t5;
+        $[10] = t6;
+    } else t6 = $[10];
+    let t7;
+    if ($[11] !== children || $[12] !== props || $[13] !== t4 || $[14] !== t6) {
+        t7 = /*#__PURE__*/ jsx(Column, {
+            className: t4,
+            style: t6,
+            ...props,
+            children: children
+        });
+        $[11] = children;
+        $[12] = props;
+        $[13] = t4;
+        $[14] = t6;
+        $[15] = t7;
+    } else t7 = $[15];
+    return t7;
 }
-function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }) {
-    return /*#__PURE__*/ jsxs(Row, {
-        h: 8,
-        justify: "between",
-        align: "center",
-        className: cn('px-3 text-xs font-medium uppercase text-muted-foreground', className),
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                children: title
-            }),
-            onCollapsedChange && /*#__PURE__*/ jsx(Button, {
-                variant: "ghost",
-                size: "icon",
-                className: "h-5 w-5",
-                onClick: ()=>onCollapsedChange(!collapsed),
-                children: /*#__PURE__*/ jsx(PanelLeftClose, {
-                    className: "h-3.5 w-3.5"
-                })
+function ShellSidebarHeader(t0) {
+    const $ = c(18);
+    let className;
+    let collapsed;
+    let onCollapsedChange;
+    let props;
+    let title;
+    if ($[0] !== t0) {
+        ({ className, title, collapsed, onCollapsedChange, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = collapsed;
+        $[3] = onCollapsedChange;
+        $[4] = props;
+        $[5] = title;
+    } else {
+        className = $[1];
+        collapsed = $[2];
+        onCollapsedChange = $[3];
+        props = $[4];
+        title = $[5];
+    }
+    let t1;
+    if ($[6] !== className) {
+        t1 = cn("px-3 text-xs font-medium uppercase text-muted-foreground", className);
+        $[6] = className;
+        $[7] = t1;
+    } else t1 = $[7];
+    let t2;
+    if ($[8] !== title) {
+        t2 = /*#__PURE__*/ jsx("span", {
+            children: title
+        });
+        $[8] = title;
+        $[9] = t2;
+    } else t2 = $[9];
+    let t3;
+    if ($[10] !== collapsed || $[11] !== onCollapsedChange) {
+        t3 = onCollapsedChange && /*#__PURE__*/ jsx(Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-5 w-5",
+            onClick: ()=>onCollapsedChange(!collapsed),
+            children: /*#__PURE__*/ jsx(PanelLeftClose, {
+                className: "h-3.5 w-3.5"
             })
-        ]
-    });
+        });
+        $[10] = collapsed;
+        $[11] = onCollapsedChange;
+        $[12] = t3;
+    } else t3 = $[12];
+    let t4;
+    if ($[13] !== props || $[14] !== t1 || $[15] !== t2 || $[16] !== t3) {
+        t4 = /*#__PURE__*/ jsxs(Row, {
+            h: 8,
+            justify: "between",
+            align: "center",
+            className: t1,
+            ...props,
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[13] = props;
+        $[14] = t1;
+        $[15] = t2;
+        $[16] = t3;
+        $[17] = t4;
+    } else t4 = $[17];
+    return t4;
 }
-function ShellFileTree({ items, selectedFile, onSelectFile }) {
-    return /*#__PURE__*/ jsx(ScrollArea, {
-        className: "flex-1",
-        children: /*#__PURE__*/ jsx("div", {
-            className: "p-2",
-            children: items.map((item)=>/*#__PURE__*/ jsx(FileTreeNode, {
+function ShellFileTree(t0) {
+    const $ = c(9);
+    const { items, selectedFile, onSelectFile } = t0;
+    let t1;
+    if ($[0] !== items || $[1] !== onSelectFile || $[2] !== selectedFile) {
+        let t2;
+        if ($[4] !== onSelectFile || $[5] !== selectedFile) {
+            t2 = (item)=>/*#__PURE__*/ jsx(FileTreeNode, {
                     item: item,
                     depth: 0,
                     selectedFile: selectedFile,
                     onSelectFile: onSelectFile
-                }, item.name))
-        })
-    });
+                }, item.name);
+            $[4] = onSelectFile;
+            $[5] = selectedFile;
+            $[6] = t2;
+        } else t2 = $[6];
+        t1 = items.map(t2);
+        $[0] = items;
+        $[1] = onSelectFile;
+        $[2] = selectedFile;
+        $[3] = t1;
+    } else t1 = $[3];
+    let t2;
+    if ($[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(ScrollArea, {
+            className: "flex-1",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "p-2",
+                children: t1
+            })
+        });
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
 }
-function FileTreeNode({ item, depth, selectedFile, onSelectFile }) {
+function FileTreeNode(t0) {
+    const $ = c(31);
+    const { item, depth, selectedFile, onSelectFile } = t0;
     const [expanded, setExpanded] = useState(true);
-    const isFolder = 'folder' === item.type;
+    const isFolder = "folder" === item.type;
     const isSelected = selectedFile === item.name;
-    return /*#__PURE__*/ jsxs("div", {
-        children: [
-            /*#__PURE__*/ jsxs(Row, {
-                gap: 1,
-                align: "center",
-                className: cn('cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted', isSelected && 'bg-primary/10 text-primary'),
-                style: {
-                    paddingLeft: 12 * depth + 8
-                },
-                onClick: ()=>{
-                    if (isFolder) setExpanded(!expanded);
-                    else onSelectFile?.(item.name);
-                },
-                children: [
-                    isFolder ? /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            expanded ? /*#__PURE__*/ jsx(ChevronDown, {
-                                className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
-                            }) : /*#__PURE__*/ jsx(ChevronRight, {
-                                className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
-                            }),
-                            expanded ? /*#__PURE__*/ jsx(FolderOpen, {
-                                className: "h-4 w-4 shrink-0 text-yellow-600"
-                            }) : /*#__PURE__*/ jsx(Folder, {
-                                className: "h-4 w-4 shrink-0 text-yellow-600"
-                            })
-                        ]
-                    }) : /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: "w-3.5"
-                            }),
-                            item.icon || /*#__PURE__*/ jsx(File, {
-                                className: "h-4 w-4 shrink-0 text-muted-foreground"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "truncate",
-                        children: item.name
-                    })
-                ]
-            }),
-            isFolder && expanded && item.children && /*#__PURE__*/ jsx("div", {
-                children: item.children.map((child)=>/*#__PURE__*/ jsx(FileTreeNode, {
-                        item: child,
-                        depth: depth + 1,
-                        selectedFile: selectedFile,
-                        onSelectFile: onSelectFile
-                    }, child.name))
-            })
-        ]
-    });
+    const t1 = isSelected && "bg-primary/10 text-primary";
+    let t2;
+    if ($[0] !== t1) {
+        t2 = cn("cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted", t1);
+        $[0] = t1;
+        $[1] = t2;
+    } else t2 = $[1];
+    const t3 = 12 * depth + 8;
+    let t4;
+    if ($[2] !== t3) {
+        t4 = {
+            paddingLeft: t3
+        };
+        $[2] = t3;
+        $[3] = t4;
+    } else t4 = $[3];
+    let t5;
+    if ($[4] !== expanded || $[5] !== isFolder || $[6] !== item.name || $[7] !== onSelectFile) {
+        t5 = ()=>{
+            if (isFolder) setExpanded(!expanded);
+            else onSelectFile?.(item.name);
+        };
+        $[4] = expanded;
+        $[5] = isFolder;
+        $[6] = item.name;
+        $[7] = onSelectFile;
+        $[8] = t5;
+    } else t5 = $[8];
+    let t6;
+    if ($[9] !== expanded || $[10] !== isFolder || $[11] !== item.icon) {
+        t6 = isFolder ? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                expanded ? /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
+                }) : /*#__PURE__*/ jsx(ChevronRight, {
+                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
+                }),
+                expanded ? /*#__PURE__*/ jsx(FolderOpen, {
+                    className: "h-4 w-4 shrink-0 text-yellow-600"
+                }) : /*#__PURE__*/ jsx(Folder, {
+                    className: "h-4 w-4 shrink-0 text-yellow-600"
+                })
+            ]
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "w-3.5"
+                }),
+                item.icon || /*#__PURE__*/ jsx(File, {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground"
+                })
+            ]
+        });
+        $[9] = expanded;
+        $[10] = isFolder;
+        $[11] = item.icon;
+        $[12] = t6;
+    } else t6 = $[12];
+    let t7;
+    if ($[13] !== item.name) {
+        t7 = /*#__PURE__*/ jsx("span", {
+            className: "truncate",
+            children: item.name
+        });
+        $[13] = item.name;
+        $[14] = t7;
+    } else t7 = $[14];
+    let t8;
+    if ($[15] !== t2 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
+        t8 = /*#__PURE__*/ jsxs(Row, {
+            gap: 1,
+            align: "center",
+            className: t2,
+            style: t4,
+            onClick: t5,
+            children: [
+                t6,
+                t7
+            ]
+        });
+        $[15] = t2;
+        $[16] = t4;
+        $[17] = t5;
+        $[18] = t6;
+        $[19] = t7;
+        $[20] = t8;
+    } else t8 = $[20];
+    let t9;
+    if ($[21] !== depth || $[22] !== expanded || $[23] !== isFolder || $[24] !== item.children || $[25] !== onSelectFile || $[26] !== selectedFile) {
+        t9 = isFolder && expanded && item.children && /*#__PURE__*/ jsx("div", {
+            children: item.children.map((child)=>/*#__PURE__*/ jsx(FileTreeNode, {
+                    item: child,
+                    depth: depth + 1,
+                    selectedFile: selectedFile,
+                    onSelectFile: onSelectFile
+                }, child.name))
+        });
+        $[21] = depth;
+        $[22] = expanded;
+        $[23] = isFolder;
+        $[24] = item.children;
+        $[25] = onSelectFile;
+        $[26] = selectedFile;
+        $[27] = t9;
+    } else t9 = $[27];
+    let t10;
+    if ($[28] !== t8 || $[29] !== t9) {
+        t10 = /*#__PURE__*/ jsxs("div", {
+            children: [
+                t8,
+                t9
+            ]
+        });
+        $[28] = t8;
+        $[29] = t9;
+        $[30] = t10;
+    } else t10 = $[30];
+    return t10;
 }
-function ShellMain({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Column, {
-        flex: 1,
-        overflow: "hidden",
-        className: className,
-        ...props,
-        children: children
-    });
+function ShellMain(t0) {
+    const $ = c(8);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== children || $[5] !== className || $[6] !== props) {
+        t1 = /*#__PURE__*/ jsx(Column, {
+            flex: 1,
+            overflow: "hidden",
+            className: className,
+            ...props,
+            children: children
+        });
+        $[4] = children;
+        $[5] = className;
+        $[6] = props;
+        $[7] = t1;
+    } else t1 = $[7];
+    return t1;
 }
-function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }) {
-    return /*#__PURE__*/ jsx(Row, {
-        h: 9,
-        align: "center",
-        className: "border-b bg-muted/30",
-        children: tabs.map((tab)=>/*#__PURE__*/ jsxs(Row, {
-                gap: 2,
-                align: "center",
-                className: cn('group h-full cursor-pointer border-r px-3 text-sm', activeTab === tab.id ? 'bg-background text-foreground' : 'text-muted-foreground hover:bg-muted/50'),
-                onClick: ()=>onTabChange?.(tab.id),
-                children: [
-                    tab.icon,
-                    /*#__PURE__*/ jsx("span", {
-                        className: "max-w-[120px] truncate",
-                        children: tab.title
-                    }),
-                    onTabClose && /*#__PURE__*/ jsx(Button, {
-                        variant: "ghost",
-                        size: "icon",
-                        className: "h-4 w-4 opacity-0 group-hover:opacity-100",
-                        onClick: (e)=>{
-                            e.stopPropagation();
-                            onTabClose(tab.id);
-                        },
-                        children: /*#__PURE__*/ jsx(X, {
-                            className: "h-3 w-3"
+function ShellTabBar(t0) {
+    const $ = c(11);
+    const { tabs, activeTab, onTabChange, onTabClose } = t0;
+    let t1;
+    if ($[0] !== activeTab || $[1] !== onTabChange || $[2] !== onTabClose || $[3] !== tabs) {
+        let t2;
+        if ($[5] !== activeTab || $[6] !== onTabChange || $[7] !== onTabClose) {
+            t2 = (tab)=>/*#__PURE__*/ jsxs(Row, {
+                    gap: 2,
+                    align: "center",
+                    className: cn("group h-full cursor-pointer border-r px-3 text-sm", activeTab === tab.id ? "bg-background text-foreground" : "text-muted-foreground hover:bg-muted/50"),
+                    onClick: ()=>onTabChange?.(tab.id),
+                    children: [
+                        tab.icon,
+                        /*#__PURE__*/ jsx("span", {
+                            className: "max-w-[120px] truncate",
+                            children: tab.title
+                        }),
+                        onTabClose && /*#__PURE__*/ jsx(Button, {
+                            variant: "ghost",
+                            size: "icon",
+                            className: "h-4 w-4 opacity-0 group-hover:opacity-100",
+                            onClick: (e)=>{
+                                e.stopPropagation();
+                                onTabClose(tab.id);
+                            },
+                            children: /*#__PURE__*/ jsx(X, {
+                                className: "h-3 w-3"
+                            })
                         })
-                    })
-                ]
-            }, tab.id))
-    });
+                    ]
+                }, tab.id);
+            $[5] = activeTab;
+            $[6] = onTabChange;
+            $[7] = onTabClose;
+            $[8] = t2;
+        } else t2 = $[8];
+        t1 = tabs.map(t2);
+        $[0] = activeTab;
+        $[1] = onTabChange;
+        $[2] = onTabClose;
+        $[3] = tabs;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[9] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Row, {
+            h: 9,
+            align: "center",
+            className: "border-b bg-muted/30",
+            children: t1
+        });
+        $[9] = t1;
+        $[10] = t2;
+    } else t2 = $[10];
+    return t2;
 }
-function ShellPane({ className, children }) {
-    return /*#__PURE__*/ jsx(ScrollArea, {
-        className: cn('flex-1', className),
-        children: /*#__PURE__*/ jsx("div", {
+function ShellPane(t0) {
+    const $ = c(7);
+    const { className, children } = t0;
+    let t1;
+    if ($[0] !== className) {
+        t1 = cn("flex-1", className);
+        $[0] = className;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] !== children) {
+        t2 = /*#__PURE__*/ jsx("div", {
             className: "p-4",
             children: children
-        })
-    });
+        });
+        $[2] = children;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /*#__PURE__*/ jsx(ScrollArea, {
+            className: t1,
+            children: t2
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else t3 = $[6];
+    return t3;
 }
-function ShellStatusBar({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Row, {
-        h: 6,
-        justify: "between",
-        align: "center",
-        className: cn('border-t bg-primary px-2 text-xs text-primary-foreground', className),
-        ...props,
-        children: children
-    });
+function ShellStatusBar(t0) {
+    const $ = c(10);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("border-t bg-primary px-2 text-xs text-primary-foreground", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Row, {
+            h: 6,
+            justify: "between",
+            align: "center",
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[6] = children;
+        $[7] = props;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
+    return t2;
 }
-function ShellActivityBar({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Column, {
-        w: 12,
-        gap: 2,
-        align: "center",
-        className: cn('border-r bg-muted/50 py-2', className),
-        ...props,
-        children: children
-    });
+function ShellActivityBar(t0) {
+    const $ = c(10);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("border-r bg-muted/50 py-2", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Column, {
+            w: 12,
+            gap: 2,
+            align: "center",
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[6] = children;
+        $[7] = props;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
+    return t2;
 }
-function ShellActivityBarItem({ icon, active, onClick, tooltip }) {
-    return /*#__PURE__*/ jsx(Button, {
-        variant: "ghost",
-        size: "icon",
-        className: cn('h-10 w-10 rounded-none border-l-2 border-transparent', active && 'border-primary bg-muted'),
-        onClick: onClick,
-        title: tooltip,
-        children: icon
-    });
+function ShellActivityBarItem(t0) {
+    const $ = c(7);
+    const { icon, active, onClick, tooltip } = t0;
+    const t1 = active && "border-primary bg-muted";
+    let t2;
+    if ($[0] !== t1) {
+        t2 = cn("h-10 w-10 rounded-none border-l-2 border-transparent", t1);
+        $[0] = t1;
+        $[1] = t2;
+    } else t2 = $[1];
+    let t3;
+    if ($[2] !== icon || $[3] !== onClick || $[4] !== t2 || $[5] !== tooltip) {
+        t3 = /*#__PURE__*/ jsx(Button, {
+            variant: "ghost",
+            size: "icon",
+            className: t2,
+            onClick: onClick,
+            title: tooltip,
+            children: icon
+        });
+        $[2] = icon;
+        $[3] = onClick;
+        $[4] = t2;
+        $[5] = tooltip;
+        $[6] = t3;
+    } else t3 = $[6];
+    return t3;
 }
-function ShellPanel({ className, title, height = 200, children, ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn('border-t', className),
-        style: {
+function ShellPanel(t0) {
+    const $ = c(20);
+    let children;
+    let className;
+    let props;
+    let t1;
+    let title;
+    if ($[0] !== t0) {
+        ({ className, title, height: t1, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = t1;
+        $[5] = title;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        t1 = $[4];
+        title = $[5];
+    }
+    const height = void 0 === t1 ? 200 : t1;
+    let t2;
+    if ($[6] !== className) {
+        t2 = cn("border-t", className);
+        $[6] = className;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== height) {
+        t3 = {
             height
-        },
-        ...props,
-        children: [
-            title && /*#__PURE__*/ jsx(Row, {
-                h: 8,
-                align: "center",
-                className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
-                children: title
-            }),
-            /*#__PURE__*/ jsx(ScrollArea, {
-                className: "h-full",
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "p-2 font-mono text-sm",
-                    children: children
-                })
+        };
+        $[8] = height;
+        $[9] = t3;
+    } else t3 = $[9];
+    let t4;
+    if ($[10] !== title) {
+        t4 = title && /*#__PURE__*/ jsx(Row, {
+            h: 8,
+            align: "center",
+            className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
+            children: title
+        });
+        $[10] = title;
+        $[11] = t4;
+    } else t4 = $[11];
+    let t5;
+    if ($[12] !== children) {
+        t5 = /*#__PURE__*/ jsx(ScrollArea, {
+            className: "h-full",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "p-2 font-mono text-sm",
+                children: children
             })
-        ]
-    });
+        });
+        $[12] = children;
+        $[13] = t5;
+    } else t5 = $[13];
+    let t6;
+    if ($[14] !== props || $[15] !== t2 || $[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
+        t6 = /*#__PURE__*/ jsxs("div", {
+            className: t2,
+            style: t3,
+            ...props,
+            children: [
+                t4,
+                t5
+            ]
+        });
+        $[14] = props;
+        $[15] = t2;
+        $[16] = t3;
+        $[17] = t4;
+        $[18] = t5;
+        $[19] = t6;
+    } else t6 = $[19];
+    return t6;
 }
 export { Shell, ShellActivityBar, ShellActivityBarItem, ShellContent, ShellFileTree, ShellMain, ShellPane, ShellPanel, ShellSidebar, ShellSidebarHeader, ShellStatusBar, ShellTabBar, ShellTitleBar };