mtxuilib 0.0.308 → 0.0.310

package/dist/ui/pagination.cjs

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -63,13 +66,14 @@ __export(pagination_exports, {
   PaginationPrevious: () => PaginationPrevious
 });
 module.exports = __toCommonJS(pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 var import_button = require("./button");
 const Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -81,7 +85,7 @@ const Pagination = (_a) => {
 Pagination.displayName = "Pagination";
 const PaginationContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -92,7 +96,7 @@ const PaginationContent = React.forwardRef((_c, ref) => {
 PaginationContent.displayName = "PaginationContent";
 const PaginationItem = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement("li", __spreadValues({ ref, className: (0, import_utils.cn)("", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", __spreadValues({ ref, className: (0, import_utils.cn)("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 const PaginationLink = (_g) => {
@@ -105,7 +109,7 @@ const PaginationLink = (_g) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -126,15 +130,18 @@ const PaginationPrevious = (_i) => {
   } = _j, props = __objRest(_j, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     PaginationLink,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
       size: "default",
       className: (0, import_utils.cn)("gap-1 pl-2.5", className)
-    }, props),
-    /* @__PURE__ */ React.createElement(import_react_icons.ChevronLeftIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ React.createElement("span", null, "Previous")
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Previous" })
+      ]
+    })
   );
 };
 PaginationPrevious.displayName = "PaginationPrevious";
@@ -144,15 +151,18 @@ const PaginationNext = (_k) => {
   } = _l, props = __objRest(_l, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     PaginationLink,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
       size: "default",
       className: (0, import_utils.cn)("gap-1 pr-2.5", className)
-    }, props),
-    /* @__PURE__ */ React.createElement("span", null, "Next"),
-    /* @__PURE__ */ React.createElement(import_react_icons.ChevronRightIcon, { className: "h-4 w-4" })
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronRightIcon, { className: "h-4 w-4" })
+      ]
+    })
   );
 };
 PaginationNext.displayName = "PaginationNext";
@@ -162,14 +172,17 @@ const PaginationEllipsis = (_m) => {
   } = _n, props = __objRest(_n, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "span",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: (0, import_utils.cn)("flex h-9 w-9 items-center justify-center", className)
-    }, props),
-    /* @__PURE__ */ React.createElement(import_react_icons.DotsHorizontalIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More pages")
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DotsHorizontalIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "More pages" })
+      ]
+    })
   );
 };
 PaginationEllipsis.displayName = "PaginationEllipsis";

package/dist/ui/popover.cjs

@@ -60,6 +60,7 @@ __export(popover_exports, {
   PopoverTrigger: () => PopoverTrigger
 });
 module.exports = __toCommonJS(popover_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
@@ -67,7 +68,7 @@ const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -78,7 +79,7 @@ const PopoverContent = React.forwardRef((_a, ref) => {
         className
       )
     }, props)
-  ));
+  ) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/progress.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -58,27 +61,29 @@ __export(progress_exports, {
   Progress: () => Progress
 });
 module.exports = __toCommonJS(progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Progress = React.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ProgressPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement(
-      ProgressPrimitive.Indicator,
-      {
-        className: "bg-primary h-full w-full flex-1 transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ProgressPrimitive.Indicator,
+        {
+          className: "bg-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    })
   );
 });
 Progress.displayName = ProgressPrimitive.Root.displayName;

package/dist/ui/radio-group.cjs

@@ -62,13 +62,14 @@ __export(radio_group_exports, {
   RadioGroupItem: () => RadioGroupItem
 });
 module.exports = __toCommonJS(radio_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const RadioGroup = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: (0, import_utils.cn)("grid gap-2", className)
@@ -80,16 +81,17 @@ const RadioGroup = React.forwardRef((_a, ref) => {
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 const RadioGroupItem = React.forwardRef((_c, ref) => {
   var _d = _c, { className, children } = _d, props = __objRest(_d, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     RadioGroupPrimitive.Item,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "border-primary text-primary focus-visible:ring-ring aspect-square size-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_react_icons.CheckIcon, { className: "fill-primary size-3.5" }))
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, { className: "fill-primary size-3.5" }) })
+    })
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;

package/dist/ui/resizable.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -60,6 +63,7 @@ __export(resizable_exports, {
   ResizablePanelGroup: () => ResizablePanelGroup
 });
 module.exports = __toCommonJS(resizable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
 var import_utils = require("../lib/utils");
@@ -69,7 +73,7 @@ const ResizablePanelGroup = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ResizablePrimitive.PanelGroup,
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -88,15 +92,16 @@ const ResizableHandle = (_c) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ResizablePrimitive.PanelResizeHandle,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_utils.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:outline-none focus-visible:ring-1 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),
-    withHandle && /* @__PURE__ */ React.createElement("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border" }, /* @__PURE__ */ React.createElement(import_react_icons.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }))
+    }, props), {
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+    })
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/scroll-area.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -59,28 +62,32 @@ __export(scroll_area_exports, {
   ScrollBar: () => ScrollBar
 });
 module.exports = __toCommonJS(scroll_area_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const ScrollArea = React.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     ScrollAreaPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)("relative overflow-hidden", className)
-    }, props),
-    /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]" }, children),
-    /* @__PURE__ */ React.createElement(ScrollBar, null),
-    /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.Corner, {})
+      ]
+    })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = React.forwardRef((_c, ref) => {
   var _d = _c, { className, orientation = "vertical" } = _d, props = __objRest(_d, ["className", "orientation"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       orientation,
       className: (0, import_utils.cn)(
@@ -89,16 +96,17 @@ const ScrollBar = React.forwardRef((_c, ref) => {
         orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement(
-      ScrollAreaPrimitive.ScrollAreaThumb,
-      {
-        className: (0, import_utils.cn)(
-          "bg-border relative rounded-full",
-          orientation === "vertical" && "flex-1"
-        )
-      }
-    )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          className: (0, import_utils.cn)(
+            "bg-border relative rounded-full",
+            orientation === "vertical" && "flex-1"
+          )
+        }
+      )
+    })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/ui/select.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -65,6 +68,7 @@ __export(select_exports, {
   SelectValue: () => SelectValue
 });
 module.exports = __toCommonJS(select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var React = __toESM(require("react"), 1);
@@ -74,25 +78,28 @@ const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
 const SelectTrigger = React.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     SelectPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(import_react_icons.CaretSortIcon, { className: "h-4 w-4 opacity-50" }))
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className, children, position = "popper" } = _d, props = __objRest(_d, ["className", "children", "position"]);
-  return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SelectPrimitive.Content,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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 min-w-32 overflow-hidden rounded-md border shadow-md",
@@ -100,23 +107,24 @@ const SelectContent = React.forwardRef((_c, ref) => {
         className
       ),
       position
-    }, props),
-    /* @__PURE__ */ React.createElement(
-      SelectPrimitive.Viewport,
-      {
-        className: (0, import_utils.cn)(
-          "p-1",
-          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        )
-      },
-      children
-    )
-  ));
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: (0, import_utils.cn)(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      )
+    })
+  ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 const SelectLabel = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -127,23 +135,26 @@ const SelectLabel = React.forwardRef((_e, ref) => {
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 const SelectItem = React.forwardRef((_g, ref) => {
   var _h = _g, { className, children } = _h, props = __objRest(_h, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     SelectPrimitive.Item,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(import_react_icons.CheckIcon, { className: "h-4 w-4" }))),
-    /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.ItemText, { children })
+      ]
+    })
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 const SelectSeparator = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,

package/dist/ui/separator.cjs

@@ -58,13 +58,14 @@ __export(separator_exports, {
   Separator: () => Separator
 });
 module.exports = __toCommonJS(separator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Separator = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,

package/dist/ui/sheet.cjs

@@ -70,6 +70,7 @@ __export(sheet_exports, {
   SheetTrigger: () => SheetTrigger
 });
 module.exports = __toCommonJS(sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_icons = require("@radix-ui/react-icons");
 var import_class_variance_authority = require("class-variance-authority");
@@ -81,7 +82,7 @@ const SheetClose = SheetPrimitive.Close;
 const SheetPortal = SheetPrimitive.Portal;
 const SheetOverlay = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: (0, import_utils.cn)(
@@ -112,15 +113,24 @@ const sheetVariants = (0, import_class_variance_authority.cva)(
 );
 const SheetContent = React.forwardRef((_c, ref) => {
   var _d = _c, { side = "right", className, children } = _d, props = __objRest(_d, ["side", "className", "children"]);
-  return /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
-    SheetPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: (0, import_utils.cn)(sheetVariants({ side }), className)
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" }, /* @__PURE__ */ React.createElement(import_react_icons.Cross2Icon, { className: "size-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      SheetPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_utils.cn)(sheetVariants({ side }), className)
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 SheetContent.displayName = SheetPrimitive.Content.displayName;
 const SheetHeader = (_e) => {
@@ -129,7 +139,7 @@ const SheetHeader = (_e) => {
   } = _f, props = __objRest(_f, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -146,7 +156,7 @@ const SheetFooter = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -159,7 +169,7 @@ const SheetFooter = (_g) => {
 SheetFooter.displayName = "SheetFooter";
 const SheetTitle = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -170,7 +180,7 @@ const SheetTitle = React.forwardRef((_i, ref) => {
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 const SheetDescription = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       ref,

package/dist/ui/skeleton.cjs

@@ -47,6 +47,7 @@ __export(skeleton_exports, {
   Skeleton: () => Skeleton
 });
 module.exports = __toCommonJS(skeleton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("../lib/utils");
 function Skeleton(_a) {
   var _b = _a, {
@@ -54,7 +55,7 @@ function Skeleton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)("bg-primary/10 animate-pulse rounded-md", className)