@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/YearCalendar/YearCalendar.js

@@ -1,52 +1,59 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearCalendar = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _createStyled = require("@mui/system/createStyled");
+var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
+var _YearCalendarButton = require("./YearCalendarButton");
+var _useUtils = require("../internals/hooks/useUtils");
+var _yearCalendarClasses = require("./yearCalendarClasses");
+var _dateUtils = require("../internals/utils/date-utils");
+var _valueManagers = require("../internals/utils/valueManagers");
+var _getDefaultReferenceDate = require("../internals/utils/getDefaultReferenceDate");
+var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
+var _dimensions = require("../internals/constants/dimensions");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useRtl } from '@mui/system/RtlProvider';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_useForkRef as useForkRef, unstable_composeClasses as composeClasses, unstable_useControlled as useControlled, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { YearCalendarButton } from "./YearCalendarButton.js";
-import { useUtils, useNow, useDefaultDates } from "../internals/hooks/useUtils.js";
-import { getYearCalendarUtilityClass } from "./yearCalendarClasses.js";
-import { applyDefaultDate } from "../internals/utils/date-utils.js";
-import { singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { SECTION_TYPE_GRANULARITY } from "../internals/utils/getDefaultReferenceDate.js";
-import { useControlledValueWithTimezone } from "../internals/hooks/useValueWithTimezone.js";
-import { DIALOG_WIDTH, MAX_CALENDAR_HEIGHT } from "../internals/constants/dimensions.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getYearCalendarUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _yearCalendarClasses.getYearCalendarUtilityClass, classes);
 };
 function useYearCalendarDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const themeProps = useThemeProps({
+  const utils = (0, _useUtils.useUtils)();
+  const defaultDates = (0, _useUtils.useDefaultDates)();
+  const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
-  return _extends({
+  return (0, _extends2.default)({
     disablePast: false,
     disableFuture: false
   }, themeProps, {
     yearsPerRow: themeProps.yearsPerRow ?? 3,
     yearsOrder: themeProps.yearsOrder ?? 'asc',
-    minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate)
+    minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
+    maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate)
   });
 }
-const YearCalendarRoot = styled('div', {
+const YearCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiYearCalendar',
   slot: 'Root',
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'yearsPerRow'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'yearsPerRow'
 })({
   display: 'flex',
   flexWrap: 'wrap',
@@ -55,8 +62,8 @@ const YearCalendarRoot = styled('div', {
   padding: '6px 0',
   overflowY: 'auto',
   height: '100%',
-  width: DIALOG_WIDTH,
-  maxHeight: MAX_CALENDAR_HEIGHT,
+  width: _dimensions.DIALOG_WIDTH,
+  maxHeight: _dimensions.MAX_CALENDAR_HEIGHT,
   // avoid padding increasing width over defined
   boxSizing: 'border-box',
   position: 'relative',
@@ -77,7 +84,7 @@ const YearCalendarRoot = styled('div', {
     }
   }]
 });
-const YearCalendarButtonFiller = styled('div', {
+const YearCalendarButtonFiller = (0, _styles.styled)('div', {
   name: 'MuiYearCalendar',
   slot: 'ButtonFiller'
 })({
@@ -93,7 +100,7 @@ const YearCalendarButtonFiller = styled('div', {
  *
  * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
  */
-export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
+const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
   const props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
   const {
       autoFocus,
@@ -120,33 +127,33 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
       slots,
       slotProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value,
     handleValueChange,
     timezone
-  } = useControlledValueWithTimezone({
+  } = (0, _useValueWithTimezone.useControlledValueWithTimezone)({
     name: 'YearCalendar',
     timezone: timezoneProp,
     value: valueProp,
     defaultValue,
     referenceDate: referenceDateProp,
     onChange,
-    valueManager: singleItemValueManager
+    valueManager: _valueManagers.singleItemValueManager
   });
-  const now = useNow(timezone);
-  const isRtl = useRtl();
-  const utils = useUtils();
+  const now = (0, _useUtils.useNow)(timezone);
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const utils = (0, _useUtils.useUtils)();
   const {
     ownerState
-  } = usePickerPrivateContext();
-  const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const referenceDate = React.useMemo(() => _valueManagers.singleItemValueManager.getInitialReferenceValue({
     value,
     utils,
     props,
     timezone,
     referenceDate: referenceDateProp,
-    granularity: SECTION_TYPE_GRANULARITY.year
+    granularity: _getDefaultReferenceDate.SECTION_TYPE_GRANULARITY.year
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
   const classes = useUtilityClasses(classesProp);
@@ -158,13 +165,13 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     return null;
   }, [value, utils]);
   const [focusedYear, setFocusedYear] = React.useState(() => selectedYear || utils.getYear(referenceDate));
-  const [internalHasFocus, setInternalHasFocus] = useControlled({
+  const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
     name: 'YearCalendar',
     state: 'hasFocus',
     controlled: hasFocus,
     default: autoFocus ?? false
   });
-  const changeHasFocus = useEventCallback(newHasFocus => {
+  const changeHasFocus = (0, _utils.unstable_useEventCallback)(newHasFocus => {
     setInternalHasFocus(newHasFocus);
     if (onFocusedViewChange) {
       onFocusedViewChange(newHasFocus);
@@ -189,14 +196,14 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     const yearToValidate = utils.startOfYear(dateToValidate);
     return shouldDisableYear(yearToValidate);
   }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableYear, utils]);
-  const handleYearSelection = useEventCallback((event, year) => {
+  const handleYearSelection = (0, _utils.unstable_useEventCallback)((event, year) => {
     if (readOnly) {
       return;
     }
     const newDate = utils.setYear(value ?? referenceDate, year);
     handleValueChange(newDate);
   });
-  const focusYear = useEventCallback(year => {
+  const focusYear = (0, _utils.unstable_useEventCallback)(year => {
     if (!isYearDisabled(utils.setYear(value ?? referenceDate, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
@@ -208,7 +215,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
   }, [selectedYear]);
   const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
   const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
-  const handleKeyDown = useEventCallback((event, year) => {
+  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, year) => {
     switch (event.key) {
       case 'ArrowUp':
         focusYear(year - verticalDirection);
@@ -230,16 +237,16 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
         break;
     }
   });
-  const handleYearFocus = useEventCallback((event, year) => {
+  const handleYearFocus = (0, _utils.unstable_useEventCallback)((event, year) => {
     focusYear(year);
   });
-  const handleYearBlur = useEventCallback((event, year) => {
+  const handleYearBlur = (0, _utils.unstable_useEventCallback)((event, year) => {
     if (focusedYear === year) {
       changeHasFocus(false);
     }
   });
   const scrollerRef = React.useRef(null);
-  const handleRef = useForkRef(ref, scrollerRef);
+  const handleRef = (0, _utils.unstable_useForkRef)(ref, scrollerRef);
   React.useEffect(() => {
     if (autoFocus || scrollerRef.current === null) {
       return;
@@ -269,9 +276,9 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
   if (fillerAmount === yearsPerRow) {
     fillerAmount = 0;
   }
-  return /*#__PURE__*/_jsxs(YearCalendarRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YearCalendarRoot, (0, _extends2.default)({
     ref: handleRef,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     role: "radiogroup",
     "aria-labelledby": gridLabelId,
@@ -281,7 +288,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);
-      return /*#__PURE__*/_jsx(YearCalendarButton, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_YearCalendarButton.YearCalendarButton, {
         selected: isSelected,
         value: yearNumber,
         onClick: handleYearSelection,
@@ -299,7 +306,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
       }, utils.format(year, 'year'));
     }), Array.from({
       length: fillerAmount
-    }, (_, index) => /*#__PURE__*/_jsx(YearCalendarButtonFiller, {}, index))]
+    }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(YearCalendarButtonFiller, {}, index))]
   }));
 });
 process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
@@ -307,88 +314,88 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  autoFocus: PropTypes.bool,
+  autoFocus: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: PropTypes.object,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the component is disabled.
    * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * If `true`, disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disableFuture: PropTypes.bool,
+  disableFuture: _propTypes.default.bool,
   /**
    * If `true`, today's date is rendering without highlighting with circle.
    * @default false
    */
-  disableHighlightToday: PropTypes.bool,
+  disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disablePast: PropTypes.bool,
-  gridLabelId: PropTypes.string,
-  hasFocus: PropTypes.bool,
+  disablePast: _propTypes.default.bool,
+  gridLabelId: _propTypes.default.string,
+  hasFocus: _propTypes.default.bool,
   /**
    * Maximal selectable date.
    * @default 2099-12-31
    */
-  maxDate: PropTypes.object,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    * @default 1900-01-01
    */
-  minDate: PropTypes.object,
+  minDate: _propTypes.default.object,
   /**
    * Callback fired when the value changes.
    * @param {PickerValidDate} value The new value.
    */
-  onChange: PropTypes.func,
-  onFocusedViewChange: PropTypes.func,
-  onYearFocus: PropTypes.func,
+  onChange: _propTypes.default.func,
+  onFocusedViewChange: _propTypes.default.func,
+  onYearFocus: _propTypes.default.func,
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.
    * @default false
    */
-  readOnly: PropTypes.bool,
+  readOnly: _propTypes.default.bool,
   /**
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
    */
-  referenceDate: PropTypes.object,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific year.
    * @param {PickerValidDate} year The year to test.
    * @returns {boolean} If `true`, the year will be disabled.
    */
-  shouldDisableYear: PropTypes.func,
+  shouldDisableYear: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -396,21 +403,21 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
-  timezone: PropTypes.string,
+  timezone: _propTypes.default.string,
   /**
    * The selected value.
    * Used when the component is controlled.
    */
-  value: PropTypes.object,
+  value: _propTypes.default.object,
   /**
    * Years are displayed in ascending (chronological) order by default.
    * If `desc`, years are displayed in descending order.
    * @default 'asc'
    */
-  yearsOrder: PropTypes.oneOf(['asc', 'desc']),
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 3
    */
-  yearsPerRow: PropTypes.oneOf([3, 4])
+  yearsPerRow: _propTypes.default.oneOf([3, 4])
 } : void 0;

package/YearCalendar/YearCalendar.types.d.ts

@@ -2,87 +2,87 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { YearCalendarClasses } from './yearCalendarClasses';
-import { BaseDateValidationProps, YearValidationProps } from '../internals/models/validation';
-import { PickerOwnerState, PickerValidDate, TimezoneProps } from '../models';
-import { FormProps } from '../internals/models/formProps';
+import { YearCalendarClasses } from "./yearCalendarClasses.js";
+import { BaseDateValidationProps, YearValidationProps } from "../internals/models/validation.js";
+import { PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
+import { FormProps } from "../internals/models/formProps.js";
 export interface YearButtonOwnerState extends PickerOwnerState {
-    isYearSelected: boolean;
-    isYearDisabled: boolean;
+  isYearSelected: boolean;
+  isYearDisabled: boolean;
 }
 export interface YearCalendarSlots {
-    /**
-     * Button displayed to render a single year in the `year` view.
-     * @default YearCalendarButton
-     */
-    yearButton?: React.ElementType;
+  /**
+   * Button displayed to render a single year in the `year` view.
+   * @default YearCalendarButton
+   */
+  yearButton?: React.ElementType;
 }
 export interface YearCalendarSlotProps {
-    yearButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
-        sx: SxProps;
-    }, {}, YearButtonOwnerState>;
+  yearButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
+    sx: SxProps;
+  }, {}, YearButtonOwnerState>;
 }
 export interface ExportedYearCalendarProps {
-    /**
-     * Years are displayed in ascending (chronological) order by default.
-     * If `desc`, years are displayed in descending order.
-     * @default 'asc'
-     */
-    yearsOrder?: 'asc' | 'desc';
-    /**
-     * Years rendered per row.
-     * @default 3
-     */
-    yearsPerRow?: 3 | 4;
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder?: 'asc' | 'desc';
+  /**
+   * Years rendered per row.
+   * @default 3
+   */
+  yearsPerRow?: 3 | 4;
 }
 export interface YearCalendarProps extends ExportedYearCalendarProps, YearValidationProps, BaseDateValidationProps, TimezoneProps, FormProps {
-    autoFocus?: boolean;
-    className?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<YearCalendarClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: YearCalendarSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: YearCalendarSlotProps;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The selected value.
-     * Used when the component is controlled.
-     */
-    value?: PickerValidDate | null;
-    /**
-     * The default selected value.
-     * Used when the component is not controlled.
-     */
-    defaultValue?: PickerValidDate | null;
-    /**
-     * The date used to generate the new value when both `value` and `defaultValue` are empty.
-     * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
-     */
-    referenceDate?: PickerValidDate;
-    /**
-     * Callback fired when the value changes.
-     * @param {PickerValidDate} value The new value.
-     */
-    onChange?: (value: PickerValidDate) => void;
-    /**
-     * If `true`, today's date is rendering without highlighting with circle.
-     * @default false
-     */
-    disableHighlightToday?: boolean;
-    onYearFocus?: (year: number) => void;
-    hasFocus?: boolean;
-    onFocusedViewChange?: (hasFocus: boolean) => void;
-    gridLabelId?: string;
-}
+  autoFocus?: boolean;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<YearCalendarClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: YearCalendarSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: YearCalendarSlotProps;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value?: PickerValidDate | null;
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue?: PickerValidDate | null;
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
+   */
+  referenceDate?: PickerValidDate;
+  /**
+   * Callback fired when the value changes.
+   * @param {PickerValidDate} value The new value.
+   */
+  onChange?: (value: PickerValidDate) => void;
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday?: boolean;
+  onYearFocus?: (year: number) => void;
+  hasFocus?: boolean;
+  onFocusedViewChange?: (hasFocus: boolean) => void;
+  gridLabelId?: string;
+}

package/YearCalendar/YearCalendar.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/YearCalendar/YearCalendarButton.d.ts

@@ -1,23 +1,23 @@
 import * as React from 'react';
-import { YearCalendarSlotProps, YearCalendarSlots } from './YearCalendar.types';
-import { YearCalendarClasses } from './yearCalendarClasses';
+import { YearCalendarSlotProps, YearCalendarSlots } from "./YearCalendar.types.js";
+import { YearCalendarClasses } from "./yearCalendarClasses.js";
 export interface YearCalendarButtonProps {
-    value: number;
-    tabIndex: number;
-    selected: boolean;
-    disabled: boolean;
-    autoFocus: boolean;
-    classes: Partial<YearCalendarClasses> | undefined;
-    slots: YearCalendarSlots | undefined;
-    slotProps: YearCalendarSlotProps | undefined;
-    'aria-current': React.AriaAttributes['aria-current'];
-    children: React.ReactNode;
-    onClick: (event: React.MouseEvent, year: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, year: number) => void;
-    onFocus: (event: React.FocusEvent, year: number) => void;
-    onBlur: (event: React.FocusEvent, year: number) => void;
+  value: number;
+  tabIndex: number;
+  selected: boolean;
+  disabled: boolean;
+  autoFocus: boolean;
+  classes: Partial<YearCalendarClasses> | undefined;
+  slots: YearCalendarSlots | undefined;
+  slotProps: YearCalendarSlotProps | undefined;
+  'aria-current': React.AriaAttributes['aria-current'];
+  children: React.ReactNode;
+  onClick: (event: React.MouseEvent, year: number) => void;
+  onKeyDown: (event: React.KeyboardEvent, year: number) => void;
+  onFocus: (event: React.FocusEvent, year: number) => void;
+  onBlur: (event: React.FocusEvent, year: number) => void;
 }
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.NamedExoticComponent<YearCalendarButtonProps>;
+export declare const YearCalendarButton: React.NamedExoticComponent<YearCalendarButtonProps>;