@mui/x-date-pickers 8.0.0-alpha.9 → 8.0.0-beta.0

package/TimeClock/ClockPointer.js

@@ -1,24 +1,31 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClockPointer = ClockPointer;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _shared = require("./shared");
+var _clockPointerClasses = require("./clockPointerClasses");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes", "isBetweenTwoClockValues", "isInner", "type", "viewValue"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { CLOCK_WIDTH, CLOCK_HOUR_WIDTH } from "./shared.js";
-import { getClockPointerUtilityClass } from "./clockPointerClasses.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     thumb: ['thumb']
   };
-  return composeClasses(slots, getClockPointerUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _clockPointerClasses.getClockPointerUtilityClass, classes);
 };
-const ClockPointerRoot = styled('div', {
+const ClockPointerRoot = (0, _styles.styled)('div', {
   name: 'MuiClockPointer',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -40,7 +47,7 @@ const ClockPointerRoot = styled('div', {
     }
   }]
 }));
-const ClockPointerThumb = styled('div', {
+const ClockPointerThumb = (0, _styles.styled)('div', {
   name: 'MuiClockPointer',
   slot: 'Thumb',
   overridesResolver: (_, styles) => styles.thumb
@@ -53,12 +60,12 @@ const ClockPointerThumb = styled('div', {
   borderRadius: '50%',
   position: 'absolute',
   top: -21,
-  left: `calc(50% - ${CLOCK_HOUR_WIDTH / 2}px)`,
-  border: `${(CLOCK_HOUR_WIDTH - 4) / 2}px solid ${(theme.vars || theme).palette.primary.main}`,
+  left: `calc(50% - ${_shared.CLOCK_HOUR_WIDTH / 2}px)`,
+  border: `${(_shared.CLOCK_HOUR_WIDTH - 4) / 2}px solid ${(theme.vars || theme).palette.primary.main}`,
   boxSizing: 'content-box',
   variants: [{
     props: {
-      isBetweenTwoClockValues: false
+      isClockPointerBetweenTwoValues: false
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main
@@ -69,8 +76,8 @@ const ClockPointerThumb = styled('div', {
 /**
  * @ignore - internal component.
  */
-export function ClockPointer(inProps) {
-  const props = useThemeProps({
+function ClockPointer(inProps) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiClockPointer'
   });
@@ -82,15 +89,15 @@ export function ClockPointer(inProps) {
       type,
       viewValue
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const previousType = React.useRef(type);
   React.useEffect(() => {
     previousType.current = type;
   }, [type]);
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
     isClockPointerAnimated: previousType.current !== type,
     isClockPointerBetweenTwoValues: isBetweenTwoClockValues
   });
@@ -102,16 +109,16 @@ export function ClockPointer(inProps) {
       angle -= 360; // round up angle to max 360 degrees
     }
     return {
-      height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
+      height: Math.round((isInner ? 0.26 : 0.4) * _shared.CLOCK_WIDTH),
       transform: `rotateZ(${angle}deg)`
     };
   };
-  return /*#__PURE__*/_jsx(ClockPointerRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPointerRoot, (0, _extends2.default)({
     style: getAngleStyle(),
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
-    children: /*#__PURE__*/_jsx(ClockPointerThumb, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPointerThumb, {
       ownerState: ownerState,
       className: classes.thumb
     })

package/TimeClock/TimeClock.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TimeClockProps } from './TimeClock.types';
+import { TimeClockProps } from "./TimeClock.types.js";
 type TimeClockComponent = ((props: TimeClockProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -14,4 +14,4 @@ type TimeClockComponent = ((props: TimeClockProps & React.RefAttributes<HTMLDivE
  * - [TimeClock API](https://mui.com/x/api/date-pickers/time-clock/)
  */
 export declare const TimeClock: TimeClockComponent;
-export {};
+export {};

package/TimeClock/TimeClock.js

@@ -1,36 +1,43 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeClock = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _useUtils = require("../internals/hooks/useUtils");
+var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitcher");
+var _timeUtils = require("../internals/utils/time-utils");
+var _useViews = require("../internals/hooks/useViews");
+var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
+var _PickerViewRoot = require("../internals/components/PickerViewRoot");
+var _timeClockClasses = require("./timeClockClasses");
+var _Clock = require("./Clock");
+var _ClockNumbers = require("./ClockNumbers");
+var _useControlledValue = require("../internals/hooks/useControlledValue");
+var _valueManagers = require("../internals/utils/valueManagers");
+var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ampm", "ampmInClock", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "showViewSwitcher", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "classes", "disabled", "readOnly", "timezone"];
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { useUtils, useNow } from "../internals/hooks/useUtils.js";
-import { PickersArrowSwitcher } from "../internals/components/PickersArrowSwitcher/index.js";
-import { convertValueToMeridiem, createIsAfterIgnoreDatePart } from "../internals/utils/time-utils.js";
-import { useViews } from "../internals/hooks/useViews.js";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { PickerViewRoot } from "../internals/components/PickerViewRoot/index.js";
-import { getTimeClockUtilityClass } from "./timeClockClasses.js";
-import { Clock } from "./Clock.js";
-import { getHourNumbers, getMinutesNumbers } from "./ClockNumbers.js";
-import { useControlledValueWithTimezone } from "../internals/hooks/useValueWithTimezone.js";
-import { singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { useClockReferenceDate } from "../internals/hooks/useClockReferenceDate.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'],
     arrowSwitcher: ['arrowSwitcher']
   };
-  return composeClasses(slots, getTimeClockUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _timeClockClasses.getTimeClockUtilityClass, classes);
 };
-const TimeClockRoot = styled(PickerViewRoot, {
+const TimeClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
   name: 'MuiTimeClock',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -39,7 +46,7 @@ const TimeClockRoot = styled(PickerViewRoot, {
   flexDirection: 'column',
   position: 'relative'
 });
-const TimeClockArrowSwitcher = styled(PickersArrowSwitcher, {
+const TimeClockArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.PickersArrowSwitcher, {
   name: 'MuiTimeClock',
   slot: 'ArrowSwitcher',
   overridesResolver: (props, styles) => styles.arrowSwitcher
@@ -60,9 +67,9 @@ const TIME_CLOCK_DEFAULT_VIEWS = ['hours', 'minutes'];
  *
  * - [TimeClock API](https://mui.com/x/api/date-pickers/time-clock/)
  */
-export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps, ref) {
-  const utils = useUtils();
-  const props = useThemeProps({
+const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps, ref) {
+  const utils = (0, _useUtils.useUtils)();
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimeClock'
   });
@@ -96,40 +103,40 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
       readOnly,
       timezone: timezoneProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value,
     handleValueChange,
     timezone
-  } = useControlledValueWithTimezone({
+  } = (0, _useControlledValue.useControlledValue)({
     name: 'TimeClock',
     timezone: timezoneProp,
     value: valueProp,
     defaultValue,
     referenceDate: referenceDateProp,
     onChange,
-    valueManager: singleItemValueManager
+    valueManager: _valueManagers.singleItemValueManager
   });
-  const valueOrReferenceDate = useClockReferenceDate({
+  const valueOrReferenceDate = (0, _useClockReferenceDate.useClockReferenceDate)({
     value,
     referenceDate: referenceDateProp,
     utils,
     props,
     timezone
   });
-  const translations = usePickerTranslations();
-  const now = useNow(timezone);
-  const selectedId = useId();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const now = (0, _useUtils.useNow)(timezone);
+  const selectedId = (0, _utils.unstable_useId)();
   const {
     ownerState
-  } = usePickerPrivateContext();
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
     view,
     setView,
     previousView,
     nextView,
     setValueAndGoToNextView
-  } = useViews({
+  } = (0, _useViews.useViews)({
     view: inView,
     views,
     openTo,
@@ -141,9 +148,9 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
   const {
     meridiemMode,
     handleMeridiemChange
-  } = useMeridiemMode(valueOrReferenceDate, ampm, setValueAndGoToNextView);
+  } = (0, _dateHelpersHooks.useMeridiemMode)(valueOrReferenceDate, ampm, setValueAndGoToNextView);
   const isTimeDisabled = React.useCallback((rawValue, viewType) => {
-    const isAfter = createIsAfterIgnoreDatePart(disableIgnoringDatePartForTimeValidation, utils);
+    const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, utils);
     const shouldCheckPastEnd = viewType === 'hours' || viewType === 'minutes' && views.includes('seconds');
     const containsValidTime = ({
       start,
@@ -184,7 +191,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
     switch (viewType) {
       case 'hours':
         {
-          const valueWithMeridiem = convertValueToMeridiem(rawValue, meridiemMode, ampm);
+          const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(rawValue, meridiemMode, ampm);
           const dateWithNewHours = utils.setHours(valueOrReferenceDate, valueWithMeridiem);
           if (utils.getHours(dateWithNewHours) !== valueWithMeridiem) {
             return true;
@@ -225,7 +232,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
       case 'hours':
         {
           const handleHoursChange = (hourValue, isFinish) => {
-            const valueWithMeridiem = convertValueToMeridiem(hourValue, meridiemMode, ampm);
+            const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(hourValue, meridiemMode, ampm);
             setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), isFinish, 'hours');
           };
           const viewValue = utils.getHours(valueOrReferenceDate);
@@ -242,7 +249,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
           return {
             onChange: handleHoursChange,
             viewValue,
-            children: getHourNumbers({
+            children: (0, _ClockNumbers.getHourNumbers)({
               value,
               utils,
               ampm,
@@ -263,7 +270,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
           return {
             viewValue: minutesValue,
             onChange: handleMinutesChange,
-            children: getMinutesNumbers({
+            children: (0, _ClockNumbers.getMinutesNumbers)({
               utils,
               value: minutesValue,
               onChange: handleMinutesChange,
@@ -283,7 +290,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
           return {
             viewValue: secondsValue,
             onChange: handleSecondsChange,
-            children: getMinutesNumbers({
+            children: (0, _ClockNumbers.getMinutesNumbers)({
               utils,
               value: secondsValue,
               onChange: handleSecondsChange,
@@ -299,12 +306,12 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
     }
   }, [view, utils, value, ampm, translations.hoursClockNumberText, translations.minutesClockNumberText, translations.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, selectedId, disabled]);
   const classes = useUtilityClasses(classesProp);
-  return /*#__PURE__*/_jsxs(TimeClockRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimeClockRoot, (0, _extends2.default)({
     ref: ref,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
-    children: [/*#__PURE__*/_jsx(Clock, _extends({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Clock.Clock, (0, _extends2.default)({
       autoFocus: autoFocus ?? !!focusedView,
       ampmInClock: ampmInClock && views.includes('hours'),
       value: value,
@@ -317,7 +324,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
       selectedId: selectedId,
       disabled: disabled,
       readOnly: readOnly
-    }, viewProps)), showViewSwitcher && /*#__PURE__*/_jsx(TimeClockArrowSwitcher, {
+    }, viewProps)), showViewSwitcher && /*#__PURE__*/(0, _jsxRuntime.jsx)(TimeClockArrowSwitcher, {
       className: classes.arrowSwitcher,
       slots: slots,
       slotProps: slotProps,
@@ -340,69 +347,69 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    * 12h/24h view for hour selection clock.
    * @default utils.is12HourCycleInCurrentLocale()
    */
-  ampm: PropTypes.bool,
+  ampm: _propTypes.default.bool,
   /**
    * Display ampm controls under the clock (instead of in the toolbar).
    * @default false
    */
-  ampmInClock: PropTypes.bool,
+  ampmInClock: _propTypes.default.bool,
   /**
    * If `true`, the main element is focused during the first mount.
    * This main element is:
    * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
    * - the `input` element if there is a field rendered.
    */
-  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,
   /**
    * Do not ignore date part when validating min/max time.
    * @default false
    */
-  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
+  disableIgnoringDatePartForTimeValidation: _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,
+  disablePast: _propTypes.default.bool,
   /**
    * Controlled focused view.
    */
-  focusedView: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
+  focusedView: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: PropTypes.object,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: PropTypes.object,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
    */
-  minutesStep: PropTypes.number,
+  minutesStep: _propTypes.default.number,
   /**
    * Callback fired when the value changes.
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
@@ -411,59 +418,59 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
    * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
    */
-  onChange: PropTypes.func,
+  onChange: _propTypes.default.func,
   /**
    * Callback fired on focused view change.
    * @template TView
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
-  onFocusedViewChange: PropTypes.func,
+  onFocusedViewChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
    * @template TView
    * @param {TView} view The new view.
    */
-  onViewChange: PropTypes.func,
+  onViewChange: _propTypes.default.func,
   /**
    * The default visible view.
    * Used when the component view is not controlled.
    * Must be a valid option from `views` list.
    */
-  openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
+  openTo: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * 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 time using the validation props, except callbacks such as `shouldDisableTime`.
    */
-  referenceDate: PropTypes.object,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific time.
    * @param {PickerValidDate} value The value to check.
    * @param {TimeView} view The clock type of the timeValue.
    * @returns {boolean} If `true` the time will be disabled.
    */
-  shouldDisableTime: PropTypes.func,
-  showViewSwitcher: PropTypes.bool,
+  shouldDisableTime: _propTypes.default.func,
+  showViewSwitcher: _propTypes.default.bool,
   /**
    * 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".
@@ -471,21 +478,21 @@ process.env.NODE_ENV !== "production" ? TimeClock.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,
   /**
    * The visible view.
    * Used when the component view is controlled.
    * Must be a valid option from `views` list.
    */
-  view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
+  view: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Available views.
    * @default ['hours', 'minutes']
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
+  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/TimeClock/TimeClock.types.d.ts

@@ -1,38 +1,36 @@
-import { TimeClockClasses } from './timeClockClasses';
-import { PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from '../internals/components/PickersArrowSwitcher';
-import { BaseClockProps, ExportedBaseClockProps } from '../internals/models/props/time';
-import { TimeView } from '../models';
-import { TimeViewWithMeridiem } from '../internals/models';
+import { TimeClockClasses } from "./timeClockClasses.js";
+import { PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from "../internals/components/PickersArrowSwitcher/index.js";
+import { BaseClockProps, ExportedBaseClockProps } from "../internals/models/props/time.js";
+import { TimeView } from "../models/index.js";
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
 export interface ExportedTimeClockProps extends ExportedBaseClockProps {
-    /**
-     * Display ampm controls under the clock (instead of in the toolbar).
-     * @default false
-     */
-    ampmInClock?: boolean;
-}
-export interface TimeClockSlots extends PickersArrowSwitcherSlots {
-}
-export interface TimeClockSlotProps extends PickersArrowSwitcherSlotProps {
+  /**
+   * Display ampm controls under the clock (instead of in the toolbar).
+   * @default false
+   */
+  ampmInClock?: boolean;
 }
+export interface TimeClockSlots extends PickersArrowSwitcherSlots {}
+export interface TimeClockSlotProps extends PickersArrowSwitcherSlotProps {}
 export interface TimeClockProps<TView extends TimeViewWithMeridiem = TimeView> extends ExportedTimeClockProps, BaseClockProps<TView> {
-    /**
-     * Available views.
-     * @default ['hours', 'minutes']
-     */
-    views?: readonly TView[];
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TimeClockClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: TimeClockSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: TimeClockSlotProps;
-    showViewSwitcher?: boolean;
-}
+  /**
+   * Available views.
+   * @default ['hours', 'minutes']
+   */
+  views?: readonly TView[];
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimeClockClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: TimeClockSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: TimeClockSlotProps;
+  showViewSwitcher?: boolean;
+}

package/TimeClock/TimeClock.types.js

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

package/TimeClock/clockClasses.d.ts

@@ -1,23 +1,23 @@
 export interface ClockClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the clock element. */
-    clock: string;
-    /** Styles applied to the wrapper element. */
-    wrapper: string;
-    /** Styles applied to the square mask element. */
-    squareMask: string;
-    /** Styles applied to the pin element. */
-    pin: string;
-    /** Styles applied to the am button element. */
-    amButton: string;
-    /** Styles applied to the pm button element. */
-    pmButton: string;
-    /** Styles applied to the meridiem typography element. */
-    meridiemText: string;
-    /** Styles applied to the selected meridiem button element */
-    selected: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the clock element. */
+  clock: string;
+  /** Styles applied to the wrapper element. */
+  wrapper: string;
+  /** Styles applied to the square mask element. */
+  squareMask: string;
+  /** Styles applied to the pin element. */
+  pin: string;
+  /** Styles applied to the am button element. */
+  amButton: string;
+  /** Styles applied to the pm button element. */
+  pmButton: string;
+  /** Styles applied to the meridiem typography element. */
+  meridiemText: string;
+  /** Styles applied to the selected meridiem button element */
+  selected: string;
 }
 export type ClockClassKey = keyof ClockClasses;
 export declare function getClockUtilityClass(slot: string): string;
-export declare const clockClasses: ClockClasses;
+export declare const clockClasses: ClockClasses;