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

package/dist/components/ui/radio-group.cjs

@@ -28,27 +28,89 @@ __webpack_require__.d(__webpack_exports__, {
     RadioGroup: ()=>RadioGroup
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_radio_group_namespaceObject = require("@radix-ui/react-radio-group");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const RadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
-        className: (0, index_cjs_namespaceObject.cn)('grid gap-2', className),
-        ...props,
-        ref: ref
-    }));
+const RadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("grid gap-2", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
+            className: t1,
+            ...props,
+            ref: ref
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 RadioGroup.displayName = react_radio_group_namespaceObject.Root.displayName;
-const RadioGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className),
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {
+const RadioGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(10);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {
             className: "flex items-center justify-center",
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Circle, {
                 className: "h-2.5 w-2.5 fill-current text-current"
             })
-        })
-    }));
+        });
+        $[5] = t2;
+    } else t2 = $[5];
+    let t3;
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: t2
+        });
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = t3;
+    } else t3 = $[9];
+    return t3;
+});
 RadioGroupItem.displayName = react_radio_group_namespaceObject.Item.displayName;
 exports.RadioGroup = __webpack_exports__.RadioGroup;
 exports.RadioGroupItem = __webpack_exports__.RadioGroupItem;

package/dist/components/ui/radio-group.js

@@ -1,24 +1,86 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const RadioGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        className: cn('grid gap-2', className),
-        ...props,
-        ref: ref
-    }));
+const RadioGroup = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("grid gap-2", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Root, {
+            className: t1,
+            ...props,
+            ref: ref
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 RadioGroup.displayName = Root.displayName;
-const RadioGroupItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className),
-        ...props,
-        children: /*#__PURE__*/ jsx(Indicator, {
+const RadioGroupItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(10);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsx(Indicator, {
             className: "flex items-center justify-center",
             children: /*#__PURE__*/ jsx(Circle, {
                 className: "h-2.5 w-2.5 fill-current text-current"
             })
-        })
-    }));
+        });
+        $[5] = t2;
+    } else t2 = $[5];
+    let t3;
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+        t3 = /*#__PURE__*/ jsx(Item, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: t2
+        });
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = t3;
+    } else t3 = $[9];
+    return t3;
+});
 RadioGroupItem.displayName = Item.displayName;
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/resizable.cjs

@@ -29,24 +29,89 @@ __webpack_require__.d(__webpack_exports__, {
     ResizablePanelGroup: ()=>ResizablePanelGroup
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_resizable_panels_namespaceObject = require("react-resizable-panels");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelGroup, {
-        className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
-        ...props
-    });
+const ResizablePanelGroup = (t0)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(8);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelGroup, {
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    return t2;
+};
 const ResizablePanel = external_react_resizable_panels_namespaceObject.Panel;
-const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelResizeHandle, {
-        className: (0, index_cjs_namespaceObject.cn)('group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className),
-        ...props,
-        children: withHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+const ResizableHandle = (t0)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(12);
+    let className;
+    let props;
+    let withHandle;
+    if ($[0] !== t0) {
+        ({ withHandle, className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = withHandle;
+    } else {
+        className = $[1];
+        props = $[2];
+        withHandle = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== withHandle) {
+        t2 = withHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[resize-handle-state=hover]:bg-primary group-data-[resize-handle-state=drag]:bg-primary",
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
                 className: "h-2.5 w-2.5"
             })
-        })
-    });
+        });
+        $[6] = withHandle;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelResizeHandle, {
+            className: t1,
+            ...props,
+            children: t2
+        });
+        $[8] = props;
+        $[9] = t1;
+        $[10] = t2;
+        $[11] = t3;
+    } else t3 = $[11];
+    return t3;
+};
 exports.ResizableHandle = __webpack_exports__.ResizableHandle;
 exports.ResizablePanel = __webpack_exports__.ResizablePanel;
 exports.ResizablePanelGroup = __webpack_exports__.ResizablePanelGroup;

package/dist/components/ui/resizable.js

@@ -1,20 +1,85 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { GripVertical } from "lucide-react";
 import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 import { cn } from "../../lib/index.js";
-const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(PanelGroup, {
-        className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
-        ...props
-    });
+const ResizablePanelGroup = (t0)=>{
+    const $ = c(8);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== t1) {
+        t2 = /*#__PURE__*/ jsx(PanelGroup, {
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    return t2;
+};
 const ResizablePanel = Panel;
-const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(PanelResizeHandle, {
-        className: cn('group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className),
-        ...props,
-        children: withHandle && /*#__PURE__*/ jsx("div", {
+const ResizableHandle = (t0)=>{
+    const $ = c(12);
+    let className;
+    let props;
+    let withHandle;
+    if ($[0] !== t0) {
+        ({ withHandle, className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = withHandle;
+    } else {
+        className = $[1];
+        props = $[2];
+        withHandle = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== withHandle) {
+        t2 = withHandle && /*#__PURE__*/ jsx("div", {
             className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[resize-handle-state=hover]:bg-primary group-data-[resize-handle-state=drag]:bg-primary",
             children: /*#__PURE__*/ jsx(GripVertical, {
                 className: "h-2.5 w-2.5"
             })
-        })
-    });
+        });
+        $[6] = withHandle;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
+        t3 = /*#__PURE__*/ jsx(PanelResizeHandle, {
+            className: t1,
+            ...props,
+            children: t2
+        });
+        $[8] = props;
+        $[9] = t1;
+        $[10] = t2;
+        $[11] = t3;
+    } else t3 = $[11];
+    return t3;
+};
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

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

@@ -29,32 +29,124 @@ __webpack_require__.d(__webpack_exports__, {
     ScrollArea: ()=>ScrollArea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
 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),
-        ...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)(react_scroll_area_namespaceObject.Corner, {})
-        ]
-    }));
+const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(15);
+    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 = (0, index_cjs_namespaceObject.cn)("relative overflow-hidden", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== children) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport, {
+            className: "h-full w-full rounded-[inherit]",
+            children: children
+        });
+        $[6] = children;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    let t4;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {});
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner, {});
+        $[8] = t3;
+        $[9] = t4;
+    } else {
+        t3 = $[8];
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== props || $[11] !== ref || $[12] !== t1 || $[13] !== t2) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: [
+                t2,
+                t3,
+                t4
+            ]
+        });
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t1;
+        $[13] = t2;
+        $[14] = t5;
+    } else t5 = $[14];
+    return t5;
+});
 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),
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
+const ScrollBar = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(14);
+    let className;
+    let props;
+    let t1;
+    if ($[0] !== t0) {
+        ({ className, orientation: t1, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = t1;
+    } else {
+        className = $[1];
+        props = $[2];
+        t1 = $[3];
+    }
+    const orientation = void 0 === t1 ? "vertical" : t1;
+    const t2 = "vertical" === orientation && "h-full w-2.5 border-l border-l-transparent p-[1px]";
+    const t3 = "horizontal" === orientation && "h-2.5 flex-col border-t border-t-transparent p-[1px]";
+    let t4;
+    if ($[4] !== className || $[5] !== t2 || $[6] !== t3) {
+        t4 = (0, index_cjs_namespaceObject.cn)("flex touch-none select-none transition-colors", t2, t3, className);
+        $[4] = className;
+        $[5] = t2;
+        $[6] = t3;
+        $[7] = t4;
+    } else t4 = $[7];
+    let t5;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
             className: "relative flex-1 rounded-full bg-border"
-        })
-    }));
+        });
+        $[8] = t5;
+    } else t5 = $[8];
+    let t6;
+    if ($[9] !== orientation || $[10] !== props || $[11] !== ref || $[12] !== t4) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar, {
+            ref: ref,
+            orientation: orientation,
+            className: t4,
+            ...props,
+            children: t5
+        });
+        $[9] = orientation;
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t4;
+        $[13] = t6;
+    } else t6 = $[13];
+    return t6;
+});
 ScrollBar.displayName = react_scroll_area_namespaceObject.ScrollAreaScrollbar.displayName;
 exports.ScrollArea = __webpack_exports__.ScrollArea;
 exports.ScrollBar = __webpack_exports__.ScrollBar;