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

package/lib/shardui/menubar.js

@@ -1,4 +1,4 @@
-import*as React from'react';import*as MenubarPrimitive from'@radix-ui/react-menubar';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 MenubarMenu = MenubarPrimitive.Menu;
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import*as MenubarPrimitive from'@radix-ui/react-menubar';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 MenubarMenu = MenubarPrimitive.Menu;
 const MenubarGroup = MenubarPrimitive.Group;
 const MenubarPortal = MenubarPrimitive.Portal;
 const MenubarSub = MenubarPrimitive.Sub;
@@ -6,7 +6,7 @@ const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
 const Menubar = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Root, {
+}, ref) => jsx(MenubarPrimitive.Root, {
   ref: ref,
   className: cn('flex h-10 items-center space-x-1 rounded-md border bg-background p-1', className),
   ...props
@@ -15,7 +15,7 @@ Menubar.displayName = MenubarPrimitive.Root.displayName;
 const MenubarTrigger = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Trigger, {
+}, ref) => jsx(MenubarPrimitive.Trigger, {
   ref: ref,
   className: cn('flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', className),
   ...props
@@ -26,18 +26,19 @@ const MenubarSubTrigger = React.forwardRef(({
   inset,
   children,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.SubTrigger, {
+}, ref) => jsxs(MenubarPrimitive.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"
+  })]
+}));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
 const MenubarSubContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.SubContent, {
+}, ref) => jsx(MenubarPrimitive.SubContent, {
   ref: ref,
   className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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', className),
   ...props
@@ -49,20 +50,22 @@ const MenubarContent = React.forwardRef(({
   alignOffset = -4,
   sideOffset = 8,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Portal, null, React.createElement(MenubarPrimitive.Content, {
-  ref: ref,
-  align: align,
-  alignOffset: alignOffset,
-  sideOffset: sideOffset,
-  className: cn('z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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(MenubarPrimitive.Portal, {
+  children: jsx(MenubarPrimitive.Content, {
+    ref: ref,
+    align: align,
+    alignOffset: alignOffset,
+    sideOffset: sideOffset,
+    className: cn('z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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
+  })
+}));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 const MenubarItem = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Item, {
+}, ref) => jsx(MenubarPrimitive.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
@@ -73,36 +76,44 @@ const MenubarCheckboxItem = React.forwardRef(({
   children,
   checked,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.CheckboxItem, {
+}, ref) => jsxs(MenubarPrimitive.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(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, {
+      children: jsx(Check, {
+        className: "h-4 w-4"
+      })
+    })
+  }), children]
+}));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
 const MenubarRadioItem = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.RadioItem, {
+}, ref) => jsxs(MenubarPrimitive.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(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, {
+      children: jsx(Circle, {
+        className: "h-2 w-2 fill-current"
+      })
+    })
+  }), children]
+}));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
 const MenubarLabel = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Label, {
+}, ref) => jsx(MenubarPrimitive.Label, {
   ref: ref,
   className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
   ...props
@@ -111,7 +122,7 @@ MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
 const MenubarSeparator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(MenubarPrimitive.Separator, {
+}, ref) => jsx(MenubarPrimitive.Separator, {
   ref: ref,
   className: cn('-mx-1 my-1 h-px bg-muted', className),
   ...props
@@ -121,7 +132,7 @@ const MenubarShortcut = ({
   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/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","sources":["../../src/shardui/menubar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAM0C,MAAA,UAAA,GAAA,gBAAA,CAAA;AAE1C,MAAA,iBAAM,GAAY,gBAAA,CAAA;AAElB,MAAA,OAAA,GAAM,KAAA,CAAA,UAAa,CAAA,CAAA;AAEnB,EAAA,SAAA;AAEA,EAAA,GAAA;AAEA,CAAA,EAAA,GAAA,KAAA,KAAM,CAAA,aAAO,CAAA,gBAAA,CAAA,IAAA,EAAA;AAYb,EAAA,GAAA,EAAA,GAAA;AAeA,EAAA,aAAM,CAAA,sEAAiB,EAAA,SAAA,CAAA;;;AAqBvB,OAAA,CAAA,WAAM,GAAA,gBAAiB,CAAA,IAAA,CAAA,WAAA;AAevB,MAAA,cAAM,GAAA,KAAc,CAAA,UAAA,CAAA,CAAA;AAoBpB,EAAA;;+CAeG,CAAA,OAAA,EAAA;AAGH,EAAA,GAAA,EAAA,GAAA;AAuBA,EAAA,SAAA,EAAA,EAAM,CAAA,wNAmBH,EAAA,SAAA,CAAA;AAGH,EAAA,GAAA;;6CAWG,CAAA,OAAA,CAAA,WAAA;AAGH,MAAA,iBAAM,GAAA,KAAgB,CAAA,UAAA,CAAA,CAAA;AAQtB,EAAA;AAAkD,EAAA,KAAA;;EAEhD,GAAA;AAGF,CAAA,EAAA,GAAA,KACI,KAAO,CAAA,cAEP,gBACA,CAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"menubar.js","sources":["../../src/shardui/menubar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAM0C,MAAA,aAAA,GAAA,gBAAA,CAAA;AAE1C,MAAA,UAAM,GAAA,gBAAY,CAAA;AAElB,MAAA,iBAAM,GAAA,gBAAa,CAAA;AAEnB,MAAA,OAAA,GAAM,KAAA,CAAA,UAAU,CAAA,CAAA;AAEhB,EAAA,SAAA;AAEA,EAAA,GAAA;AAYA,CAAA,EAAA,GAAA,KAAAA,GAAM,CAAA,gBAAc,CAAA,IAAA,EAAA;AAepB,EAAA,GAAA,EAAA;aAGgB,EAAA,CAAA,sEAAO,EAAA,SAAA,CAAA;;AAkBvB,CAAA,CAAA;AAeA,OAAA,CAAA,WAAM,GAAA,gBAAc,CAAA,IAAA,CAAA,WAAA;AAoBpB,MAAA,cAAM,GAAA,KAAW,CAAA,UAAA,CAAA,CAAA;;;AAkBjB,CAAA,EAAA,GAAA,KAAAA,GAAM,CAAA,gBAAA,CAAmB,OAAA,EAAA;AAuBzB,EAAA,GAAA,EAAA,GAAA;AAsBA,EAAA,aAAM,CAAA,wNAAY,EAAA,SAAA,CAAA;;;AAclB,cAAM,CAAA,WAAA,GAAA,gBAAgB,CAAA,OAAA,CAAA,WAAA;AAQtB,MAAA,iBAAM,GAAA,KAAe,CAAA,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;EAEhD,QAAA;AAGF,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/navigation-menu.js

@@ -1,17 +1,18 @@
-import*as React from'react';import*as NavigationMenuPrimitive from'@radix-ui/react-navigation-menu';import {cva}from'class-variance-authority';import {ChevronDown}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const NavigationMenu = React.forwardRef(({
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as NavigationMenuPrimitive from'@radix-ui/react-navigation-menu';import {cva}from'class-variance-authority';import {ChevronDown}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const NavigationMenu = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(NavigationMenuPrimitive.Root, {
+}, ref) => jsxs(NavigationMenuPrimitive.Root, {
   ref: ref,
   className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className),
-  ...props
-}, children, React.createElement(NavigationMenuViewport, null)));
+  ...props,
+  children: [children, jsx(NavigationMenuViewport, {})]
+}));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
 const NavigationMenuList = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(NavigationMenuPrimitive.List, {
+}, ref) => jsx(NavigationMenuPrimitive.List, {
   ref: ref,
   className: cn('group flex flex-1 list-none items-center justify-center space-x-1', className),
   ...props
@@ -23,19 +24,20 @@ const NavigationMenuTrigger = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(NavigationMenuPrimitive.Trigger, {
+}, ref) => jsxs(NavigationMenuPrimitive.Trigger, {
   ref: ref,
   className: cn(navigationMenuTriggerStyle(), 'group', className),
-  ...props
-}, children, ' ', React.createElement(ChevronDown, {
-  className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
-  "aria-hidden": "true"
-})));
+  ...props,
+  children: [children, ' ', jsx(ChevronDown, {
+    className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+    "aria-hidden": "true"
+  })]
+}));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
 const NavigationMenuContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(NavigationMenuPrimitive.Content, {
+}, ref) => jsx(NavigationMenuPrimitive.Content, {
   ref: ref,
   className: cn('left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ', className),
   ...props
@@ -45,22 +47,24 @@ const NavigationMenuLink = NavigationMenuPrimitive.Link;
 const NavigationMenuViewport = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
-  className: cn('absolute left-0 top-full flex justify-center')
-}, React.createElement(NavigationMenuPrimitive.Viewport, {
-  className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className),
-  ref: ref,
-  ...props
-})));
+}, ref) => jsx("div", {
+  className: cn('absolute left-0 top-full flex justify-center'),
+  children: jsx(NavigationMenuPrimitive.Viewport, {
+    className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className),
+    ref: ref,
+    ...props
+  })
+}));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 const NavigationMenuIndicator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(NavigationMenuPrimitive.Indicator, {
+}, ref) => jsx(NavigationMenuPrimitive.Indicator, {
   ref: ref,
   className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className),
-  ...props
-}, React.createElement("div", {
-  className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
-})));
+  ...props,
+  children: jsx("div", {
+    className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
+  })
+}));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;export{NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuTrigger,NavigationMenuViewport,navigationMenuTriggerStyle};//# sourceMappingURL=navigation-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","sources":["../../src/shardui/navigation-menu.tsx"],"sourcesContent":[null],"names":[],"mappings":"6RAoCA,MAAA,cAAM,GAAA,KAAA,CAAA,UAAA,CAA0B,CAAA;AAIhC,EAAA,SAAA;AAkBA,EAAA,QAAA;AAeA,EAAA,GAAA;AAEA,CAAA,EAAA,GAAA,KAAA,KAAM,CAAA,aAAA,CAAA,uBAAsB,CAAA,IAAA,EAAA;AAiB5B,EAAA,GAAA,EAAA,GAAA;AAiBA,EAAA,SACI,EAAA,EAAA,CAAA,iEAGA,EAAA,SAAkB,CAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"navigation-menu.js","sources":["../../src/shardui/navigation-menu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"sUAwCA,MAAA,cAAM,GAAA,KAAA,CAAA,UAAqB,CAAA,CAAA;AAkB3B,EAAA,SAAA;AAeA,EAAA,QAAA;AAEA,EAAA,GAAA;AAiBA,CAAA,EAAA,GAAA,KAAAA,IAAM,CAAA,uBAAuB,CAAA,IAAA,EAAA;AAiB7B,EAAA,GAAA,EAAO,GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/pagination.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ButtonProps } from './button';
 declare const Pagination: {
-    ({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
@@ -10,19 +10,19 @@ type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<ButtonProps, 'size'> & React.ComponentProps<'a'>;
 declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/lib/shardui/pagination.js

@@ -1,7 +1,7 @@
-import*as React from'react';import {MoreHorizontal,ChevronRight,ChevronLeft}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';const Pagination = ({
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {MoreHorizontal,ChevronRight,ChevronLeft}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';const Pagination = ({
   className,
   ...props
-}) => React.createElement("nav", {
+}) => jsx("nav", {
   role: "navigation",
   "aria-label": "pagination",
   className: cn('mx-auto flex w-full justify-center', className),
@@ -11,7 +11,7 @@ Pagination.displayName = 'Pagination';
 const PaginationContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("ul", {
+}, ref) => jsx("ul", {
   ref: ref,
   className: cn('flex flex-row items-center gap-1', className),
   ...props
@@ -20,7 +20,7 @@ PaginationContent.displayName = 'PaginationContent';
 const PaginationItem = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("li", {
+}, ref) => jsx("li", {
   ref: ref,
   className: cn('', className),
   ...props
@@ -31,7 +31,7 @@ const PaginationLink = ({
   isActive,
   size = 'icon',
   ...props
-}) => React.createElement("a", {
+}) => jsx("a", {
   "aria-current": isActive ? 'page' : undefined,
   className: cn(buttonVariants({
     variant: isActive ? 'outline' : 'ghost',
@@ -43,37 +43,45 @@ PaginationLink.displayName = 'PaginationLink';
 const PaginationPrevious = ({
   className,
   ...props
-}) => React.createElement(PaginationLink, {
+}) => jsxs(PaginationLink, {
   "aria-label": "Go to previous page",
   size: "default",
   className: cn('gap-1 pl-2.5', className),
-  ...props
-}, React.createElement(ChevronLeft, {
-  className: "h-4 w-4"
-}), React.createElement("span", null, "Previous"));
+  ...props,
+  children: [jsx(ChevronLeft, {
+    className: "h-4 w-4"
+  }), jsx("span", {
+    children: "Previous"
+  })]
+});
 PaginationPrevious.displayName = 'PaginationPrevious';
 const PaginationNext = ({
   className,
   ...props
-}) => React.createElement(PaginationLink, {
+}) => jsxs(PaginationLink, {
   "aria-label": "Go to next page",
   size: "default",
   className: cn('gap-1 pr-2.5', className),
-  ...props
-}, React.createElement("span", null, "Next"), React.createElement(ChevronRight, {
-  className: "h-4 w-4"
-}));
+  ...props,
+  children: [jsx("span", {
+    children: "Next"
+  }), jsx(ChevronRight, {
+    className: "h-4 w-4"
+  })]
+});
 PaginationNext.displayName = 'PaginationNext';
 const PaginationEllipsis = ({
   className,
   ...props
-}) => React.createElement("span", {
+}) => jsxs("span", {
   "aria-hidden": true,
   className: cn('flex h-9 w-9 items-center justify-center', className),
-  ...props
-}, React.createElement(MoreHorizontal, {
-  className: "h-4 w-4"
-}), React.createElement("span", {
-  className: "sr-only"
-}, "More pages"));
+  ...props,
+  children: [jsx(MoreHorizontal, {
+    className: "h-4 w-4"
+  }), jsx("span", {
+    className: "sr-only",
+    children: "More pages"
+  })]
+});
 PaginationEllipsis.displayName = 'PaginationEllipsis';export{Pagination,PaginationContent,PaginationEllipsis,PaginationItem,PaginationLink,PaginationNext,PaginationPrevious};//# sourceMappingURL=pagination.js.map

package/lib/shardui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../src/shardui/pagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";EAaE,SAAA;AAGF,EAAA,GAAA;AAOA,CAAA,KAAA,KAAA,CAAA,aAAM,CAAA,KAAc,EAAA;AAKpB,EAAA;cACa,EAAE,YAAQ;AACtB,EAAA,SAAQ,EAAA,EAAA,CAAA,oCACe,EAAC,SAAK,CAAA;AAE9B,EAAA,GAAA;;;AAYE,MAAA,iBAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA;AAAqD,EAAA,GAAA;;EAUnD,GAAA,EAAA,GAAA;AAGF,EAAA,aAAM,CAAA,kCAAc,EAAA,SAAA,CAAA;AAA6B,EAAA,GAAA;;iBAK/C,CAAA,WAAA,GAAA,mBAAA;AAGF,MAAA,cAAM,GAAA,KAAA,CAAA,UAAkB,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAKpD,EAAC,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAGF,EAAA,GAAA,EAAO,GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pagination.js","sources":["../../src/shardui/pagination.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wRAaE,MAAA,UAAA,GAAA,CAAA;AAGF,EAAA,SAAA;AAOA,EAAA,GAAA;AAKA,CAAA;MACI,EAAA,YAAW;AACd,EAAA,YAAQ,EAAA,YAAmB;AAG5B,EAAA,aAAM,CAAA,oCAAc,EAAA,SAAA,CAAA;;;UAYlB,CAAA,WAAA,GAAA,YAAA;AAGF,MAAA,iBAAM,GAAA,KAAA,CAAkB,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAUpD,EAAC,GAAA,KAAAA,GAAA,CAAA,IAAA,EAAA;AAGF,EAAA,GAAA,EAAA;AAAiD,EAAA,SAAA,EAAA,EAAA,CAAA,kCAAoB,EAAC;;CAKrE,CAAC;AAGF,iBAAM,CAAA,WAAA,GAAkB,mBAAA;AAA6B,MAAA,cAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAKzD,GAAA;AAGF,CAAA,EAAA,GAAA,KACIA,GAAA,CAAA,IAAU,EACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/popover.js

@@ -1,15 +1,17 @@
-import*as React from'react';import*as PopoverPrimitive from'@radix-ui/react-popover';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Popover = PopoverPrimitive.Root;
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as PopoverPrimitive from'@radix-ui/react-popover';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef(({
   className,
   align = 'center',
   sideOffset = 4,
   ...props
-}, ref) => React.createElement(PopoverPrimitive.Portal, null, React.createElement(PopoverPrimitive.Content, {
-  ref: ref,
-  align: align,
-  sideOffset: sideOffset,
-  className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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(PopoverPrimitive.Portal, {
+  children: jsx(PopoverPrimitive.Content, {
+    ref: ref,
+    align: align,
+    sideOffset: sideOffset,
+    className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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
+  })
+}));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;export{Popover,PopoverContent,PopoverTrigger};//# sourceMappingURL=popover.js.map

package/lib/shardui/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/shardui/popover.tsx"],"sourcesContent":[null],"names":[],"mappings":"4LAOA,MAAA,OAAA,GAAM,gBAAc,CAAA;AAEpB,MAAA,cAAM,GAAA,gBAAc,CAAA;AAmBpB,MAAA,iCAAkC,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"popover.js","sources":["../../src/shardui/popover.tsx"],"sourcesContent":[null],"names":[],"mappings":"gOASA,MAAA,OAAA,GAAM,gBAAc,CAAA;AAmBpB,MAAA,iCAAkC,CAAA;;;;;;;;;;;;;;;"}

package/lib/shardui/progress.js

@@ -1,15 +1,16 @@
-import*as React from'react';import*as ProgressPrimitive from'@radix-ui/react-progress';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Progress = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as ProgressPrimitive from'@radix-ui/react-progress';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Progress = React.forwardRef(({
   className,
   value,
   ...props
-}, ref) => React.createElement(ProgressPrimitive.Root, {
+}, ref) => jsx(ProgressPrimitive.Root, {
   ref: ref,
   className: cn('relative h-4 w-full overflow-hidden rounded-full bg-secondary', className),
-  ...props
-}, React.createElement(ProgressPrimitive.Indicator, {
-  className: "h-full w-full flex-1 bg-primary transition-all",
-  style: {
-    transform: `translateX(-${100 - (value || 0)}%)`
-  }
-})));
+  ...props,
+  children: jsx(ProgressPrimitive.Indicator, {
+    className: "h-full w-full flex-1 bg-primary transition-all",
+    style: {
+      transform: `translateX(-${100 - (value || 0)}%)`
+    }
+  })
+}));
 Progress.displayName = ProgressPrimitive.Root.displayName;export{Progress};//# sourceMappingURL=progress.js.map

package/lib/shardui/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../src/shardui/progress.tsx"],"sourcesContent":[null],"names":[],"mappings":"8LAsBA,MAAA,QAAS,GAAQ,KAAG,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"progress.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/shardui/radio-group.js

@@ -1,8 +1,8 @@
-import*as React from'react';import*as RadioGroupPrimitive from'@radix-ui/react-radio-group';import {Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const RadioGroup = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as RadioGroupPrimitive from'@radix-ui/react-radio-group';import {Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const RadioGroup = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement(RadioGroupPrimitive.Root, {
+  return jsx(RadioGroupPrimitive.Root, {
     className: cn('grid gap-2', className),
     ...props,
     ref: ref
@@ -13,14 +13,16 @@ const RadioGroupItem = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement(RadioGroupPrimitive.Item, {
+  return jsx(RadioGroupPrimitive.Item, {
     ref: ref,
     className: cn('aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className),
-    ...props
-  }, React.createElement(RadioGroupPrimitive.Indicator, {
-    className: "flex items-center justify-center"
-  }, React.createElement(Circle, {
-    className: "h-2.5 w-2.5 fill-current text-current"
-  })));
+    ...props,
+    children: jsx(RadioGroupPrimitive.Indicator, {
+      className: "flex items-center justify-center",
+      children: jsx(Circle, {
+        className: "h-2.5 w-2.5 fill-current text-current"
+      })
+    })
+  });
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;export{RadioGroup,RadioGroupItem};//# sourceMappingURL=radio-group.js.map

package/lib/shardui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../../src/shardui/radio-group.tsx"],"sourcesContent":[null],"names":[],"mappings":"qOAmCA,MAAA,UAAS,GAAU,KAAE,CAAA,UAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"radio-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/resizable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLDetailsElement | HTMLPreElement | HTMLHtmlElement | HTMLHeadElement | HTMLBodyElement | HTMLMetaElement | HTMLTitleElement | HTMLScriptElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHRElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLProgressElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLDetailsElement | HTMLPreElement | HTMLHtmlElement | HTMLHeadElement | HTMLBodyElement | HTMLMetaElement | HTMLTitleElement | HTMLScriptElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLProgressElement | HTMLDialogElement | HTMLFormElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHRElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -20,6 +20,6 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
 } & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
 //# sourceMappingURL=resizable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../src/shardui/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,sBAK/G,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;kEAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,sBAcA,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../src/shardui/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAK/G,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;kEAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,4CAcA,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/lib/shardui/resizable.js

@@ -1,7 +1,7 @@
-import {GripVertical}from'lucide-react';import React__default from'react';import*as ResizablePrimitive from'react-resizable-panels';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ResizablePanelGroup = ({
+import {jsx}from'react/jsx-runtime';import {GripVertical}from'lucide-react';import*as ResizablePrimitive from'react-resizable-panels';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'react';import'fast-deep-equal/react.js';const ResizablePanelGroup = ({
   className,
   ...props
-}) => React__default.createElement(ResizablePrimitive.PanelGroup, {
+}) => jsx(ResizablePrimitive.PanelGroup, {
   className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
   ...props
 });
@@ -10,11 +10,13 @@ const ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => React__default.createElement(ResizablePrimitive.PanelResizeHandle, {
+}) => jsx(ResizablePrimitive.PanelResizeHandle, {
   className: cn('relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className),
-  ...props
-}, withHandle && React__default.createElement("div", {
-  className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border"
-}, React__default.createElement(GripVertical, {
-  className: "h-2.5 w-2.5"
-})));export{ResizableHandle,ResizablePanel,ResizablePanelGroup};//# sourceMappingURL=resizable.js.map
+  ...props,
+  children: withHandle && jsx("div", {
+    className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
+    children: jsx(GripVertical, {
+      className: "h-2.5 w-2.5"
+    })
+  })
+});export{ResizableHandle,ResizablePanel,ResizablePanelGroup};//# sourceMappingURL=resizable.js.map

package/lib/shardui/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","sources":["../../src/shardui/resizable.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,EAAA,SAAA,EAAA;iBAKI,CAAA,aAAa,CAAA,YAAQ,EAAA;AACxB,EAAA,SAAA,EAAA;AAgBD,CAAA,CAAA,CAAA"}
+{"version":3,"file":"resizable.js","sources":["../../src/shardui/resizable.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,SAAA,EAAM,2EAIkB;IACpB,QAAA,EAAUA,GAAG,CAAA,YAAQ,EAAA;AACxB,MAAA,SAAA,EAAA;AAgBD,KAAA;;"}

package/lib/shardui/scroll-area.js

@@ -1,25 +1,28 @@
-import*as React from'react';import*as ScrollAreaPrimitive from'@radix-ui/react-scroll-area';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ScrollArea = React.forwardRef(({
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as ScrollAreaPrimitive from'@radix-ui/react-scroll-area';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ScrollArea = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(ScrollAreaPrimitive.Root, {
+}, ref) => jsxs(ScrollAreaPrimitive.Root, {
   ref: ref,
   className: cn('relative overflow-hidden', className),
-  ...props
-}, React.createElement(ScrollAreaPrimitive.Viewport, {
-  className: "h-full w-full rounded-[inherit]"
-}, children), React.createElement(ScrollBar, null), React.createElement(ScrollAreaPrimitive.Corner, null)));
+  ...props,
+  children: [jsx(ScrollAreaPrimitive.Viewport, {
+    className: "h-full w-full rounded-[inherit]",
+    children: children
+  }), jsx(ScrollBar, {}), jsx(ScrollAreaPrimitive.Corner, {})]
+}));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = React.forwardRef(({
   className,
   orientation = 'vertical',
   ...props
-}, ref) => React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+}, ref) => jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
   ref: ref,
   orientation: orientation,
   className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
-  ...props
-}, React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
-  className: "relative flex-1 rounded-full bg-border"
-})));
+  ...props,
+  children: jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+    className: "relative flex-1 rounded-full bg-border"
+  })
+}));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;export{ScrollArea,ScrollBar};//# sourceMappingURL=scroll-area.js.map