@tecsinapse/cortex-react 1.13.1 → 1.13.3

package/dist/cjs/provider/MenubarProvider.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@internationalized/date');
 require('react-aria');
@@ -28,7 +29,7 @@ const MenubarProvider = ({ children }) => {
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React.createElement(MenubarContext.MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React.createElement("div", { ref }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarContext.MenubarContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, children }) });
 };
 
 exports.MenubarProvider = MenubarProvider;

package/dist/cjs/provider/SnackbarProvider.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sonner = require('sonner');
 var SnackbarSonner = require('../service/SnackbarSonner.js');
@@ -10,7 +11,10 @@ const SnackbarProvider = ({
   options
 }) => {
   const snackbar = new SnackbarSonner.SnackbarSonner(options);
-  return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContext.Provider, { value: { snackbar }, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(sonner.Toaster, {})
+  ] });
 };
 const useSnackbar = () => {
   const context = React.useContext(SnackbarContext);

package/dist/cjs/service/SnackbarSonner.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var sonner = require('sonner');
 var DefaultSnack = require('../components/Snackbar/DefaultSnack.js');
 
@@ -18,7 +18,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return sonner.toast.custom(
       (t) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           DefaultSnack.DefaultSnack,
           {
             text: message,

package/dist/cjs/styles/time-field-input.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const timePickerInputBase = tailwindVariants.tv({
+  slots: {
+    icon: "cursor-pointer text-deca"
+  },
+  variants: {
+    disabled: {
+      true: {
+        icon: "text-secondary-light cursor-default"
+      }
+    }
+  }
+});
+
+exports.timePickerInputBase = timePickerInputBase;

package/dist/cjs/utils/date.js

@@ -16,11 +16,6 @@ const calendarDateToDate = (value) => {
   if (!value) return void 0;
   return value.toDate(date.getLocalTimeZone());
 };
-const timeFromTimeValue = (value) => {
-  if (!value) return void 0;
-  return new date.Time(value.hour, value.minute, value.second, value.millisecond);
-};
 
 exports.calendarDateToDate = calendarDateToDate;
 exports.dateToCalendarDateTime = dateToCalendarDateTime;
-exports.timeFromTimeValue = timeFromTimeValue;

package/dist/cjs/utils/react.js

@@ -1,9 +1,10 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 function cloneWithProps(children, props) {
-  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), props);
+  return React.cloneElement(/* @__PURE__ */ jsxRuntime.jsx("div", { children }), props);
 }
 
 exports.cloneWithProps = cloneWithProps;

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

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useRef, useState, useLayoutEffect } from 'react';
+import { useRef, useState, useLayoutEffect } from 'react';
 import { useAccordionContext } from './context.js';
 
 const AccordionContent = ({
@@ -40,7 +41,7 @@ const AccordionContent = ({
       observer.disconnect();
     };
   }, [direction]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx(
@@ -55,9 +56,9 @@ const AccordionContent = ({
         height: direction === "vertical" && open ? height : void 0
       },
       ref: container,
-      "data-testid": "accordion-container"
-    },
-    children
+      "data-testid": "accordion-container",
+      children
+    }
   );
 };
 

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

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { Context } from './context.js';
 
 const AccordionFace = ({
@@ -9,15 +10,15 @@ const AccordionFace = ({
 }) => {
   const [open, setOpen] = useState(defaultOpen);
   const toggle = useCallback(() => setOpen((prev) => !prev), []);
-  return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { open, toggle } }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { open, toggle }, children: /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx("flex", {
         "flex flex-col": direction === "vertical"
-      })
-    },
-    children
-  ));
+      }),
+      children
+    }
+  ) });
 };
 
 export { AccordionFace };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { AccordionContent } from './Content.js';
 import { AccordionFace } from './Face.js';
 import { AccordionTrigger } from './Trigger.js';
@@ -13,17 +13,20 @@ const AccordionRoot = ({
   onClose,
   direction = "horizontal"
 }) => {
-  return /* @__PURE__ */ React__default.createElement(AccordionFace, { defaultOpen, direction }, /* @__PURE__ */ React__default.createElement(
-    AccordionTrigger,
-    {
-      label,
-      floating,
-      onOpen,
-      onClose,
-      invertedArrow,
-      direction
-    }
-  ), /* @__PURE__ */ React__default.createElement(AccordionContent, { direction }, children));
+  return /* @__PURE__ */ jsxs(AccordionFace, { defaultOpen, direction, children: [
+    /* @__PURE__ */ jsx(
+      AccordionTrigger,
+      {
+        label,
+        floating,
+        onOpen,
+        onClose,
+        invertedArrow,
+        direction
+      }
+    ),
+    /* @__PURE__ */ jsx(AccordionContent, { direction, children })
+  ] });
 };
 
 export { AccordionRoot };

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

@@ -1,5 +1,5 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
 import { LiaAngleRightSolid, LiaAngleDownSolid } from 'react-icons/lia';
 import { useAccordionContext } from './context.js';
 
@@ -29,7 +29,7 @@ const AccordionTrigger = ({
     }
     toggle?.();
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
@@ -39,53 +39,55 @@ const AccordionTrigger = ({
         { "border-r flex-col px-mili": direction === "horizontal" },
         { "border-b py-mili": direction === "vertical" }
       ),
-      onClick: action
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: clsx(
-          "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+      onClick: action,
+      children: [
+        /* @__PURE__ */ 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__ */ jsx(
+              LiaAngleRightSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              LiaAngleDownSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            )
+          }
+        ),
+        !floating ? /* @__PURE__ */ jsx(
+          "span",
           {
-            "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
-          },
-          className
-        )
-      },
-      direction === "horizontal" ? /* @__PURE__ */ React__default.createElement(
-        LiaAngleRightSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      ) : /* @__PURE__ */ React__default.createElement(
-        LiaAngleDownSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      )
-    ),
-    !floating ? /* @__PURE__ */ React__default.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/esm/components/Avatar.js

@@ -1,32 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
+import React from 'react';
 import '@internationalized/date';
 import { getNameInitials } from '../utils/string.js';
 
 const Avatar = ({ src, name, className, ...rest }) => {
-  const [hasError, setHasError] = React__default.useState(false);
-  React__default.useEffect(() => {
+  const [hasError, setHasError] = React.useState(false);
+  React.useEffect(() => {
     setHasError(false);
   }, [src]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ 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__default.createElement(
-      "img",
-      {
-        src,
-        alt: name,
-        className: "rounded-pill aspect-square h-mega",
-        onError: () => setHasError(true),
-        "data-testid": "avatar-img"
-      }
-    ) : /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, getNameInitials(name))
+      ),
+      children: src && !hasError ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: name,
+          className: "rounded-pill aspect-square h-mega",
+          onError: () => setHasError(true),
+          "data-testid": "avatar-img"
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p", children: getNameInitials(name) })
+    }
   );
 };
 

package/dist/esm/components/Badge.js

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { badge, containerBadge } from '@tecsinapse/cortex-core';
-import * as React from 'react';
 import { forwardRef } from 'react';
 
 const Badge = forwardRef((props, ref) => {
   const { value, variants, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -12,9 +12,9 @@ const Badge = forwardRef((props, ref) => {
         className: `relative ${variants?.className}`,
         intent: variants?.intent
       }),
-      ...rest
-    },
-    value
+      ...rest,
+      children: value
+    }
   );
 });
 function getDisplayValue(value) {
@@ -24,7 +24,10 @@ function getDisplayValue(value) {
 }
 const BadgeAnchor = forwardRef((props, ref) => {
   const { value, variants, children, ...rest } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: containerBadge() }, children, /* @__PURE__ */ React.createElement("div", { ref, className: badge(variants), ...rest }, getDisplayValue(value)));
+  return /* @__PURE__ */ jsxs("div", { className: containerBadge(), children: [
+    children,
+    /* @__PURE__ */ jsx("div", { ref, className: badge(variants), ...rest, children: getDisplayValue(value) })
+  ] });
 });
 
 export { Badge, BadgeAnchor };

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

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

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,20 +1,20 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Card } from '../Card.js';
 import { BreadcrumbItem } from './BreadcrumbItem.js';
 
 const Breadcrumbs = (props) => {
   const { breadcrumbs, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement(Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest }, breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ jsx(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__default.createElement(
+    return /* @__PURE__ */ jsx(
       BreadcrumbItem,
       {
-        key: `${item.title}-${index}`,
         ...item,
         isLast
-      }
+      },
+      `${item.title}-${index}`
     );
-  }));
+  }) });
 };
 
 export { Breadcrumbs };

package/dist/esm/components/Button.js

@@ -1,16 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
 import { button } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Button = forwardRef((props, ref) => {
   const { variants, intent, variant, size, children, className, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       ...rest,
       className: button({ intent, variant, size, ...variants, className }),
-      ref
-    },
-    children
+      ref,
+      children
+    }
   );
 });
 

package/dist/esm/components/Calendar/Calendar.js

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCalendar } from '../../hooks/useCalendar.js';
 import '@internationalized/date';
+import 'react';
 import 'react-aria';
 import 'react-stately';
 import '../Popover/Context.js';
@@ -13,14 +14,17 @@ import { CalendarHeader } from './CalendarHeader.js';
 
 const Calendar = ({ value, onChange }) => {
   const { calendarProps, title, state } = useCalendar({ value, onChange });
-  return /* @__PURE__ */ React__default.createElement("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div" }, /* @__PURE__ */ React__default.createElement(
-    CalendarHeader,
-    {
-      onClickPrevButton: () => state.focusPreviousPage(),
-      onClickNextButton: () => state.focusNextPage(),
-      title
-    }
-  ), /* @__PURE__ */ React__default.createElement(CalendarGrid, { state }));
+  return /* @__PURE__ */ jsxs("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div", children: [
+    /* @__PURE__ */ jsx(
+      CalendarHeader,
+      {
+        onClickPrevButton: () => state.focusPreviousPage(),
+        onClickNextButton: () => state.focusNextPage(),
+        title
+      }
+    ),
+    /* @__PURE__ */ jsx(CalendarGrid, { state })
+  ] });
 };
 
 export { Calendar };

package/dist/esm/components/Calendar/CalendarCell.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 { useCalendarCell } from '../../hooks/useCalendarCell.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
@@ -28,7 +29,7 @@ const CalendarCell = ({ state, date }) => {
     isSelectionEnd,
     inRange
   } = useCalendarCell({ state, date });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Td,
     {
       ...cellProps,
@@ -39,17 +40,17 @@ const CalendarCell = ({ state, date }) => {
         isSelectionStart,
         isSelectionEnd,
         inRange
-      })
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        ...buttonProps,
-        ref,
-        className: button({ isOutsideVisibleRange })
-      },
-      formattedDate
-    )
+      }),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...buttonProps,
+          ref,
+          className: button({ isOutsideVisibleRange }),
+          children: formattedDate
+        }
+      )
+    }
   );
 };
 

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

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

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

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

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

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { THeadCell } from '../Table.js';
 
 const CalendarGridHeaderRow = ({
   weekDays
 }) => {
-  return /* @__PURE__ */ React__default.createElement("tr", { "data-testid": "calendar-grid-header-row" }, weekDays.map((day, index) => /* @__PURE__ */ React__default.createElement(THeadCell, { key: index }, day)));
+  return /* @__PURE__ */ jsx("tr", { "data-testid": "calendar-grid-header-row", children: weekDays.map((day, index) => /* @__PURE__ */ jsx(THeadCell, { children: day }, index)) });
 };
 
 export { CalendarGridHeaderRow };