@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.41

package/lib/shardui/context-menu.js

@@ -1,4 +1,4 @@
-import*as React from'react';import*as ContextMenuPrimitive from'@radix-ui/react-context-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ContextMenu = ContextMenuPrimitive.Root;
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as ContextMenuPrimitive from'@radix-ui/react-context-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ContextMenu = ContextMenuPrimitive.Root;
 const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 const ContextMenuGroup = ContextMenuPrimitive.Group;
 const ContextMenuPortal = ContextMenuPrimitive.Portal;
@@ -9,18 +9,19 @@ const ContextMenuSubTrigger = React.forwardRef(({
   inset,
   children,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.SubTrigger, {
+}, ref) => jsxs(ContextMenuPrimitive.SubTrigger, {
   ref: ref,
   className: cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
-  ...props
-}, children, React.createElement(ChevronRight, {
-  className: "ml-auto h-4 w-4"
-})));
+  ...props,
+  children: [children, jsx(ChevronRight, {
+    className: "ml-auto h-4 w-4"
+  })]
+}));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 const ContextMenuSubContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.SubContent, {
+}, ref) => jsx(ContextMenuPrimitive.SubContent, {
   ref: ref,
   className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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', className),
   ...props
@@ -29,17 +30,19 @@ ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 const ContextMenuContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Portal, null, React.createElement(ContextMenuPrimitive.Content, {
-  ref: ref,
-  className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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', className),
-  ...props
-})));
+}, ref) => jsx(ContextMenuPrimitive.Portal, {
+  children: jsx(ContextMenuPrimitive.Content, {
+    ref: ref,
+    className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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', className),
+    ...props
+  })
+}));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
 const ContextMenuItem = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Item, {
+}, ref) => jsx(ContextMenuPrimitive.Item, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
   ...props
@@ -50,36 +53,44 @@ const ContextMenuCheckboxItem = React.forwardRef(({
   children,
   checked,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.CheckboxItem, {
+}, ref) => jsxs(ContextMenuPrimitive.CheckboxItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
   checked: checked,
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(ContextMenuPrimitive.ItemIndicator, null, React.createElement(Check, {
-  className: "h-4 w-4"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(ContextMenuPrimitive.ItemIndicator, {
+      children: jsx(Check, {
+        className: "h-4 w-4"
+      })
+    })
+  }), children]
+}));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 const ContextMenuRadioItem = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.RadioItem, {
+}, ref) => jsxs(ContextMenuPrimitive.RadioItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(ContextMenuPrimitive.ItemIndicator, null, React.createElement(Circle, {
-  className: "h-2 w-2 fill-current"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(ContextMenuPrimitive.ItemIndicator, {
+      children: jsx(Circle, {
+        className: "h-2 w-2 fill-current"
+      })
+    })
+  }), children]
+}));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
 const ContextMenuLabel = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Label, {
+}, ref) => jsx(ContextMenuPrimitive.Label, {
   ref: ref,
   className: cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
   ...props
@@ -88,7 +99,7 @@ ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 const ContextMenuSeparator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Separator, {
+}, ref) => jsx(ContextMenuPrimitive.Separator, {
   ref: ref,
   className: cn('-mx-1 my-1 h-px bg-border', className),
   ...props
@@ -98,7 +109,7 @@ const ContextMenuShortcut = ({
   className,
   ...props
 }) => {
-  return React.createElement("span", {
+  return jsx("span", {
     className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
     ...props
   });

package/lib/shardui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../src/shardui/context-menu.tsx"],"sourcesContent":[null],"names":[],"mappings":"0PAUA,MAAA,WAAM,GAAA,oBAAgB,CAAA;AAEtB,MAAA,kBAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,gBAAM,GAAA,oBAAc,CAAA;AAEpB,MAAA,iBAAM,GAAA,oBAAqB,CAAA;AAE3B,MAAA,cAAM,GAAA,oBAAqB,CAAA;2BAGJ,GAAA,oBAAA,CAAA;8CAepB,CAAA,CAAA;AAGH,EAAA,SAAA;AAeA,EAAA,KAAA;AAiBA,EAAA;;mDAeG,CAAA,UAAA,EAAA;AAGH,EAAA,GAAA,EAAA,GAAA;AAuBA,EAAA,SAAA,EAAA,EAAM,CAAA,4MAmBH,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;AAGH,EAAA,GAAA;aAGgB,KAAA,CAAO,aAAA,CAAA,YAAA,EAAA;;AAWvB,CAAA,CAAA,CAAA;AAQA,qBAAM,CAAA,WAAmB,GAAA,oBAAA,CAAA,UAAA,CAAA,WAAA;AAA6B,MAAA,qBAAA,GAAA,KAAK,CAAC,UAAA,CAAA,CAAA;;EAE1D,GAAA;AAGF,CAAA,EAAA,GAAA,KACI,KAAA,CAAA,aACA,CAAA,oBACA,CAAA,UACA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context-menu.js","sources":["../../src/shardui/context-menu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"mSAYA,MAAA,WAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,kBAAM,GAAA,oBAAc,CAAA;AAEpB,MAAA,gBAAM,GAAA,oBAAqB,CAAA;AAE3B,MAAA,iBAAM,GAAA,oBAAqB,CAAA;oBAGJ,GAAA,oBAAA,CAAA;kDAepB,CAAA;AAGH,MAAA,qBAAM,GAAA,KAAqB,CAAA,UAAA,CAAA,CAAA;AAe3B,EAAA,SAAA;AAiBA,EAAA,KAAA;;;AAkBA,CAAA,EAAA,GAAA,KAAAA,IAAM,CAAA,oBAAuB,CAAA,UAAA,EAAA;AAuB7B,EAAA,GAAA,EAAA,GAAA;AAsBA,EAAA,aAAM,CAAA,4MAAgB,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;;uCAWpB,EAAC;AAGH,IAAA,SAAA,EAAM;AAQN,GAAA,CAAA;AAAsD,CAAA,CAAA;;AAEpD,MAAA,qBAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA,SACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/dialog.d.ts

@@ -7,11 +7,11 @@ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialo
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/shardui/dialog.js

@@ -1,10 +1,10 @@
-import*as React from'react';import*as DialogPrimitive from'@radix-ui/react-dialog';import {X}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Dialog = DialogPrimitive.Root;
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import*as DialogPrimitive from'@radix-ui/react-dialog';import {X}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogOverlay = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(DialogPrimitive.Overlay, {
+}, ref) => jsx(DialogPrimitive.Overlay, {
   ref: ref,
   className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
   ...props
@@ -14,22 +14,27 @@ const DialogContent = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(DialogPortal, null, React.createElement(DialogOverlay, null), React.createElement(DialogPrimitive.Content, {
-  ref: ref,
-  className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
-  ...props
-}, children, React.createElement(DialogPrimitive.Close, {
-  className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-}, React.createElement(X, {
-  className: "h-4 w-4"
-}), React.createElement("span", {
-  className: "sr-only"
-}, "Close")))));
+}, ref) => jsxs(DialogPortal, {
+  children: [jsx(DialogOverlay, {}), jsxs(DialogPrimitive.Content, {
+    ref: ref,
+    className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
+    ...props,
+    children: [children, jsxs(DialogPrimitive.Close, {
+      className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+      children: [jsx(X, {
+        className: "h-4 w-4"
+      }), jsx("span", {
+        className: "sr-only",
+        children: "Close"
+      })]
+    })]
+  })]
+}));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className),
   ...props
 });
@@ -37,7 +42,7 @@ DialogHeader.displayName = 'DialogHeader';
 const DialogFooter = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
   ...props
 });
@@ -45,7 +50,7 @@ DialogFooter.displayName = 'DialogFooter';
 const DialogTitle = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(DialogPrimitive.Title, {
+}, ref) => jsx(DialogPrimitive.Title, {
   ref: ref,
   className: cn('text-lg font-semibold leading-none tracking-tight', className),
   ...props
@@ -54,7 +59,7 @@ DialogTitle.displayName = DialogPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(DialogPrimitive.Description, {
+}, ref) => jsx(DialogPrimitive.Description, {
   ref: ref,
   className: cn('text-sm text-muted-foreground', className),
   ...props

package/lib/shardui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../src/shardui/dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"uNAUA,MAAA,MAAA,GAAM,eAAY,CAAA;AAElB,MAAA,aAAM,GAAA,eAAW,CAAA;AAEjB,MAAA,YAAM,GAAA,eAAa,CAAA;AAuCnB,MAAA,aAAM,GAAA,KAAY,CAAA,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAE9C,EAAC,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,eAAA,CAAA,OAAA,EAAA;AAGF,EAAA,GAAA,EAAA;AAA+C,EAAA,SAAA,EAAA,EAAA,CAAA,yJAAoC,EAAA,SAAA,CAAA;;CAElF,CAAC;AAGF,aAAA,CAAM,WAAW,GAAA,eAAA,CAAA,OAAA,CAAA,WAAA;AAYjB,MAAA,aAAM,GAAA,KAAA,CAAA,UAAiB,CAAA,CAAA;AAQvB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../src/shardui/dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"gQAYA,MAAA,MAAA,GAAM,eAAW,CAAA;AAEjB,MAAA,aAAM,GAAA,eAAa,CAAA;AAenB,MAAA,YAAM,GAAA,eAAa,CAAA;AAwB4B,MAAA,aAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAEnD,GAAA;AAGF,CAAA,EAAA,GAAA,QAAM,CAAA,eAAY,CAAA,OAAA,EAAA;AAA6B,EAAA,GAAA,EAAA,GAAA;;EAE7C,GAAA;AAGF,CAAA,CAAA;AAYA,aAAA,CAAM,WAAA,GAAA,eAAiB,CAAA,OAAA,CAAA,WAAA;AAQvB,MAAA,aAEI,GAAA,KAAA,CAAA,UACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/drawer.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -10,11 +10,11 @@ declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/rea
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/shardui/drawer.js

@@ -1,7 +1,7 @@
-import*as React from'react';import {Drawer as Drawer$1}from'vaul';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Drawer = ({
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Drawer as Drawer$1}from'vaul';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => React.createElement(Drawer$1.Root, {
+}) => jsx(Drawer$1.Root, {
   shouldScaleBackground: shouldScaleBackground,
   ...props
 });
@@ -12,7 +12,7 @@ const DrawerClose = Drawer$1.Close;
 const DrawerOverlay = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Drawer$1.Overlay, {
+}, ref) => jsx(Drawer$1.Overlay, {
   ref: ref,
   className: cn('fixed inset-0 z-50 bg-black/80', className),
   ...props
@@ -22,18 +22,21 @@ const DrawerContent = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(DrawerPortal, null, React.createElement(DrawerOverlay, null), React.createElement(Drawer$1.Content, {
-  ref: ref,
-  className: cn('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className),
-  ...props
-}, React.createElement("div", {
-  className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
-}), children)));
+}, ref) => jsxs(DrawerPortal, {
+  children: [jsx(DrawerOverlay, {}), jsxs(Drawer$1.Content, {
+    ref: ref,
+    className: cn('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className),
+    ...props,
+    children: [jsx("div", {
+      className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
+    }), children]
+  })]
+}));
 DrawerContent.displayName = 'DrawerContent';
 const DrawerHeader = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('grid gap-1.5 p-4 text-center sm:text-left', className),
   ...props
 });
@@ -41,7 +44,7 @@ DrawerHeader.displayName = 'DrawerHeader';
 const DrawerFooter = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('mt-auto flex flex-col gap-2 p-4', className),
   ...props
 });
@@ -49,7 +52,7 @@ DrawerFooter.displayName = 'DrawerFooter';
 const DrawerTitle = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Drawer$1.Title, {
+}, ref) => jsx(Drawer$1.Title, {
   ref: ref,
   className: cn('text-lg font-semibold leading-none tracking-tight', className),
   ...props
@@ -58,7 +61,7 @@ DrawerTitle.displayName = Drawer$1.Title.displayName;
 const DrawerDescription = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Drawer$1.Description, {
+}, ref) => jsx(Drawer$1.Description, {
   ref: ref,
   className: cn('text-sm text-muted-foreground', className),
   ...props

package/lib/shardui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../src/shardui/drawer.tsx"],"sourcesContent":[null],"names":["DrawerPrimitive"],"mappings":"yKAK4D,MAAA,MAAA,GAAA,CAAA;;EAE1D,GAAA;AAGF,CAAA,KAAA,KAAA,CAAA,aAAM,CAAAA,QAAa,CAAA,IAAA,EAAA;AAEnB,EAAA,qBAAM,EAAA,qBAAY;AAElB,EAAA,GAAA;AAEA,CAAA;AAQA,MAAA,CAAA,WAAM,GAAA,QAAa;AAqBnB,MAAA,aAAM,GAAAA,QAAY,CAAA;AAA6B,MAAA,YAAA,GAAAA,QAAM,CAAA;;AAEnD,MAAA,aAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA;AAA+C,EAAA,GAAA;;EAE7C,GAAA,EAAA,GAAA;AAGF,EAAA,SAAA,EAAA,EAAM,CAAA,gCAAW,EAAA,SAAA,CAAA;AAYjB,EAAA,GAAA;AAQA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"drawer.js","sources":["../../src/shardui/drawer.tsx"],"sourcesContent":[null],"names":["_jsx","DrawerPrimitive"],"mappings":";EAOE,qBAAA,GAAA,IAAA;AAGF,EAAA,GAAA;AAEA,CAAA,KAAAA,GAAA,CAAAC,QAAkB,CAAA,IAAA,EAAA;AAElB,EAAA,qBAAM,EAAW,qBAAA;AAEjB,EAAA,GAAA;AAQA,CAAA;AAqBA,MAAA,CAAA,WAAM,GAAA,QAAY;AAA6B,MAAA,aAAA,GAAAA,QAAM,CAAA;;AAEnD,MAAA,WAAA,GAAAA,QAAA,CAAA;AAGF,MAAA,aAAM,GAAA,KAAY,CAAA,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAE9C,EAAC,GAAA,KAAAD,GAAA,CAAAC,QAAA,CAAA,OAAA,EAAA;AAGF,EAAA,GAAA,EAAA,GAAA;AAYA,EAAA,SAAA,EAAA,EAAM,CAAA,gCAAiB,EAAA,SAAA,CAAA;AAQvB,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/dropdown-menu.d.ts

@@ -21,7 +21,7 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/lib/shardui/dropdown-menu.js

@@ -1,4 +1,4 @@
-import*as React from'react';import*as DropdownMenuPrimitive from'@radix-ui/react-dropdown-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const DropdownMenu = DropdownMenuPrimitive.Root;
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as DropdownMenuPrimitive from'@radix-ui/react-dropdown-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
@@ -9,18 +9,19 @@ const DropdownMenuSubTrigger = React.forwardRef(({
   inset,
   children,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.SubTrigger, {
+}, ref) => jsxs(DropdownMenuPrimitive.SubTrigger, {
   ref: ref,
   className: cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent', inset && 'pl-8', className),
-  ...props
-}, children, React.createElement(ChevronRight, {
-  className: "ml-auto h-4 w-4"
-})));
+  ...props,
+  children: [children, jsx(ChevronRight, {
+    className: "ml-auto h-4 w-4"
+  })]
+}));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 const DropdownMenuSubContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.SubContent, {
+}, ref) => jsx(DropdownMenuPrimitive.SubContent, {
   ref: ref,
   className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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', className),
   ...props
@@ -30,18 +31,20 @@ const DropdownMenuContent = React.forwardRef(({
   className,
   sideOffset = 4,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.Portal, null, React.createElement(DropdownMenuPrimitive.Content, {
-  ref: ref,
-  sideOffset: sideOffset,
-  className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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', className),
-  ...props
-})));
+}, ref) => jsx(DropdownMenuPrimitive.Portal, {
+  children: jsx(DropdownMenuPrimitive.Content, {
+    ref: ref,
+    sideOffset: sideOffset,
+    className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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', className),
+    ...props
+  })
+}));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 const DropdownMenuItem = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.Item, {
+}, ref) => jsx(DropdownMenuPrimitive.Item, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
   ...props
@@ -52,36 +55,44 @@ const DropdownMenuCheckboxItem = React.forwardRef(({
   children,
   checked,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.CheckboxItem, {
+}, ref) => jsxs(DropdownMenuPrimitive.CheckboxItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
   checked: checked,
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(DropdownMenuPrimitive.ItemIndicator, null, React.createElement(Check, {
-  className: "h-4 w-4"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(DropdownMenuPrimitive.ItemIndicator, {
+      children: jsx(Check, {
+        className: "h-4 w-4"
+      })
+    })
+  }), children]
+}));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 const DropdownMenuRadioItem = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.RadioItem, {
+}, ref) => jsxs(DropdownMenuPrimitive.RadioItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(DropdownMenuPrimitive.ItemIndicator, null, React.createElement(Circle, {
-  className: "h-2 w-2 fill-current"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(DropdownMenuPrimitive.ItemIndicator, {
+      children: jsx(Circle, {
+        className: "h-2 w-2 fill-current"
+      })
+    })
+  }), children]
+}));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 const DropdownMenuLabel = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.Label, {
+}, ref) => jsx(DropdownMenuPrimitive.Label, {
   ref: ref,
   className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
   ...props
@@ -90,7 +101,7 @@ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 const DropdownMenuSeparator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(DropdownMenuPrimitive.Separator, {
+}, ref) => jsx(DropdownMenuPrimitive.Separator, {
   ref: ref,
   className: cn('-mx-1 my-1 h-px bg-muted', className),
   ...props
@@ -100,7 +111,7 @@ const DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return React.createElement("span", {
+  return jsx("span", {
     className: cn('ml-auto text-xs tracking-widest opacity-60', className),
     ...props
   });

package/lib/shardui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../src/shardui/dropdown-menu.tsx"],"sourcesContent":[null],"names":[],"mappings":"4PAUA,MAAA,YAAM,GAAA,qBAAiB,CAAA;AAEvB,MAAA,mBAAM,GAAA,qBAAkB,CAAA;AAExB,MAAA,iBAAM,GAAA,qBAAe,CAAA;AAErB,MAAA,kBAAM,GAAA,qBAAsB,CAAA;AAE5B,MAAA,eAAM,GAAA,qBAAsB,CAAA;4BAGL,GAAA,qBAAA,CAAA;+CAepB,CAAA,CAAA;AAGH,EAAA,SAAA;AAeA,EAAA,KAAA;AAkBA,EAAA;;oDAeG,CAAA,UAAA,EAAA;AAGH,EAAA,GAAA,EAAA,GAAA;AAuBA,EAAA,SAAA,EAAA,EAAM,CAAA,sIAAqB,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;AAsB3B,EAAA,GAAA;aAGgB,KAAA,CAAO,aAAA,CAAA,YAAA,EAAA;;AAWvB,CAAA,CAAA,CAAA;AAQA,sBAAM,CAAA,WAAoB,GAAA,qBAAA,CAAA,UAAA,CAAA,WAAA;AAA6B,MAAA,sBAAA,GAAA,KAAM,CAAA,UAAA,CAAA,CAAA;;EAE3D,GAAA;AAGF,CAAA,EAAA,GAAA,KACI,KAAA,CAAA,aACA,CAAA,qBACA,CAAA,UAAmB,EACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../src/shardui/dropdown-menu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"qSAYA,MAAA,YAAM,GAAA,qBAAkB,CAAA;AAExB,MAAA,mBAAM,GAAA,qBAAe,CAAA;AAErB,MAAA,iBAAM,GAAA,qBAAsB,CAAA;AAE5B,MAAA,kBAAM,GAAA,qBAAsB,CAAA;qBAGL,GAAA,qBAAA,CAAA;oDAepB,CAAA;AAGH,MAAA,sBAAM,GAAA,KAAsB,CAAA,UAAA,CAAA,CAAA;AAe5B,EAAA,SAAA;AAkBA,EAAA,KAAA;;;AAkBA,CAAA,EAAA,GAAA,KAAAA,IAAM,CAAA,qBAAwB,CAAA,UAAA,EAAA;AAuB9B,EAAA,GAAA,EAAA,GAAA;AAsBA,EAAA,aAAM,CAAA,sIAAiB,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;;uCAWrB,EAAC;AAGH,IAAA,SAAA,EAAM;AAQN,GAAA,CAAA;AAAuD,CAAA,CAAA;;AAErD,MAAA,sBAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA,SACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/form.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;

package/lib/shardui/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/shardui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,4MAAe,CAAC;AAW1B,QAAA,MAAM,SAAS,GACX,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACjE,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAQF,QAAA,MAAM,QAAQ,6GAUb,CAAC;AAGF,QAAA,MAAM,SAAS,yJAOb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAchB,CAAC;AAGF,QAAA,MAAM,eAAe,yHAQpB,CAAC;AAGF,QAAA,MAAM,WAAW,yHAoBhB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/shardui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,4MAAe,CAAC;AAW1B,QAAA,MAAM,SAAS,GACX,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACjE,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAQF,QAAA,MAAM,QAAQ,6GAUb,CAAC;AAGF,QAAA,MAAM,SAAS,yJAOb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAchB,CAAC;AAGF,QAAA,MAAM,eAAe,yHAQpB,CAAC;AAGF,QAAA,MAAM,WAAW,yHAoBhB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/lib/shardui/form.js

@@ -1,15 +1,16 @@
-import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {useFormContext,FormProvider,Controller}from'react-hook-form';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Label}from'./label.js';const Form = FormProvider;
+import {jsx}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {useFormContext,FormProvider,Controller}from'react-hook-form';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Label}from'./label.js';const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({
   ...props
 }) => {
-  return React.createElement(FormFieldContext.Provider, {
+  return jsx(FormFieldContext.Provider, {
     value: {
       name: props.name
-    }
-  }, React.createElement(Controller, {
-    ...props
-  }));
+    },
+    children: jsx(Controller, {
+      ...props
+    })
+  });
 };
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext);
@@ -40,15 +41,16 @@ const FormItem = React.forwardRef(({
   ...props
 }, ref) => {
   const id = React.useId();
-  return React.createElement(FormItemContext.Provider, {
+  return jsx(FormItemContext.Provider, {
     value: {
       id
-    }
-  }, React.createElement("div", {
-    ref: ref,
-    className: cn('space-y-2', className),
-    ...props
-  }));
+    },
+    children: jsx("div", {
+      ref: ref,
+      className: cn('space-y-2', className),
+      ...props
+    })
+  });
 });
 FormItem.displayName = 'FormItem';
 const FormLabel = React.forwardRef(({
@@ -59,7 +61,7 @@ const FormLabel = React.forwardRef(({
     error,
     formItemId
   } = useFormField();
-  return React.createElement(Label, {
+  return jsx(Label, {
     ref: ref,
     className: cn(error && 'text-destructive', className),
     htmlFor: formItemId,
@@ -76,7 +78,7 @@ const FormControl = React.forwardRef(({
     formDescriptionId,
     formMessageId
   } = useFormField();
-  return React.createElement(Slot, {
+  return jsx(Slot, {
     ref: ref,
     id: formItemId,
     "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
@@ -92,7 +94,7 @@ const FormDescription = React.forwardRef(({
   const {
     formDescriptionId
   } = useFormField();
-  return React.createElement("p", {
+  return jsx("p", {
     ref: ref,
     id: formDescriptionId,
     className: cn('text-sm text-muted-foreground', className),
@@ -113,11 +115,12 @@ const FormMessage = React.forwardRef(({
   if (!body) {
     return null;
   }
-  return React.createElement("p", {
+  return jsx("p", {
     ref: ref,
     id: formMessageId,
     className: cn('text-sm font-medium text-destructive', className),
-    ...props
-  }, body);
+    ...props,
+    children: body
+  });
 });
 FormMessage.displayName = 'FormMessage';export{Form,FormControl,FormDescription,FormField,FormItem,FormLabel,FormMessage,useFormField};//# sourceMappingURL=form.js.map

package/lib/shardui/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../src/shardui/form.tsx"],"sourcesContent":[null],"names":[],"mappings":"+QAgCA,MAAA;;;;;;;;;;;GAqBE,CAAA,CAAA;AAQF;AAaA,MAAA,YAAM,GAAA,MAAS;AAUf,EAAA,MAAA,YAAM,GAAA,KAAW,CAAA,UAAA,CAAA,gBAAA,CAAA;AAiBjB,EAAA,MAAA,WAAM,GAAA,KAAA,CAAA,UAAe,CAAA,eAAA,CAAA;AAWrB,EAAA,MAAA;AAuBA,IAAA,aAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form.js","sources":["../../src/shardui/form.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;MAqDE,GAAA;AAQF,KAAA;AAaA,GAAA,CAAA;AAUA;AAiBA,MAAA,YAAM,GAAA,MAAA;AAWN,EAAA,MAAA,YAAM,GAAA,KAAW,CAAA,UAAA,CAAA,gBAAA,CAAA;AAuBjB,EAAA,iBAAS,GAAY,KAAM,CAAA,UAAU,CAAE,eAAW,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}