@admin-layout/tailwind-ui 12.2.4-alpha.6 → 12.2.4-alpha.60

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

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