@admin-layout/tailwind-ui 12.2.4-alpha.33 → 12.2.4-alpha.34

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/hover-card.js

@@ -1,11 +1,11 @@
-import*as React from'react';import*as HoverCardPrimitive from'@radix-ui/react-hover-card';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const HoverCard = HoverCardPrimitive.Root;
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as HoverCardPrimitive from'@radix-ui/react-hover-card';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
 const HoverCardContent = React.forwardRef(({
   className,
   align = 'center',
   sideOffset = 4,
   ...props
-}, ref) => React.createElement(HoverCardPrimitive.Content, {
+}, ref) => jsx(HoverCardPrimitive.Content, {
   ref: ref,
   align: align,
   sideOffset: sideOffset,

package/lib/shardui/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","sources":["../../src/shardui/hover-card.tsx"],"sourcesContent":[null],"names":[],"mappings":"iMAOA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAEtB,MAAA,gBAAM,GAAA,kBAAgB,CAAA;AAiBtB,MAAA,mCAAsC,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"hover-card.js","sources":["../../src/shardui/hover-card.tsx"],"sourcesContent":[null],"names":[],"mappings":"qOASA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAiBtB,MAAA,qCAAsC,CAAA;;;;;;;;;;;;;"}

package/lib/shardui/input-otp.js

@@ -1,8 +1,8 @@
-import*as React from'react';import {OTPInput,OTPInputContext}from'input-otp';import {Dot}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const InputOTP = React.forwardRef(({
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {OTPInput,OTPInputContext}from'input-otp';import {Dot}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const InputOTP = React.forwardRef(({
   className,
   containerClassName,
   ...props
-}, ref) => React.createElement(OTPInput, {
+}, ref) => jsx(OTPInput, {
   ref: ref,
   containerClassName: cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName),
   className: cn('disabled:cursor-not-allowed', className),
@@ -12,7 +12,7 @@ InputOTP.displayName = 'InputOTP';
 const InputOTPGroup = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('flex items-center', className),
   ...props
@@ -29,22 +29,25 @@ const InputOTPSlot = React.forwardRef(({
     hasFakeCaret,
     isActive
   } = inputOTPContext.slots[index];
-  return React.createElement("div", {
+  return jsxs("div", {
     ref: ref,
     className: cn('relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md', isActive && 'z-10 ring-2 ring-ring ring-offset-background', className),
-    ...props
-  }, char, hasFakeCaret && React.createElement("div", {
-    className: "pointer-events-none absolute inset-0 flex items-center justify-center"
-  }, React.createElement("div", {
-    className: "h-4 w-px animate-caret-blink bg-foreground duration-1000"
-  })));
+    ...props,
+    children: [char, hasFakeCaret && jsx("div", {
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: jsx("div", {
+        className: "h-4 w-px animate-caret-blink bg-foreground duration-1000"
+      })
+    })]
+  });
 });
 InputOTPSlot.displayName = 'InputOTPSlot';
 const InputOTPSeparator = React.forwardRef(({
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   role: "separator",
-  ...props
-}, React.createElement(Dot, null)));
+  ...props,
+  children: jsx(Dot, {})
+}));
 InputOTPSeparator.displayName = 'InputOTPSeparator';export{InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot};//# sourceMappingURL=input-otp.js.map

package/lib/shardui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","sources":["../../src/shardui/input-otp.tsx"],"sourcesContent":[null],"names":[],"mappings":";;oBAYY;;;;;;;;;;;;;;;;;;;;;;AAMZ,CAAA,EAAA,GAAA,KAAA;AAKA,EAAA,MAAA,eAAM,GAAY,KAAA,CAAA,UAAA,CAAA,eAAA,CAAA;;;AA4BlB,IAAA,YAAM;AASN,IAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input-otp.js","sources":["../../src/shardui/input-otp.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;oBAYK,EAAA;;;;;;;;;AAML,EAAA,GAAA;AAKA,CAAA,EAAA,GAAA;uBAE2D,GAAA,KAAA,CAAA,UAAA,CAAA,eAAA,CAAA;;AA0B3D,IAAA,IAAA;AASA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/input.js

@@ -1,9 +1,9 @@
-import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Input = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Input = React.forwardRef(({
   className,
   type,
   ...props
 }, ref) => {
-  return React.createElement("input", {
+  return jsx("input", {
     type: type,
     className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className),
     ref: ref,

package/lib/shardui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../src/shardui/input.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIAqBA,MAAA,KAAS,GAAK,KAAG,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/shardui/label.js

@@ -1,8 +1,8 @@
-import*as React from'react';import*as LabelPrimitive from'@radix-ui/react-label';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as LabelPrimitive from'@radix-ui/react-label';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(LabelPrimitive.Root, {
+}, ref) => jsx(LabelPrimitive.Root, {
   ref: ref,
   className: cn(labelVariants(), className),
   ...props

package/lib/shardui/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../src/shardui/label.tsx"],"sourcesContent":[null],"names":[],"mappings":"mOAgBA,MAAA,aAAiB,GAAA,GAAA,CAAA,4FAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/lib/shardui/menubar.d.ts

@@ -27,7 +27,7 @@ declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitiv
 } & React.RefAttributes<HTMLDivElement>>;
 declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const MenubarShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayname: string;
 };
 export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };