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

package/lib/hooks/useToast.js

@@ -1,4 +1,4 @@
-import React__default,{createContext,useCallback,useContext}from'react';import {createPortal}from'react-dom';import {icons}from'../icons/index.js';// Context
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React__default,{createContext,useCallback,useContext}from'react';import {createPortal}from'react-dom';import {icons}from'../icons/index.js';// Context
 const ToastContext = createContext(undefined);
 const {
   CloseIcon,
@@ -13,19 +13,19 @@ const StatusIcon = ({
 }) => {
   switch (status) {
     case 'success':
-      return React__default.createElement(CheckCircleIcon, {
+      return jsx(CheckCircleIcon, {
         className: "w-5 h-5"
       });
     case 'error':
-      return React__default.createElement(ExclamationCircleIcon, {
+      return jsx(ExclamationCircleIcon, {
         className: "w-5 h-5"
       });
     case 'warning':
-      return React__default.createElement(WarningIcon, {
+      return jsx(WarningIcon, {
         className: "w-5 h-5"
       });
     case 'info':
-      return React__default.createElement(InfoCircleIcon, {
+      return jsx(InfoCircleIcon, {
         className: "w-5 h-5"
       });
     default:
@@ -77,30 +77,37 @@ const Toast = ({
     'bottom-right': 'bottom-4 right-4',
     'bottom-left': 'bottom-4 left-4'
   };
-  return React__default.createElement("div", {
+  return jsx("div", {
     className: `fixed ${positionClasses[position]} z-50 transition-all duration-300 ease-in-out ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}`,
     role: "alert",
     "aria-live": "assertive",
-    "data-testid": "toast"
-  }, React__default.createElement("div", {
-    className: `${statusClasses[status]} text-white p-4 rounded-md shadow-lg min-w-[300px] max-w-md flex items-start`
-  }, React__default.createElement("div", {
-    className: "mr-3 flex-shrink-0 mt-0.5"
-  }, React__default.createElement(StatusIcon, {
-    status: status
-  })), React__default.createElement("div", {
-    className: "flex-1"
-  }, title && React__default.createElement("h3", {
-    className: "font-bold"
-  }, title), description && React__default.createElement("p", {
-    className: "text-sm mt-1"
-  }, description)), isClosable && React__default.createElement("button", {
-    onClick: handleClose,
-    className: "ml-4 text-white opacity-70 hover:opacity-100 transition-opacity flex-shrink-0",
-    "aria-label": "Close toast"
-  }, React__default.createElement(CloseIcon, {
-    className: "w-4 h-4"
-  }))));
+    "data-testid": "toast",
+    children: jsxs("div", {
+      className: `${statusClasses[status]} text-white p-4 rounded-md shadow-lg min-w-[300px] max-w-md flex items-start`,
+      children: [jsx("div", {
+        className: "mr-3 flex-shrink-0 mt-0.5",
+        children: jsx(StatusIcon, {
+          status: status
+        })
+      }), jsxs("div", {
+        className: "flex-1",
+        children: [title && jsx("h3", {
+          className: "font-bold",
+          children: title
+        }), description && jsx("p", {
+          className: "text-sm mt-1",
+          children: description
+        })]
+      }), isClosable && jsx("button", {
+        onClick: handleClose,
+        className: "ml-4 text-white opacity-70 hover:opacity-100 transition-opacity flex-shrink-0",
+        "aria-label": "Close toast",
+        children: jsx(CloseIcon, {
+          className: "w-4 h-4"
+        })
+      })]
+    })
+  });
 };
 // Toast Container Component
 const ToastContainer = ({
@@ -124,17 +131,19 @@ const ToastContainer = ({
     toast,
     closeAll
   }), [toast, closeAll]);
-  return React__default.createElement(ToastContext.Provider, {
-    value: value
-  }, children, typeof window !== 'undefined' && createPortal(React__default.createElement(React__default.Fragment, null, toasts.map(({
-    id,
-    ...toastProps
-  }) => React__default.createElement(Toast, {
-    key: id,
-    id: id,
-    ...toastProps,
-    onClose: () => closeToast(id)
-  }))), document.body));
+  return jsxs(ToastContext.Provider, {
+    value: value,
+    children: [children, typeof window !== 'undefined' && createPortal(jsx(Fragment, {
+      children: toasts.map(({
+        id,
+        ...toastProps
+      }) => jsx(Toast, {
+        id: id,
+        ...toastProps,
+        onClose: () => closeToast(id)
+      }, id))
+    }), document.body)]
+  });
 };
 // Hook to use the toast
 const useToast = () => {

package/lib/hooks/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MASI,YAAc,GAAA,aAAO,CAAA,SAAA,CAAA;MACrB;WACA;iBACa;AACb,EAAA,qBAAmB;AACnB,EAAA,WAAQ;AACX,EAAA;AA+GD,CAAA,GAAA,KAAA;AAA+C;AAA2B,MAAA,UAAA,GAAA,CAAA;AAmC1E,EAAA;AASA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MAUI,YAAS,GAAA,aAAY,CAAA,SAAA,CAAA;MACrB;WACA;AACA,EAAA,eAAW;AACX,EAAA,qBAAgB;AACnB,EAAA,WAAA;AA+GD,EAAA;AAA+C,CAAA,GAAA,KAAA;AAA2B;AAmC1E,MAAA;AASA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{Dialog}from'./components/Dialog/Dialog.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{AIToolbar,AIToolbarInputSurface,AIToolbarLeading,AIToolbarMain,AIToolbarStatusDot,AIToolbarTrailing}from'./components/AIToolbar/components/AIToolbarPrimitives.js';export{Completion}from'./components/AIToolbar/components/completion/index.js';export{SystemAudio}from'./components/AIToolbar/components/speech/index.js';export{AudioVisualizer}from'./components/AIToolbar/components/speech/audio-visualizer.js';export{StatusIndicator}from'./components/AIToolbar/components/speech/StatusIndicator.js';export{AIToolBar}from'./components/AIToolbar/components/AIToolBar.js';export{CustomCursor}from'./components/AIToolbar/components/CustomCursor.js';export{MessageHistory}from'./components/AIToolbar/components/completion/MessageHistory.js';export{Screenshot}from'./components/AIToolbar/components/completion/Screenshot.js';export{Header}from'./components/AIToolbar/components/speech/Header.js';export{ModeSwitcher}from'./components/AIToolbar/components/speech/ModeSwitcher.js';export{PermissionFlow}from'./components/AIToolbar/components/speech/PermissionFlow.js';export{Markdown as AIToolbarMarkdown}from'./components/AIToolbar/components/Markdown/index.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';export{DragButton}from'./components/AIToolbar/components/DragButton.js';//# sourceMappingURL=index.js.map

package/lib/shardui/accordion.js

@@ -1,8 +1,8 @@
-import*as React from'react';import*as AccordionPrimitive from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Accordion = AccordionPrimitive.Root;
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import*as AccordionPrimitive from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AccordionPrimitive.Item, {
+}, ref) => jsx(AccordionPrimitive.Item, {
   ref: ref,
   className: cn('border-b', className),
   ...props
@@ -12,25 +12,29 @@ const AccordionTrigger = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(AccordionPrimitive.Header, {
-  className: "flex"
-}, React.createElement(AccordionPrimitive.Trigger, {
-  ref: ref,
-  className: cn('flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className),
-  ...props
-}, children, React.createElement(ChevronDown, {
-  className: "h-4 w-4 shrink-0 transition-transform duration-200"
-}))));
+}, ref) => jsx(AccordionPrimitive.Header, {
+  className: "flex",
+  children: jsxs(AccordionPrimitive.Trigger, {
+    ref: ref,
+    className: cn('flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className),
+    ...props,
+    children: [children, jsx(ChevronDown, {
+      className: "h-4 w-4 shrink-0 transition-transform duration-200"
+    })]
+  })
+}));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 const AccordionContent = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(AccordionPrimitive.Content, {
+}, ref) => jsx(AccordionPrimitive.Content, {
   ref: ref,
   className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-  ...props
-}, React.createElement("div", {
-  className: cn('pb-4 pt-0', className)
-}, children)));
+  ...props,
+  children: jsx("div", {
+    className: cn('pb-4 pt-0', className),
+    children: children
+  })
+}));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;export{Accordion,AccordionContent,AccordionItem,AccordionTrigger};//# sourceMappingURL=accordion.js.map

package/lib/shardui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"uOAgBA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAoBtB,MAAA,aAAM,GAAA,KAAA,CAAA,UAAgB,CAAA,CAAA;AAetB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"gRAoCA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAetB,MAAA,aAAkB,GAAE,KAAA,CAAA,UAAe,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/alert-dialog.d.ts

@@ -6,11 +6,11 @@ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortal
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/shardui/alert-dialog.js

@@ -1,10 +1,10 @@
-import*as React from'react';import*as AlertDialogPrimitive from'@radix-ui/react-alert-dialog';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';const AlertDialog = AlertDialogPrimitive.Root;
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import*as AlertDialogPrimitive from'@radix-ui/react-alert-dialog';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
 const AlertDialogOverlay = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPrimitive.Overlay, {
+}, ref) => jsx(AlertDialogPrimitive.Overlay, {
   className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
   ...props,
   ref: ref
@@ -13,16 +13,18 @@ AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
 const AlertDialogContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPortal, null, React.createElement(AlertDialogOverlay, null), React.createElement(AlertDialogPrimitive.Content, {
-  ref: ref,
-  className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
-  ...props
-})));
+}, ref) => jsxs(AlertDialogPortal, {
+  children: [jsx(AlertDialogOverlay, {}), jsx(AlertDialogPrimitive.Content, {
+    ref: ref,
+    className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
+    ...props
+  })]
+}));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 const AlertDialogHeader = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
   ...props
 });
@@ -30,7 +32,7 @@ AlertDialogHeader.displayName = 'AlertDialogHeader';
 const AlertDialogFooter = ({
   className,
   ...props
-}) => React.createElement("div", {
+}) => jsx("div", {
   className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
   ...props
 });
@@ -38,7 +40,7 @@ AlertDialogFooter.displayName = 'AlertDialogFooter';
 const AlertDialogTitle = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPrimitive.Title, {
+}, ref) => jsx(AlertDialogPrimitive.Title, {
   ref: ref,
   className: cn('text-lg font-semibold', className),
   ...props
@@ -47,7 +49,7 @@ AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
 const AlertDialogDescription = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPrimitive.Description, {
+}, ref) => jsx(AlertDialogPrimitive.Description, {
   ref: ref,
   className: cn('text-sm text-muted-foreground', className),
   ...props
@@ -56,7 +58,7 @@ AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayNam
 const AlertDialogAction = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPrimitive.Action, {
+}, ref) => jsx(AlertDialogPrimitive.Action, {
   ref: ref,
   className: cn(buttonVariants(), className),
   ...props
@@ -65,7 +67,7 @@ AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
 const AlertDialogCancel = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AlertDialogPrimitive.Cancel, {
+}, ref) => jsx(AlertDialogPrimitive.Cancel, {
   ref: ref,
   className: cn(buttonVariants({
     variant: 'outline'

package/lib/shardui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"8OAUA,MAAA,WAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,kBAAM,GAAA,oBAAkB,CAAA;AAexB,MAAA,iBAAM,GAAA,oBAAkB,CAAA;AAkBxB,MAAA,kBAAM,GAAA,KAAiB,CAAA,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAEnD,EAAC,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,oBAAA,CAAA,OAAA,EAAA;AAGF,EAAA,aAAM,CAAA,yJAAiB,EAAA,SAAA,CAAA;AAA6B,EAAA,GAAA,KAAA;;CAEnD,CAAC;AAGF,kBAAM,CAAA,WAAgB,GAAA,oBAAA,CAAA,OAAA,CAAA,WAAA;AAQtB,MAAA,kBAAM,GAAA,KAAA,CAAA,UAAsB,CAAA,CAAA;AAQ5B,EAAA,SAAA;AAQA,EAAA,GAAA;AAYA,CAAA,EAAA,GAAA,wBAEI,CAAA,iBACA,EAAA,IAAA,EAAA,KACA,CAAA,aAAA,CAAA,kBACA,EAAA,IAAkB,CAClB,qBACA,CAAA,oBACA,CAAA,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"uRAYA,MAAA,WAAM,GAAA,oBAAkB,CAAA;AAexB,MAAA,kBAAM,GAAA,oBAAkB,CAAA;AAkBxB,MAAA,iBAAM,GAAA,oBAAiB,CAAA;AAA6B,MAAA,kBAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAExD,GAAA;AAGF,CAAA,EAAA,GAAA,QAAM,CAAA,oBAAiB,CAAA,OAAA,EAAA;AAA6B,EAAA,SAAA,EAAA,EAAA,CAAA,yJAAoC,EAAA,SAAA,CAAA;;EAEtF,GAAA,EAAA;AAGF,CAAA,CAAA;AAQA,kBAAM,CAAA,WAAA,GAAA,oBAAsB,CAAA,OAAA,CAAA,WAAA;AAQ5B,MAAA,kBAAM,GAAA,KAAiB,CAAA,UAAA,CAAA,CAAA;AAQvB,EAAA,SAAA;AAYA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/alert.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
+import {jsx}from'react/jsx-runtime';import*as React from'react';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
   variants: {
     variant: {
       default: 'bg-background text-foreground',
@@ -13,7 +13,7 @@ const Alert = React.forwardRef(({
   className,
   variant,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   role: "alert",
   className: cn(alertVariants({
@@ -25,7 +25,7 @@ Alert.displayName = 'Alert';
 const AlertTitle = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("h5", {
+}, ref) => jsx("h5", {
   ref: ref,
   className: cn('mb-1 font-medium leading-none tracking-tight', className),
   ...props
@@ -34,7 +34,7 @@ AlertTitle.displayName = 'AlertTitle';
 const AlertDescription = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('text-sm [&_p]:leading-relaxed', className),
   ...props

package/lib/shardui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AA4BA,IAAA,OAAA,EAAA;AAOA,MAAA,OAAA,EAAM,+BAAgB;AAOtB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":"uYAyBG,EAAA;AAGH,EAAA,QAAA,EAAA;AAOA,IAAA,OAAA,EAAA;AAOA,MAAA,OAAS,EAAK,+BAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/avatar.js

@@ -1,7 +1,7 @@
-import*as React from'react';import*as AvatarPrimitive from'@radix-ui/react-avatar';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Avatar = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as AvatarPrimitive from'@radix-ui/react-avatar';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Avatar = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AvatarPrimitive.Root, {
+}, ref) => jsx(AvatarPrimitive.Root, {
   ref: ref,
   className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className),
   ...props
@@ -10,7 +10,7 @@ Avatar.displayName = AvatarPrimitive.Root.displayName;
 const AvatarImage = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AvatarPrimitive.Image, {
+}, ref) => jsx(AvatarPrimitive.Image, {
   ref: ref,
   className: cn('aspect-square h-full w-full', className),
   ...props
@@ -19,7 +19,7 @@ AvatarImage.displayName = AvatarPrimitive.Image.displayName;
 const AvatarFallback = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(AvatarPrimitive.Fallback, {
+}, ref) => jsx(AvatarPrimitive.Fallback, {
   ref: ref,
   className: cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className),
   ...props

package/lib/shardui/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"0LAiBA,MAAA,MAAA,GAAM,KAAA,CAAA,UAAW,CAAA,CAAA;AAQjB,EAAA,SAAA;AAYA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"8NAyBA,MAAA,MAAA,GAAM,KAAA,CAAA,UAAc,CAAA,CAAA;AAYpB,EAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/badge.d.ts

@@ -5,6 +5,6 @@ declare const badgeVariants: (props?: {
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/shardui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;sEAelB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/shardui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;sEAelB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/lib/shardui/badge.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+import {jsx}from'react/jsx-runtime';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'react';import'fast-deep-equal/react.js';const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
   variants: {
     variant: {
       default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
@@ -16,7 +16,7 @@ function Badge({
   variant,
   ...props
 }) {
-  return React.createElement("div", {
+  return jsx("div", {
     className: cn(badgeVariants({
       variant
     }), className),

package/lib/shardui/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,OAAM,EAAA;AAAyG,MAAA,OAAA,EAAA,2EAAA;AAE/G,MAAA,SAAA,EAAS,iFAER;AAED,MAAA,WAAgB,EAAA,uFAAgB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,OAAM,EAAA;AAAyG,MAAA,OAAA,EAAA,2EAAA;AAE/G,MAAA,SAAA,EAAS,iFAAkD;AAI3D,MAAA,WAAgB,EAAA,uFAAgB;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/breadcrumb.d.ts

@@ -9,11 +9,11 @@ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.Detaile
 } & React.RefAttributes<HTMLAnchorElement>>;
 declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/lib/shardui/breadcrumb.js

@@ -1,6 +1,6 @@
-import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {MoreHorizontal,ChevronRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Breadcrumb = React.forwardRef(({
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {MoreHorizontal,ChevronRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Breadcrumb = React.forwardRef(({
   ...props
-}, ref) => React.createElement("nav", {
+}, ref) => jsx("nav", {
   ref: ref,
   "aria-label": "breadcrumb",
   ...props
@@ -9,7 +9,7 @@ Breadcrumb.displayName = 'Breadcrumb';
 const BreadcrumbList = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("ol", {
+}, ref) => jsx("ol", {
   ref: ref,
   className: cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className),
   ...props
@@ -18,7 +18,7 @@ BreadcrumbList.displayName = 'BreadcrumbList';
 const BreadcrumbItem = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("li", {
+}, ref) => jsx("li", {
   ref: ref,
   className: cn('inline-flex items-center gap-1.5', className),
   ...props
@@ -30,7 +30,7 @@ const BreadcrumbLink = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'a';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     ref: ref,
     className: cn('transition-colors hover:text-foreground', className),
     ...props
@@ -40,7 +40,7 @@ BreadcrumbLink.displayName = 'BreadcrumbLink';
 const BreadcrumbPage = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("span", {
+}, ref) => jsx("span", {
   ref: ref,
   role: "link",
   "aria-disabled": "true",
@@ -53,24 +53,27 @@ const BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => React.createElement("li", {
+}) => jsx("li", {
   role: "presentation",
   "aria-hidden": "true",
   className: cn('[&>svg]:size-3.5', className),
-  ...props
-}, children ?? React.createElement(ChevronRight, null));
+  ...props,
+  children: children ?? jsx(ChevronRight, {})
+});
 BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
 const BreadcrumbEllipsis = ({
   className,
   ...props
-}) => React.createElement("span", {
+}) => jsxs("span", {
   role: "presentation",
   "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"));
+  ...props,
+  children: [jsx(MoreHorizontal, {
+    className: "h-4 w-4"
+  }), jsx("span", {
+    className: "sr-only",
+    children: "More"
+  })]
+});
 BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';export{Breadcrumb,BreadcrumbEllipsis,BreadcrumbItem,BreadcrumbLink,BreadcrumbList,BreadcrumbPage,BreadcrumbSeparator};//# sourceMappingURL=breadcrumb.js.map

package/lib/shardui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../src/shardui/breadcrumb.tsx"],"sourcesContent":[null],"names":[],"mappings":"kOAcA,MAAA,UAAM,GAAA,KAAA,CAAA,UAAc,CAAA,CAAA;AAcpB,EAAA,GAAA;AAOA,CAAA,EAAA,GAAA,UAAM,CAAA,aAAc,CAAA,KAAA,EAAA;;;AAYpB,EAAA,GAAA;AAcA,CAAA,CAAA;AAAgE,UAAA,CAAA,WAAA,GAAA,YAAA;;EAI9D,SAAA;AAGF,EAAA,GAAA;AAAqD,CAAA,EAAA,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,IAAK,EAAC;;EAUzD,SAAA,EAAA,EAAA,CAAA,0FAAA,EAAA,SAAA,CAAA;AAGF,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb.js","sources":["../../src/shardui/breadcrumb.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QA4BA,MAAA,UAAM,GAAA,KAAA,CAAA,UAAc,CAAA,CAAA;AAOpB,EAAA,GAAA;cAGkB,CAAA,KAAO,EAAA;;AASzB,EAAA,YAAM,EAAA,YAAc;AAcpB,EAAA,GAAA;AAAgE,CAAA,CAAA;;AAI9D,MAAA,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA;AAAqD,EAAA,GAAA;;EAUnD,GAAA,EAAA,GAAA;AAGF,EAAA,SACI,EAAA,EAAA,CAAA,0FAMA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/button.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+import {jsx}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
   variants: {
     variant: {
       default: 'bg-primary text-primary-foreground hover:bg-primary/90',
@@ -28,7 +28,7 @@ const Button = React.forwardRef(({
   ...props
 }, ref) => {
   const Comp = asChild ? Slot : 'button';
-  return React.createElement(Comp, {
+  return jsx(Comp, {
     className: cn(buttonVariants({
       variant,
       size,

package/lib/shardui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/shardui/button.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAgCA,IAAA,OAAM,EAAA;MAGF,OAAQ,EAAE,wDAAQ;AACrB,MAAA,WAAA,EAAA,oEAAA;AAED,MAAA,OAAA,EAAM,gFAAM;AAQZ,MAAA,SAAe,EAAE,8DAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button.js","sources":["../../src/shardui/button.tsx"],"sourcesContent":[null],"names":[],"mappings":"+mBA8BE,EAAA;AAEF,EAAA,QAAM,EAAA;IAGF,OAAO,EAAC;AACX,MAAA,OAAA,EAAA,wDAAA;AAED,MAAA,WAAM,EAAA,oEAAM;AAQZ,MAAA,OAAS,EAAM,gFAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/calendar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DayPicker } from 'react-day-picker';
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Calendar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/shardui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAyC3F;kBAzCQ,QAAQ;;;AA4CjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/shardui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAyC3F;kBAzCQ,QAAQ;;;AA4CjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/shardui/calendar.js

@@ -1,10 +1,10 @@
-import*as React from'react';import {ChevronRight,ChevronLeft}from'lucide-react';import {DayPicker}from'react-day-picker';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';function Calendar({
+import {jsx}from'react/jsx-runtime';import {ChevronRight,ChevronLeft}from'lucide-react';import {DayPicker}from'react-day-picker';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'react';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';function Calendar({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  return React.createElement(DayPicker, {
+  return jsx(DayPicker, {
     showOutsideDays: showOutsideDays,
     className: cn('p-3', className),
     classNames: {
@@ -38,12 +38,12 @@ import*as React from'react';import {ChevronRight,ChevronLeft}from'lucide-react';
     components: {
       IconLeft: ({
         ..._props
-      }) => React.createElement(ChevronLeft, {
+      }) => jsx(ChevronLeft, {
         className: "h-4 w-4"
       }),
       IconRight: ({
         ..._props
-      }) => React.createElement(ChevronRight, {
+      }) => jsx(ChevronRight, {
         className: "h-4 w-4"
       })
     },