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

package/dist/cjs/components/Accordion/Content.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var context = require('./context.js');
@@ -42,7 +43,7 @@ const AccordionContent = ({
       observer.disconnect();
     };
   }, [direction]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: clsx(
@@ -57,9 +58,9 @@ const AccordionContent = ({
         height: direction === "vertical" && open ? height : void 0
       },
       ref: container,
-      "data-testid": "accordion-container"
-    },
-    children
+      "data-testid": "accordion-container",
+      children
+    }
   );
 };
 

package/dist/cjs/components/Accordion/Face.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var context = require('./context.js');
@@ -11,15 +12,15 @@ const AccordionFace = ({
 }) => {
   const [open, setOpen] = React.useState(defaultOpen);
   const toggle = React.useCallback(() => setOpen((prev) => !prev), []);
-  return /* @__PURE__ */ React.createElement(context.Context.Provider, { value: { open, toggle } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(context.Context.Provider, { value: { open, toggle }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: clsx("flex", {
         "flex flex-col": direction === "vertical"
-      })
-    },
-    children
-  ));
+      }),
+      children
+    }
+  ) });
 };
 
 exports.AccordionFace = AccordionFace;

package/dist/cjs/components/Accordion/Root.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Content = require('./Content.js');
 var Face = require('./Face.js');
 var Trigger = require('./Trigger.js');
@@ -15,17 +15,20 @@ const AccordionRoot = ({
   onClose,
   direction = "horizontal"
 }) => {
-  return /* @__PURE__ */ React.createElement(Face.AccordionFace, { defaultOpen, direction }, /* @__PURE__ */ React.createElement(
-    Trigger.AccordionTrigger,
-    {
-      label,
-      floating,
-      onOpen,
-      onClose,
-      invertedArrow,
-      direction
-    }
-  ), /* @__PURE__ */ React.createElement(Content.AccordionContent, { direction }, children));
+  return /* @__PURE__ */ jsxRuntime.jsxs(Face.AccordionFace, { defaultOpen, direction, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Trigger.AccordionTrigger,
+      {
+        label,
+        floating,
+        onOpen,
+        onClose,
+        invertedArrow,
+        direction
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Content.AccordionContent, { direction, children })
+  ] });
 };
 
 exports.AccordionRoot = AccordionRoot;

package/dist/cjs/components/Accordion/Trigger.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var React = require('react');
 var lia = require('react-icons/lia');
 var context = require('./context.js');
 
@@ -31,7 +31,7 @@ const AccordionTrigger = ({
     }
     toggle?.();
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: clsx(
@@ -41,53 +41,55 @@ const AccordionTrigger = ({
         { "border-r flex-col px-mili": direction === "horizontal" },
         { "border-b py-mili": direction === "vertical" }
       ),
-      onClick: action
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(
-          "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+      onClick: action,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
-          },
+            className: clsx(
+              "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+              {
+                "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
+              },
+              {
+                "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
+              },
+              className
+            ),
+            children: direction === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(
+              lia.LiaAngleRightSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              lia.LiaAngleDownSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            )
+          }
+        ),
+        !floating ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
           {
-            "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
-          },
-          className
-        )
-      },
-      direction === "horizontal" ? /* @__PURE__ */ React.createElement(
-        lia.LiaAngleRightSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        lia.LiaAngleDownSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      )
-    ),
-    !floating ? /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: clsx({
-          "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
-        })
-      },
-      label
-    ) : null
+            className: clsx({
+              "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
+            }),
+            children: label
+          }
+        ) : null
+      ]
+    }
   );
 };
 

package/dist/cjs/components/Avatar.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
 require('@internationalized/date');
@@ -10,25 +11,25 @@ const Avatar = ({ src, name, className, ...rest }) => {
   React.useEffect(() => {
     setHasError(false);
   }, [src]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...rest,
       className: clsx(
         "rounded-pill bg-secondary-dark h-mega flex items-center justify-center cursor-pointer aspect-square",
         className
-      )
-    },
-    src && !hasError ? /* @__PURE__ */ React.createElement(
-      "img",
-      {
-        src,
-        alt: name,
-        className: "rounded-pill aspect-square h-mega",
-        onError: () => setHasError(true),
-        "data-testid": "avatar-img"
-      }
-    ) : /* @__PURE__ */ React.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, string.getNameInitials(name))
+      ),
+      children: src && !hasError ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src,
+          alt: name,
+          className: "rounded-pill aspect-square h-mega",
+          onError: () => setHasError(true),
+          "data-testid": "avatar-img"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p", children: string.getNameInitials(name) })
+    }
   );
 };
 

package/dist/cjs/components/Badge.js

@@ -1,30 +1,12 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 const Badge = React.forwardRef((props, ref) => {
   const { value, variants, ...rest } = props;
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
@@ -32,9 +14,9 @@ const Badge = React.forwardRef((props, ref) => {
         className: `relative ${variants?.className}`,
         intent: variants?.intent
       }),
-      ...rest
-    },
-    value
+      ...rest,
+      children: value
+    }
   );
 });
 function getDisplayValue(value) {
@@ -44,7 +26,10 @@ function getDisplayValue(value) {
 }
 const BadgeAnchor = React.forwardRef((props, ref) => {
   const { value, variants, children, ...rest } = props;
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: cortexCore.containerBadge() }, children, /* @__PURE__ */ React__namespace.createElement("div", { ref, className: cortexCore.badge(variants), ...rest }, getDisplayValue(value)));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cortexCore.containerBadge(), children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cortexCore.badge(variants), ...rest, children: getDisplayValue(value) })
+  ] });
 });
 
 exports.Badge = Badge;

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var clsx = require('clsx');
 var md = require('react-icons/md');
 
 const BreadcrumbItem = ({
@@ -10,22 +11,25 @@ const BreadcrumbItem = ({
   componentProps,
   title
 }) => {
-  return /* @__PURE__ */ React.createElement(Component, { ...componentProps, key: title }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-mili items-center" }, /* @__PURE__ */ React.createElement(
-    "p",
-    {
-      className: clsx(
-        "no-underline",
-        isLast ? "text-secondary-medium cursor-default" : "text-secondary-xdark cursor-pointer"
-      )
-    },
-    title
-  ), !isLast ? /* @__PURE__ */ React.createElement(
-    md.MdOutlineKeyboardDoubleArrowRight,
-    {
-      className: "mt-[0.125rem] text-primary-medium",
-      "data-testid": "breadcrumb-item-icon"
-    }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null)));
+  return /* @__PURE__ */ React.createElement(Component, { ...componentProps, key: title }, /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-x-mili items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: clsx(
+          "no-underline",
+          isLast ? "text-secondary-medium cursor-default" : "text-secondary-xdark cursor-pointer"
+        ),
+        children: title
+      }
+    ),
+    !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
+      md.MdOutlineKeyboardDoubleArrowRight,
+      {
+        className: "mt-[0.125rem] text-primary-medium",
+        "data-testid": "breadcrumb-item-icon"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+  ] }));
 };
 
 exports.BreadcrumbItem = BreadcrumbItem;

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -1,22 +1,22 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Card = require('../Card.js');
 var BreadcrumbItem = require('./BreadcrumbItem.js');
 
 const Breadcrumbs = (props) => {
   const { breadcrumbs, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(Card.Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest }, breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest, children: breadcrumbs.map((item, index) => {
     const isLast = index === breadcrumbs.length - 1;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       BreadcrumbItem.BreadcrumbItem,
       {
-        key: `${item.title}-${index}`,
         ...item,
         isLast
-      }
+      },
+      `${item.title}-${index}`
     );
-  }));
+  }) });
 };
 
 exports.Breadcrumbs = Breadcrumbs;

package/dist/cjs/components/Button.js

@@ -1,18 +1,19 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
 const Button = React.forwardRef((props, ref) => {
   const { variants, intent, variant, size, children, className, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       ...rest,
       className: cortexCore.button({ intent, variant, size, ...variants, className }),
-      ref
-    },
-    children
+      ref,
+      children
+    }
   );
 });
 

package/dist/cjs/components/Calendar/Calendar.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var useCalendar = require('../../hooks/useCalendar.js');
 require('@internationalized/date');
+require('react');
 require('react-aria');
 require('react-stately');
 require('../Popover/Context.js');
@@ -15,14 +16,17 @@ var CalendarHeader = require('./CalendarHeader.js');
 
 const Calendar = ({ value, onChange }) => {
   const { calendarProps, title, state } = useCalendar.useCalendar({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div" }, /* @__PURE__ */ React.createElement(
-    CalendarHeader.CalendarHeader,
-    {
-      onClickPrevButton: () => state.focusPreviousPage(),
-      onClickNextButton: () => state.focusNextPage(),
-      title
-    }
-  ), /* @__PURE__ */ React.createElement(CalendarGrid.CalendarGrid, { state }));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      CalendarHeader.CalendarHeader,
+      {
+        onClickPrevButton: () => state.focusPreviousPage(),
+        onClickNextButton: () => state.focusNextPage(),
+        title
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(CalendarGrid.CalendarGrid, { state })
+  ] });
 };
 
 exports.Calendar = Calendar;

package/dist/cjs/components/Calendar/CalendarCell.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
+require('react');
 var useCalendarCell = require('../../hooks/useCalendarCell.js');
 require('../Popover/Context.js');
 require('react-dropzone');
@@ -30,7 +31,7 @@ const CalendarCell = ({ state, date }) => {
     isSelectionEnd,
     inRange
   } = useCalendarCell.useCalendarCell({ state, date });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Table.Td,
     {
       ...cellProps,
@@ -41,17 +42,17 @@ const CalendarCell = ({ state, date }) => {
         isSelectionStart,
         isSelectionEnd,
         inRange
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...buttonProps,
-        ref,
-        className: button({ isOutsideVisibleRange })
-      },
-      formattedDate
-    )
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ...buttonProps,
+          ref,
+          className: button({ isOutsideVisibleRange }),
+          children: formattedDate
+        }
+      )
+    }
   );
 };
 

package/dist/cjs/components/Calendar/CalendarGrid.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
+require('react');
 var useCalendarGrid = require('../../hooks/useCalendarGrid.js');
 require('../Popover/Context.js');
 require('react-dropzone');
@@ -15,13 +16,16 @@ var CalendarGridHeaderRow = require('./CalendarGridHeaderRow.js');
 
 const CalendarGrid = ({ state }) => {
   const { gridProps, headerProps, weekDays } = useCalendarGrid.useCalendarGrid({ state });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: "bg-white rounded-micro px-deca py-mili",
-      "data-testid": "calendar-grid"
-    },
-    /* @__PURE__ */ React.createElement("table", { ...gridProps, className: "border-separate border-spacing-y-nano" }, /* @__PURE__ */ React.createElement("thead", { ...headerProps }, /* @__PURE__ */ React.createElement(CalendarGridHeaderRow.CalendarGridHeaderRow, { weekDays })), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement(CalendarGridBodyRows.CalendarGridBodyRows, { state })))
+      "data-testid": "calendar-grid",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("table", { ...gridProps, className: "border-separate border-spacing-y-nano", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxRuntime.jsx(CalendarGridHeaderRow.CalendarGridHeaderRow, { weekDays }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx(CalendarGridBodyRows.CalendarGridBodyRows, { state }) })
+      ] })
+    }
   );
 };
 

package/dist/cjs/components/Calendar/CalendarGridBodyRows.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var CalendarCell = require('./CalendarCell.js');
 
 const CalendarGridBodyRows = ({ state }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ React.createElement("tr", { key: weekIndex, className: "shadow-0 px-deca" }, state.getDatesInWeek(weekIndex).map((date, i) => {
-    return date ? /* @__PURE__ */ React.createElement(CalendarCell.CalendarCell, { key: i, state, date }) : /* @__PURE__ */ React.createElement("td", { key: i });
-  }))));
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "shadow-0 px-deca", children: state.getDatesInWeek(weekIndex).map((date, i) => {
+    return date ? /* @__PURE__ */ jsxRuntime.jsx(CalendarCell.CalendarCell, { state, date }, i) : /* @__PURE__ */ jsxRuntime.jsx("td", {}, i);
+  }) }, weekIndex)) });
 };
 
 exports.CalendarGridBodyRows = CalendarGridBodyRows;

package/dist/cjs/components/Calendar/CalendarGridHeaderRow.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Table = require('../Table.js');
 
 const CalendarGridHeaderRow = ({
   weekDays
 }) => {
-  return /* @__PURE__ */ React.createElement("tr", { "data-testid": "calendar-grid-header-row" }, weekDays.map((day, index) => /* @__PURE__ */ React.createElement(Table.THeadCell, { key: index }, day)));
+  return /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-testid": "calendar-grid-header-row", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(Table.THeadCell, { children: day }, index)) });
 };
 
 exports.CalendarGridHeaderRow = CalendarGridHeaderRow;

package/dist/cjs/components/Calendar/CalendarHeader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var fa = require('react-icons/fa');
 var Button = require('../Button.js');
 
@@ -9,33 +9,35 @@ const CalendarHeader = ({
   onClickNextButton,
   title
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: "flex flex-row justify-between items-center gap-x-deca bg-miscellaneous-body p-mili",
-      "data-testid": "calendar-header"
-    },
-    /* @__PURE__ */ React.createElement(
-      Button.Button,
-      {
-        onClick: onClickPrevButton,
-        variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-prev-button",
-        type: "button"
-      },
-      /* @__PURE__ */ React.createElement(fa.FaChevronLeft, null)
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: "font-bold capitalize" }, title),
-    /* @__PURE__ */ React.createElement(
-      Button.Button,
-      {
-        onClick: onClickNextButton,
-        variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-next-button",
-        type: "button"
-      },
-      /* @__PURE__ */ React.createElement(fa.FaChevronRight, null)
-    )
+      "data-testid": "calendar-header",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            onClick: onClickPrevButton,
+            variants: { variant: "text", intent: "secondary", size: "small" },
+            "data-testid": "calendar-header-prev-button",
+            type: "button",
+            children: /* @__PURE__ */ jsxRuntime.jsx(fa.FaChevronLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold capitalize", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            onClick: onClickNextButton,
+            variants: { variant: "text", intent: "secondary", size: "small" },
+            "data-testid": "calendar-header-next-button",
+            type: "button",
+            children: /* @__PURE__ */ jsxRuntime.jsx(fa.FaChevronRight, {})
+          }
+        )
+      ]
+    }
   );
 };