@uipath/apollo-wind 0.12.2 → 0.14.0-pr352.9e7328c

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/button.cjs

@@ -63,6 +63,7 @@ const Button = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
             className
         })),
         ref: ref,
+        type: "button",
         ...props
     });
 });

package/dist/components/ui/button.js

@@ -34,6 +34,7 @@ const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = f
             className
         })),
         ref: ref,
+        type: "button",
         ...props
     });
 });

package/dist/components/ui/index.cjs

@@ -30,10 +30,10 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "@/components/ui/collapsible" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "@/components/ui/dropdown-menu" (module) {
@@ -72,10 +72,10 @@ 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) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "@/components/ui/label" (module) {
@@ -276,14 +276,14 @@ 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",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
@@ -311,7 +311,7 @@ var __webpack_exports__ = {};
         "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",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -374,14 +374,14 @@ 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",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("./input");
+    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",

package/dist/components/ui/scroll-area.cjs

@@ -34,14 +34,19 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden', className),
+        className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden overscroll-x-contain', className),
         ...props,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport, {
                 className: "h-full w-full rounded-[inherit]",
                 children: children
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {
+                orientation: "vertical"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {
+                orientation: "horizontal"
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner, {})
         ]
     }));
@@ -49,7 +54,7 @@ ScrollArea.displayName = react_scroll_area_namespaceObject.Root.displayName;
 const ScrollBar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar, {
         ref: ref,
         orientation: orientation,
-        className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
             className: "relative flex-1 rounded-full bg-border"

package/dist/components/ui/scroll-area.js

@@ -5,14 +5,19 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
         ref: ref,
-        className: cn('relative overflow-hidden', className),
+        className: cn('relative overflow-hidden overscroll-x-contain', className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(Viewport, {
                 className: "h-full w-full rounded-[inherit]",
                 children: children
             }),
-            /*#__PURE__*/ jsx(ScrollBar, {}),
+            /*#__PURE__*/ jsx(ScrollBar, {
+                orientation: "vertical"
+            }),
+            /*#__PURE__*/ jsx(ScrollBar, {
+                orientation: "horizontal"
+            }),
             /*#__PURE__*/ jsx(Corner, {})
         ]
     }));
@@ -20,7 +25,7 @@ ScrollArea.displayName = Root.displayName;
 const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
         ref: ref,
         orientation: orientation,
-        className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
+        className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
         ...props,
         children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
             className: "relative flex-1 rounded-full bg-border"