mtxuilib 0.0.308 → 0.0.310

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

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,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)
@@ -27,28 +30,32 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React from "react";
 import { cn } from "../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__ */ jsxs(
     ScrollAreaPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: 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__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ 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__ */ jsx(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       orientation,
       className: cn(
@@ -57,16 +64,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: cn(
-          "bg-border relative rounded-full",
-          orientation === "vertical" && "flex-1"
-        )
-      }
-    )
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          className: cn(
+            "bg-border relative rounded-full",
+            orientation === "vertical" && "flex-1"
+          )
+        }
+      )
+    })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/esm/ui/select.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,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)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
@@ -36,25 +40,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__ */ jsxs(
     SelectPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: 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(CaretSortIcon, { className: "h-4 w-4 opacity-50" }))
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(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__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     SelectPrimitive.Content,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       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 min-w-32 overflow-hidden rounded-md border shadow-md",
@@ -62,23 +69,24 @@ const SelectContent = React.forwardRef((_c, ref) => {
         className
       ),
       position
-    }, props),
-    /* @__PURE__ */ React.createElement(
-      SelectPrimitive.Viewport,
-      {
-        className: cn(
-          "p-1",
-          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        )
-      },
-      children
-    )
-  ));
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: 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__ */ jsx(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -89,23 +97,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__ */ jsxs(
     SelectPrimitive.Item,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: 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(CheckIcon, { className: "h-4 w-4" }))),
-    /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ 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__ */ jsx(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,

package/dist/esm/ui/separator.js

@@ -27,13 +27,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
 import { cn } from "../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__ */ jsx(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,

package/dist/esm/ui/sheet.js

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import { cva } from "class-variance-authority";
@@ -41,7 +42,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__ */ jsx(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -72,15 +73,24 @@ const sheetVariants = 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: 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(Cross2Icon, { className: "size-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-  ));
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(sheetVariants({ side }), className)
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ 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__ */ jsx(Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 SheetContent.displayName = SheetPrimitive.Content.displayName;
 const SheetHeader = (_e) => {
@@ -89,7 +99,7 @@ const SheetHeader = (_e) => {
   } = _f, props = __objRest(_f, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -106,7 +116,7 @@ const SheetFooter = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -119,7 +129,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__ */ jsx(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -130,7 +140,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__ */ jsx(
     SheetPrimitive.Description,
     __spreadValues({
       ref,

package/dist/esm/ui/skeleton.js

@@ -26,6 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils";
 function Skeleton(_a) {
   var _b = _a, {
@@ -33,7 +34,7 @@ function Skeleton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn("bg-primary/10 animate-pulse rounded-md", className)

package/dist/esm/ui/slider.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,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)
@@ -27,22 +30,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Slider = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     SliderPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative flex w-full touch-none select-none items-center",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full" }, /* @__PURE__ */ React.createElement(SliderPrimitive.Range, { className: "bg-primary absolute h-full" })),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
+        /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })
+      ]
+    })
   );
 });
 Slider.displayName = SliderPrimitive.Root.displayName;

package/dist/esm/ui/sonner.js

@@ -27,12 +27,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
 const Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Sonner,
     __spreadValues({
       theme,

package/dist/esm/ui/switch.js

@@ -30,12 +30,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Switch = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -43,16 +44,16 @@ const Switch = React.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      ref
-    }),
-    /* @__PURE__ */ React.createElement(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
+      ref,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitives.Thumb,
+        {
+          className: cn(
+            "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    })
   );
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;

package/dist/esm/ui/table.js

@@ -26,27 +26,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Table = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
     "table",
     __spreadValues({
       ref,
       className: cn("w-full caption-bottom text-sm", className)
     }, props)
-  ));
+  ) });
 });
 Table.displayName = "Table";
 const TableHeader = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ jsx("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
 const TableBody = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "tbody",
     __spreadValues({
       ref,
@@ -57,7 +58,7 @@ const TableBody = React.forwardRef((_e, ref) => {
 TableBody.displayName = "TableBody";
 const TableFooter = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "tfoot",
     __spreadValues({
       ref,
@@ -68,7 +69,7 @@ const TableFooter = React.forwardRef((_g, ref) => {
 TableFooter.displayName = "TableFooter";
 const TableRow = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "tr",
     __spreadValues({
       ref,
@@ -82,7 +83,7 @@ const TableRow = React.forwardRef((_i, ref) => {
 TableRow.displayName = "TableRow";
 const TableHead = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "th",
     __spreadValues({
       ref,
@@ -96,7 +97,7 @@ const TableHead = React.forwardRef((_k, ref) => {
 TableHead.displayName = "TableHead";
 const TableCell = React.forwardRef((_m, ref) => {
   var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "td",
     __spreadValues({
       ref,
@@ -110,7 +111,7 @@ const TableCell = React.forwardRef((_m, ref) => {
 TableCell.displayName = "TableCell";
 const TableCaption = React.forwardRef((_o, ref) => {
   var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "caption",
     __spreadValues({
       ref,

package/dist/esm/ui/tabs.js

@@ -27,13 +27,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -47,7 +48,7 @@ const TabsList = React.forwardRef((_a, ref) => {
 TabsList.displayName = TabsPrimitive.List.displayName;
 const TabsTrigger = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -61,7 +62,7 @@ const TabsTrigger = React.forwardRef((_c, ref) => {
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     __spreadValues({
       ref,

package/dist/esm/ui/textarea.js

@@ -26,12 +26,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Textarea = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "textarea",
       __spreadValues({
         className: cn(

package/dist/esm/ui/toast.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
@@ -34,7 +38,7 @@ import { cn } from "../lib/utils";
 const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -62,7 +66,7 @@ const toastVariants = cva(
 );
 const Toast = React.forwardRef((_c, ref) => {
   var _d = _c, { className, variant } = _d, props = __objRest(_d, ["className", "variant"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -73,7 +77,7 @@ const Toast = React.forwardRef((_c, ref) => {
 Toast.displayName = ToastPrimitives.Root.displayName;
 const ToastAction = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -87,23 +91,24 @@ const ToastAction = React.forwardRef((_e, ref) => {
 ToastAction.displayName = ToastPrimitives.Action.displayName;
 const ToastClose = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Close,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "text-foreground/50 hover:text-foreground absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
         className
       ),
       "toast-close": ""
-    }, props),
-    /* @__PURE__ */ React.createElement(Cross2Icon, { className: "size-4" })
+    }, props), {
+      children: /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" })
+    })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
 const ToastTitle = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -114,7 +119,7 @@ const ToastTitle = React.forwardRef((_i, ref) => {
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 const ToastDescription = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Description,
     __spreadValues({
       ref,