@tecsinapse/cortex-react 1.13.1-beta.2 → 1.13.1-beta.4

package/dist/esm/components/Menubar/DropdownRoot.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Categories from './Categories.js';
 import Category from './Category.js';
 import Dropdown from './Dropdown.js';
@@ -13,31 +13,34 @@ const DropdownRoot = ({
   labelMostUsed
 }) => {
   const hasMostUsed = mostUsed && (mostUsed ?? []).length > 0;
-  return /* @__PURE__ */ React__default.createElement(Dropdown, null, hasMostUsed ? /* @__PURE__ */ React__default.createElement(MostUsed, { label: labelMostUsed }, /* @__PURE__ */ React__default.createElement(MostUsedList, { mostUsed })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(Categories, null, options.map((item, index) => /* @__PURE__ */ React__default.createElement(
-    Category,
-    {
-      key: `${item.title}-${index}`,
-      title: item.title,
-      options: item.items,
-      render: (prop) => {
-        const { title, items, ...rest } = prop;
-        return /* @__PURE__ */ React__default.createElement(
-          Item,
-          {
-            key: prop.title,
-            ...rest,
-            parentCategoryTitle: item.title,
-            title,
-            subItems: items ?? [],
-            renderSubItems: ({ title: title2, ...rest2 }) => {
-              return /* @__PURE__ */ React__default.createElement(SubItem, { key: title2, ...rest2 }, title2);
-            }
-          },
-          title
-        );
-      }
-    }
-  ))));
+  return /* @__PURE__ */ jsxs(Dropdown, { children: [
+    hasMostUsed ? /* @__PURE__ */ jsx(MostUsed, { label: labelMostUsed, children: /* @__PURE__ */ jsx(MostUsedList, { mostUsed }) }) : /* @__PURE__ */ jsx(Fragment, {}),
+    /* @__PURE__ */ jsx(Categories, { children: options.map((item, index) => /* @__PURE__ */ jsx(
+      Category,
+      {
+        title: item.title,
+        options: item.items,
+        render: (prop) => {
+          const { title, items, ...rest } = prop;
+          return /* @__PURE__ */ jsx(
+            Item,
+            {
+              ...rest,
+              parentCategoryTitle: item.title,
+              title,
+              subItems: items ?? [],
+              renderSubItems: ({ title: title2, ...rest2 }) => {
+                return /* @__PURE__ */ jsx(SubItem, { ...rest2, children: title2 }, title2);
+              },
+              children: title
+            },
+            prop.title
+          );
+        }
+      },
+      `${item.title}-${index}`
+    )) })
+  ] });
 };
 
 export { DropdownRoot as default };

package/dist/esm/components/Menubar/Header.js

@@ -1,5 +1,6 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { IoCloseOutline, IoMenu } from 'react-icons/io5';
+import 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -17,15 +18,17 @@ import { Button } from '../Button.js';
 const { header } = menubar();
 const Header = ({ children, className, ...rest }) => {
   const [show, setShow] = useMenubar();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: header({ className }),
       "data-testid": "header-menubar",
-      ...rest
-    },
-    /* @__PURE__ */ React__default.createElement(Button, { variants: { size: "square" }, onClick: () => setShow(!show) }, show ? /* @__PURE__ */ React__default.createElement(IoCloseOutline, { size: 16 }) : /* @__PURE__ */ React__default.createElement(IoMenu, { size: 16 })),
-    children
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(Button, { variants: { size: "square" }, onClick: () => setShow(!show), children: show ? /* @__PURE__ */ jsx(IoCloseOutline, { size: 16 }) : /* @__PURE__ */ jsx(IoMenu, { size: 16 }) }),
+        children
+      ]
+    }
   );
 };
 

package/dist/esm/components/Menubar/IconControlSubItem.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { IoCaretUpCircleOutline, IoCaretDownCircleOutline } from 'react-icons/io5';
 import { item } from '../../styles/menubar.js';
 
@@ -8,14 +8,14 @@ const IconControlSubItem = ({ show, setShow }) => {
     e.stopPropagation();
     setShow(!show);
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       onClick: handleClick,
       "data-testid": "icon-sub-item-menubar",
-      className: "flex"
-    },
-    show ? /* @__PURE__ */ React__default.createElement(IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ React__default.createElement(IoCaretDownCircleOutline, { className: icon() })
+      className: "flex",
+      children: show ? /* @__PURE__ */ jsx(IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ jsx(IoCaretDownCircleOutline, { className: icon() })
+    }
   );
 };
 

package/dist/esm/components/Menubar/Item.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useCallback } from 'react';
+import { useCallback } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -42,26 +43,31 @@ const Item = ({
     },
     [hasSubItems, parentCategoryTitle, title, toggleSubmenu, setShow]
   );
-  return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      "data-testid": "item-menubar",
-      ...rest,
-      onClick: handleClickItemMenubar,
-      className: clsx(
-        container({ className }),
-        (!hasSubItems || anchorProps) && textBehavior()
-      )
-    },
-    children,
-    hasSubItems ? /* @__PURE__ */ React__default.createElement(
-      IconControlSubItem,
+  return /* @__PURE__ */ jsxs(ItemLink, { anchorProps, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        show: isExpanded,
-        setShow: () => toggleSubmenu(parentCategoryTitle, title)
+        "data-testid": "item-menubar",
+        ...rest,
+        onClick: handleClickItemMenubar,
+        className: clsx(
+          container({ className }),
+          (!hasSubItems || anchorProps) && textBehavior()
+        ),
+        children: [
+          children,
+          hasSubItems ? /* @__PURE__ */ jsx(
+            IconControlSubItem,
+            {
+              show: isExpanded,
+              setShow: () => toggleSubmenu(parentCategoryTitle, title)
+            }
+          ) : null
+        ]
       }
-    ) : null
-  ), isExpanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : null);
+    ),
+    isExpanded ? /* @__PURE__ */ jsx(Fragment, { children: subItems?.map((subItem) => renderSubItems?.(subItem)) }) : null
+  ] });
 };
 
 export { Item as default };

package/dist/esm/components/Menubar/ItemLink.js

@@ -1,17 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
 
 const ItemLink = ({ anchorProps, children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { ...rest }, anchorProps ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx("div", { ...rest, children: anchorProps ? /* @__PURE__ */ jsx(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
       ...anchorProps,
-      className: clsx("w-full", anchorProps?.className)
-    },
-    children
-  ) : children);
+      className: clsx("w-full", anchorProps?.className),
+      children
+    }
+  ) : children });
 };
 
 export { ItemLink as default };

package/dist/esm/components/Menubar/Left.js

@@ -1,17 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { menubar } from '../../styles/menubar.js';
 
 const { left } = menubar();
 const Left = ({ children, ...rest }) => {
   const { className } = rest;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: left({ className }),
       "data-testid": "header-left-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

package/dist/esm/components/Menubar/MostUsed.js

@@ -1,8 +1,9 @@
-import React__default from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { mostUsed } from '../../styles/menubar.js';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
+import 'react';
 import '../Popover/Context.js';
 import { useDimensions } from '../../hooks/useDimensions.js';
 import 'react-dropzone';
@@ -13,8 +14,11 @@ import 'currency.js';
 const { container, label: labelClass, containerList } = mostUsed();
 const MostUsed = ({ label, children, ...rest }) => {
   const { width } = useDimensions();
-  if (width <= 640) return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
-  return /* @__PURE__ */ React__default.createElement("div", { className: container(), "data-testid": "most-used-menubar", ...rest }, /* @__PURE__ */ React__default.createElement("p", { className: labelClass() }, label), /* @__PURE__ */ React__default.createElement("div", { className: containerList() }, children));
+  if (width <= 640) return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ jsxs("div", { className: container(), "data-testid": "most-used-menubar", ...rest, children: [
+    /* @__PURE__ */ jsx("p", { className: labelClass(), children: label }),
+    /* @__PURE__ */ jsx("div", { className: containerList(), children })
+  ] });
 };
 
 export { MostUsed as default };

package/dist/esm/components/Menubar/MostUsedItem.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { mostUsedItem } from '../../styles/menubar.js';
 import { Card } from '../Card.js';
 import ItemLink from './ItemLink.js';
@@ -14,16 +14,18 @@ const MostUsedItem = ({
   anchorProps,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps, className: "flex flex-grow" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(ItemLink, { anchorProps, className: "flex flex-grow", children: /* @__PURE__ */ jsxs(
     Card,
     {
       ...rest,
       "data-testid": "most-used-item-menubar",
-      className: container()
-    },
-    /* @__PURE__ */ React__default.createElement("p", { className: titleClass() }, title),
-    /* @__PURE__ */ React__default.createElement("p", { className: categoryClass() }, category)
-  ));
+      className: container(),
+      children: [
+        /* @__PURE__ */ jsx("p", { className: titleClass(), children: title }),
+        /* @__PURE__ */ jsx("p", { className: categoryClass(), children: category })
+      ]
+    }
+  ) });
 };
 
 export { MostUsedItem as default };

package/dist/esm/components/Menubar/MostUsedList.js

@@ -1,21 +1,22 @@
-import React__default, { Fragment } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Fragment as Fragment$1 } from 'react';
 import MostUsedItem from './MostUsedItem.js';
 
 const MostUsedList = ({ mostUsed }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (mostUsed ?? []).map((item, index) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: (mostUsed ?? []).map((item, index) => {
     const { title, category, ...rest } = item;
     if (index > 3)
-      return /* @__PURE__ */ React__default.createElement(Fragment, { key: `${title}-${category}` });
-    return /* @__PURE__ */ React__default.createElement(
+      return /* @__PURE__ */ jsx(Fragment$1, {}, `${title}-${category}`);
+    return /* @__PURE__ */ jsx(
       MostUsedItem,
       {
-        key: `${title}-${category}`,
         title,
         category,
         ...rest
-      }
+      },
+      `${title}-${category}`
     );
-  }));
+  }) });
 };
 
 export { MostUsedList as default };

package/dist/esm/components/Menubar/Right.js

@@ -1,17 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { menubar } from '../../styles/menubar.js';
 
 const { right } = menubar();
 const Right = ({ children, ...rest }) => {
   const { className } = rest;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: right({ className }),
       "data-testid": "header-right-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

package/dist/esm/components/Menubar/Root.js

@@ -1,10 +1,11 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { MenubarProvider } from '../../provider/MenubarProvider.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/MenubarContext.js';
+import 'react';
 
 const Root = ({ children }) => {
-  return /* @__PURE__ */ React__default.createElement(MenubarProvider, null, children);
+  return /* @__PURE__ */ jsx(MenubarProvider, { children });
 };
 
 export { Root as default };

package/dist/esm/components/Menubar/Search.js

@@ -1,7 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Input } from '../Input/index.js';
 import clsx from 'clsx';
 import { animate } from '../../styles/menubar.js';
+import 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -17,7 +18,7 @@ import { useMenubar } from '../../provider/useMenubar.js';
 const Search = (props) => {
   const [show] = useMenubar();
   const { className } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Input.Search,
     {
       ...props,

package/dist/esm/components/Menubar/SubItem.js

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { subItem } from '../../styles/menubar.js';
 import ItemLink from './ItemLink.js';
+import 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -21,7 +22,7 @@ const SubItem = ({
   ...rest
 }) => {
   const [, setShow] = useMenubar();
-  return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(ItemLink, { anchorProps, children: /* @__PURE__ */ jsx(
     "div",
     {
       ...rest,
@@ -29,10 +30,10 @@ const SubItem = ({
       className: container({ className }),
       onClick: () => {
         setShow(false);
-      }
-    },
-    children
-  ));
+      },
+      children
+    }
+  ) });
 };
 
 export { SubItem as default };

package/dist/esm/components/Modal.js

@@ -1,16 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { overlay, modal } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Modal = forwardRef((props, ref) => {
   const { open, onClose, children, className } = props;
-  return /* @__PURE__ */ React__default.createElement("div", { ref, ...props }, /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      "data-testid": "overlay",
-      className: overlay({ show: open }),
-      onClick: onClose
-    }
-  ), /* @__PURE__ */ React__default.createElement("dialog", { "data-testid": "modal", className: modal({ open, className }) }, children));
+  return /* @__PURE__ */ jsxs("div", { ref, ...props, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "overlay",
+        className: overlay({ show: open }),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx("dialog", { "data-testid": "modal", className: modal({ open, className }), children })
+  ] });
 });
 
 export { Modal };

package/dist/esm/components/Popover/Content.js

@@ -1,6 +1,6 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { FloatingFocusManager } from '@floating-ui/react';
 import clsx from 'clsx';
-import React__default from 'react';
 import { usePopoverContext } from './Context.js';
 
 const PopoverContent = ({
@@ -20,13 +20,13 @@ const PopoverContent = ({
     getFloatingProps,
     context
   } = usePopoverContext();
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isOpen && /* @__PURE__ */ React__default.createElement(FloatingFocusManager, { ...rest, context, modal }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: isOpen && /* @__PURE__ */ jsx(FloatingFocusManager, { ...rest, context, modal, children: /* @__PURE__ */ jsx(
     "div",
     {
       ref: refs.setFloating,
       ...getFloatingProps(),
       className: clsx(
-        "border border-gray-200 bg-black p-[0px] rounded-md shadow-lg z-popover",
+        "border border-gray-200 bg-black p-[0px] rounded-md shadow-default z-popover",
         className
       ),
       style: {
@@ -35,10 +35,10 @@ const PopoverContent = ({
         left: x ?? 0,
         ...style,
         ...floatingStyles
-      }
-    },
-    children
-  )));
+      },
+      children
+    }
+  ) }) });
 };
 
 export { PopoverContent };

package/dist/esm/components/Popover/Provider.js

@@ -1,7 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
+import 'react';
 import { Context } from './Context.js';
 import 'react-dropzone';
 import 'uuid';
@@ -21,7 +22,7 @@ const PopoverProvider = ({
     fallbackPlacements,
     ...props
   });
-  return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { ...floatingLogic } }, children);
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { ...floatingLogic }, children });
 };
 
 export { PopoverProvider };

package/dist/esm/components/Popover/Root.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { PopoverProvider } from './Provider.js';
 
 const PopoverRoot = ({
@@ -7,7 +7,7 @@ const PopoverRoot = ({
   trigger,
   ...props
 }) => {
-  return /* @__PURE__ */ React__default.createElement(PopoverProvider, { placement, trigger, ...props }, children);
+  return /* @__PURE__ */ jsx(PopoverProvider, { placement, trigger, ...props, children });
 };
 
 export { PopoverRoot };

package/dist/esm/components/ProgressBar/Progress.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import '../../styles/calendar-cell.js';
 import '../../styles/date-picker-input-base.js';
 import '../../styles/date-segment.js';
@@ -11,7 +11,7 @@ const Progress = ({
   intent = "default",
   infinite
 }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: container(), "data-testid": "linear-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: bar() }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx("div", { className: container(), "data-testid": "linear-progress", children: /* @__PURE__ */ jsx("div", { className: bar(), children: /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -21,7 +21,7 @@ const Progress = ({
       "data-testid": "progress-filled",
       className: progress({ intent, infinite })
     }
-  )));
+  ) }) });
 };
 
 export { Progress };

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Progress } from './Progress.js';
 
 const ProgressBar = ({
@@ -6,7 +6,7 @@ const ProgressBar = ({
   intent = "default",
   infinite = false
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Progress, { value, intent, infinite });
+  return /* @__PURE__ */ jsx(Progress, { value, intent, infinite });
 };
 
 export { ProgressBar };

package/dist/esm/components/RadioButton.js

@@ -1,18 +1,21 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { radioButtonStyles } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const { container, input, label: labelStyle } = radioButtonStyles();
 const RadioButton = forwardRef(
   ({ label, reversed, id, ...rest }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: container({ reversed }),
         ref,
-        "data-testid": "radio-button-container"
-      },
-      /* @__PURE__ */ React__default.createElement("input", { id, type: "radio", className: input(), ...rest }),
-      label ? /* @__PURE__ */ React__default.createElement("label", { htmlFor: id, className: labelStyle() }, label) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
+        "data-testid": "radio-button-container",
+        children: [
+          /* @__PURE__ */ jsx("input", { id, type: "radio", className: input(), ...rest }),
+          label ? /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelStyle(), children: label }) : /* @__PURE__ */ jsx(Fragment, {})
+        ]
+      }
     );
   }
 );

package/dist/esm/components/ScrollableDigitSelector.js

@@ -1,4 +1,5 @@
-import React__default, { useRef, useMemo, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
 import clsx from 'clsx';
 
 const formatValue = (val) => {
@@ -33,22 +34,22 @@ const ScrollableDigitSelector = ({
   useEffect(() => {
     scrollToValue(value);
   }, []);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "flex flex-col items-center gap-y-micro p-micro overflow-auto",
-      ref: containerRef
-    },
-    values.map((val) => /* @__PURE__ */ React__default.createElement("div", { key: val }, /* @__PURE__ */ React__default.createElement("div", { onClick: () => onChange(val), className: "flex justify-center" }, /* @__PURE__ */ React__default.createElement(
-      "span",
-      {
-        className: clsx(
-          "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer",
-          value === val && "bg-primary-medium text-white"
-        )
-      },
-      formatValue(val)
-    ))))
+      ref: containerRef,
+      children: values.map((val) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { onClick: () => onChange(val), className: "flex justify-center", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: clsx(
+            "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer",
+            value === val && "bg-primary-medium text-white"
+          ),
+          children: formatValue(val)
+        }
+      ) }) }, val))
+    }
   );
 };
 

package/dist/esm/components/Select/Content.js

@@ -1,9 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useRef } from 'react';
+import { useRef } from 'react';
 
 const Content = ({ children, className }) => {
   const ref = useRef(null);
-  return /* @__PURE__ */ React__default.createElement("div", { className: clsx("w-full relative", className), ref }, children);
+  return /* @__PURE__ */ jsx("div", { className: clsx("w-full relative", className), ref, children });
 };
 
 export { Content };