@uipath/apollo-wind 0.13.0 → 0.14.0-test

package/dist/components/custom/toolbar-canvas.js

@@ -4,32 +4,34 @@ import { ListChecks, Play, Plus, Redo2, StickyNote, Undo2, Workflow } from "luci
 import { cn } from "../../lib/index.js";
 function ToolbarSeparator() {
     return /*#__PURE__*/ jsx("div", {
-        className: "h-8 w-px bg-border-subtle"
+        className: "h-8 w-px bg-surface-overlay"
     });
 }
-function ToolbarButton({ icon, label, onClick }) {
+function ToolbarButton({ icon: Icon, label, onClick }) {
     return /*#__PURE__*/ jsx("button", {
         type: "button",
-        className: "flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground",
+        className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
         onClick: onClick,
         "aria-label": label,
-        children: icon
+        children: /*#__PURE__*/ jsx(Icon, {
+            className: "h-5 w-5 group-hover:h-6 group-hover:w-6"
+        })
     });
 }
 function FlowCanvasToolbar({ className, activeMode = 'build', onModeChange }) {
     return /*#__PURE__*/ jsxs("div", {
-        className: cn('flex h-[60px] items-center gap-2 rounded-3xl border border-border bg-surface-raised px-2.5', className),
+        className: cn('flex h-[60px] items-center gap-2 rounded-[24px] border border-surface-overlay bg-surface-raised px-2.5', className),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "flex h-10 items-center rounded-xl border border-border-deep bg-surface-overlay p-1",
+                className: "flex h-10 items-center gap-1 rounded-xl border border-surface-overlay p-1",
                 children: [
                     /*#__PURE__*/ jsxs("button", {
                         type: "button",
-                        className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5 transition-colors', 'build' === activeMode ? 'border border-border bg-surface text-foreground' : 'text-foreground-subtle hover:text-foreground-hover'),
+                        className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'build' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
                         onClick: ()=>onModeChange?.('build'),
                         children: [
                             /*#__PURE__*/ jsx(Workflow, {
-                                className: "h-5 w-5"
+                                className: cn('h-5 w-5', 'build' === activeMode ? 'text-foreground-accent' : '')
                             }),
                             /*#__PURE__*/ jsx("span", {
                                 children: "Build"
@@ -38,11 +40,11 @@ function FlowCanvasToolbar({ className, activeMode = 'build', onModeChange }) {
                     }),
                     /*#__PURE__*/ jsxs("button", {
                         type: "button",
-                        className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5 transition-colors', 'evaluate' === activeMode ? 'border border-border bg-surface text-foreground' : 'text-foreground-subtle hover:text-foreground-hover'),
+                        className: cn('flex h-8 items-center gap-2 rounded-[10px] px-3 py-2 text-sm font-medium leading-5', 'evaluate' === activeMode ? 'border border-surface-hover bg-foreground-inverse text-foreground shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
                         onClick: ()=>onModeChange?.('evaluate'),
                         children: [
                             /*#__PURE__*/ jsx(ListChecks, {
-                                className: "h-5 w-5"
+                                className: cn('h-5 w-5', 'evaluate' === activeMode ? 'text-foreground-accent' : '')
                             }),
                             /*#__PURE__*/ jsx("span", {
                                 children: "Evaluate"
@@ -53,35 +55,25 @@ function FlowCanvasToolbar({ className, activeMode = 'build', onModeChange }) {
             }),
             /*#__PURE__*/ jsx(ToolbarSeparator, {}),
             /*#__PURE__*/ jsx(ToolbarButton, {
-                icon: /*#__PURE__*/ jsx(Undo2, {
-                    className: "h-5 w-5"
-                }),
+                icon: Undo2,
                 label: "Undo"
             }),
             /*#__PURE__*/ jsx(ToolbarButton, {
-                icon: /*#__PURE__*/ jsx(Redo2, {
-                    className: "h-5 w-5"
-                }),
+                icon: Redo2,
                 label: "Redo"
             }),
             /*#__PURE__*/ jsx(ToolbarSeparator, {}),
             /*#__PURE__*/ jsx(ToolbarButton, {
-                icon: /*#__PURE__*/ jsx(Play, {
-                    className: "h-5 w-5"
-                }),
+                icon: Play,
                 label: "Run"
             }),
             /*#__PURE__*/ jsx(ToolbarSeparator, {}),
             /*#__PURE__*/ jsx(ToolbarButton, {
-                icon: /*#__PURE__*/ jsx(Plus, {
-                    className: "h-5 w-5"
-                }),
+                icon: Plus,
                 label: "Add node"
             }),
             /*#__PURE__*/ jsx(ToolbarButton, {
-                icon: /*#__PURE__*/ jsx(StickyNote, {
-                    className: "h-5 w-5"
-                }),
+                icon: StickyNote,
                 label: "Add note"
             })
         ]

package/dist/components/custom/toolbar-view.cjs

@@ -30,82 +30,132 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function ViewButton({ icon, label, isActive, onClick }) {
+function ViewButton({ icon: Icon, label, onClick }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
         type: "button",
-        className: (0, index_cjs_namespaceObject.cn)('flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground', isActive && 'rounded-2xl border border-border bg-surface text-foreground'),
+        className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
         onClick: onClick,
         "aria-label": label,
-        children: icon
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+            className: "h-5 w-5 group-hover:h-6 group-hover:w-6"
+        })
     });
 }
-function NodeSizeIcon({ size, isActive }) {
-    const label = {
-        s: 'S',
-        m: 'M',
-        l: 'L'
-    }[size];
+function NodeSIcon() {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GitCommitHorizontal, {
+        className: "h-5 w-5"
+    });
+}
+function NodeMIcon() {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        viewBox: "0 0 20 20",
+        className: "h-5 w-5",
+        fill: "none",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
+            x: "3",
+            y: "5",
+            width: "14",
+            height: "10",
+            rx: "2.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+        })
+    });
+}
+function NodeLIcon() {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+        viewBox: "0 0 20 20",
+        className: "h-5 w-5",
+        fill: "none",
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
+                x: "3",
+                y: "4",
+                width: "14",
+                height: "12",
+                rx: "2.5",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                d: "M3 8.5h14",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+            })
+        ]
+    });
+}
+const nodeSizeIcons = {
+    s: NodeSIcon,
+    m: NodeMIcon,
+    l: NodeLIcon
+};
+const nodeSizeLabels = {
+    s: 'Small nodes',
+    m: 'Medium nodes',
+    l: 'Large nodes'
+};
+function NodeSizeButton({ size, isActive, onClick }) {
+    const Icon = nodeSizeIcons[size];
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
         type: "button",
-        className: (0, index_cjs_namespaceObject.cn)('flex h-8 w-8 items-center justify-center rounded-2xl text-xs font-bold text-foreground-muted transition-colors hover:text-foreground', isActive && 'border border-border bg-surface text-foreground'),
-        "aria-label": `Node size ${label}`,
-        children: label
+        className: (0, index_cjs_namespaceObject.cn)('flex h-8 w-8 items-center justify-center rounded-2xl', isActive ? 'border border-surface-hover bg-surface text-foreground-accent shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:text-foreground hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
+        onClick: onClick,
+        "aria-label": nodeSizeLabels[size],
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {})
     });
 }
-function FlowViewToolbar({ className, activeNodeSize = 's', onAction }) {
+function FlowViewToolbar({ className, activeNodeSize = 's', onNodeSizeChange, onAction }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-4', className),
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex w-10 flex-col items-center gap-1 rounded-xl bg-surface-raised p-1",
+                className: "flex w-10 flex-col items-center gap-1 rounded-xl border border-border-subtle bg-surface-raised p-1",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ZoomIn, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: external_lucide_react_namespaceObject.ZoomIn,
                         label: "Zoom in",
                         onClick: ()=>onAction?.('zoom-in')
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ZoomOut, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: external_lucide_react_namespaceObject.ZoomOut,
                         label: "Zoom out",
                         onClick: ()=>onAction?.('zoom-out')
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "h-px w-6 bg-border-subtle"
+                        className: "h-px w-6 bg-surface-overlay"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Maximize2, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: external_lucide_react_namespaceObject.Maximize2,
                         label: "Fit to screen",
                         onClick: ()=>onAction?.('fit')
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewButton, {
-                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LayoutGrid, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: external_lucide_react_namespaceObject.LayoutGrid,
                         label: "Toggle grid",
                         onClick: ()=>onAction?.('grid')
                     })
                 ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-deep bg-surface-raised p-1",
+                className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-subtle bg-surface-raised p-1",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeIcon, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
                         size: "s",
-                        isActive: 's' === activeNodeSize
+                        isActive: 's' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('s')
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeIcon, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
                         size: "m",
-                        isActive: 'm' === activeNodeSize
+                        isActive: 'm' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('m')
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeIcon, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeSizeButton, {
                         size: "l",
-                        isActive: 'l' === activeNodeSize
+                        isActive: 'l' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('l')
                     })
                 ]
             })

package/dist/components/custom/toolbar-view.d.ts

@@ -2,6 +2,8 @@ export interface ViewToolbarProps {
     className?: string;
     /** Active node size: 's' | 'm' | 'l' */
     activeNodeSize?: 's' | 'm' | 'l';
+    /** Callback when node size changes */
+    onNodeSizeChange?: (size: 's' | 'm' | 'l') => void;
     /** Callback for zoom/view actions */
     onAction?: (action: string) => void;
 }
@@ -11,4 +13,4 @@ export interface ViewToolbarProps {
  * Contains zoom in/out, fit-to-screen, grid toggle, and node size selector.
  * Anchored to bottom-right via absolute positioning in the parent layout.
  */
-export declare function FlowViewToolbar({ className, activeNodeSize, onAction, }: ViewToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FlowViewToolbar({ className, activeNodeSize, onNodeSizeChange, onAction, }: ViewToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/toolbar-view.js

@@ -1,83 +1,133 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { LayoutGrid, Maximize2, ZoomIn, ZoomOut } from "lucide-react";
+import { GitCommitHorizontal, LayoutGrid, Maximize2, ZoomIn, ZoomOut } from "lucide-react";
 import { cn } from "../../lib/index.js";
-function ViewButton({ icon, label, isActive, onClick }) {
+function ViewButton({ icon: Icon, label, onClick }) {
     return /*#__PURE__*/ jsx("button", {
         type: "button",
-        className: cn('flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground', isActive && 'rounded-2xl border border-border bg-surface text-foreground'),
+        className: "group flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-hover hover:text-foreground",
         onClick: onClick,
         "aria-label": label,
-        children: icon
+        children: /*#__PURE__*/ jsx(Icon, {
+            className: "h-5 w-5 group-hover:h-6 group-hover:w-6"
+        })
     });
 }
-function NodeSizeIcon({ size, isActive }) {
-    const label = {
-        s: 'S',
-        m: 'M',
-        l: 'L'
-    }[size];
+function NodeSIcon() {
+    return /*#__PURE__*/ jsx(GitCommitHorizontal, {
+        className: "h-5 w-5"
+    });
+}
+function NodeMIcon() {
+    return /*#__PURE__*/ jsx("svg", {
+        viewBox: "0 0 20 20",
+        className: "h-5 w-5",
+        fill: "none",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("rect", {
+            x: "3",
+            y: "5",
+            width: "14",
+            height: "10",
+            rx: "2.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+        })
+    });
+}
+function NodeLIcon() {
+    return /*#__PURE__*/ jsxs("svg", {
+        viewBox: "0 0 20 20",
+        className: "h-5 w-5",
+        fill: "none",
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ jsx("rect", {
+                x: "3",
+                y: "4",
+                width: "14",
+                height: "12",
+                rx: "2.5",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 8.5h14",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+            })
+        ]
+    });
+}
+const nodeSizeIcons = {
+    s: NodeSIcon,
+    m: NodeMIcon,
+    l: NodeLIcon
+};
+const nodeSizeLabels = {
+    s: 'Small nodes',
+    m: 'Medium nodes',
+    l: 'Large nodes'
+};
+function NodeSizeButton({ size, isActive, onClick }) {
+    const Icon = nodeSizeIcons[size];
     return /*#__PURE__*/ jsx("button", {
         type: "button",
-        className: cn('flex h-8 w-8 items-center justify-center rounded-2xl text-xs font-bold text-foreground-muted transition-colors hover:text-foreground', isActive && 'border border-border bg-surface text-foreground'),
-        "aria-label": `Node size ${label}`,
-        children: label
+        className: cn('flex h-8 w-8 items-center justify-center rounded-2xl', isActive ? 'border border-surface-hover bg-surface text-foreground-accent shadow-[0px_4px_4px_0px_rgba(0,0,0,0.05)] hover:border-transparent hover:bg-surface-hover hover:text-foreground hover:shadow-none' : 'text-foreground-muted hover:bg-surface-hover hover:text-foreground'),
+        onClick: onClick,
+        "aria-label": nodeSizeLabels[size],
+        children: /*#__PURE__*/ jsx(Icon, {})
     });
 }
-function FlowViewToolbar({ className, activeNodeSize = 's', onAction }) {
+function FlowViewToolbar({ className, activeNodeSize = 's', onNodeSizeChange, onAction }) {
     return /*#__PURE__*/ jsxs("div", {
         className: cn('flex flex-col gap-4', className),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "flex w-10 flex-col items-center gap-1 rounded-xl bg-surface-raised p-1",
+                className: "flex w-10 flex-col items-center gap-1 rounded-xl border border-border-subtle bg-surface-raised p-1",
                 children: [
                     /*#__PURE__*/ jsx(ViewButton, {
-                        icon: /*#__PURE__*/ jsx(ZoomIn, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: ZoomIn,
                         label: "Zoom in",
                         onClick: ()=>onAction?.('zoom-in')
                     }),
                     /*#__PURE__*/ jsx(ViewButton, {
-                        icon: /*#__PURE__*/ jsx(ZoomOut, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: ZoomOut,
                         label: "Zoom out",
                         onClick: ()=>onAction?.('zoom-out')
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        className: "h-px w-6 bg-border-subtle"
+                        className: "h-px w-6 bg-surface-overlay"
                     }),
                     /*#__PURE__*/ jsx(ViewButton, {
-                        icon: /*#__PURE__*/ jsx(Maximize2, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: Maximize2,
                         label: "Fit to screen",
                         onClick: ()=>onAction?.('fit')
                     }),
                     /*#__PURE__*/ jsx(ViewButton, {
-                        icon: /*#__PURE__*/ jsx(LayoutGrid, {
-                            className: "h-5 w-5"
-                        }),
+                        icon: LayoutGrid,
                         label: "Toggle grid",
                         onClick: ()=>onAction?.('grid')
                     })
                 ]
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-deep bg-surface-raised p-1",
+                className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-subtle bg-surface-raised p-1",
                 children: [
-                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                    /*#__PURE__*/ jsx(NodeSizeButton, {
                         size: "s",
-                        isActive: 's' === activeNodeSize
+                        isActive: 's' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('s')
                     }),
-                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                    /*#__PURE__*/ jsx(NodeSizeButton, {
                         size: "m",
-                        isActive: 'm' === activeNodeSize
+                        isActive: 'm' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('m')
                     }),
-                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                    /*#__PURE__*/ jsx(NodeSizeButton, {
                         size: "l",
-                        isActive: 'l' === activeNodeSize
+                        isActive: 'l' === activeNodeSize,
+                        onClick: ()=>onNodeSizeChange?.('l')
                     })
                 ]
             })

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -30,22 +30,22 @@ var __webpack_modules__ = {
     "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -60,10 +60,10 @@ var __webpack_modules__ = {
     "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -72,13 +72,13 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
+    var _badge__rspack_import_5 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -276,7 +276,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_10 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -290,7 +290,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
         "TreeView",
@@ -304,14 +304,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_14 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
         "TreeView",
@@ -346,14 +346,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -374,7 +374,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
         "TreeView",
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_26 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_26)if ([
         "TreeView",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_46 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_46)if ([
         "TreeView",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_49 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_49)if ([
         "TreeView",