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

package/lib/shardui/sidebar.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {PanelLeft}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {useIsMobile}from'../utils/hooks/use-mobile.js';import {Button}from'./button.js';import {Input}from'./input.js';import {Separator}from'./separator.js';import {Sheet,SheetContent}from'./sheet.js';import {Skeleton}from'./skeleton.js';import {TooltipProvider,Tooltip,TooltipTrigger,TooltipContent}from'./tooltip.js';const SIDEBAR_COOKIE_NAME = 'sidebar:state';
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {PanelLeft}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {useIsMobile}from'../utils/hooks/use-mobile.js';import {Button}from'./button.js';import {Input}from'./input.js';import {Separator}from'./separator.js';import {Sheet,SheetContent}from'./sheet.js';import {Skeleton}from'./skeleton.js';import {TooltipProvider,Tooltip,TooltipTrigger,TooltipContent}from'./tooltip.js';const SIDEBAR_COOKIE_NAME = 'sidebar:state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = '16rem';
 const SIDEBAR_WIDTH_MOBILE = '18rem';
@@ -64,20 +64,23 @@ const SidebarProvider = React.forwardRef(({
     setOpenMobile,
     toggleSidebar
   }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-  return React.createElement(SidebarContext.Provider, {
-    value: contextValue
-  }, React.createElement(TooltipProvider, {
-    delayDuration: 0
-  }, React.createElement("div", {
-    style: {
-      '--sidebar-width': SIDEBAR_WIDTH,
-      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
-      ...style
-    },
-    className: cn('group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar', className),
-    ref: ref,
-    ...props
-  }, children)));
+  return jsx(SidebarContext.Provider, {
+    value: contextValue,
+    children: jsx(TooltipProvider, {
+      delayDuration: 0,
+      children: jsx("div", {
+        style: {
+          '--sidebar-width': SIDEBAR_WIDTH,
+          '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn('group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar', className),
+        ref: ref,
+        ...props,
+        children: children
+      })
+    })
+  });
 });
 SidebarProvider.displayName = 'SidebarProvider';
 const Sidebar = React.forwardRef(({
@@ -95,47 +98,54 @@ const Sidebar = React.forwardRef(({
     setOpenMobile
   } = useSidebar();
   if (collapsible === 'none') {
-    return React.createElement("div", {
+    return jsx("div", {
       className: cn('flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground', className),
       ref: ref,
-      ...props
-    }, children);
+      ...props,
+      children: children
+    });
   }
   if (isMobile) {
-    return React.createElement(Sheet, {
+    return jsx(Sheet, {
       open: openMobile,
       onOpenChange: setOpenMobile,
-      ...props
-    }, React.createElement(SheetContent, {
-      "data-sidebar": "sidebar",
-      "data-mobile": "true",
-      className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
-      style: {
-        '--sidebar-width': SIDEBAR_WIDTH_MOBILE
-      },
-      side: side
-    }, React.createElement("div", {
-      className: "flex h-full w-full flex-col"
-    }, children)));
+      ...props,
+      children: jsx(SheetContent, {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          '--sidebar-width': SIDEBAR_WIDTH_MOBILE
+        },
+        side: side,
+        children: jsx("div", {
+          className: "flex h-full w-full flex-col",
+          children: children
+        })
+      })
+    });
   }
-  return React.createElement("div", {
+  return jsxs("div", {
     ref: ref,
     className: "group peer hidden md:block text-sidebar-foreground",
     "data-state": state,
     "data-collapsible": state === 'collapsed' ? collapsible : '',
     "data-variant": variant,
-    "data-side": side
-  }, React.createElement("div", {
-    className: cn('duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset' ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]')
-  }), React.createElement("div", {
-    className: cn('duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex', side === 'left' ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]' : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
-    // Adjust the padding for floating and inset variants.
-    variant === 'floating' || variant === 'inset' ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l', className),
-    ...props
-  }, React.createElement("div", {
-    "data-sidebar": "sidebar",
-    className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
-  }, children)));
+    "data-side": side,
+    children: [jsx("div", {
+      className: cn('duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset' ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]')
+    }), jsx("div", {
+      className: cn('duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex', side === 'left' ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]' : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
+      // Adjust the padding for floating and inset variants.
+      variant === 'floating' || variant === 'inset' ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l', className),
+      ...props,
+      children: jsx("div", {
+        "data-sidebar": "sidebar",
+        className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+        children: children
+      })
+    })]
+  });
 });
 Sidebar.displayName = 'Sidebar';
 const SidebarTrigger = React.forwardRef(({
@@ -146,7 +156,7 @@ const SidebarTrigger = React.forwardRef(({
   const {
     toggleSidebar
   } = useSidebar();
-  return React.createElement(Button, {
+  return jsxs(Button, {
     ref: ref,
     "data-sidebar": "trigger",
     variant: "ghost",
@@ -156,10 +166,12 @@ const SidebarTrigger = React.forwardRef(({
       onClick?.(event);
       toggleSidebar();
     },
-    ...props
-  }, React.createElement(PanelLeft, null), React.createElement("span", {
-    className: "sr-only"
-  }, "Toggle Sidebar"));
+    ...props,
+    children: [jsx(PanelLeft, {}), jsx("span", {
+      className: "sr-only",
+      children: "Toggle Sidebar"
+    })]
+  });
 });
 SidebarTrigger.displayName = 'SidebarTrigger';
 const SidebarRail = React.forwardRef(({
@@ -169,7 +181,7 @@ const SidebarRail = React.forwardRef(({
   const {
     toggleSidebar
   } = useSidebar();
-  return React.createElement("button", {
+  return jsx("button", {
     ref: ref,
     "data-sidebar": "rail",
     "aria-label": "Toggle Sidebar",
@@ -185,7 +197,7 @@ const SidebarInset = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement("main", {
+  return jsx("main", {
     ref: ref,
     className: cn('relative flex min-h-svh flex-1 flex-col bg-background', 'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow', className),
     ...props
@@ -196,7 +208,7 @@ const SidebarInput = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement(Input, {
+  return jsx(Input, {
     ref: ref,
     "data-sidebar": "input",
     className: cn('h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring', className),
@@ -208,7 +220,7 @@ const SidebarHeader = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
     "data-sidebar": "header",
     className: cn('flex flex-col gap-2 p-2', className),
@@ -220,7 +232,7 @@ const SidebarFooter = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
     "data-sidebar": "footer",
     className: cn('flex flex-col gap-2 p-2', className),
@@ -232,7 +244,7 @@ const SidebarSeparator = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement(Separator, {
+  return jsx(Separator, {
     ref: ref,
     "data-sidebar": "separator",
     className: cn('mx-2 w-auto bg-sidebar-border', className),
@@ -244,7 +256,7 @@ const SidebarContent = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
     "data-sidebar": "content",
     className: cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className),
@@ -256,7 +268,7 @@ const SidebarGroup = React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
     "data-sidebar": "group",
     className: cn('relative flex w-full min-w-0 flex-col p-2', className),
@@ -270,7 +282,7 @@ const SidebarGroupLabel = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'div';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     ref: ref,
     "data-sidebar": "group-label",
     className: cn('duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className),
@@ -284,7 +296,7 @@ const SidebarGroupAction = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'button';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     ref: ref,
     "data-sidebar": "group-action",
     className: cn('absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
@@ -297,7 +309,7 @@ SidebarGroupAction.displayName = 'SidebarGroupAction';
 const SidebarGroupContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   "data-sidebar": "group-content",
   className: cn('w-full text-sm', className),
@@ -307,7 +319,7 @@ SidebarGroupContent.displayName = 'SidebarGroupContent';
 const SidebarMenu = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("ul", {
+}, ref) => jsx("ul", {
   ref: ref,
   "data-sidebar": "menu",
   className: cn('flex w-full min-w-0 flex-col gap-1', className),
@@ -317,7 +329,7 @@ SidebarMenu.displayName = 'SidebarMenu';
 const SidebarMenuItem = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("li", {
+}, ref) => jsx("li", {
   ref: ref,
   "data-sidebar": "menu-item",
   className: cn('group/menu-item relative', className),
@@ -355,7 +367,7 @@ const SidebarMenuButton = React.forwardRef(({
     isMobile,
     state
   } = useSidebar();
-  const button = React.createElement(Comp, {
+  const button = jsx(Comp, {
     ref: ref,
     "data-sidebar": "menu-button",
     "data-size": size,
@@ -374,14 +386,17 @@ const SidebarMenuButton = React.forwardRef(({
       children: tooltip
     };
   }
-  return React.createElement(Tooltip, null, React.createElement(TooltipTrigger, {
-    asChild: true
-  }, button), React.createElement(TooltipContent, {
-    side: "right",
-    align: "center",
-    hidden: state !== 'collapsed' || isMobile,
-    ...tooltip
-  }));
+  return jsxs(Tooltip, {
+    children: [jsx(TooltipTrigger, {
+      asChild: true,
+      children: button
+    }), jsx(TooltipContent, {
+      side: "right",
+      align: "center",
+      hidden: state !== 'collapsed' || isMobile,
+      ...tooltip
+    })]
+  });
 });
 SidebarMenuButton.displayName = 'SidebarMenuButton';
 const SidebarMenuAction = React.forwardRef(({
@@ -391,7 +406,7 @@ const SidebarMenuAction = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'button';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     ref: ref,
     "data-sidebar": "menu-action",
     className: cn('absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',
@@ -404,7 +419,7 @@ SidebarMenuAction.displayName = 'SidebarMenuAction';
 const SidebarMenuBadge = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   "data-sidebar": "menu-badge",
   className: cn('absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none', 'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className),
@@ -420,27 +435,28 @@ const SidebarMenuSkeleton = React.forwardRef(({
   const width = React.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return React.createElement("div", {
+  return jsxs("div", {
     ref: ref,
     "data-sidebar": "menu-skeleton",
     className: cn('rounded-md h-8 flex gap-2 px-2 items-center', className),
-    ...props
-  }, showIcon && React.createElement(Skeleton, {
-    className: "size-4 rounded-md",
-    "data-sidebar": "menu-skeleton-icon"
-  }), React.createElement(Skeleton, {
-    className: "h-4 flex-1 max-w-[--skeleton-width]",
-    "data-sidebar": "menu-skeleton-text",
-    style: {
-      '--skeleton-width': width
-    }
-  }));
+    ...props,
+    children: [showIcon && jsx(Skeleton, {
+      className: "size-4 rounded-md",
+      "data-sidebar": "menu-skeleton-icon"
+    }), jsx(Skeleton, {
+      className: "h-4 flex-1 max-w-[--skeleton-width]",
+      "data-sidebar": "menu-skeleton-text",
+      style: {
+        '--skeleton-width': width
+      }
+    })]
+  });
 });
 SidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';
 const SidebarMenuSub = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("ul", {
+}, ref) => jsx("ul", {
   ref: ref,
   "data-sidebar": "menu-sub",
   className: cn('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className),
@@ -449,7 +465,7 @@ const SidebarMenuSub = React.forwardRef(({
 SidebarMenuSub.displayName = 'SidebarMenuSub';
 const SidebarMenuSubItem = React.forwardRef(({
   ...props
-}, ref) => React.createElement("li", {
+}, ref) => jsx("li", {
   ref: ref,
   ...props
 }));
@@ -462,7 +478,7 @@ const SidebarMenuSubButton = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'a';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     ref: ref,
     "data-sidebar": "menu-sub-button",
     "data-size": size,

package/lib/shardui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../src/shardui/sidebar.tsx"],"sourcesContent":[null],"names":[],"mappings":"2jBA+BA,MAAA,mBAAM,GAAc,eAAA;AAEpB,MAAA,sBAAmB,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAOlB,CAAA;AAED,MAAA,aAAM,GAAA,OAAe;0BAGQ,GAAA,OAAA;wBACP,GAAA,MAAA;AACC,MAAA,yBAAO,GAAO,GAAA;gDAmFnC;AAGF,mBAAM,GAAO;AAGE,EAAA,MAAA,OAAA,QAAS,CAAA,UAAO,CAAA,cAAA,CAAA;cACb,EAAA;mBACI,CAAA,mDAA6B,CAAA;;AAmFnD,EAAA,OAAA,OAAM;AAyBN;AA4BA,MAAA,eAAM,GAAA,KAAY,CAAA,UAAA,CAAA,CAAA;AAelB,EAAA,WAAA,GAAM,IAAA;AAiBN,EAAA,IAAA,EAAA,QAAM;AAKN,EAAA,YAAM,EAAA,WAAa;AAKnB,EAAA,SAAA;AAcA,EAAA,KAAA;AAeA,EAAA,QAAA;AAYA,EAAA,GAAA;;;AAoBA,EAAA,MAAA,WAAM,EAAA,aAAkB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;;;AAsBxB,EAAA,MAAA,CAAA,KAAM,EAAA,QAAA,CAAA,GAAA,KAAmB,CAAA,QAAA,CAAA,WAAA,CAAA;AAOzB,EAAA,MAAA,IAAA,GAAM,QAAA,IAAW,KAAA;AAKjB,EAAA,MAAA,OAAM,GAAA,KAAA,CAAA,WAAe,CAAA,KAAA,IAAA;AA2BrB,IAAA,eAAM,GAAA,OAAA,KAAiB,KAAA,UAAA,GAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA;mBAGL,EAAO;iBACN,CAAA,SAAO,CAAA;AACR,IAAA,CAAA,MAAA;;;;;AAoClB,EAAA,CAAA,EAAA,CAAA,WAAM,EAAA,IAAA,CAAA,CAAA;;qBAIgB,GAAA,KAAO,CAAA,WAAA,CAAA,MAAA;qDAwB1B,OAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA;AAGH,EAAA,CAAA,EAAA,CAAA,QAAM,EAAA,OAAA,EAAA,aAAgB,CAAA,CAAA;AAoBtB;iBAGmB,CAAA,MAAO;;AA8B1B,MAAA,IAAA,KAAM,CAAA,GAAA,KAAA,yBAAc,KAAA,KAAA,CAAA,OAAA,IAAA,KAAA,CAAA,OAAA,CAAA,EAAA;AAgBpB,QAAA,KAAA,CAAM,cAAA,EAAA;AAKN,QAAA,aAAM,EAAA;;AAIS,IAAA,CAAA;2BACW,CAAA,SAAA,EAAA,aAAA,CAAA;qDAsBvB,EAAA,aAAA,CAAA;AAGH,EAAA,CAAA,EAAA,CAAA,aAEI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sidebar.js","sources":["../../src/shardui/sidebar.tsx"],"sourcesContent":[null],"names":[],"mappings":"omBAiCA,MAAA,sBAAmB,eAAA;AASnB,MAAA,sBAAM,GAAe,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,CAAA;mBAGC,GAAA,OAAO;0BACP,GAAA,OAAA;AACC,MAAA,kBAAK,GAAE,MAAO;;AAsFrC,MAAA,cAAM,GAAO,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA;AAGE,SAAA,aAAS;eACN,GAAA,KAAS,CAAA,UAAG,CAAA,cAAoB,CAAA;;uEAiF/C,CAAA;AAGH,EAAA;AAyBA,EAAA,OAAA,OAAM;AA4BN;AAeA,MAAA,eAAM,GAAA,KAAY,CAAA,UAAA,CAAA,CAAA;AAiBlB,EAAA,WAAA,GAAM,IAAA;AAKN,EAAA,IAAA,EAAA,QAAM;AAKN,EAAA,YAAM,EAAA,WAAA;AAcN,EAAA,SAAA;AAeA,EAAA,KAAA;AAYA,EAAA;;;AAoBA,EAAA,MAAA,QAAM,GAAA,WAAA,EAAkB;mBAAoF,EAAO,aAAA,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;;AAsBnH;AAOA,EAAA,MAAA,CAAA,KAAM,EAAA,QAAA,CAAW,GAAA,KAAA,CAAA,QAAA,CAAA,WAAA,CAAA;AAKjB,EAAA,MAAA,IAAA,GAAM,QAAA,IAAA,KAAe;AA2BrB,EAAA,MAAA,OAAM,GAAA,KAAA,CAAA,WAAiB,CAAA,KAAA,IAAA;mBAGL,GAAO,OAAA,KAAA,KAAA,UAAA,GAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA;mBACN,EAAA;AACD,MAAA,WAAA,CAAA,SAAS,CAAK;;;;;AAoChC,IAAA,eAAM,GAAA,CAAA,EAAA,mBAAiB,CAAA,CAAA,EAAA,SAAA,CAAA,kBAAA,EAAA,sBAAA,CAAA,CAAA;iBAGL,EAAA,IAAO,CAAA,CAAA;;;AA4BzB,IAAA,OAAA,QAAM,GAAA,aAAgB,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,GAAA,OAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA;AAoBtB,EAAA,CAAA,EAAA,CAAA,QAAM,EAAA,OAAA,EAAA,aAAmB,CAAA,CAAA;;;AAiCzB,IAAA,MAAA,aAAM,GAAA,KAAc,IAAA;AAgBpB,MAAA,IAAA,KAAM,CAAA,GAAA,KAAA,yBAAkB,KAAA,KAAA,CAAA,OAAA,IAAA,KAAA,CAAA,OAAA,CAAA,EAAA;AAKxB,QAAA,MAAM,cAAA,EAAA;qBAGmB,EAAA;AACV,MAAA;;oDAuBZ,CAAA;AAGH,IAAA,aACW,MACP,CAAA,mBACA,CAAA,SACA,EAAA,aACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/skeleton.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/shardui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAE9E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/shardui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAE9E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/shardui/skeleton.js

@@ -1,8 +1,8 @@
-import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';function Skeleton({
+import {jsx}from'react/jsx-runtime';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'react';import'fast-deep-equal/react.js';function Skeleton({
   className,
   ...props
 }) {
-  return React.createElement("div", {
+  return jsx("div", {
     className: cn('animate-pulse rounded-md bg-muted', className),
     ...props
   });

package/lib/shardui/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../src/shardui/skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIAOA,SAAS,QAAQ,CAAA;;;;;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../src/shardui/skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":"yJAOA,SAAS,QAAQ,CAAA;;;;;;;;"}

package/lib/shardui/slider.js

@@ -1,15 +1,17 @@
-import*as React from'react';import*as SliderPrimitive from'@radix-ui/react-slider';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Slider = React.forwardRef(({
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as SliderPrimitive from'@radix-ui/react-slider';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Slider = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(SliderPrimitive.Root, {
+}, ref) => jsxs(SliderPrimitive.Root, {
   ref: ref,
   className: cn('relative flex w-full touch-none select-none items-center', className),
-  ...props
-}, React.createElement(SliderPrimitive.Track, {
-  className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"
-}, React.createElement(SliderPrimitive.Range, {
-  className: "absolute h-full bg-primary"
-})), React.createElement(SliderPrimitive.Thumb, {
-  className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-})));
+  ...props,
+  children: [jsx(SliderPrimitive.Track, {
+    className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
+    children: jsx(SliderPrimitive.Range, {
+      className: "absolute h-full bg-primary"
+    })
+  }), jsx(SliderPrimitive.Thumb, {
+    className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+  })]
+}));
 Slider.displayName = SliderPrimitive.Root.displayName;export{Slider};//# sourceMappingURL=slider.js.map

package/lib/shardui/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../src/shardui/slider.tsx"],"sourcesContent":[null],"names":[],"mappings":"0LAsBA,MAAA,MAAS,GAAM,KAAG,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/lib/shardui/sonner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Toaster as Sonner, toast } from 'sonner';
 type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster, toast };
 //# sourceMappingURL=sonner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/shardui/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAElD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,sBAkB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/shardui/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAElD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAkB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/shardui/sonner.js

@@ -1,10 +1,10 @@
-import*as React from'react';import {useTheme}from'../hooks/useTheme.js';import {Toaster as Toaster$1}from'sonner';export{toast}from'sonner';const Toaster = ({
+import {jsx}from'react/jsx-runtime';import {useTheme}from'../hooks/useTheme.js';import {Toaster as Toaster$1}from'sonner';export{toast}from'sonner';const Toaster = ({
   ...props
 }) => {
   const {
     mode = 'light'
   } = useTheme();
-  return React.createElement(Toaster$1, {
+  return jsx(Toaster$1, {
     theme: mode,
     className: "toaster group",
     toastOptions: {

package/lib/shardui/sonner.js.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.js","sources":["../../src/shardui/sonner.tsx"],"sourcesContent":[null],"names":[],"mappings":"4IAMA,MAAA,UAAM,CAAA;AAoBN,EAAA,GAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sonner.js","sources":["../../src/shardui/sonner.tsx"],"sourcesContent":[null],"names":[],"mappings":"oJAMA,MAAA,UAAM,CAAA;AAoBN,EAAA,GAAA;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/switch.js

@@ -1,11 +1,12 @@
-import*as React from'react';import*as SwitchPrimitives from'@radix-ui/react-switch';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Switch = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as SwitchPrimitives from'@radix-ui/react-switch';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Switch = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(SwitchPrimitives.Root, {
+}, ref) => jsx(SwitchPrimitives.Root, {
   className: cn('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', className),
   ...props,
-  ref: ref
-}, React.createElement(SwitchPrimitives.Thumb, {
-  className: cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')
-})));
+  ref: ref,
+  children: jsx(SwitchPrimitives.Thumb, {
+    className: cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')
+  })
+}));
 Switch.displayName = SwitchPrimitives.Root.displayName;export{Switch};//# sourceMappingURL=switch.js.map

package/lib/shardui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../src/shardui/switch.tsx"],"sourcesContent":[null],"names":[],"mappings":"2LA0BA,MAAA,MAAS,GAAM,KAAG,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;"}
+{"version":3,"file":"switch.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/shardui/table.js

@@ -1,18 +1,19 @@
-import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Table = 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 Table = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
-  className: "relative w-full overflow-auto"
-}, React.createElement("table", {
-  ref: ref,
-  className: cn('w-full caption-bottom text-sm', className),
-  ...props
-})));
+}, ref) => jsx("div", {
+  className: "relative w-full overflow-auto",
+  children: jsx("table", {
+    ref: ref,
+    className: cn('w-full caption-bottom text-sm', className),
+    ...props
+  })
+}));
 Table.displayName = 'Table';
 const TableHeader = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("thead", {
+}, ref) => jsx("thead", {
   ref: ref,
   className: cn('[&_tr]:border-b', className),
   ...props
@@ -21,7 +22,7 @@ TableHeader.displayName = 'TableHeader';
 const TableBody = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("tbody", {
+}, ref) => jsx("tbody", {
   ref: ref,
   className: cn('[&_tr:last-child]:border-0', className),
   ...props
@@ -30,7 +31,7 @@ TableBody.displayName = 'TableBody';
 const TableFooter = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("tfoot", {
+}, ref) => jsx("tfoot", {
   ref: ref,
   className: cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className),
   ...props
@@ -39,7 +40,7 @@ TableFooter.displayName = 'TableFooter';
 const TableRow = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("tr", {
+}, ref) => jsx("tr", {
   ref: ref,
   className: cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className),
   ...props
@@ -48,7 +49,7 @@ TableRow.displayName = 'TableRow';
 const TableHead = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("th", {
+}, ref) => jsx("th", {
   ref: ref,
   className: cn('h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0', className),
   ...props
@@ -57,7 +58,7 @@ TableHead.displayName = 'TableHead';
 const TableCell = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("td", {
+}, ref) => jsx("td", {
   ref: ref,
   className: cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className),
   ...props
@@ -66,7 +67,7 @@ TableCell.displayName = 'TableCell';
 const TableCaption = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("caption", {
+}, ref) => jsx("caption", {
   ref: ref,
   className: cn('mt-4 text-sm text-muted-foreground', className),
   ...props

package/lib/shardui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../src/shardui/table.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIAaA,MAAA,KAAA,GAAM,KAAA,CAAA,UAAW,CAAA,CAAA;AAKjB,EAAA,SAAA;AAOA,EAAA,GAAA;AAWA,CAAA,EAAA,GAAA,KAAA,KAAM,CAAA,aAAQ,CAAA,KAAA,EAAA;AAWd,EAAA,SAAA,EAAA;AAcA,CAAA,EAAA,KAAA,CAAA,aAAM,CAAS,OAAA,EAAA;AAOf,EAAA,GAAA,EAAA,GAAA;AAOA,EAAA,SAAS,EAAA,EAAK,CAAE,+BAAwB,EAAA,SAAa,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"table.js","sources":["../../src/shardui/table.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uKAkBA,MAAA,KAAA,GAAM,KAAA,CAAA,UAAS,CAAA,CAAA;AAOf,EAAA,SAAA;AAWA,EAAA,GAAA;AAWA,CAAA,EAAA,GAAA,KAAAA,GAAM,CAAA,KAAA,EAAS;AAcf,EAAA,SAAA,EAAA,+BAAe;AAOf,EAAA,QAAA,EAAAA,GAAM,CAAA,OAAA,EAAY;AAOlB,IAAA,GAAO,EAAE,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/tabs.js

@@ -1,8 +1,8 @@
-import*as React from'react';import*as TabsPrimitive from'@radix-ui/react-tabs';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Tabs = TabsPrimitive.Root;
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as TabsPrimitive from'@radix-ui/react-tabs';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(TabsPrimitive.List, {
+}, ref) => jsx(TabsPrimitive.List, {
   ref: ref,
   className: cn('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
   ...props
@@ -11,7 +11,7 @@ TabsList.displayName = TabsPrimitive.List.displayName;
 const TabsTrigger = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(TabsPrimitive.Trigger, {
+}, ref) => jsx(TabsPrimitive.Trigger, {
   ref: ref,
   className: cn('inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
   ...props
@@ -20,7 +20,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(TabsPrimitive.Content, {
+}, ref) => jsx(TabsPrimitive.Content, {
   ref: ref,
   className: cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
   ...props