@tecsinapse/cortex-react 1.3.0-beta.3 → 1.3.0-beta.30

package/dist/cjs/index.js

@@ -2,63 +2,84 @@
 
 var Avatar = require('./components/Avatar.js');
 var Badge = require('./components/Badge.js');
-var BaseSnackbar = require('./components/BaseSnackbar.js');
-var Breadcrumbs = require('./components/Breadcrumbs.js');
+var BreadcrumbItem = require('./components/Breadcrumbs/BreadcrumbItem.js');
+var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Button = require('./components/Button.js');
-var Calendar = require('./components/Calendar.js');
+var Calendar = require('./components/Calendar/Calendar.js');
+var RangeCalendar = require('./components/Calendar/RangeCalendar.js');
 var Card = require('./components/Card.js');
-var DatePickerInput = require('./components/DatePickerInput.js');
-var DateRangePickerInput = require('./components/DateRangePickerInput.js');
-var DefaultSnack = require('./components/DefaultSnack.js');
+var DateField = require('./components/DatePicker/DateField.js');
+var DatePickerInput = require('./components/DatePicker/DatePickerInput.js');
+var DatePickerInputBase = require('./components/DatePicker/DatePickerInputBase.js');
+var DateRangePickerInput = require('./components/DatePicker/DateRangePickerInput.js');
+var DateSegment = require('./components/DatePicker/DateSegment.js');
+var Divider = require('./components/Divider.js');
 var Drawer = require('./components/Drawer.js');
 var GroupButton = require('./components/GroupButton.js');
 var Hint = require('./components/Hint.js');
 var index = require('./components/Input/index.js');
+var index$1 = require('./components/Menubar/index.js');
 var Modal = require('./components/Modal.js');
+var index$2 = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar.js');
-var RangeCalendar = require('./components/RangeCalendar.js');
-var index$1 = require('./components/Select/index.js');
+var RadioButton = require('./components/RadioButton.js');
+var index$3 = require('./components/Select/index.js');
 var Skeleton = require('./components/Skeleton.js');
+var BaseSnackbar = require('./components/Snackbar/BaseSnackbar.js');
+var DefaultSnack = require('./components/Snackbar/DefaultSnack.js');
 var Table = require('./components/Table.js');
 var Tag = require('./components/Tag.js');
-var TextArea = require('./components/TextArea.js');
-var TimeFieldInput = require('./components/TimeFieldInput.js');
+var index$4 = require('./components/TextArea/index.js');
+var TimeField = require('./components/TimeField/TimeField.js');
+var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
-require('./components/Tooltip.js');
-var Popover = require('./components/Popover/Popover.js');
+var Tooltip = require('./components/Tooltip.js');
 var useCalendar = require('./hooks/useCalendar.js');
 var useCalendarCell = require('./hooks/useCalendarCell.js');
 var useCalendarGrid = require('./hooks/useCalendarGrid.js');
 var useDatePickerInput = require('./hooks/useDatePickerInput.js');
 var useDateRangePickerInput = require('./hooks/useDateRangePickerInput.js');
 var useDebouncedState = require('./hooks/useDebouncedState.js');
+var useFloatingLogic = require('./hooks/useFloatingLogic.js');
 var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
 var useRangeCalendar = require('./hooks/useRangeCalendar.js');
-var useFloatingLogic = require('./hooks/useFloatingLogic.js');
+var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
+var useSelectOptions = require('./hooks/useSelectOptions.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
+var MenubarProvider = require('./provider/MenubarProvider.js');
+var SnackbarProvider = require('./provider/SnackbarProvider.js');
+var masks = require('./components/Input/masks.js');
 
 
 
 exports.Avatar = Avatar.Avatar;
 exports.Badge = Badge.Badge;
 exports.BadgeAnchor = Badge.BadgeAnchor;
-exports.BaseSnackbar = BaseSnackbar.BaseSnackbar;
+exports.BreadcrumbItem = BreadcrumbItem.BreadcrumbItem;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Button = Button.Button;
 exports.Calendar = Calendar.Calendar;
+exports.RangeCalendar = RangeCalendar.RangeCalendar;
 exports.Card = Card.Card;
+exports.DateField = DateField.DateField;
 exports.DatePickerInput = DatePickerInput.DatePickerInput;
+exports.DatePickerInputBase = DatePickerInputBase.DatePickerInputBase;
 exports.DateRangePickerInput = DateRangePickerInput.DateRangePickerInput;
-exports.DefaultSnack = DefaultSnack.DefaultSnack;
+exports.DateSegment = DateSegment.DateSegment;
+exports.Divider = Divider.Divider;
 exports.Drawer = Drawer.Drawer;
 exports.GroupButton = GroupButton.GroupButton;
 exports.Hint = Hint.Hint;
 exports.Input = index.Input;
+exports.Menubar = index$1.Menubar;
 exports.Modal = Modal.Modal;
+exports.Popover = index$2.Popover;
 exports.ProgressBar = ProgressBar.ProgressBar;
-exports.RangeCalendar = RangeCalendar.RangeCalendar;
-exports.Select = index$1.Select;
+exports.RadioButton = RadioButton.RadioButton;
+exports.Select = index$3.Select;
 exports.Skeleton = Skeleton.Skeleton;
+exports.BaseSnackbar = BaseSnackbar.BaseSnackbar;
+exports.DefaultSnack = DefaultSnack.DefaultSnack;
 exports.TCell = Table.TCell;
 exports.TFoot = Table.TFoot;
 exports.THead = Table.THead;
@@ -68,17 +89,28 @@ exports.TRowHeader = Table.TRowHeader;
 exports.Table = Table.Table;
 exports.Td = Table.Td;
 exports.Tag = Tag.Tag;
-exports.TextArea = TextArea.TextArea;
+exports.TextArea = index$4.TextArea;
+exports.TimeField = TimeField.TimeField;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
-exports.Popover = Popover.Popover;
+exports.Tooltip = Tooltip.Tooltip;
 exports.useCalendar = useCalendar.useCalendar;
 exports.useCalendarCell = useCalendarCell.useCalendarCell;
 exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
 exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
 exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;
+exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
 exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListener;
 exports.useRangeCalendar = useRangeCalendar.useRangeCalendar;
-exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
+exports.useSelectGroupedOptions = useSelectGroupedOptions.useSelectGroupedOptions;
+exports.useSelectOptions = useSelectOptions.useSelectOptions;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
+exports.MenubarProvider = MenubarProvider.MenubarProvider;
+exports.useMenubar = MenubarProvider.useMenubar;
+exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
+exports.useSnackbar = SnackbarProvider.useSnackbar;
+exports.CurrencyIMask = masks.CurrencyIMask;
+exports.ExpressionMasks = masks.ExpressionMasks;
+exports.NumberIMask = masks.NumberIMask;
+exports.PercentageIMask = masks.PercentageIMask;

package/dist/cjs/provider/MenubarProvider.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+const MenubarContext = React.createContext({
+  show: false,
+  setShow: () => void 0
+});
+const MenubarProvider = ({ children }) => {
+  const [show, setShow] = React.useState(false);
+  return /* @__PURE__ */ React.createElement(MenubarContext.Provider, { value: { show, setShow } }, children);
+};
+const useMenubar = () => {
+  const context = React.useContext(MenubarContext);
+  if (!context) {
+    throw new Error("useMenubar must be used within a MenubarProvider");
+  }
+  return [context.show, context.setShow];
+};
+
+exports.MenubarProvider = MenubarProvider;
+exports.useMenubar = useMenubar;

package/dist/cjs/provider/SnackbarProvider.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var SnackbarSonner = require('../service/SnackbarSonner.js');
+var sonner = require('sonner');
+
+const SnackbarContext = React.createContext(null);
+const SnackbarProvider = ({ children }) => {
+  const snackbar = new SnackbarSonner.SnackbarSonner();
+  return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
+};
+const useSnackbar = () => {
+  const context = React.useContext(SnackbarContext);
+  if (!context) {
+    throw new Error("useSnackbar must be used within a SnackbarProvider");
+  }
+  return context;
+};
+
+exports.SnackbarProvider = SnackbarProvider;
+exports.useSnackbar = useSnackbar;

package/dist/cjs/service/SnackbarSonner.js

@@ -5,39 +5,58 @@ var React = require('react');
 require('clsx');
 require('@internationalized/date');
 require('../components/Badge.js');
-require('../components/BaseSnackbar.js');
 require('react-icons/md');
 require('../components/Card.js');
 require('../components/Button.js');
 require('react-aria');
 require('react-stately');
 require('@floating-ui/react');
-require('../components/CalendarCell.js');
+require('../components/Calendar/CalendarCell.js');
 require('@tecsinapse/cortex-core');
 require('react-icons/fa');
 require('react-icons/lia');
 require('../components/Input/Box.js');
 require('../components/Input/Face.js');
 require('../components/Input/Left.js');
+require('../components/Input/Mask.js');
 require('../components/Input/Right.js');
 require('../components/Input/Root.js');
 require('../components/Input/Search.js');
-var DefaultSnack = require('../components/DefaultSnack.js');
+require('../components/Popover/Context.js');
 require('../components/GroupButton.js');
 require('../components/Hint.js');
+require('../provider/MenubarProvider.js');
+require('../provider/SnackbarProvider.js');
+require('../components/Menubar/Left.js');
+require('../styles/menubar.js');
+require('../components/Menubar/Right.js');
+require('../components/Menubar/Dropdown.js');
+require('../components/Menubar/MostUsed.js');
+require('../components/Menubar/MostUsedItem.js');
+require('../components/Menubar/Header.js');
+require('../components/Menubar/Item.js');
+require('../components/Menubar/SubItem.js');
 require('../components/Modal.js');
 require('../styles/calendar-cell.js');
 require('../styles/groupButton.js');
 require('../styles/progressBar.js');
+require('../components/RadioButton.js');
 require('../components/Select/GroupedOptions.js');
 require('../components/Select/context.js');
-require('../components/Select/Popover.js');
+require('../components/Select/MultiGroupedOptions.js');
+require('../components/Select/MultiOptions.js');
+require('../components/Select/Options.js');
 require('../components/Select/Trigger.js');
+require('../components/Snackbar/BaseSnackbar.js');
+var DefaultSnack = require('../components/Snackbar/DefaultSnack.js');
 require('../components/Tag.js');
-require('../components/TextArea.js');
+require('../components/TextArea/Box.js');
+require('../components/TextArea/Face.js');
+require('../components/TextArea/Left.js');
+require('../components/TextArea/Right.js');
+require('../components/TextArea/Root.js');
 require('../components/Toggle.js');
 require('../components/Tooltip.js');
-require('../components/Popover/PopoverContext.js');
 
 class SnackbarSonner {
   custom(Component, options) {

package/dist/cjs/styles/menubar.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const menubar = tailwindVariants.tv({
+  slots: {
+    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
+    left: "flex items-center w-fit",
+    right: "flex items-center gap-x-deca",
+    dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw] absolute"
+  },
+  variants: {
+    show: {
+      true: {
+        dropdown: "pt-kilo pb-mega",
+        false: "max-h-0"
+      }
+    }
+  }
+});
+const mostUsed = tailwindVariants.tv({
+  slots: {
+    container: "mb-kilo",
+    label: "font-bold mb-centi",
+    containerList: "gap-x-kilo flex flex-row"
+  }
+});
+const mostUsedItem = tailwindVariants.tv({
+  slots: {
+    container: "flex-1 py-mili",
+    title: "text-primary-medium font-bold",
+    category: "text-secondary-medium"
+  }
+});
+const item = tailwindVariants.tv({
+  slots: {
+    container: "flex flex-row gap-x-deca items-center",
+    text: "text-secondary-dark hover:text-primary-medium hover:cursor-pointer text-base",
+    icon: "text-primary-medium hover:cursor-pointer"
+  }
+});
+const category = tailwindVariants.tv({
+  slots: {
+    text: "mb-mili font-bold",
+    hr: "mb-mili",
+    container: "flex flex-col gap-y-mili"
+  }
+});
+const subItem = tailwindVariants.tv({
+  slots: {
+    container: "pl-deca text-sub border-l-[1px] border-primary-medium text-secondary-dark hover:text-primary-medium cursor-pointer"
+  }
+});
+const animate = tailwindVariants.tv({
+  base: "transition-all ease-in-out duration-250",
+  variants: {
+    show: {
+      true: "translate-y-0 opacity-1 visible",
+      false: "-translate-y-[120%] opacity-0 invisible max-h-0"
+    }
+  }
+});
+
+exports.animate = animate;
+exports.category = category;
+exports.item = item;
+exports.menubar = menubar;
+exports.mostUsed = mostUsed;
+exports.mostUsedItem = mostUsedItem;
+exports.subItem = subItem;

package/dist/esm/components/Avatar.js

@@ -1,13 +1,13 @@
 import clsx from 'clsx';
-import React from 'react';
+import React__default from 'react';
 import { getNameInitials } from './utils.js';
 
 const Avatar = ({ src, name, className, ...rest }) => {
-  const [hasError, setHasError] = React.useState(false);
-  React.useEffect(() => {
+  const [hasError, setHasError] = React__default.useState(false);
+  React__default.useEffect(() => {
     setHasError(false);
   }, [src]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ...rest,
@@ -16,7 +16,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
         className
       )
     },
-    src && !hasError ? /* @__PURE__ */ React.createElement(
+    src && !hasError ? /* @__PURE__ */ React__default.createElement(
       "img",
       {
         src,
@@ -25,7 +25,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
         onError: () => setHasError(true),
         "data-testid": "avatar-img"
       }
-    ) : /* @__PURE__ */ React.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, getNameInitials(name))
+    ) : /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, getNameInitials(name))
   );
 };
 

package/dist/esm/components/Badge.js

@@ -1,5 +1,6 @@
-import React, { forwardRef } from 'react';
 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;

package/dist/esm/components/{BreadcrumbItem.js → Breadcrumbs/BreadcrumbItem.js}

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { MdOutlineKeyboardDoubleArrowRight } from 'react-icons/md';
 
 const BreadcrumbItem = ({
@@ -7,19 +7,19 @@ 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(
+  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: isLast ? "text-secondary-medium" : "text-secondary-xdark"
     },
     title
-  ), !isLast ? /* @__PURE__ */ React.createElement(
+  ), !isLast ? /* @__PURE__ */ React__default.createElement(
     MdOutlineKeyboardDoubleArrowRight,
     {
       className: "mt-[0.125rem] text-primary-medium",
       "data-testid": "breadcrumb-item-icon"
     }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null)));
+  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
 };
 
 export { BreadcrumbItem };

package/dist/esm/components/{Breadcrumbs.js → Breadcrumbs/Breadcrumbs.js}

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
+import { Card } from '../Card.js';
 import { BreadcrumbItem } from './BreadcrumbItem.js';
-import { Card } from './Card.js';
 
 const Breadcrumbs = (props) => {
   const { breadcrumbs, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest }, breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement(Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest }, breadcrumbs.map((item, index) => {
     const isLast = index === breadcrumbs.length - 1;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       BreadcrumbItem,
       {
         key: `${item.title}-${index}`,

package/dist/esm/components/Button.js

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

package/dist/esm/components/{Calendar.js → Calendar/Calendar.js}

@@ -1,5 +1,5 @@
-import React from 'react';
-import { useCalendar } from '../hooks/useCalendar.js';
+import React__default from 'react';
+import { useCalendar } from '../../hooks/useCalendar.js';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -9,14 +9,14 @@ import { CalendarHeader } from './CalendarHeader.js';
 
 const Calendar = ({ value, onChange }) => {
   const { calendarProps, title, state } = useCalendar({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div" }, /* @__PURE__ */ React.createElement(
+  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.createElement(CalendarGrid, { state }));
+  ), /* @__PURE__ */ React__default.createElement(CalendarGrid, { state }));
 };
 
 export { Calendar };

package/dist/esm/components/{CalendarCell.js → Calendar/CalendarCell.js}

@@ -1,13 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { useCalendarCell } from '../hooks/useCalendarCell.js';
+import { useCalendarCell } from '../../hooks/useCalendarCell.js';
 import '@floating-ui/react';
-import { calendarCell } from '../styles/calendar-cell.js';
-import '../styles/groupButton.js';
-import '../styles/progressBar.js';
-import { Td } from './Table.js';
+import { calendarCell } from '../../styles/calendar-cell.js';
+import '../../styles/groupButton.js';
+import '../../styles/progressBar.js';
+import { Td } from '../Table.js';
 
 const { cell, button } = calendarCell();
 const CalendarCell = ({ state, date }) => {
@@ -22,7 +22,7 @@ const CalendarCell = ({ state, date }) => {
     isSelectionEnd,
     inRange
   } = useCalendarCell({ state, date });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Td,
     {
       ...cellProps,
@@ -35,7 +35,7 @@ const CalendarCell = ({ state, date }) => {
         inRange
       })
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       "div",
       {
         ...buttonProps,

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

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useCalendarGrid } from '../../hooks/useCalendarGrid.js';
+import '@floating-ui/react';
+import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
+import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
+
+const CalendarGrid = ({ state }) => {
+  const { gridProps, headerProps, weekDays } = useCalendarGrid({ state });
+  return /* @__PURE__ */ React__default.createElement(
+    "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 })))
+  );
+};
+
+export { CalendarGrid };

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+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 });
+  }))));
+};
+
+export { CalendarGridBodyRows };

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+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)));
+};
+
+export { CalendarGridHeaderRow };

package/dist/esm/components/{CalendarHeader.js → Calendar/CalendarHeader.js}

@@ -1,36 +1,36 @@
-import React from 'react';
+import React__default from 'react';
 import { FaChevronLeft, FaChevronRight } from 'react-icons/fa';
-import { Button } from './Button.js';
+import { Button } from '../Button.js';
 
 const CalendarHeader = ({
   onClickPrevButton,
   onClickNextButton,
   title
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: "flex flex-row justify-between items-center gap-x-deca bg-miscellaneous-body p-mili",
       "data-testid": "calendar-header"
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Button,
       {
         onClick: onClickPrevButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
         "data-testid": "calendar-header-prev-button"
       },
-      /* @__PURE__ */ React.createElement(FaChevronLeft, null)
+      /* @__PURE__ */ React__default.createElement(FaChevronLeft, null)
     ),
-    /* @__PURE__ */ React.createElement("span", { className: "font-bold capitalize" }, title),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement("span", { className: "font-bold capitalize" }, title),
+    /* @__PURE__ */ React__default.createElement(
       Button,
       {
         onClick: onClickNextButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
         "data-testid": "calendar-header-next-button"
       },
-      /* @__PURE__ */ React.createElement(FaChevronRight, null)
+      /* @__PURE__ */ React__default.createElement(FaChevronRight, null)
     )
   );
 };

package/dist/esm/components/{RangeCalendar.js → Calendar/RangeCalendar.js}

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { useRangeCalendar } from '../hooks/useRangeCalendar.js';
 import '@floating-ui/react';
+import { useRangeCalendar } from '../../hooks/useRangeCalendar.js';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 
@@ -12,7 +12,7 @@ const RangeCalendar = ({ value, onChange }) => {
     value,
     onChange
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ...calendarProps,
@@ -20,7 +20,7 @@ const RangeCalendar = ({ value, onChange }) => {
       ref,
       "data-testid": "calendar-range-div"
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CalendarHeader,
       {
         onClickPrevButton: () => state.focusPreviousPage(),
@@ -28,7 +28,7 @@ const RangeCalendar = ({ value, onChange }) => {
         title
       }
     ),
-    /* @__PURE__ */ React.createElement(CalendarGrid, { state })
+    /* @__PURE__ */ React__default.createElement(CalendarGrid, { state })
   );
 };
 

package/dist/esm/components/Card.js

@@ -1,9 +1,9 @@
 import { card } from '@tecsinapse/cortex-core';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 const Card = forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: card({ className }), ref, ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: card({ className }), ref, ...rest }, children);
 });
 
 export { Card };

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

@@ -0,0 +1,19 @@
+import React__default, { useRef } from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import { useOutsideClickListener } from '../../hooks/useOutsideClickListener.js';
+import { usePopoverContext } from '../Popover/Context.js';
+
+const Content = ({ children }) => {
+  const { setIsOpen } = usePopoverContext();
+  const ref = useRef(null);
+  useOutsideClickListener({
+    ref,
+    onClickOutside: () => setIsOpen(false)
+  });
+  return /* @__PURE__ */ React__default.createElement("div", { ref }, children);
+};
+
+export { Content };