@sytechui/calendar 2.2.32

package/dist/calendar-cell.js

@@ -0,0 +1,97 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/calendar-cell.tsx
+var calendar_cell_exports = {};
+__export(calendar_cell_exports, {
+  CalendarCell: () => CalendarCell
+});
+module.exports = __toCommonJS(calendar_cell_exports);
+var import_date = require("@internationalized/date");
+var import_calendar = require("@react-aria/calendar");
+var import_i18n = require("@react-aria/i18n");
+var import_focus = require("@react-aria/focus");
+var import_interactions = require("@react-aria/interactions");
+var import_react = require("react");
+var import_shared_utils = require("@sytechui/shared-utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CalendarCell(originalProps) {
+  const { state, slots, isPickerVisible, currentMonth, classNames, firstDayOfWeek, ...props } = originalProps;
+  const ref = (0, import_react.useRef)(null);
+  const {
+    cellProps,
+    buttonProps,
+    isPressed,
+    isSelected,
+    isDisabled,
+    isFocused,
+    isInvalid,
+    formattedDate
+  } = (0, import_calendar.useCalendarCell)(
+    {
+      ...props,
+      isDisabled: !(0, import_date.isSameMonth)(props.date, currentMonth) || isPickerVisible
+    },
+    state,
+    ref
+  );
+  const isUnavailable = state.isCellUnavailable(props.date);
+  const isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({ days: 1 }));
+  const isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({ days: 1 }));
+  const highlightedRange = "highlightedRange" in state && state.highlightedRange;
+  const isSelectionStart = isSelected && highlightedRange ? (0, import_date.isSameDay)(props.date, highlightedRange.start) : false;
+  const isSelectionEnd = isSelected && highlightedRange ? (0, import_date.isSameDay)(props.date, highlightedRange.end) : false;
+  const { locale } = (0, import_i18n.useLocale)();
+  const dayOfWeek = (0, import_date.getDayOfWeek)(props.date, locale, firstDayOfWeek);
+  const isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);
+  const isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
+  const { focusProps, isFocusVisible } = (0, import_focus.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_interactions.useHover)({
+    isDisabled: isDisabled || isUnavailable || state.isReadOnly
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: slots == null ? void 0 : slots.cell({ class: classNames == null ? void 0 : classNames.cell }), "data-slot": "cell", ...cellProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      ...(0, import_shared_utils.mergeProps)(buttonProps, hoverProps, focusProps),
+      ref,
+      className: slots == null ? void 0 : slots.cellButton({ class: classNames == null ? void 0 : classNames.cellButton }),
+      "data-disabled": (0, import_shared_utils.dataAttr)(isDisabled && !isInvalid),
+      "data-focus-visible": (0, import_shared_utils.dataAttr)(isFocused && isFocusVisible),
+      "data-hover": (0, import_shared_utils.dataAttr)(isHovered),
+      "data-invalid": (0, import_shared_utils.dataAttr)(isInvalid),
+      "data-outside-month": (0, import_shared_utils.dataAttr)(!(0, import_date.isSameMonth)(props.date, currentMonth)),
+      "data-pressed": (0, import_shared_utils.dataAttr)(isPressed && !state.isReadOnly),
+      "data-range-end": (0, import_shared_utils.dataAttr)(isRangeEnd),
+      "data-range-selection": (0, import_shared_utils.dataAttr)(isSelected && "highlightedRange" in state),
+      "data-range-start": (0, import_shared_utils.dataAttr)(isRangeStart),
+      "data-readonly": (0, import_shared_utils.dataAttr)(state.isReadOnly),
+      "data-selected": (0, import_shared_utils.dataAttr)(isSelected),
+      "data-selection-end": (0, import_shared_utils.dataAttr)(isSelectionEnd),
+      "data-selection-start": (0, import_shared_utils.dataAttr)(isSelectionStart),
+      "data-today": (0, import_shared_utils.dataAttr)((0, import_date.isToday)(props.date, state.timeZone)),
+      "data-unavailable": (0, import_shared_utils.dataAttr)(isUnavailable),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: formattedDate })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarCell
+});

package/dist/calendar-cell.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  CalendarCell
+} from "./chunk-MDGP3JHC.mjs";
+export {
+  CalendarCell
+};

package/dist/calendar-context.d.mts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import * as _react_types_calendar from '@react-types/calendar';
+import { ContextType } from './use-calendar-base.mjs';
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import '@react-types/shared';
+import '@sytechui/system/src/types';
+import '@internationalized/date';
+import 'tailwind-variants';
+import '@sytechui/system';
+import '@sytechui/theme';
+import '@react-aria/calendar';
+import '@react-types/button';
+import '@sytechui/button';
+import '@sytechui/react-utils';
+
+declare const CalendarProvider: react.Provider<ContextType<CalendarState | RangeCalendarState<_react_types_calendar.DateValue>>>;
+declare const useCalendarContext: () => ContextType<CalendarState | RangeCalendarState<_react_types_calendar.DateValue>>;
+
+export { CalendarProvider, useCalendarContext };

package/dist/calendar-context.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import * as _react_types_calendar from '@react-types/calendar';
+import { ContextType } from './use-calendar-base.js';
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import '@react-types/shared';
+import '@sytechui/system/src/types';
+import '@internationalized/date';
+import 'tailwind-variants';
+import '@sytechui/system';
+import '@sytechui/theme';
+import '@react-aria/calendar';
+import '@react-types/button';
+import '@sytechui/button';
+import '@sytechui/react-utils';
+
+declare const CalendarProvider: react.Provider<ContextType<CalendarState | RangeCalendarState<_react_types_calendar.DateValue>>>;
+declare const useCalendarContext: () => ContextType<CalendarState | RangeCalendarState<_react_types_calendar.DateValue>>;
+
+export { CalendarProvider, useCalendarContext };

package/dist/calendar-context.js

@@ -0,0 +1,38 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/calendar-context.ts
+var calendar_context_exports = {};
+__export(calendar_context_exports, {
+  CalendarProvider: () => CalendarProvider,
+  useCalendarContext: () => useCalendarContext
+});
+module.exports = __toCommonJS(calendar_context_exports);
+var import_react_utils = require("@sytechui/react-utils");
+var [CalendarProvider, useCalendarContext] = (0, import_react_utils.createContext)({
+  name: "CalendarContext",
+  strict: true,
+  errorMessage: "useContext: `context` is undefined. Seems you forgot to wrap component within the CalendarProvider"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarProvider,
+  useCalendarContext
+});

package/dist/calendar-context.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  CalendarProvider,
+  useCalendarContext
+} from "./chunk-MCZLP73P.mjs";
+export {
+  CalendarProvider,
+  useCalendarContext
+};

package/dist/calendar-header.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '@sytechui/button';
+import { CalendarDate } from '@internationalized/date';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface CalendarHeaderProps extends HTMLHeroUIProps<"header"> {
+    direction: number;
+    date: CalendarDate;
+    currentMonth: CalendarDate;
+    buttonPickerProps?: ButtonProps;
+}
+declare function CalendarHeader(props: CalendarHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { CalendarHeader, type CalendarHeaderProps };

package/dist/calendar-header.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '@sytechui/button';
+import { CalendarDate } from '@internationalized/date';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface CalendarHeaderProps extends HTMLHeroUIProps<"header"> {
+    direction: number;
+    date: CalendarDate;
+    currentMonth: CalendarDate;
+    buttonPickerProps?: ButtonProps;
+}
+declare function CalendarHeader(props: CalendarHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { CalendarHeader, type CalendarHeaderProps };

package/dist/calendar-header.js

@@ -0,0 +1,156 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/calendar-header.tsx
+var calendar_header_exports = {};
+__export(calendar_header_exports, {
+  CalendarHeader: () => CalendarHeader
+});
+module.exports = __toCommonJS(calendar_header_exports);
+var import_i18n = require("@react-aria/i18n");
+var import_framer_motion = require("framer-motion");
+var import_button = require("@sytechui/button");
+var import_react = require("react");
+
+// src/calendar-transitions.ts
+var slideVariants = {
+  enter: (direction) => ({
+    x: `${direction * 100}%`
+  }),
+  center: {
+    x: "0%"
+  },
+  exit: (direction) => ({
+    x: `${direction * -100}%`
+  })
+};
+
+// src/chevron-down.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    focusable: "false",
+    height: "1em",
+    role: "presentation",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M19 9L12 15L5 9",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+
+// src/calendar-context.ts
+var import_react_utils = require("@sytechui/react-utils");
+var [CalendarProvider, useCalendarContext] = (0, import_react_utils.createContext)({
+  name: "CalendarContext",
+  strict: true,
+  errorMessage: "useContext: `context` is undefined. Seems you forgot to wrap component within the CalendarProvider"
+});
+
+// src/calendar-header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CalendarHeader(props) {
+  const { direction, date, currentMonth, buttonPickerProps } = props;
+  const {
+    state,
+    slots,
+    headerRef,
+    showMonthAndYearPickers,
+    isHeaderExpanded,
+    setIsHeaderExpanded,
+    disableAnimation,
+    classNames
+  } = useCalendarContext();
+  const monthAndYearDateFormatter = (0, import_i18n.useDateFormatter)({
+    month: "long",
+    era: currentMonth.calendar.identifier === "gregory" && currentMonth.era === "BC" ? "short" : void 0,
+    calendar: currentMonth.calendar.identifier,
+    timeZone: state.timeZone,
+    year: "numeric"
+  });
+  const monthDateContent = monthAndYearDateFormatter.format(date.toDate(state.timeZone));
+  const headerTitle = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: disableAnimation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": true,
+      className: slots == null ? void 0 : slots.title({ class: classNames == null ? void 0 : classNames.title }),
+      "data-slot": "title",
+      children: monthDateContent
+    },
+    currentMonth.month
+  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_framer_motion.m.span,
+    {
+      animate: "center",
+      "aria-hidden": true,
+      className: slots == null ? void 0 : slots.title({ class: classNames == null ? void 0 : classNames.title }),
+      custom: direction,
+      "data-slot": "title",
+      exit: "exit",
+      initial: "enter",
+      variants: isHeaderExpanded ? {} : slideVariants,
+      children: monthDateContent
+    },
+    currentMonth.month
+  ) });
+  const headerProps = {
+    ref: headerRef,
+    className: slots == null ? void 0 : slots.header({ class: classNames == null ? void 0 : classNames.header }),
+    "data-slot": "header"
+  };
+  const handleKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsHeaderExpanded == null ? void 0 : setIsHeaderExpanded(false);
+      }
+    },
+    [setIsHeaderExpanded]
+  );
+  return showMonthAndYearPickers ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_button.Button,
+    {
+      ...headerProps,
+      "aria-label": "switch to year and month view",
+      disableAnimation,
+      endContent: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDownIcon, { className: "chevron-icon" }),
+      onKeyDown: handleKeyDown,
+      ...buttonPickerProps,
+      children: headerTitle
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("header", { ...headerProps, children: headerTitle });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarHeader
+});

package/dist/calendar-header.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  CalendarHeader
+} from "./chunk-IDU5RSFL.mjs";
+import "./chunk-JJRY4BYN.mjs";
+import "./chunk-MCZLP73P.mjs";
+import "./chunk-5CY7DCRB.mjs";
+export {
+  CalendarHeader
+};

package/dist/calendar-month.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CalendarDate } from '@internationalized/date';
+import { CalendarPropsBase } from '@react-types/calendar';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface CalendarMonthProps extends HTMLHeroUIProps<"table">, CalendarPropsBase {
+    startDate: CalendarDate;
+    currentMonth: number;
+    direction: number;
+}
+declare function CalendarMonth(props: CalendarMonthProps): react_jsx_runtime.JSX.Element;
+
+export { CalendarMonth, type CalendarMonthProps };

package/dist/calendar-month.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CalendarDate } from '@internationalized/date';
+import { CalendarPropsBase } from '@react-types/calendar';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface CalendarMonthProps extends HTMLHeroUIProps<"table">, CalendarPropsBase {
+    startDate: CalendarDate;
+    currentMonth: number;
+    direction: number;
+}
+declare function CalendarMonth(props: CalendarMonthProps): react_jsx_runtime.JSX.Element;
+
+export { CalendarMonth, type CalendarMonthProps };

package/dist/calendar-month.js

@@ -0,0 +1,226 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/calendar-month.tsx
+var calendar_month_exports = {};
+__export(calendar_month_exports, {
+  CalendarMonth: () => CalendarMonth
+});
+module.exports = __toCommonJS(calendar_month_exports);
+var import_date2 = require("@internationalized/date");
+var import_i18n2 = require("@react-aria/i18n");
+var import_calendar2 = require("@react-aria/calendar");
+var import_framer_motion = require("framer-motion");
+var import_shared_utils2 = require("@sytechui/shared-utils");
+
+// src/calendar-cell.tsx
+var import_date = require("@internationalized/date");
+var import_calendar = require("@react-aria/calendar");
+var import_i18n = require("@react-aria/i18n");
+var import_focus = require("@react-aria/focus");
+var import_interactions = require("@react-aria/interactions");
+var import_react = require("react");
+var import_shared_utils = require("@sytechui/shared-utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CalendarCell(originalProps) {
+  const { state, slots, isPickerVisible, currentMonth, classNames, firstDayOfWeek, ...props } = originalProps;
+  const ref = (0, import_react.useRef)(null);
+  const {
+    cellProps,
+    buttonProps,
+    isPressed,
+    isSelected,
+    isDisabled,
+    isFocused,
+    isInvalid,
+    formattedDate
+  } = (0, import_calendar.useCalendarCell)(
+    {
+      ...props,
+      isDisabled: !(0, import_date.isSameMonth)(props.date, currentMonth) || isPickerVisible
+    },
+    state,
+    ref
+  );
+  const isUnavailable = state.isCellUnavailable(props.date);
+  const isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({ days: 1 }));
+  const isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(props.date.subtract({ days: 1 }));
+  const highlightedRange = "highlightedRange" in state && state.highlightedRange;
+  const isSelectionStart = isSelected && highlightedRange ? (0, import_date.isSameDay)(props.date, highlightedRange.start) : false;
+  const isSelectionEnd = isSelected && highlightedRange ? (0, import_date.isSameDay)(props.date, highlightedRange.end) : false;
+  const { locale } = (0, import_i18n.useLocale)();
+  const dayOfWeek = (0, import_date.getDayOfWeek)(props.date, locale, firstDayOfWeek);
+  const isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);
+  const isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
+  const { focusProps, isFocusVisible } = (0, import_focus.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_interactions.useHover)({
+    isDisabled: isDisabled || isUnavailable || state.isReadOnly
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: slots == null ? void 0 : slots.cell({ class: classNames == null ? void 0 : classNames.cell }), "data-slot": "cell", ...cellProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      ...(0, import_shared_utils.mergeProps)(buttonProps, hoverProps, focusProps),
+      ref,
+      className: slots == null ? void 0 : slots.cellButton({ class: classNames == null ? void 0 : classNames.cellButton }),
+      "data-disabled": (0, import_shared_utils.dataAttr)(isDisabled && !isInvalid),
+      "data-focus-visible": (0, import_shared_utils.dataAttr)(isFocused && isFocusVisible),
+      "data-hover": (0, import_shared_utils.dataAttr)(isHovered),
+      "data-invalid": (0, import_shared_utils.dataAttr)(isInvalid),
+      "data-outside-month": (0, import_shared_utils.dataAttr)(!(0, import_date.isSameMonth)(props.date, currentMonth)),
+      "data-pressed": (0, import_shared_utils.dataAttr)(isPressed && !state.isReadOnly),
+      "data-range-end": (0, import_shared_utils.dataAttr)(isRangeEnd),
+      "data-range-selection": (0, import_shared_utils.dataAttr)(isSelected && "highlightedRange" in state),
+      "data-range-start": (0, import_shared_utils.dataAttr)(isRangeStart),
+      "data-readonly": (0, import_shared_utils.dataAttr)(state.isReadOnly),
+      "data-selected": (0, import_shared_utils.dataAttr)(isSelected),
+      "data-selection-end": (0, import_shared_utils.dataAttr)(isSelectionEnd),
+      "data-selection-start": (0, import_shared_utils.dataAttr)(isSelectionStart),
+      "data-today": (0, import_shared_utils.dataAttr)((0, import_date.isToday)(props.date, state.timeZone)),
+      "data-unavailable": (0, import_shared_utils.dataAttr)(isUnavailable),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: formattedDate })
+    }
+  ) });
+}
+
+// src/calendar-transitions.ts
+var slideVariants = {
+  enter: (direction) => ({
+    x: `${direction * 100}%`
+  }),
+  center: {
+    x: "0%"
+  },
+  exit: (direction) => ({
+    x: `${direction * -100}%`
+  })
+};
+
+// src/calendar-context.ts
+var import_react_utils = require("@sytechui/react-utils");
+var [CalendarProvider, useCalendarContext] = (0, import_react_utils.createContext)({
+  name: "CalendarContext",
+  strict: true,
+  errorMessage: "useContext: `context` is undefined. Seems you forgot to wrap component within the CalendarProvider"
+});
+
+// src/calendar-month.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CalendarMonth(props) {
+  const { startDate, direction, currentMonth, firstDayOfWeek } = props;
+  const { locale } = (0, import_i18n2.useLocale)();
+  const weeksInMonth = (0, import_date2.getWeeksInMonth)(startDate, locale, firstDayOfWeek);
+  const { state, slots, weekdayStyle, isHeaderExpanded, disableAnimation, classNames } = useCalendarContext();
+  const { gridProps, headerProps, weekDays } = (0, import_calendar2.useCalendarGrid)(
+    {
+      ...props,
+      weekdayStyle,
+      endDate: (0, import_date2.endOfMonth)(startDate),
+      firstDayOfWeek
+    },
+    state
+  );
+  const bodyContent = [...new Array(weeksInMonth).keys()].map((weekIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "tr",
+    {
+      className: slots == null ? void 0 : slots.gridBodyRow({ class: classNames == null ? void 0 : classNames.gridBodyRow }),
+      "data-slot": "grid-body-row",
+      inert: isHeaderExpanded ? true : void 0,
+      children: state.getDatesInWeek(weekIndex, startDate).map(
+        (date, i) => date ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          CalendarCell,
+          {
+            classNames,
+            currentMonth: startDate,
+            date,
+            firstDayOfWeek,
+            isPickerVisible: isHeaderExpanded,
+            slots,
+            state
+          },
+          i
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", {}, i)
+      )
+    },
+    weekIndex
+  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "table",
+    {
+      ...gridProps,
+      "aria-hidden": (0, import_shared_utils2.dataAttr)(isHeaderExpanded),
+      className: slots == null ? void 0 : slots.grid({ class: classNames == null ? void 0 : classNames.grid }),
+      "data-slot": "grid",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "thead",
+          {
+            ...headerProps,
+            className: slots == null ? void 0 : slots.gridHeader({ class: classNames == null ? void 0 : classNames.gridHeader }),
+            "data-slot": "grid-header",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "tr",
+              {
+                className: slots == null ? void 0 : slots.gridHeaderRow({ class: classNames == null ? void 0 : classNames.gridHeaderRow }),
+                "data-slot": "grid-header-row",
+                children: weekDays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "th",
+                  {
+                    className: slots == null ? void 0 : slots.gridHeaderCell({ class: classNames == null ? void 0 : classNames.gridHeaderCell }),
+                    "data-slot": "grid-header-cell",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: day })
+                  },
+                  index
+                ))
+              }
+            )
+          }
+        ),
+        disableAnimation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "tbody",
+          {
+            className: slots == null ? void 0 : slots.gridBody({ class: classNames == null ? void 0 : classNames.gridBody }),
+            "data-slot": "grid-body",
+            tabIndex: isHeaderExpanded ? -1 : 0,
+            children: bodyContent
+          },
+          currentMonth
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_framer_motion.m.tbody,
+          {
+            animate: "center",
+            className: slots == null ? void 0 : slots.gridBody({ class: classNames == null ? void 0 : classNames.gridBody }),
+            custom: direction,
+            "data-slot": "grid-body",
+            exit: "exit",
+            initial: "enter",
+            variants: slideVariants,
+            children: bodyContent
+          },
+          currentMonth
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarMonth
+});

package/dist/calendar-month.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  CalendarMonth
+} from "./chunk-CPBF6DM2.mjs";
+import "./chunk-MDGP3JHC.mjs";
+import "./chunk-MCZLP73P.mjs";
+import "./chunk-5CY7DCRB.mjs";
+export {
+  CalendarMonth
+};

package/dist/calendar-picker.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CalendarPickerProps } from './use-calendar-picker.mjs';
+import '@sytechui/theme';
+import 'tailwind-variants';
+import '@react-types/calendar';
+import '@react-stately/calendar';
+import '@internationalized/date';
+import '@sytechui/system';
+
+declare function CalendarPicker(props: CalendarPickerProps): react_jsx_runtime.JSX.Element;
+
+export { CalendarPicker };