@zimyo/ui 1.0.0 → 1.0.2

package/dist/components/ui/progress.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { Progress as Progress$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Progress(_a) {
@@ -10,15 +9,17 @@ function Progress(_a) {
       value
     } = _a,
     props = __rest(_a, ["className", "value"]);
-  return /*#__PURE__*/React.createElement(Progress$1.Root, _extends({
+  return jsx(Progress$1.Root, Object.assign({
     "data-slot": "progress",
-    className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className)
-  }, props), /*#__PURE__*/React.createElement(Progress$1.Indicator, {
-    "data-slot": "progress-indicator",
-    className: "bg-primary h-full w-full flex-1 transition-all",
-    style: {
-      transform: `translateX(-${100 - (value || 0)}%)`
-    }
+    className: cn("relative h-2 w-full overflow-hidden rounded-full", className)
+  }, props, {
+    children: jsx(Progress$1.Indicator, {
+      "data-slot": "progress-indicator",
+      className: "bg-primary h-full w-full flex-1 transition-all",
+      style: {
+        transform: `translateX(-${100 - (value || 0)}%)`
+      }
+    })
   }));
 }
 

package/dist/components/ui/radio-group.d.ts

@@ -1,7 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): React.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Item>): React.JSX.Element;
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
 
 export { RadioGroup, RadioGroupItem };

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

@@ -1,8 +1,7 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { CircleIcon } from 'lucide-react';
 import { RadioGroup as RadioGroup$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function RadioGroup(_a) {
@@ -10,7 +9,7 @@ function RadioGroup(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(RadioGroup$1.Root, _extends({
+  return jsx(RadioGroup$1.Root, Object.assign({
     "data-slot": "radio-group",
     className: cn("grid gap-3", className)
   }, props));
@@ -20,15 +19,18 @@ function RadioGroupItem(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(RadioGroup$1.Item, _extends({
+  return jsx(RadioGroup$1.Item, Object.assign({
     "data-slot": "radio-group-item",
     className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)
-  }, props), /*#__PURE__*/React.createElement(RadioGroup$1.Indicator, {
-    "data-slot": "radio-group-indicator",
-    className: "relative flex items-center justify-center"
-  }, /*#__PURE__*/React.createElement(CircleIcon, {
-    className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
-  })));
+  }, props, {
+    children: jsx(RadioGroup$1.Indicator, {
+      "data-slot": "radio-group-indicator",
+      className: "relative flex items-center justify-center",
+      children: jsx(CircleIcon, {
+        className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+      })
+    })
+  }));
 }
 
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/resizable.d.ts

@@ -1,10 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
-declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element;
-declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): React.JSX.Element;
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
 declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
-}): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/ui/resizable.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { GripVerticalIcon } from 'lucide-react';
-import * as React from 'react';
 import { PanelResizeHandle, Panel, PanelGroup } from '../../node_modules/react-resizable-panels/dist/react-resizable-panels.js';
 import { cn } from '../../lib/utils.js';
 
@@ -10,14 +9,14 @@ function ResizablePanelGroup(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(PanelGroup, _extends({
+  return jsx(PanelGroup, Object.assign({
     "data-slot": "resizable-panel-group",
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className)
   }, props));
 }
 function ResizablePanel(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Panel, _extends({
+  return jsx(Panel, Object.assign({
     "data-slot": "resizable-panel"
   }, props));
 }
@@ -27,14 +26,17 @@ function ResizableHandle(_a) {
       className
     } = _a,
     props = __rest(_a, ["withHandle", "className"]);
-  return /*#__PURE__*/React.createElement(PanelResizeHandle, _extends({
+  return jsx(PanelResizeHandle, Object.assign({
     "data-slot": "resizable-handle",
     className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden 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-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className)
-  }, props), withHandle && /*#__PURE__*/React.createElement("div", {
-    className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border"
-  }, /*#__PURE__*/React.createElement(GripVerticalIcon, {
-    className: "size-2.5"
-  })));
+  }, props, {
+    children: withHandle && jsx("div", {
+      className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      children: jsx(GripVerticalIcon, {
+        className: "size-2.5"
+      })
+    })
+  }));
 }
 
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/ui/scroll-area.d.ts

@@ -1,7 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ScrollArea as ScrollArea$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): React.JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
 
 export { ScrollArea, ScrollBar };

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

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ScrollArea as ScrollArea$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function ScrollArea(_a) {
@@ -10,13 +9,16 @@ function ScrollArea(_a) {
       children
     } = _a,
     props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(ScrollArea$1.Root, _extends({
+  return jsxs(ScrollArea$1.Root, Object.assign({
     "data-slot": "scroll-area",
     className: cn("relative", className)
-  }, props), /*#__PURE__*/React.createElement(ScrollArea$1.Viewport, {
-    "data-slot": "scroll-area-viewport",
-    className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-  }, children), /*#__PURE__*/React.createElement(ScrollBar, null), /*#__PURE__*/React.createElement(ScrollArea$1.Corner, null));
+  }, props, {
+    children: [jsx(ScrollArea$1.Viewport, {
+      "data-slot": "scroll-area-viewport",
+      className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+      children: children
+    }), jsx(ScrollBar, {}), jsx(ScrollArea$1.Corner, {})]
+  }));
 }
 function ScrollBar(_a) {
   var {
@@ -24,13 +26,15 @@ function ScrollBar(_a) {
       orientation = "vertical"
     } = _a,
     props = __rest(_a, ["className", "orientation"]);
-  return /*#__PURE__*/React.createElement(ScrollArea$1.ScrollAreaScrollbar, _extends({
+  return jsx(ScrollArea$1.ScrollAreaScrollbar, Object.assign({
     "data-slot": "scroll-area-scrollbar",
     orientation: orientation,
     className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className)
-  }, props), /*#__PURE__*/React.createElement(ScrollArea$1.ScrollAreaThumb, {
-    "data-slot": "scroll-area-thumb",
-    className: "bg-border relative flex-1 rounded-full"
+  }, props, {
+    children: jsx(ScrollArea$1.ScrollAreaThumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    })
   }));
 }
 

package/dist/components/ui/select.d.ts

@@ -1,17 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Select as Select$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): React.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): React.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): React.JSX.Element;
+declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
     size?: "sm" | "default";
-}): React.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
 
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/select.js

@@ -1,25 +1,24 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
 import { Select as Select$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Select(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Root, _extends({
+  return jsx(Select$1.Root, Object.assign({
     "data-slot": "select"
   }, props));
 }
 function SelectGroup(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Group, _extends({
+  return jsx(Select$1.Group, Object.assign({
     "data-slot": "select-group"
   }, props));
 }
 function SelectValue(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Value, _extends({
+  return jsx(Select$1.Value, Object.assign({
     "data-slot": "select-value"
   }, props));
 }
@@ -30,15 +29,18 @@ function SelectTrigger(_a) {
       children
     } = _a,
     props = __rest(_a, ["className", "size", "children"]);
-  return /*#__PURE__*/React.createElement(Select$1.Trigger, _extends({
+  return jsxs(Select$1.Trigger, Object.assign({
     "data-slot": "select-trigger",
     "data-size": size,
     className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
-  }, props), children, /*#__PURE__*/React.createElement(Select$1.Icon, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    className: "size-4 opacity-50"
-  })));
+  }, props, {
+    children: [children, jsx(Select$1.Icon, {
+      asChild: true,
+      children: jsx(ChevronDownIcon, {
+        className: "size-4 opacity-50"
+      })
+    })]
+  }));
 }
 function SelectContent(_a) {
   var {
@@ -47,20 +49,25 @@ function SelectContent(_a) {
       position = "popper"
     } = _a,
     props = __rest(_a, ["className", "children", "position"]);
-  return /*#__PURE__*/React.createElement(Select$1.Portal, null, /*#__PURE__*/React.createElement(Select$1.Content, _extends({
-    "data-slot": "select-content",
-    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-    position: position
-  }, props), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(Select$1.Viewport, {
-    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")
-  }, children), /*#__PURE__*/React.createElement(SelectScrollDownButton, null)));
+  return jsx(Select$1.Portal, {
+    children: jsxs(Select$1.Content, Object.assign({
+      "data-slot": "select-content",
+      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      position: position
+    }, props, {
+      children: [jsx(SelectScrollUpButton, {}), jsx(Select$1.Viewport, {
+        className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+        children: children
+      }), jsx(SelectScrollDownButton, {})]
+    }))
+  });
 }
 function SelectLabel(_a) {
   var {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.Label, _extends({
+  return jsx(Select$1.Label, Object.assign({
     "data-slot": "select-label",
     className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
   }, props));
@@ -71,21 +78,28 @@ function SelectItem(_a) {
       children
     } = _a,
     props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(Select$1.Item, _extends({
+  return jsxs(Select$1.Item, Object.assign({
     "data-slot": "select-item",
     className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className)
-  }, props), /*#__PURE__*/React.createElement("span", {
-    className: "absolute right-2 flex size-3.5 items-center justify-center"
-  }, /*#__PURE__*/React.createElement(Select$1.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
-    className: "size-4"
-  }))), /*#__PURE__*/React.createElement(Select$1.ItemText, null, children));
+  }, props, {
+    children: [jsx("span", {
+      className: "absolute right-2 flex size-3.5 items-center justify-center",
+      children: jsx(Select$1.ItemIndicator, {
+        children: jsx(CheckIcon, {
+          className: "size-4"
+        })
+      })
+    }), jsx(Select$1.ItemText, {
+      children: children
+    })]
+  }));
 }
 function SelectSeparator(_a) {
   var {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.Separator, _extends({
+  return jsx(Select$1.Separator, Object.assign({
     "data-slot": "select-separator",
     className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)
   }, props));
@@ -95,11 +109,13 @@ function SelectScrollUpButton(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.ScrollUpButton, _extends({
+  return jsx(Select$1.ScrollUpButton, Object.assign({
     "data-slot": "select-scroll-up-button",
     className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props), /*#__PURE__*/React.createElement(ChevronUpIcon, {
-    className: "size-4"
+  }, props, {
+    children: jsx(ChevronUpIcon, {
+      className: "size-4"
+    })
   }));
 }
 function SelectScrollDownButton(_a) {
@@ -107,11 +123,13 @@ function SelectScrollDownButton(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.ScrollDownButton, _extends({
+  return jsx(Select$1.ScrollDownButton, Object.assign({
     "data-slot": "select-scroll-down-button",
     className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props), /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    className: "size-4"
+  }, props, {
+    children: jsx(ChevronDownIcon, {
+      className: "size-4"
+    })
   }));
 }
 

package/dist/components/ui/separator.d.ts

@@ -1,6 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Separator as Separator$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): React.JSX.Element;
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
 
 export { Separator };

package/dist/components/ui/separator.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { Separator as Separator$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Separator(_a) {
@@ -11,7 +10,7 @@ function Separator(_a) {
       decorative = true
     } = _a,
     props = __rest(_a, ["className", "orientation", "decorative"]);
-  return /*#__PURE__*/React.createElement(Separator$1.Root, _extends({
+  return jsx(Separator$1.Root, Object.assign({
     "data-slot": "separator",
     decorative: decorative,
     orientation: orientation,

package/dist/components/ui/sheet.d.ts

@@ -1,15 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dialog } from 'radix-ui';
 import * as React from 'react';
 
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog.Root>): React.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog.Trigger>): React.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog.Close>): React.JSX.Element;
+declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime.JSX.Element;
 declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof Dialog.Content> & {
     side?: "top" | "right" | "bottom" | "left";
-}): React.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog.Title>): React.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog.Description>): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime.JSX.Element;
 
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/ui/sheet.js

@@ -1,31 +1,30 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { XIcon } from 'lucide-react';
 import { Dialog } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Sheet(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Root, _extends({
+  return jsx(Dialog.Root, Object.assign({
     "data-slot": "sheet"
   }, props));
 }
 function SheetTrigger(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Trigger, _extends({
+  return jsx(Dialog.Trigger, Object.assign({
     "data-slot": "sheet-trigger"
   }, props));
 }
 function SheetClose(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Close, _extends({
+  return jsx(Dialog.Close, Object.assign({
     "data-slot": "sheet-close"
   }, props));
 }
 function SheetPortal(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Portal, _extends({
+  return jsx(Dialog.Portal, Object.assign({
     "data-slot": "sheet-portal"
   }, props));
 }
@@ -34,7 +33,7 @@ function SheetOverlay(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Overlay, _extends({
+  return jsx(Dialog.Overlay, Object.assign({
     "data-slot": "sheet-overlay",
     className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)
   }, props));
@@ -46,23 +45,29 @@ function SheetContent(_a) {
       side = "right"
     } = _a,
     props = __rest(_a, ["className", "children", "side"]);
-  return /*#__PURE__*/React.createElement(SheetPortal, null, /*#__PURE__*/React.createElement(SheetOverlay, null), /*#__PURE__*/React.createElement(Dialog.Content, _extends({
-    "data-slot": "sheet-content",
-    className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className)
-  }, props), children, /*#__PURE__*/React.createElement(Dialog.Close, {
-    className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
-  }, /*#__PURE__*/React.createElement(XIcon, {
-    className: "size-4"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Close"))));
+  return jsxs(SheetPortal, {
+    children: [jsx(SheetOverlay, {}), jsxs(Dialog.Content, Object.assign({
+      "data-slot": "sheet-content",
+      className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className)
+    }, props, {
+      children: [children, jsxs(Dialog.Close, {
+        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+        children: [jsx(XIcon, {
+          className: "size-4"
+        }), jsx("span", {
+          className: "sr-only",
+          children: "Close"
+        })]
+      })]
+    }))]
+  });
 }
 function SheetHeader(_a) {
   var {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sheet-header",
     className: cn("flex flex-col gap-1.5 p-4", className)
   }, props));
@@ -72,7 +77,7 @@ function SheetFooter(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sheet-footer",
     className: cn("mt-auto flex flex-col gap-2 p-4", className)
   }, props));
@@ -82,7 +87,7 @@ function SheetTitle(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Title, _extends({
+  return jsx(Dialog.Title, Object.assign({
     "data-slot": "sheet-title",
     className: cn("text-foreground font-semibold", className)
   }, props));
@@ -92,7 +97,7 @@ function SheetDescription(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Description, _extends({
+  return jsx(Dialog.Description, Object.assign({
     "data-slot": "sheet-description",
     className: cn("text-muted-foreground text-sm", className)
   }, props));