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

package/TimeClock/Clock.js

@@ -1,18 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import IconButton from '@mui/material/IconButton';
-import Typography from '@mui/material/Typography';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_useEnhancedEffect as useEnhancedEffect, unstable_composeClasses as composeClasses } from '@mui/utils';
-import { ClockPointer } from "./ClockPointer.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { CLOCK_HOUR_WIDTH, getHours, getMinutes } from "./shared.js";
-import { getClockUtilityClass } from "./clockClasses.js";
-import { formatMeridiem } from "../internals/utils/date-utils.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Clock = Clock;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
+var _ClockPointer = require("./ClockPointer");
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _useUtils = require("../internals/hooks/useUtils");
+var _shared = require("./shared");
+var _clockClasses = require("./clockClasses");
+var _dateUtils = require("../internals/utils/date-utils");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = (classes, ownerState) => {
   const slots = {
     root: ['root'],
@@ -24,9 +32,9 @@ const useUtilityClasses = (classes, ownerState) => {
     pmButton: ['pmButton', ownerState.clockMeridiemMode === 'pm' && 'selected'],
     meridiemText: ['meridiemText']
   };
-  return composeClasses(slots, getClockUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _clockClasses.getClockUtilityClass, classes);
 };
-const ClockRoot = styled('div', {
+const ClockRoot = (0, _styles.styled)('div', {
   name: 'MuiClock',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -38,7 +46,7 @@ const ClockRoot = styled('div', {
   alignItems: 'center',
   margin: theme.spacing(2)
 }));
-const ClockClock = styled('div', {
+const ClockClock = (0, _styles.styled)('div', {
   name: 'MuiClock',
   slot: 'Clock',
   overridesResolver: (_, styles) => styles.clock
@@ -51,7 +59,7 @@ const ClockClock = styled('div', {
   position: 'relative',
   pointerEvents: 'none'
 });
-const ClockWrapper = styled('div', {
+const ClockWrapper = (0, _styles.styled)('div', {
   name: 'MuiClock',
   slot: 'Wrapper',
   overridesResolver: (_, styles) => styles.wrapper
@@ -60,7 +68,7 @@ const ClockWrapper = styled('div', {
     outline: 'none'
   }
 });
-const ClockSquareMask = styled('div', {
+const ClockSquareMask = (0, _styles.styled)('div', {
   name: 'MuiClock',
   slot: 'SquareMask',
   overridesResolver: (_, styles) => styles.squareMask
@@ -88,7 +96,7 @@ const ClockSquareMask = styled('div', {
     }
   }]
 });
-const ClockPin = styled('div', {
+const ClockPin = (0, _styles.styled)('div', {
   name: 'MuiClock',
   slot: 'Pin',
   overridesResolver: (_, styles) => styles.pin
@@ -104,15 +112,15 @@ const ClockPin = styled('div', {
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }));
-const meridiemButtonCommonStyles = (theme, meridiemMode) => ({
+const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
   zIndex: 1,
   bottom: 8,
   paddingLeft: 4,
   paddingRight: 4,
-  width: CLOCK_HOUR_WIDTH,
+  width: _shared.CLOCK_HOUR_WIDTH,
   variants: [{
     props: {
-      meridiemMode
+      clockMeridiemMode
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -123,29 +131,29 @@ const meridiemButtonCommonStyles = (theme, meridiemMode) => ({
     }
   }]
 });
-const ClockAmButton = styled(IconButton, {
+const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
   slot: 'AmButton',
   overridesResolver: (_, styles) => styles.amButton
 })(({
   theme
-}) => _extends({}, meridiemButtonCommonStyles(theme, 'am'), {
+}) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'am'), {
   // keeping it here to make TS happy
   position: 'absolute',
   left: 8
 }));
-const ClockPmButton = styled(IconButton, {
+const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
   slot: 'PmButton',
   overridesResolver: (_, styles) => styles.pmButton
 })(({
   theme
-}) => _extends({}, meridiemButtonCommonStyles(theme, 'pm'), {
+}) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'pm'), {
   // keeping it here to make TS happy
   position: 'absolute',
   right: 8
 }));
-const ClockMeridiemText = styled(Typography, {
+const ClockMeridiemText = (0, _styles.styled)(_Typography.default, {
   name: 'MuiClock',
   slot: 'meridiemText',
   overridesResolver: (_, styles) => styles.meridiemText
@@ -158,8 +166,8 @@ const ClockMeridiemText = styled(Typography, {
 /**
  * @ignore - internal component.
  */
-export function Clock(inProps) {
-  const props = useThemeProps({
+function Clock(inProps) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiClock'
   });
@@ -183,12 +191,12 @@ export function Clock(inProps) {
     className,
     classes: classesProp
   } = props;
-  const utils = useUtils();
-  const translations = usePickerTranslations();
+  const utils = (0, _useUtils.useUtils)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
     isClockDisabled: disabled,
     clockMeridiemMode: meridiemMode
   });
@@ -215,7 +223,7 @@ export function Clock(inProps) {
       offsetX = event.changedTouches[0].clientX - rect.left;
       offsetY = event.changedTouches[0].clientY - rect.top;
     }
-    const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
+    const newSelectedValue = type === 'seconds' || type === 'minutes' ? (0, _shared.getMinutes)(offsetX, offsetY, minutesStep) : (0, _shared.getHours)(offsetX, offsetY, Boolean(ampm));
     handleValueChange(newSelectedValue, isFinish);
   };
   const handleTouchSelection = event => {
@@ -246,7 +254,7 @@ export function Clock(inProps) {
   const listboxRef = React.useRef(null);
   // Since this is rendered when a Popper is opened we can't use passive effects.
   // Focusing in passive effects in Popper causes scroll jump.
-  useEnhancedEffect(() => {
+  (0, _utils.unstable_useEnhancedEffect)(() => {
     if (autoFocus) {
       // The ref not being resolved would be a bug in MUI.
       listboxRef.current.focus();
@@ -294,11 +302,11 @@ export function Clock(inProps) {
       // do nothing
     }
   };
-  return /*#__PURE__*/_jsxs(ClockRoot, {
-    className: clsx(classes.root, className),
-    children: [/*#__PURE__*/_jsxs(ClockClock, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockRoot, {
+    className: (0, _clsx.default)(classes.root, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
       className: classes.clock,
-      children: [/*#__PURE__*/_jsx(ClockSquareMask, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
         onTouchMove: handleTouchSelection,
         onTouchStart: handleTouchSelection,
         onTouchEnd: handleTouchEnd,
@@ -306,18 +314,18 @@ export function Clock(inProps) {
         onMouseMove: handleMouseMove,
         ownerState: ownerState,
         className: classes.squareMask
-      }), !isSelectedTimeDisabled && /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [/*#__PURE__*/_jsx(ClockPin, {
+      }), !isSelectedTimeDisabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPin, {
           className: classes.pin
-        }), value != null && /*#__PURE__*/_jsx(ClockPointer, {
+        }), value != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPointer.ClockPointer, {
           type: type,
           viewValue: viewValue,
           isInner: isPointerInner,
           isBetweenTwoClockValues: isPointerBetweenTwoClockValues
         })]
-      }), /*#__PURE__*/_jsx(ClockWrapper, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockWrapper, {
         "aria-activedescendant": selectedId,
-        "aria-label": translations.clockLabelText(type, value == null ? null : utils.format(value, 'fullTime')),
+        "aria-label": translations.clockLabelText(type, value == null ? null : utils.format(value, ampm ? 'fullTime12h' : 'fullTime24h')),
         ref: listboxRef,
         role: "listbox",
         onKeyDown: handleKeyDown,
@@ -325,28 +333,28 @@ export function Clock(inProps) {
         className: classes.wrapper,
         children: children
       })]
-    }), ampm && ampmInClock && /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(ClockAmButton, {
+    }), ampm && ampmInClock && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockAmButton, {
         onClick: readOnly ? undefined : () => handleMeridiemChange('am'),
         disabled: disabled || meridiemMode === null,
         ownerState: ownerState,
         className: classes.amButton,
-        title: formatMeridiem(utils, 'am'),
-        children: /*#__PURE__*/_jsx(ClockMeridiemText, {
+        title: (0, _dateUtils.formatMeridiem)(utils, 'am'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockMeridiemText, {
           variant: "caption",
           className: classes.meridiemText,
-          children: formatMeridiem(utils, 'am')
+          children: (0, _dateUtils.formatMeridiem)(utils, 'am')
         })
-      }), /*#__PURE__*/_jsx(ClockPmButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPmButton, {
         disabled: disabled || meridiemMode === null,
         onClick: readOnly ? undefined : () => handleMeridiemChange('pm'),
         ownerState: ownerState,
         className: classes.pmButton,
-        title: formatMeridiem(utils, 'pm'),
-        children: /*#__PURE__*/_jsx(ClockMeridiemText, {
+        title: (0, _dateUtils.formatMeridiem)(utils, 'pm'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockMeridiemText, {
           variant: "caption",
           className: classes.meridiemText,
-          children: formatMeridiem(utils, 'pm')
+          children: (0, _dateUtils.formatMeridiem)(utils, 'pm')
         })
       })]
     })]

package/TimeClock/ClockNumber.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import { ClockNumberClasses } from './clockNumberClasses';
+import { ClockNumberClasses } from "./clockNumberClasses.js";
 export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
-    'aria-label': string;
-    disabled: boolean;
-    /**
-     * Make sure callers pass an id which. It should be defined if selected.
-     */
-    id: string | undefined;
-    index: number;
-    inner: boolean;
-    label: string;
-    selected: boolean;
-    classes?: Partial<ClockNumberClasses>;
+  'aria-label': string;
+  disabled: boolean;
+  /**
+   * Make sure callers pass an id which. It should be defined if selected.
+   */
+  id: string | undefined;
+  index: number;
+  inner: boolean;
+  label: string;
+  selected: boolean;
+  classes?: Partial<ClockNumberClasses>;
 }
 /**
  * @ignore - internal component.
  */
-export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;

package/TimeClock/ClockNumber.js

@@ -1,35 +1,43 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClockNumber = ClockNumber;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _clockNumberClasses = require("./clockNumberClasses");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes", "disabled", "index", "inner", "label", "selected"];
-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 { getClockNumberUtilityClass, clockNumberClasses } from "./clockNumberClasses.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = (classes, ownerState) => {
   const slots = {
     root: ['root', ownerState.isClockNumberSelected && 'selected', ownerState.isClockNumberDisabled && 'disabled']
   };
-  return composeClasses(slots, getClockNumberUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _clockNumberClasses.getClockNumberUtilityClass, classes);
 };
-const ClockNumberRoot = styled('span', {
+const ClockNumberRoot = (0, _styles.styled)('span', {
   name: 'MuiClockNumber',
   slot: 'Root',
   overridesResolver: (_, styles) => [styles.root, {
-    [`&.${clockNumberClasses.disabled}`]: styles.disabled
+    [`&.${_clockNumberClasses.clockNumberClasses.disabled}`]: styles.disabled
   }, {
-    [`&.${clockNumberClasses.selected}`]: styles.selected
+    [`&.${_clockNumberClasses.clockNumberClasses.selected}`]: styles.selected
   }]
 })(({
   theme
 }) => ({
-  height: CLOCK_HOUR_WIDTH,
-  width: CLOCK_HOUR_WIDTH,
+  height: _shared.CLOCK_HOUR_WIDTH,
+  width: _shared.CLOCK_HOUR_WIDTH,
   position: 'absolute',
-  left: `calc((100% - ${CLOCK_HOUR_WIDTH}px) / 2)`,
+  left: `calc((100% - ${_shared.CLOCK_HOUR_WIDTH}px) / 2)`,
   display: 'inline-flex',
   justifyContent: 'center',
   alignItems: 'center',
@@ -39,10 +47,10 @@ const ClockNumberRoot = styled('span', {
   '&:focused': {
     backgroundColor: (theme.vars || theme).palette.background.paper
   },
-  [`&.${clockNumberClasses.selected}`]: {
+  [`&.${_clockNumberClasses.clockNumberClasses.selected}`]: {
     color: (theme.vars || theme).palette.primary.contrastText
   },
-  [`&.${clockNumberClasses.disabled}`]: {
+  [`&.${_clockNumberClasses.clockNumberClasses.disabled}`]: {
     pointerEvents: 'none',
     color: (theme.vars || theme).palette.text.disabled
   },
@@ -50,7 +58,7 @@ const ClockNumberRoot = styled('span', {
     props: {
       isClockNumberInInnerRing: true
     },
-    style: _extends({}, theme.typography.body2, {
+    style: (0, _extends2.default)({}, theme.typography.body2, {
       color: (theme.vars || theme).palette.text.secondary
     })
   }]
@@ -59,8 +67,8 @@ const ClockNumberRoot = styled('span', {
 /**
  * @ignore - internal component.
  */
-export function ClockNumber(inProps) {
-  const props = useThemeProps({
+function ClockNumber(inProps) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiClockNumber'
   });
@@ -73,27 +81,27 @@ export function ClockNumber(inProps) {
       label,
       selected
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
     isClockNumberInInnerRing: inner,
     isClockNumberSelected: selected,
     isClockNumberDisabled: disabled
   });
   const classes = useUtilityClasses(classesProp, ownerState);
   const angle = index % 12 / 12 * Math.PI * 2 - Math.PI / 2;
-  const length = (CLOCK_WIDTH - CLOCK_HOUR_WIDTH - 2) / 2 * (inner ? 0.65 : 1);
+  const length = (_shared.CLOCK_WIDTH - _shared.CLOCK_HOUR_WIDTH - 2) / 2 * (inner ? 0.65 : 1);
   const x = Math.round(Math.cos(angle) * length);
   const y = Math.round(Math.sin(angle) * length);
-  return /*#__PURE__*/_jsx(ClockNumberRoot, _extends({
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockNumberRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
     "aria-disabled": disabled ? true : undefined,
     "aria-selected": selected ? true : undefined,
     role: "option",
     style: {
-      transform: `translate(${x}px, ${y + (CLOCK_WIDTH - CLOCK_HOUR_WIDTH) / 2}px`
+      transform: `translate(${x}px, ${y + (_shared.CLOCK_WIDTH - _shared.CLOCK_HOUR_WIDTH) / 2}px`
     },
     ownerState: ownerState
   }, other, {

package/TimeClock/ClockNumbers.d.ts

@@ -1,24 +1,37 @@
 import * as React from 'react';
-import { MuiPickersAdapter, PickerValidDate } from '../models';
+import { MuiPickersAdapter, PickerValidDate } from "../models/index.js";
 import type { PickerSelectionState } from '../internals/hooks/usePicker';
 interface GetHourNumbersOptions {
-    ampm: boolean;
-    value: PickerValidDate | null;
-    getClockNumberText: (hour: string) => string;
-    isDisabled: (value: number) => boolean;
-    onChange: (value: number, isFinish?: PickerSelectionState) => void;
-    /**
-     * DOM id that the selected option should have
-     * Should only be `undefined` on the server
-     */
-    selectedId: string | undefined;
-    utils: MuiPickersAdapter;
+  ampm: boolean;
+  value: PickerValidDate | null;
+  getClockNumberText: (hour: string) => string;
+  isDisabled: (value: number) => boolean;
+  onChange: (value: number, isFinish?: PickerSelectionState) => void;
+  /**
+   * DOM id that the selected option should have
+   * Should only be `undefined` on the server
+   */
+  selectedId: string | undefined;
+  utils: MuiPickersAdapter;
 }
 /**
  * @ignore - internal component.
  */
-export declare const getHourNumbers: ({ ampm, value, getClockNumberText, isDisabled, selectedId, utils, }: GetHourNumbersOptions) => React.JSX.Element[];
-export declare const getMinutesNumbers: ({ utils, value, isDisabled, getClockNumberText, selectedId, }: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
-    value: number;
+export declare const getHourNumbers: ({
+  ampm,
+  value,
+  getClockNumberText,
+  isDisabled,
+  selectedId,
+  utils
+}: GetHourNumbersOptions) => React.JSX.Element[];
+export declare const getMinutesNumbers: ({
+  utils,
+  value,
+  isDisabled,
+  getClockNumberText,
+  selectedId
+}: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
+  value: number;
 }) => React.JSX.Element[];
-export {};
+export {};

package/TimeClock/ClockNumbers.js

@@ -1,10 +1,17 @@
-import * as React from 'react';
-import { ClockNumber } from "./ClockNumber.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMinutesNumbers = exports.getHourNumbers = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _ClockNumber = require("./ClockNumber");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-export const getHourNumbers = ({
+const getHourNumbers = ({
   ampm,
   value,
   getClockNumberText,
@@ -36,7 +43,7 @@ export const getHourNumbers = ({
     const inner = !ampm && (hour === 0 || hour > 12);
     label = utils.formatNumber(label);
     const selected = isSelected(hour);
-    hourNumbers.push(/*#__PURE__*/_jsx(ClockNumber, {
+    hourNumbers.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockNumber.ClockNumber, {
       id: selected ? selectedId : undefined,
       index: hour,
       inner: inner,
@@ -48,7 +55,8 @@ export const getHourNumbers = ({
   }
   return hourNumbers;
 };
-export const getMinutesNumbers = ({
+exports.getHourNumbers = getHourNumbers;
+const getMinutesNumbers = ({
   utils,
   value,
   isDisabled,
@@ -58,7 +66,7 @@ export const getMinutesNumbers = ({
   const f = utils.formatNumber;
   return [[5, f('05')], [10, f('10')], [15, f('15')], [20, f('20')], [25, f('25')], [30, f('30')], [35, f('35')], [40, f('40')], [45, f('45')], [50, f('50')], [55, f('55')], [0, f('00')]].map(([numberValue, label], index) => {
     const selected = numberValue === value;
-    return /*#__PURE__*/_jsx(ClockNumber, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockNumber.ClockNumber, {
       label: label,
       id: selected ? selectedId : undefined,
       index: index + 1,
@@ -68,4 +76,5 @@ export const getMinutesNumbers = ({
       "aria-label": getClockNumberText(label)
     }, numberValue);
   });
-};
+};
+exports.getMinutesNumbers = getMinutesNumbers;

package/TimeClock/ClockPointer.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import { TimeView } from '../models';
-import { ClockPointerClasses } from './clockPointerClasses';
+import { TimeView } from "../models/index.js";
+import { ClockPointerClasses } from "./clockPointerClasses.js";
 export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * `true` if the pointer is between two clock values.
-     * On the `hours` view, it is always false.
-     * On the `minutes` view, it is true if the pointer is on a value that is not a multiple of 5.
-     */
-    isBetweenTwoClockValues: boolean;
-    isInner: boolean;
-    type: TimeView;
-    viewValue: number;
-    classes?: Partial<ClockPointerClasses>;
+  /**
+   * `true` if the pointer is between two clock values.
+   * On the `hours` view, it is always false.
+   * On the `minutes` view, it is true if the pointer is on a value that is not a multiple of 5.
+   */
+  isBetweenTwoClockValues: boolean;
+  isInner: boolean;
+  type: TimeView;
+  viewValue: number;
+  classes?: Partial<ClockPointerClasses>;
 }
 /**
  * @ignore - internal component.
  */
-export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;
+export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;