@base-ui/react 1.4.0 → 1.4.1

package/calendar/day-grid-row/CalendarDayGridRow.js

@@ -1,46 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarDayGridRow = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useCalendarDayList = require("../use-day-list/useCalendarDayList");
-/**
- * Groups all cells of a given calendar's day grid row.
- * Renders a `<tr>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-const CalendarDayGridRow = exports.CalendarDayGridRow = /*#__PURE__*/React.forwardRef(function CalendarDayGridRow(componentProps, forwardedRef) {
-  const {
-    className,
-    render,
-    value,
-    children,
-    style,
-    ...elementProps
-  } = componentProps;
-  const getDayList = (0, _useCalendarDayList.useCalendarDayList)();
-  const days = React.useMemo(() => getDayList({
-    date: value,
-    amount: 7
-  }), [getDayList, value]);
-  const resolvedChildren = React.useMemo(() => {
-    if (! /*#__PURE__*/React.isValidElement(children) && typeof children === 'function') {
-      return days.map(children);
-    }
-    return children;
-  }, [children, days]);
-  const element = (0, _useRenderElement.useRenderElement)('tr', componentProps, {
-    ref: forwardedRef,
-    props: [{
-      children: resolvedChildren
-    }, elementProps]
-  });
-  return element;
-});
-if (process.env.NODE_ENV !== "production") CalendarDayGridRow.displayName = "CalendarDayGridRow";

package/calendar/decrement-month/CalendarDecrementMonth.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
-/**
- * Displays an element to navigate to the previous month in the calendar.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-export declare const CalendarDecrementMonth: React.ForwardRefExoticComponent<Omit<CalendarDecrementMonthProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface CalendarDecrementMonthState {
-  /**
-   * Whether the button is disabled.
-   */
-  disabled: boolean;
-}
-export interface CalendarDecrementMonthProps extends BaseUIComponentProps<'button', CalendarDecrementMonthState>, NativeButtonProps {}
-export declare namespace CalendarDecrementMonth {
-  type State = CalendarDecrementMonthState;
-  type Props = CalendarDecrementMonthProps;
-}

package/calendar/decrement-month/CalendarDecrementMonth.js

@@ -1,80 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarDecrementMonth = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _store = require("@base-ui/utils/store");
-var _SharedCalendarRootContext = require("../root/SharedCalendarRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useButton = require("../../use-button");
-var _TemporalAdapterContext = require("../../temporal-adapter-provider/TemporalAdapterContext");
-var _store2 = require("../store");
-var _useCalendarMonthButton = require("../utils/useCalendarMonthButton");
-var _reasons = require("../../utils/reasons");
-/**
- * Displays an element to navigate to the previous month in the calendar.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-
-const CalendarDecrementMonth = exports.CalendarDecrementMonth = /*#__PURE__*/React.forwardRef(function CalendarDecrementMonth(componentProps, forwardedRef) {
-  const {
-    className,
-    render,
-    nativeButton,
-    disabled: disabledProp,
-    style,
-    ...elementProps
-  } = componentProps;
-  const store = (0, _SharedCalendarRootContext.useSharedCalendarRootContext)();
-  const adapter = (0, _TemporalAdapterContext.useTemporalAdapter)();
-  const monthPageSize = (0, _store.useStore)(store, _store2.selectors.monthPageSize);
-  const visibleDate = (0, _store.useStore)(store, _store2.selectors.visibleDate);
-  const targetDate = React.useMemo(() => adapter.addMonths(visibleDate, -monthPageSize), [visibleDate, monthPageSize, adapter]);
-  const isDisabled = (0, _store.useStore)(store, _store2.selectors.isSetMonthButtonDisabled, targetDate, disabledProp);
-  const {
-    getButtonProps,
-    buttonRef
-  } = (0, _useButton.useButton)({
-    disabled: isDisabled,
-    native: nativeButton,
-    focusableWhenDisabled: true
-  });
-  const {
-    pointerHandlers,
-    autoChangeButtonRef,
-    shouldSkipClick
-  } = (0, _useCalendarMonthButton.useCalendarMonthButton)({
-    direction: -1,
-    disabled: isDisabled,
-    disabledProp,
-    store,
-    adapter,
-    monthPageSize
-  });
-  const state = React.useMemo(() => ({
-    disabled: isDisabled
-  }), [isDisabled]);
-  const element = (0, _useRenderElement.useRenderElement)('button', componentProps, {
-    state,
-    ref: [buttonRef, autoChangeButtonRef, forwardedRef],
-    props: [{
-      tabIndex: 0,
-      'aria-label': monthPageSize > 1 ? 'Previous months' : 'Previous month',
-      onClick(event) {
-        if (isDisabled || shouldSkipClick(event)) {
-          return;
-        }
-        store.setVisibleDate(targetDate, event.nativeEvent, event.currentTarget, _reasons.REASONS.monthChange);
-      },
-      ...pointerHandlers
-    }, elementProps, getButtonProps]
-  });
-  return element;
-});
-if (process.env.NODE_ENV !== "production") CalendarDecrementMonth.displayName = "CalendarDecrementMonth";

package/calendar/decrement-month/CalendarDecrementMonthDataAttributes.d.ts

@@ -1,6 +0,0 @@
-export declare enum CalendarDecrementMonthDataAttributes {
-  /**
-   * Present when the button is disabled.
-   */
-  disabled = "data-disabled",
-}

package/calendar/decrement-month/CalendarDecrementMonthDataAttributes.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarDecrementMonthDataAttributes = void 0;
-let CalendarDecrementMonthDataAttributes = exports.CalendarDecrementMonthDataAttributes = /*#__PURE__*/function (CalendarDecrementMonthDataAttributes) {
-  /**
-   * Present when the button is disabled.
-   */
-  CalendarDecrementMonthDataAttributes["disabled"] = "data-disabled";
-  return CalendarDecrementMonthDataAttributes;
-}({});

package/calendar/increment-month/CalendarIncrementMonth.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
-/**
- * Displays an element to navigate to the next month in the calendar.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-export declare const CalendarIncrementMonth: React.ForwardRefExoticComponent<Omit<CalendarIncrementMonthProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface CalendarIncrementMonthState {
-  /**
-   * Whether the button is disabled.
-   */
-  disabled: boolean;
-}
-export interface CalendarIncrementMonthProps extends BaseUIComponentProps<'button', CalendarIncrementMonthState>, NativeButtonProps {}
-export declare namespace CalendarIncrementMonth {
-  type State = CalendarIncrementMonthState;
-  type Props = CalendarIncrementMonthProps;
-}

package/calendar/increment-month/CalendarIncrementMonth.js

@@ -1,79 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarIncrementMonth = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _store = require("@base-ui/utils/store");
-var _SharedCalendarRootContext = require("../root/SharedCalendarRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useButton = require("../../use-button");
-var _TemporalAdapterContext = require("../../temporal-adapter-provider/TemporalAdapterContext");
-var _store2 = require("../store");
-var _useCalendarMonthButton = require("../utils/useCalendarMonthButton");
-var _reasons = require("../../utils/reasons");
-/**
- * Displays an element to navigate to the next month in the calendar.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-const CalendarIncrementMonth = exports.CalendarIncrementMonth = /*#__PURE__*/React.forwardRef(function CalendarIncrementMonth(componentProps, forwardedRef) {
-  const {
-    className,
-    render,
-    nativeButton,
-    disabled: disabledProp,
-    style,
-    ...elementProps
-  } = componentProps;
-  const store = (0, _SharedCalendarRootContext.useSharedCalendarRootContext)();
-  const adapter = (0, _TemporalAdapterContext.useTemporalAdapter)();
-  const monthPageSize = (0, _store.useStore)(store, _store2.selectors.monthPageSize);
-  const visibleDate = (0, _store.useStore)(store, _store2.selectors.visibleDate);
-  const targetDate = React.useMemo(() => adapter.addMonths(visibleDate, monthPageSize), [visibleDate, monthPageSize, adapter]);
-  const isDisabled = (0, _store.useStore)(store, _store2.selectors.isSetMonthButtonDisabled, targetDate, disabledProp);
-  const {
-    getButtonProps,
-    buttonRef
-  } = (0, _useButton.useButton)({
-    disabled: isDisabled,
-    native: nativeButton,
-    focusableWhenDisabled: true
-  });
-  const {
-    pointerHandlers,
-    autoChangeButtonRef,
-    shouldSkipClick
-  } = (0, _useCalendarMonthButton.useCalendarMonthButton)({
-    direction: 1,
-    disabled: isDisabled,
-    disabledProp,
-    store,
-    adapter,
-    monthPageSize
-  });
-  const state = React.useMemo(() => ({
-    disabled: isDisabled
-  }), [isDisabled]);
-  const element = (0, _useRenderElement.useRenderElement)('button', componentProps, {
-    state,
-    ref: [buttonRef, autoChangeButtonRef, forwardedRef],
-    props: [{
-      tabIndex: 0,
-      'aria-label': monthPageSize > 1 ? 'Next months' : 'Next month',
-      onClick(event) {
-        if (isDisabled || shouldSkipClick(event)) {
-          return;
-        }
-        store.setVisibleDate(targetDate, event.nativeEvent, event.currentTarget, _reasons.REASONS.monthChange);
-      },
-      ...pointerHandlers
-    }, elementProps, getButtonProps]
-  });
-  return element;
-});
-if (process.env.NODE_ENV !== "production") CalendarIncrementMonth.displayName = "CalendarIncrementMonth";

package/calendar/increment-month/CalendarIncrementMonthDataAttributes.d.ts

@@ -1,6 +0,0 @@
-export declare enum CalendarIncrementMonthDataAttributes {
-  /**
-   * Present when the button is disabled.
-   */
-  disabled = "data-disabled",
-}

package/calendar/increment-month/CalendarIncrementMonthDataAttributes.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarIncrementMonthDataAttributes = void 0;
-let CalendarIncrementMonthDataAttributes = exports.CalendarIncrementMonthDataAttributes = /*#__PURE__*/function (CalendarIncrementMonthDataAttributes) {
-  /**
-   * Present when the button is disabled.
-   */
-  CalendarIncrementMonthDataAttributes["disabled"] = "data-disabled";
-  return CalendarIncrementMonthDataAttributes;
-}({});

package/calendar/index.d.ts

@@ -1,14 +0,0 @@
-export * as Calendar from "./index.parts.js";
-export type * from "./root/CalendarRoot.js";
-export type * from "./day-grid/CalendarDayGrid.js";
-export type * from "./day-grid-body/CalendarDayGridBody.js";
-export type * from "./day-grid-cell/CalendarDayGridCell.js";
-export type * from "./day-grid-header/CalendarDayGridHeader.js";
-export type * from "./day-grid-header-cell/CalendarDayGridHeaderCell.js";
-export type * from "./day-grid-header-row/CalendarDayGridHeaderRow.js";
-export type * from "./day-grid-row/CalendarDayGridRow.js";
-export type * from "./day-button/CalendarDayButton.js";
-export type * from "./increment-month/CalendarIncrementMonth.js";
-export type * from "./decrement-month/CalendarDecrementMonth.js";
-export type * from "./viewport/CalendarViewport.js";
-export type * from "./use-context/CalendarContext.js";

package/calendar/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Calendar = void 0;
-var _Calendar = _interopRequireWildcard(require("./index.parts"));
-exports.Calendar = _Calendar;

package/calendar/index.parts.d.ts

@@ -1,15 +0,0 @@
-export { CalendarRoot as Root } from "./root/CalendarRoot.js";
-export { CalendarDayGrid as DayGrid } from "./day-grid/CalendarDayGrid.js";
-export { CalendarDayGridHeader as DayGridHeader } from "./day-grid-header/CalendarDayGridHeader.js";
-export { CalendarDayGridHeaderRow as DayGridHeaderRow } from "./day-grid-header-row/CalendarDayGridHeaderRow.js";
-export { CalendarDayGridHeaderCell as DayGridHeaderCell } from "./day-grid-header-cell/CalendarDayGridHeaderCell.js";
-export { CalendarDayGridBody as DayGridBody } from "./day-grid-body/CalendarDayGridBody.js";
-export { CalendarDayGridRow as DayGridRow } from "./day-grid-row/CalendarDayGridRow.js";
-export { CalendarDayGridCell as DayGridCell } from "./day-grid-cell/CalendarDayGridCell.js";
-export { CalendarDayButton as DayButton } from "./day-button/CalendarDayButton.js";
-export { CalendarDecrementMonth as DecrementMonth } from "./decrement-month/CalendarDecrementMonth.js";
-export { CalendarIncrementMonth as IncrementMonth } from "./increment-month/CalendarIncrementMonth.js";
-export { useCalendarContext as useContext } from "./use-context/CalendarContext.js";
-export { useCalendarWeekList as useWeekList } from "./use-week-list/useCalendarWeekList.js";
-export { useCalendarDayList as useDayList } from "./use-day-list/useCalendarDayList.js";
-export { CalendarViewport as Viewport } from "./viewport/CalendarViewport.js";

package/calendar/index.parts.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DayButton", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayButton.CalendarDayButton;
-  }
-});
-Object.defineProperty(exports, "DayGrid", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGrid.CalendarDayGrid;
-  }
-});
-Object.defineProperty(exports, "DayGridBody", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridBody.CalendarDayGridBody;
-  }
-});
-Object.defineProperty(exports, "DayGridCell", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridCell.CalendarDayGridCell;
-  }
-});
-Object.defineProperty(exports, "DayGridHeader", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridHeader.CalendarDayGridHeader;
-  }
-});
-Object.defineProperty(exports, "DayGridHeaderCell", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridHeaderCell.CalendarDayGridHeaderCell;
-  }
-});
-Object.defineProperty(exports, "DayGridHeaderRow", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridHeaderRow.CalendarDayGridHeaderRow;
-  }
-});
-Object.defineProperty(exports, "DayGridRow", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDayGridRow.CalendarDayGridRow;
-  }
-});
-Object.defineProperty(exports, "DecrementMonth", {
-  enumerable: true,
-  get: function () {
-    return _CalendarDecrementMonth.CalendarDecrementMonth;
-  }
-});
-Object.defineProperty(exports, "IncrementMonth", {
-  enumerable: true,
-  get: function () {
-    return _CalendarIncrementMonth.CalendarIncrementMonth;
-  }
-});
-Object.defineProperty(exports, "Root", {
-  enumerable: true,
-  get: function () {
-    return _CalendarRoot.CalendarRoot;
-  }
-});
-Object.defineProperty(exports, "Viewport", {
-  enumerable: true,
-  get: function () {
-    return _CalendarViewport.CalendarViewport;
-  }
-});
-Object.defineProperty(exports, "useContext", {
-  enumerable: true,
-  get: function () {
-    return _CalendarContext.useCalendarContext;
-  }
-});
-Object.defineProperty(exports, "useDayList", {
-  enumerable: true,
-  get: function () {
-    return _useCalendarDayList.useCalendarDayList;
-  }
-});
-Object.defineProperty(exports, "useWeekList", {
-  enumerable: true,
-  get: function () {
-    return _useCalendarWeekList.useCalendarWeekList;
-  }
-});
-var _CalendarRoot = require("./root/CalendarRoot");
-var _CalendarDayGrid = require("./day-grid/CalendarDayGrid");
-var _CalendarDayGridHeader = require("./day-grid-header/CalendarDayGridHeader");
-var _CalendarDayGridHeaderRow = require("./day-grid-header-row/CalendarDayGridHeaderRow");
-var _CalendarDayGridHeaderCell = require("./day-grid-header-cell/CalendarDayGridHeaderCell");
-var _CalendarDayGridBody = require("./day-grid-body/CalendarDayGridBody");
-var _CalendarDayGridRow = require("./day-grid-row/CalendarDayGridRow");
-var _CalendarDayGridCell = require("./day-grid-cell/CalendarDayGridCell");
-var _CalendarDayButton = require("./day-button/CalendarDayButton");
-var _CalendarDecrementMonth = require("./decrement-month/CalendarDecrementMonth");
-var _CalendarIncrementMonth = require("./increment-month/CalendarIncrementMonth");
-var _CalendarContext = require("./use-context/CalendarContext");
-var _useCalendarWeekList = require("./use-week-list/useCalendarWeekList");
-var _useCalendarDayList = require("./use-day-list/useCalendarDayList");
-var _CalendarViewport = require("./viewport/CalendarViewport");

package/calendar/root/CalendarRoot.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { TemporalValue } from "../../types/temporal/index.js";
-import { CalendarContext } from "../use-context/CalendarContext.js";
-import { BaseUIComponentProps } from "../../utils/types.js";
-import { CalendarNavigationDirection, CalendarValueChangeHandlerContext, CalendarRootElementState, ValueManager, SharedCalendarStoreParameters, CalendarChangeEventReason, CalendarValueChangeEventDetails, CalendarVisibleDateChangeEventDetails } from "../store/index.js";
-import { ValidateDateReturnValue } from "../../utils/temporal/validateDate.js";
-export declare const calendarValueManager: ValueManager<TemporalValue>;
-/**
- * Groups all parts of the calendar.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-export declare const CalendarRoot: React.ForwardRefExoticComponent<Omit<CalendarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalendarRootNavigationDirection = CalendarNavigationDirection;
-export interface CalendarRootState extends CalendarRootElementState {}
-export interface CalendarRootProps extends Omit<BaseUIComponentProps<'div', CalendarRootState>, 'children'>, SharedCalendarStoreParameters<TemporalValue, ValidateDateReturnValue> {
-  /**
-   * The children of the component.
-   * If a function is provided, it will be called with the public context as its parameter.
-   */
-  children?: React.ReactNode | ((parameters: CalendarContext) => React.ReactNode);
-}
-export interface CalendarRootValueChangeHandlerContext extends CalendarValueChangeHandlerContext<ValidateDateReturnValue> {}
-export type CalendarRootChangeEventReason = CalendarChangeEventReason;
-export type CalendarRootValueChangeEventDetails = CalendarValueChangeEventDetails<ValidateDateReturnValue>;
-export type CalendarRootVisibleDateChangeEventDetails = CalendarVisibleDateChangeEventDetails;
-export declare namespace CalendarRoot {
-  type NavigationDirection = CalendarRootNavigationDirection;
-  type State = CalendarRootState;
-  type Props = CalendarRootProps;
-  type ValueChangeHandlerContext = CalendarRootValueChangeHandlerContext;
-  type ChangeEventReason = CalendarRootChangeEventReason;
-  type ValueChangeEventDetails = CalendarRootValueChangeEventDetails;
-  type VisibleDateChangeEventDetails = CalendarRootVisibleDateChangeEventDetails;
-}

package/calendar/root/CalendarRoot.js

@@ -1,147 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calendarValueManager = exports.CalendarRoot = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _store = require("@base-ui/utils/store");
-var _useRefWithInit = require("@base-ui/utils/useRefWithInit");
-var _SharedCalendarRootContext = require("./SharedCalendarRootContext");
-var _getDateManager = require("../../utils/temporal/getDateManager");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _dateHelpers = require("../../utils/temporal/date-helpers");
-var _TemporalAdapterContext = require("../../temporal-adapter-provider/TemporalAdapterContext");
-var _store2 = require("../store");
-var _CalendarRootDataAttributes = require("./CalendarRootDataAttributes");
-var _jsxRuntime = require("react/jsx-runtime");
-const stateAttributesMapping = {
-  navigationDirection: direction => {
-    if (direction === 'none') {
-      return null;
-    }
-    return {
-      [_CalendarRootDataAttributes.CalendarRootDataAttributes.navigationDirection]: direction
-    };
-  }
-};
-const calendarValueManager = exports.calendarValueManager = {
-  getDateToUseForReferenceDate: value => value,
-  onSelectDate: ({
-    setValue,
-    selectedDate
-  }) => setValue(selectedDate),
-  getActiveDateFromValue: value => value
-};
-
-/**
- * Groups all parts of the calendar.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Calendar](https://base-ui.com/react/components/calendar)
- */
-const CalendarRoot = exports.CalendarRoot = /*#__PURE__*/React.forwardRef(function CalendarRoot(componentProps, forwardedRef) {
-  const {
-    // Rendering props
-    className,
-    render,
-    // Form props
-    readOnly,
-    disabled,
-    invalid,
-    // Focus and navigation props
-    monthPageSize,
-    // Value props
-    onValueChange,
-    defaultValue,
-    value,
-    timezone,
-    referenceDate,
-    // Visible date props
-    onVisibleDateChange,
-    visibleDate,
-    defaultVisibleDate,
-    // Children
-    children,
-    // Validation props
-    minDate,
-    maxDate,
-    isDateUnavailable,
-    // Accessibility props
-    'aria-label': ariaLabelProp,
-    // Props forwarded to the DOM element
-    style,
-    ...elementProps
-  } = componentProps;
-  const adapter = (0, _TemporalAdapterContext.useTemporalAdapter)();
-  const manager = React.useMemo(() => (0, _getDateManager.getDateManager)(adapter), [adapter]);
-  const store = (0, _useRefWithInit.useRefWithInit)(() => new _store2.SharedCalendarStore({
-    readOnly,
-    disabled,
-    invalid,
-    monthPageSize,
-    onValueChange,
-    defaultValue,
-    value,
-    timezone,
-    referenceDate,
-    onVisibleDateChange,
-    visibleDate,
-    defaultVisibleDate,
-    isDateUnavailable,
-    minDate,
-    maxDate
-  }, adapter, manager, calendarValueManager)).current;
-  store.useControlledProp('valueProp', value);
-  store.useControlledProp('visibleDateProp', visibleDate);
-  store.useContextCallback('onValueChange', onValueChange);
-  store.useContextCallback('onVisibleDateChange', onVisibleDateChange);
-  store.useSyncedValues({
-    adapter,
-    manager,
-    timezoneProp: timezone,
-    referenceDateProp: referenceDate ?? null,
-    minDate,
-    maxDate,
-    isDateUnavailable,
-    disabled: disabled ?? false,
-    readOnly: readOnly ?? false,
-    invalidProp: invalid,
-    monthPageSize: monthPageSize ?? 1
-  });
-  const visibleMonth = (0, _store.useStore)(store, _store2.selectors.visibleMonth);
-  const state = (0, _store.useStore)(store, _store2.selectors.rootElementState);
-  const publicContext = (0, _store.useStore)(store, _store2.selectors.publicContext);
-  const resolvedChildren = React.useMemo(() => {
-    if (! /*#__PURE__*/React.isValidElement(children) && typeof children === 'function') {
-      return children({
-        ...publicContext,
-        setVisibleDate: store.setVisibleDate
-      });
-    }
-    return children;
-  }, [children, publicContext, store.setVisibleDate]);
-
-  // TODO: Improve localization support (right now it doesn't work well with RTL languages)
-  const ariaLabel = React.useMemo(() => {
-    const formattedVisibleMonth = (0, _dateHelpers.formatMonthFullLetterAndYear)(adapter, visibleMonth);
-    const prefix = ariaLabelProp ? `${ariaLabelProp}, ` : '';
-    return `${prefix}${formattedVisibleMonth}`;
-  }, [adapter, ariaLabelProp, visibleMonth]);
-  const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
-    state,
-    ref: forwardedRef,
-    props: [{
-      children: resolvedChildren,
-      'aria-label': ariaLabel
-    }, elementProps],
-    stateAttributesMapping
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedCalendarRootContext.SharedCalendarRootContext.Provider, {
-    value: store,
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") CalendarRoot.displayName = "CalendarRoot";

package/calendar/root/CalendarRootDataAttributes.d.ts

@@ -1,23 +0,0 @@
-export declare enum CalendarRootDataAttributes {
-  /**
-   * Present when the current value is empty.
-   */
-  empty = "data-empty",
-  /**
-   * Present when the current value is invalid (fails validation).
-   */
-  invalid = "data-invalid",
-  /**
-   * Present when the calendar is disabled.
-   */
-  disabled = "data-disabled",
-  /**
-   * Present when the calendar is readonly.
-   */
-  readonly = "data-readonly",
-  /**
-   * Indicates the direction of the navigation (based on the month navigating to).
-   * @type {'previous' | 'next' | 'none'}
-   */
-  navigationDirection = "data-navigation-direction",
-}