@tecsinapse/cortex-react 1.2.2-beta.1 → 1.2.2-beta.2

package/dist/cjs/components/Calendar.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var useCalendar = require('../hooks/useCalendar.js');
+require('@internationalized/date');
+require('react-aria');
+var CalendarGrid = require('./CalendarGrid.js');
+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 }));
+};
+
+exports.Calendar = Calendar;

package/dist/cjs/components/CalendarCell.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+var useCalendarCell = require('../hooks/useCalendarCell.js');
+var calendarCell = require('../styles/calendar-cell.js');
+require('../styles/groupButton.js');
+require('../styles/progressBar.js');
+var Table = require('./Table.js');
+
+const { cell, button } = calendarCell.calendarCell();
+const CalendarCell = ({ state, date }) => {
+  const {
+    ref,
+    cellProps,
+    buttonProps,
+    isSelected,
+    isOutsideVisibleRange,
+    formattedDate,
+    isSelectionStart,
+    isSelectionEnd,
+    inRange
+  } = useCalendarCell.useCalendarCell({ state, date });
+  return /* @__PURE__ */ React.createElement(
+    Table.Td,
+    {
+      ...cellProps,
+      "data-testid": "calendar-cell-td",
+      className: cell({
+        isOutsideVisibleRange,
+        isSelected,
+        isSelectionStart,
+        isSelectionEnd,
+        inRange
+      })
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...buttonProps,
+        ref,
+        className: button({ isOutsideVisibleRange })
+      },
+      formattedDate
+    )
+  );
+};
+
+exports.CalendarCell = CalendarCell;

package/dist/cjs/components/CalendarGrid.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+var useCalendarGrid = require('../hooks/useCalendarGrid.js');
+var CalendarGridBodyRows = require('./CalendarGridBodyRows.js');
+var CalendarGridHeaderRow = require('./CalendarGridHeaderRow.js');
+
+const CalendarGrid = ({ state }) => {
+  const { gridProps, headerProps, weekDays } = useCalendarGrid.useCalendarGrid({ state });
+  return /* @__PURE__ */ React.createElement(
+    "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 })))
+  );
+};
+
+exports.CalendarGrid = CalendarGrid;

package/dist/cjs/components/CalendarGridBodyRows.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+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 });
+  }))));
+};
+
+exports.CalendarGridBodyRows = CalendarGridBodyRows;

package/dist/cjs/components/CalendarGridHeaderRow.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+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)));
+};
+
+exports.CalendarGridHeaderRow = CalendarGridHeaderRow;

package/dist/cjs/components/CalendarHeader.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var fa = require('react-icons/fa');
+var Button = require('./Button.js');
+
+const CalendarHeader = ({
+  onClickPrevButton,
+  onClickNextButton,
+  title
+}) => {
+  return /* @__PURE__ */ React.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(
+      Button.Button,
+      {
+        onClick: onClickPrevButton,
+        variants: { variant: "text", intent: "secondary", size: "small" },
+        "data-testid": "calendar-header-prev-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"
+      },
+      /* @__PURE__ */ React.createElement(fa.FaChevronRight, null)
+    )
+  );
+};
+
+exports.CalendarHeader = CalendarHeader;

package/dist/cjs/components/GroupButton.js

@@ -2,8 +2,9 @@
 
 var clsx = require('clsx');
 var React = require('react');
-require('../styles/progressBar.js');
+require('../styles/calendar-cell.js');
 var groupButton = require('../styles/groupButton.js');
+require('../styles/progressBar.js');
 
 const { button, container, active, inactive, firstButton, lastButton } = groupButton.groupButton();
 const GroupButton = (props) => {

package/dist/cjs/components/ProgressBar.js

@@ -2,8 +2,9 @@
 
 var clsx = require('clsx');
 var React = require('react');
-var progressBar = require('../styles/progressBar.js');
+require('../styles/calendar-cell.js');
 require('../styles/groupButton.js');
+var progressBar = require('../styles/progressBar.js');
 
 const ProgressBar = ({
   segments: _segments = 1,

package/dist/cjs/components/RangeCalendar.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var date = require('@internationalized/date');
+var React = require('react');
+var reactAria = require('react-aria');
+var reactStately = require('react-stately');
+var CalendarGrid = require('./CalendarGrid.js');
+var CalendarHeader = require('./CalendarHeader.js');
+
+const RangeCalendar = ({ value, onChange }) => {
+  const { locale } = reactAria.useLocale();
+  const state = reactStately.useRangeCalendarState({
+    locale,
+    createCalendar: date.createCalendar,
+    defaultValue: {
+      start: new date.CalendarDate(
+        value.start.getFullYear(),
+        value.start.getMonth(),
+        value.start.getDate()
+      ),
+      end: new date.CalendarDate(
+        value.end.getFullYear(),
+        value.end.getMonth(),
+        value.end.getDate()
+      )
+    },
+    onChange: (value2) => onChange({
+      start: value2.start.toDate(date.getLocalTimeZone()),
+      end: value2.end.toDate(date.getLocalTimeZone())
+    })
+  });
+  const ref = React.useRef(null);
+  const { calendarProps, title } = reactAria.useRangeCalendar({}, state, ref);
+  return /* @__PURE__ */ React.createElement("div", { ...calendarProps, className: "calendar", ref }, /* @__PURE__ */ React.createElement(
+    CalendarHeader.CalendarHeader,
+    {
+      onClickPrevButton: () => state.focusPreviousPage(),
+      onClickNextButton: () => state.focusNextPage(),
+      title
+    }
+  ), /* @__PURE__ */ React.createElement(CalendarGrid.CalendarGrid, { state }));
+};
+
+exports.RangeCalendar = RangeCalendar;

package/dist/cjs/components/SearchInput.js

@@ -1,27 +1,33 @@
 'use strict';
 
 var React = require('react');
+require('clsx');
 require('./Badge.js');
-var Button = require('./Button.js');
+require('./BaseSnackbar.js');
+require('react-icons/md');
 require('./Card.js');
+var Button = require('./Button.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+var useDebouncedState = require('../hooks/useDebouncedState.js');
+require('./CalendarCell.js');
+require('@tecsinapse/cortex-core');
+require('react-icons/fa');
+require('react-icons/io');
+require('./GroupButton.js');
 require('./Hint.js');
 var Input = require('./Input.js');
 require('./Modal.js');
+require('../styles/calendar-cell.js');
+require('../styles/groupButton.js');
+require('../styles/progressBar.js');
 require('./Select.js');
-require('./BaseSnackbar.js');
 require('./Tag.js');
-require('./Toggle.js');
 require('./TextArea.js');
-require('@tecsinapse/cortex-core');
-require('react-icons/md');
-require('clsx');
-require('../styles/progressBar.js');
-require('../styles/groupButton.js');
-require('./GroupButton.js');
-require('react-icons/io');
+require('./Toggle.js');
 var ai = require('react-icons/ai');
 var io5 = require('react-icons/io5');
-var useDebouncedState = require('../hooks/useDebouncedState.js');
 
 const inputFace = "bg-white w-full";
 const inputLeft = "flex items-center";

package/dist/cjs/hooks/useCalendar.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var date = require('@internationalized/date');
+var reactAria = require('react-aria');
+var reactStately = require('react-stately');
+
+const useCalendar = ({ value, onChange }) => {
+  const { locale } = reactAria.useLocale();
+  const state = reactStately.useCalendarState({
+    locale,
+    createCalendar: date.createCalendar,
+    defaultValue: new date.CalendarDate(
+      value.getFullYear(),
+      value.getMonth(),
+      value.getDate()
+    ),
+    onChange: (value2) => onChange(value2.toDate(date.getLocalTimeZone()))
+  });
+  const { calendarProps, title } = reactAria.useCalendar({}, state);
+  return {
+    calendarProps,
+    title,
+    state
+  };
+};
+
+exports.useCalendar = useCalendar;

package/dist/cjs/hooks/useCalendarCell.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var date = require('@internationalized/date');
+var React = require('react');
+var reactAria = require('react-aria');
+
+const useCalendarCell = ({ state, date: date$1 }) => {
+  const ref = React.useRef(null);
+  const {
+    cellProps,
+    buttonProps,
+    isSelected,
+    isOutsideVisibleRange,
+    formattedDate
+  } = reactAria.useCalendarCell({ date: date$1 }, state, ref);
+  const rangeStateHighlitedRange = state?.highlightedRange;
+  const isSameDayStart = rangeStateHighlitedRange ? date.isSameDay(date$1, state?.highlightedRange?.start) : void 0;
+  const isSameDayEnd = rangeStateHighlitedRange ? date.isSameDay(date$1, state?.highlightedRange?.end) : void 0;
+  const isSelectionStart = isSameDayStart && !isSameDayEnd;
+  const isSelectionEnd = isSameDayEnd && !isSameDayStart;
+  const inRange = date$1 > rangeStateHighlitedRange?.start && date$1 < rangeStateHighlitedRange?.end;
+  return {
+    ref,
+    cellProps,
+    buttonProps,
+    isSelected,
+    isOutsideVisibleRange,
+    formattedDate,
+    isSelectionStart,
+    isSelectionEnd,
+    inRange
+  };
+};
+
+exports.useCalendarCell = useCalendarCell;

package/dist/cjs/hooks/useCalendarGrid.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var reactAria = require('react-aria');
+
+const useCalendarGrid = ({ state }) => {
+  const { gridProps, headerProps, weekDays } = reactAria.useCalendarGrid({}, state);
+  return {
+    gridProps,
+    headerProps,
+    weekDays
+  };
+};
+
+exports.useCalendarGrid = useCalendarGrid;

package/dist/cjs/index.js

@@ -1,33 +1,45 @@
 'use strict';
 
+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 Button = require('./components/Button.js');
+var Calendar = require('./components/Calendar.js');
 var Card = require('./components/Card.js');
+var DefaultSnack = require('./components/DefaultSnack.js');
+var Drawer = require('./components/Drawer.js');
+var GroupButton = require('./components/GroupButton.js');
 var Hint = require('./components/Hint.js');
 var Input = require('./components/Input.js');
 var Modal = require('./components/Modal.js');
+var ProgressBar = require('./components/ProgressBar.js');
+var RangeCalendar = require('./components/RangeCalendar.js');
 var Select = require('./components/Select.js');
-var BaseSnackbar = require('./components/BaseSnackbar.js');
+var Skeleton = require('./components/Skeleton.js');
+var Table = require('./components/Table.js');
 var Tag = require('./components/Tag.js');
-var Toggle = require('./components/Toggle.js');
 var TextArea = require('./components/TextArea.js');
-var Table = require('./components/Table.js');
-var Drawer = require('./components/Drawer.js');
-var Breadcrumbs = require('./components/Breadcrumbs.js');
-var Avatar = require('./components/Avatar.js');
-var Skeleton = require('./components/Skeleton.js');
-var ProgressBar = require('./components/ProgressBar.js');
-var GroupButton = require('./components/GroupButton.js');
-var DefaultSnack = require('./components/DefaultSnack.js');
+var Toggle = require('./components/Toggle.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
+var useCalendar = require('./hooks/useCalendar.js');
+var useCalendarCell = require('./hooks/useCalendarCell.js');
+var useCalendarGrid = require('./hooks/useCalendarGrid.js');
 var useDebouncedState = require('./hooks/useDebouncedState.js');
 
 
 
+exports.Avatar = Avatar.Avatar;
 exports.Badge = Badge.Badge;
 exports.BadgeAnchor = Badge.BadgeAnchor;
+exports.BaseSnackbar = BaseSnackbar.BaseSnackbar;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Button = Button.Button;
+exports.Calendar = Calendar.Calendar;
 exports.Card = Card.Card;
+exports.DefaultSnack = DefaultSnack.DefaultSnack;
+exports.Drawer = Drawer.Drawer;
+exports.GroupButton = GroupButton.GroupButton;
 exports.Hint = Hint.Hint;
 exports.Box = Input.Box;
 exports.Face = Input.Face;
@@ -36,11 +48,10 @@ exports.Left = Input.Left;
 exports.Right = Input.Right;
 exports.Root = Input.Root;
 exports.Modal = Modal.Modal;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.RangeCalendar = RangeCalendar.RangeCalendar;
 exports.Select = Select.Select;
-exports.BaseSnackbar = BaseSnackbar.BaseSnackbar;
-exports.Tag = Tag.Tag;
-exports.Toggle = Toggle.Toggle;
-exports.TextArea = TextArea.TextArea;
+exports.Skeleton = Skeleton.Skeleton;
 exports.TCell = Table.TCell;
 exports.TFoot = Table.TFoot;
 exports.THead = Table.THead;
@@ -49,12 +60,11 @@ exports.TRow = Table.TRow;
 exports.TRowHeader = Table.TRowHeader;
 exports.Table = Table.Table;
 exports.Td = Table.Td;
-exports.Drawer = Drawer.Drawer;
-exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
-exports.Avatar = Avatar.Avatar;
-exports.Skeleton = Skeleton.Skeleton;
-exports.ProgressBar = ProgressBar.ProgressBar;
-exports.GroupButton = GroupButton.GroupButton;
-exports.DefaultSnack = DefaultSnack.DefaultSnack;
+exports.Tag = Tag.Tag;
+exports.TextArea = TextArea.TextArea;
+exports.Toggle = Toggle.Toggle;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
+exports.useCalendar = useCalendar.useCalendar;
+exports.useCalendarCell = useCalendarCell.useCalendarCell;
+exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;

package/dist/cjs/service/SnackbarSonner.js

@@ -2,24 +2,30 @@
 
 var sonner = require('sonner');
 var React = require('react');
+require('clsx');
 require('../components/Badge.js');
-require('../components/Button.js');
+require('../components/BaseSnackbar.js');
+require('react-icons/md');
 require('../components/Card.js');
+require('../components/Button.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('../components/CalendarCell.js');
+require('@tecsinapse/cortex-core');
+require('react-icons/fa');
+var DefaultSnack = require('../components/DefaultSnack.js');
+require('../components/GroupButton.js');
 require('../components/Hint.js');
 require('../components/Input.js');
 require('../components/Modal.js');
+require('../styles/calendar-cell.js');
+require('../styles/groupButton.js');
+require('../styles/progressBar.js');
 require('../components/Select.js');
-require('../components/BaseSnackbar.js');
 require('../components/Tag.js');
-require('../components/Toggle.js');
 require('../components/TextArea.js');
-require('@tecsinapse/cortex-core');
-require('react-icons/md');
-require('clsx');
-require('../styles/progressBar.js');
-require('../styles/groupButton.js');
-require('../components/GroupButton.js');
-var DefaultSnack = require('../components/DefaultSnack.js');
+require('../components/Toggle.js');
 
 class SnackbarSonner {
   custom(Component, options) {

package/dist/cjs/styles/calendar-cell.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const calendarCell = tailwindVariants.tv({
+  slots: {
+    cell: "text-center rounded-mili text-black",
+    button: "flex aspect-square items-center justify-center"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        cell: "bg-primary-medium text-white"
+      }
+    },
+    isSelectionStart: {
+      true: {
+        cell: "bg-primary-medium rounded-r-none text-white"
+      }
+    },
+    isSelectionEnd: {
+      true: {
+        cell: "bg-primary-medium rounded-l-none text-white"
+      }
+    },
+    inRange: {
+      true: {
+        cell: "bg-primary-light rounded-none text-black"
+      }
+    },
+    isOutsideVisibleRange: {
+      true: {
+        cell: "text-secondary-light cursor-default",
+        button: "cursor-default"
+      }
+    }
+  }
+});
+
+exports.calendarCell = calendarCell;

package/dist/esm/components/Calendar.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useCalendar } from '../hooks/useCalendar.js';
+import '@internationalized/date';
+import 'react-aria';
+import { CalendarGrid } from './CalendarGrid.js';
+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(
+    CalendarHeader,
+    {
+      onClickPrevButton: () => state.focusPreviousPage(),
+      onClickNextButton: () => state.focusNextPage(),
+      title
+    }
+  ), /* @__PURE__ */ React.createElement(CalendarGrid, { state }));
+};
+
+export { Calendar };

package/dist/esm/components/CalendarCell.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useCalendarCell } from '../hooks/useCalendarCell.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 }) => {
+  const {
+    ref,
+    cellProps,
+    buttonProps,
+    isSelected,
+    isOutsideVisibleRange,
+    formattedDate,
+    isSelectionStart,
+    isSelectionEnd,
+    inRange
+  } = useCalendarCell({ state, date });
+  return /* @__PURE__ */ React.createElement(
+    Td,
+    {
+      ...cellProps,
+      "data-testid": "calendar-cell-td",
+      className: cell({
+        isOutsideVisibleRange,
+        isSelected,
+        isSelectionStart,
+        isSelectionEnd,
+        inRange
+      })
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...buttonProps,
+        ref,
+        className: button({ isOutsideVisibleRange })
+      },
+      formattedDate
+    )
+  );
+};
+
+export { CalendarCell };

package/dist/esm/components/CalendarGrid.js

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

package/dist/esm/components/CalendarGridBodyRows.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CalendarCell } from './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, { key: i, state, date }) : /* @__PURE__ */ React.createElement("td", { key: i });
+  }))));
+};
+
+export { CalendarGridBodyRows };

package/dist/esm/components/CalendarGridHeaderRow.js

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