@tecsinapse/cortex-react 1.13.1 → 1.13.3

package/dist/esm/components/Masonry.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
+import React from 'react';
 
 const Masonry = ({ children, columns }) => {
   const getColumns = () => {
@@ -7,8 +8,8 @@ const Masonry = ({ children, columns }) => {
       { length: columns },
       () => []
     );
-    React__default.Children.forEach(children, (child, index) => {
-      if (child && React__default.isValidElement(child)) {
+    React.Children.forEach(children, (child, index) => {
+      if (child && React.isValidElement(child)) {
         columnsArray[index % columns].push(child);
       }
     });
@@ -16,31 +17,31 @@ const Masonry = ({ children, columns }) => {
   };
   const renderColumn = (column) => {
     return column.map((item, index) => {
-      return /* @__PURE__ */ React__default.createElement("div", { className: index > 0 ? "mt-deca" : "mt-0", key: index }, item);
+      return /* @__PURE__ */ jsx("div", { className: index > 0 ? "mt-deca" : "mt-0", children: item }, index);
     });
   };
   const renderColumns = () => {
     return getColumns().map((column, index) => {
-      return /* @__PURE__ */ React__default.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(
             "width-0 flex flex-1 flex-col content-start",
             index > 0 ? "ml-deca" : "ml-0"
           ),
-          key: index
+          children: renderColumn(column)
         },
-        renderColumn(column)
+        index
       );
     });
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-testid": "masonry",
-      className: "box-border flex w-full flex-row content-stretch justify-center"
-    },
-    renderColumns()
+      className: "box-border flex w-full flex-row content-stretch justify-center",
+      children: renderColumns()
+    }
   );
 };
 

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

@@ -1,8 +1,9 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Masonry from '../Masonry.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,7 +14,7 @@ import { CategoriesProvider } from '../../provider/CategoriesContext.js';
 
 const Categories = ({ children }) => {
   const { width } = useDimensions();
-  return /* @__PURE__ */ React__default.createElement(CategoriesProvider, null, /* @__PURE__ */ React__default.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children));
+  return /* @__PURE__ */ jsx(CategoriesProvider, { children: /* @__PURE__ */ jsx(Masonry, { columns: width <= 640 ? 2 : 4, children }) });
 };
 
 export { Categories as default };

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

@@ -1,9 +1,13 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { category } from '../../styles/menubar.js';
 
 const Category = ({ title, options, render }) => {
   const { text, hr, container } = category();
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", { className: text() }, title), /* @__PURE__ */ React__default.createElement("hr", { className: hr() }), /* @__PURE__ */ React__default.createElement("div", { className: container() }, options.map((i) => render(i))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { className: text(), children: title }),
+    /* @__PURE__ */ jsx("hr", { className: hr() }),
+    /* @__PURE__ */ jsx("div", { className: container(), children: options.map((i) => render(i)) })
+  ] });
 };
 
 export { Category as default };

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

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { menubar, animate } from '../../styles/menubar.js';
 import clsx from 'clsx';
+import 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -16,14 +17,14 @@ import { useMenubar } from '../../provider/useMenubar.js';
 const { dropdown } = menubar();
 const Dropdown = ({ children, ...rest }) => {
   const [show] = useMenubar();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx(dropdown({ show }), animate({ show })),
       "data-testid": "dropdown-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

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