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

package/PickersLayout/PickersLayout.js

@@ -1,14 +1,21 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { pickersLayoutClasses, getPickersLayoutUtilityClass } from "./pickersLayoutClasses.js";
-import usePickerLayout from "./usePickerLayout.js";
-import { usePickerContext } from "../hooks/usePickerContext.js";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersLayoutRoot = exports.PickersLayoutContentWrapper = exports.PickersLayout = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _pickersLayoutClasses = require("./pickersLayoutClasses");
+var _usePickerLayout = _interopRequireDefault(require("./usePickerLayout"));
+var _usePickerContext = require("../hooks/usePickerContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = (classes, ownerState) => {
   const {
     pickerOrientation
@@ -17,9 +24,9 @@ const useUtilityClasses = (classes, ownerState) => {
     root: ['root', pickerOrientation === 'landscape' && 'landscape'],
     contentWrapper: ['contentWrapper']
   };
-  return composeClasses(slots, getPickersLayoutUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
 };
-export const PickersLayoutRoot = styled('div', {
+const PickersLayoutRoot = exports.PickersLayoutRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersLayout',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -27,7 +34,7 @@ export const PickersLayoutRoot = styled('div', {
   display: 'grid',
   gridAutoColumns: 'max-content auto max-content',
   gridAutoRows: 'max-content auto max-content',
-  [`& .${pickersLayoutClasses.actionBar}`]: {
+  [`& .${_pickersLayoutClasses.pickersLayoutClasses.actionBar}`]: {
     gridColumn: '1 / 4',
     gridRow: 3
   },
@@ -36,11 +43,11 @@ export const PickersLayoutRoot = styled('div', {
       pickerOrientation: 'landscape'
     },
     style: {
-      [`& .${pickersLayoutClasses.toolbar}`]: {
+      [`& .${_pickersLayoutClasses.pickersLayoutClasses.toolbar}`]: {
         gridColumn: 1,
         gridRow: '2 / 3'
       },
-      [`.${pickersLayoutClasses.shortcuts}`]: {
+      [`.${_pickersLayoutClasses.pickersLayoutClasses.shortcuts}`]: {
         gridColumn: '2 / 4',
         gridRow: 1
       }
@@ -51,7 +58,7 @@ export const PickersLayoutRoot = styled('div', {
       layoutDirection: 'rtl'
     },
     style: {
-      [`& .${pickersLayoutClasses.toolbar}`]: {
+      [`& .${_pickersLayoutClasses.pickersLayoutClasses.toolbar}`]: {
         gridColumn: 3
       }
     }
@@ -60,11 +67,11 @@ export const PickersLayoutRoot = styled('div', {
       pickerOrientation: 'portrait'
     },
     style: {
-      [`& .${pickersLayoutClasses.toolbar}`]: {
+      [`& .${_pickersLayoutClasses.pickersLayoutClasses.toolbar}`]: {
         gridColumn: '2 / 4',
         gridRow: 1
       },
-      [`& .${pickersLayoutClasses.shortcuts}`]: {
+      [`& .${_pickersLayoutClasses.pickersLayoutClasses.shortcuts}`]: {
         gridColumn: 1,
         gridRow: '2 / 3'
       }
@@ -75,18 +82,18 @@ export const PickersLayoutRoot = styled('div', {
       layoutDirection: 'rtl'
     },
     style: {
-      [`& .${pickersLayoutClasses.shortcuts}`]: {
+      [`& .${_pickersLayoutClasses.pickersLayoutClasses.shortcuts}`]: {
         gridColumn: 3
       }
     }
   }]
 });
-export const PickersLayoutContentWrapper = styled('div', {
+const PickersLayoutContentWrapper = exports.PickersLayoutContentWrapper = (0, _styles.styled)('div', {
   name: 'MuiPickersLayout',
   slot: 'ContentWrapper',
   overridesResolver: (props, styles) => styles.contentWrapper
 })({
-  gridColumn: 2,
+  gridColumn: '2 / 4',
   gridRow: 2,
   display: 'flex',
   flexDirection: 'column'
@@ -100,8 +107,8 @@ export const PickersLayoutContentWrapper = styled('div', {
  *
  * - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
  */
-const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inProps, ref) {
-  const props = useThemeProps({
+const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersLayout'
   });
@@ -112,28 +119,28 @@ const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inPro
     actionBar,
     shortcuts,
     ownerState
-  } = usePickerLayout(props);
+  } = (0, _usePickerLayout.default)(props);
   const {
     orientation,
     variant
-  } = usePickerContext();
+  } = (0, _usePickerContext.usePickerContext)();
   const {
     sx,
     className,
     classes: classesProp
   } = props;
   const classes = useUtilityClasses(classesProp, ownerState);
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersLayoutRoot, {
     ref: ref,
     sx: sx,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    children: [orientation === 'landscape' ? shortcuts : toolbar, orientation === 'landscape' ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
+    children: [orientation === 'landscape' ? shortcuts : toolbar, orientation === 'landscape' ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersLayoutContentWrapper, {
       className: classes.contentWrapper,
       ownerState: ownerState,
-      children: variant === 'desktop' ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: variant === 'desktop' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [content, tabs]
-      }) : /*#__PURE__*/_jsxs(React.Fragment, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [tabs, content]
       })
     }), actionBar]
@@ -144,25 +151,24 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * 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])
-} : void 0;
-export { PickersLayout };
+  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])
+} : void 0;

package/PickersLayout/PickersLayout.types.d.ts

@@ -1,100 +1,100 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { SlotComponentProps } from '@mui/utils';
-import { PickersActionBar, PickersActionBarProps } from '../PickersActionBar';
-import { BaseToolbarProps, ExportedBaseToolbarProps } from '../internals/models/props/toolbar';
-import { ExportedBaseTabsProps } from '../internals/models/props/tabs';
-import { PickersLayoutClasses } from './pickersLayoutClasses';
-import { PickersShortcutsProps } from '../PickersShortcuts';
-import { ExportedPickersShortcutProps, PickersShortcuts } from '../PickersShortcuts/PickersShortcuts';
-import { PickerOwnerState } from '../models';
-import { PickerValidValue } from '../internals/models';
+import { PickersActionBar, PickersActionBarProps } from "../PickersActionBar/index.js";
+import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
+import { ExportedBaseTabsProps } from "../internals/models/props/tabs.js";
+import { PickersLayoutClasses } from "./pickersLayoutClasses.js";
+import { PickersShortcutsProps } from "../PickersShortcuts/index.js";
+import { ExportedPickersShortcutProps, PickersShortcuts } from "../PickersShortcuts/PickersShortcuts.js";
+import { PickerOwnerState } from "../models/index.js";
+import { PickerValidValue } from "../internals/models/index.js";
 export interface ExportedPickersLayoutSlots<TValue extends PickerValidValue> {
-    /**
-     * Custom component for the action bar, it is placed below the picker views.
-     * @default PickersActionBar
-     */
-    actionBar?: React.ElementType<PickersActionBarProps>;
-    /**
-     * Custom component for the shortcuts.
-     * @default PickersShortcuts
-     */
-    shortcuts?: React.JSXElementConstructor<PickersShortcutsProps<TValue>>;
-    /**
-     * Custom component for wrapping the layout.
-     * It wraps the toolbar, views, action bar, and shortcuts.
-     */
-    layout?: React.JSXElementConstructor<PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>>;
+  /**
+   * Custom component for the action bar, it is placed below the Picker views.
+   * @default PickersActionBar
+   */
+  actionBar?: React.ElementType<PickersActionBarProps>;
+  /**
+   * Custom component for the shortcuts.
+   * @default PickersShortcuts
+   */
+  shortcuts?: React.JSXElementConstructor<PickersShortcutsProps<TValue>>;
+  /**
+   * Custom component for wrapping the layout.
+   * It wraps the toolbar, views, action bar, and shortcuts.
+   */
+  layout?: React.JSXElementConstructor<PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>>;
 }
 export interface PickerLayoutOwnerState extends PickerOwnerState {
-    /**
-     * The direction of the layout.
-     * Is equal to "ltr" when the layout is in left-to-right direction.
-     * Is equal to "rtl" when the layout is in right-to-left direction.
-     */
-    layoutDirection: 'ltr' | 'rtl';
+  /**
+   * The direction of the layout.
+   * Is equal to "ltr" when the layout is in left-to-right direction.
+   * Is equal to "rtl" when the layout is in right-to-left direction.
+   */
+  layoutDirection: 'ltr' | 'rtl';
 }
 export interface ExportedPickersLayoutSlotProps<TValue extends PickerValidValue> {
-    /**
-     * Props passed down to the action bar component.
-     */
-    actionBar?: SlotComponentProps<typeof PickersActionBar, {}, PickerLayoutOwnerState>;
-    /**
-     * Props passed down to the shortcuts component.
-     */
-    shortcuts?: SlotComponentProps<typeof PickersShortcuts, {}, PickerLayoutOwnerState>;
-    /**
-     * Props passed down to the layoutRoot component.
-     */
-    layout?: Partial<PickersLayoutProps<TValue>>;
+  /**
+   * Props passed down to the action bar component.
+   */
+  actionBar?: SlotComponentProps<typeof PickersActionBar, {}, PickerLayoutOwnerState>;
+  /**
+   * Props passed down to the shortcuts component.
+   */
+  shortcuts?: SlotComponentProps<typeof PickersShortcuts, {}, PickerLayoutOwnerState>;
+  /**
+   * Props passed down to the layoutRoot component.
+   */
+  layout?: Partial<PickersLayoutProps<TValue>>;
 }
 export interface PickersLayoutSlots<TValue extends PickerValidValue> extends ExportedPickersLayoutSlots<TValue> {
-    /**
-     * Tabs enabling toggling between views.
-     */
-    tabs?: React.ElementType<{}>;
-    /**
-     * Custom component for the toolbar.
-     * It is placed above the picker views.
-     */
-    toolbar?: React.JSXElementConstructor<BaseToolbarProps>;
+  /**
+   * Tabs enabling toggling between views.
+   */
+  tabs?: React.ElementType<{}>;
+  /**
+   * Custom component for the toolbar.
+   * It is placed above the Picker views.
+   */
+  toolbar?: React.JSXElementConstructor<BaseToolbarProps>;
 }
 export interface PickersLayoutSlotProps<TValue extends PickerValidValue> extends ExportedPickersLayoutSlotProps<TValue> {
-    /**
-     * Props passed down to the tabs component.
-     */
-    tabs?: ExportedBaseTabsProps;
-    /**
-     * Props passed down to the toolbar component.
-     */
-    toolbar?: ExportedBaseToolbarProps;
+  /**
+   * Props passed down to the tabs component.
+   */
+  tabs?: ExportedBaseTabsProps;
+  /**
+   * Props passed down to the toolbar component.
+   */
+  toolbar?: ExportedBaseToolbarProps;
 }
 export interface PickersLayoutProps<TValue extends PickerValidValue> {
-    className?: string;
-    children?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<PickersLayoutClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: PickersLayoutSlots<TValue>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: PickersLayoutSlotProps<TValue>;
+  className?: string;
+  children?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersLayoutClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: PickersLayoutSlots<TValue>;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: PickersLayoutSlotProps<TValue>;
 }
 export interface SubComponents<TValue extends PickerValidValue> {
-    toolbar: React.ReactElement<ExportedBaseToolbarProps> | null;
-    content: React.ReactNode;
-    tabs: React.ReactElement<ExportedBaseTabsProps> | null;
-    actionBar: React.ReactElement<PickersActionBarProps>;
-    shortcuts: React.ReactElement<ExportedPickersShortcutProps<TValue>> | null;
-}
+  toolbar: React.ReactElement<ExportedBaseToolbarProps> | null;
+  content: React.ReactNode;
+  tabs: React.ReactElement<ExportedBaseTabsProps> | null;
+  actionBar: React.ReactElement<PickersActionBarProps>;
+  shortcuts: React.ReactElement<ExportedPickersShortcutProps<TValue>> | null;
+}

package/PickersLayout/PickersLayout.types.js

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

package/PickersLayout/index.d.ts

@@ -1,5 +1,5 @@
-export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from './PickersLayout';
-export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState, } from './PickersLayout.types';
-export { default as usePickerLayout } from './usePickerLayout';
-export { pickersLayoutClasses } from './pickersLayoutClasses';
-export type { PickersLayoutClassKey } from './pickersLayoutClasses';
+export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from "./PickersLayout.js";
+export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from './PickersLayout.types';
+export { default as usePickerLayout } from "./usePickerLayout.js";
+export { pickersLayoutClasses } from "./pickersLayoutClasses.js";
+export type { PickersLayoutClassKey } from './pickersLayoutClasses';

package/PickersLayout/index.js

@@ -1,3 +1,39 @@
-export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from "./PickersLayout.js";
-export { default as usePickerLayout } from "./usePickerLayout.js";
-export { pickersLayoutClasses } from "./pickersLayoutClasses.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersLayout", {
+  enumerable: true,
+  get: function () {
+    return _PickersLayout.PickersLayout;
+  }
+});
+Object.defineProperty(exports, "PickersLayoutContentWrapper", {
+  enumerable: true,
+  get: function () {
+    return _PickersLayout.PickersLayoutContentWrapper;
+  }
+});
+Object.defineProperty(exports, "PickersLayoutRoot", {
+  enumerable: true,
+  get: function () {
+    return _PickersLayout.PickersLayoutRoot;
+  }
+});
+Object.defineProperty(exports, "pickersLayoutClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersLayoutClasses.pickersLayoutClasses;
+  }
+});
+Object.defineProperty(exports, "usePickerLayout", {
+  enumerable: true,
+  get: function () {
+    return _usePickerLayout.default;
+  }
+});
+var _PickersLayout = require("./PickersLayout");
+var _usePickerLayout = _interopRequireDefault(require("./usePickerLayout"));
+var _pickersLayoutClasses = require("./pickersLayoutClasses");

package/PickersLayout/pickersLayoutClasses.d.ts

@@ -1,19 +1,19 @@
 export interface PickersLayoutClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element in landscape orientation. */
-    landscape: string;
-    /** Styles applied to the contentWrapper element (which contains the tabs and the view itself). */
-    contentWrapper: string;
-    /** Styles applied to the toolbar. */
-    toolbar: string;
-    /** Styles applied to the action bar. */
-    actionBar: string;
-    /** Styles applied to the tabs. */
-    tabs: string;
-    /** Styles applied to the shortcuts container. */
-    shortcuts: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element in landscape orientation. */
+  landscape: string;
+  /** Styles applied to the contentWrapper element (which contains the tabs and the view itself). */
+  contentWrapper: string;
+  /** Styles applied to the toolbar. */
+  toolbar: string;
+  /** Styles applied to the action bar. */
+  actionBar: string;
+  /** Styles applied to the tabs. */
+  tabs: string;
+  /** Styles applied to the shortcuts container. */
+  shortcuts: string;
 }
 export type PickersLayoutClassKey = keyof PickersLayoutClasses;
 export declare function getPickersLayoutUtilityClass(slot: string): string;
-export declare const pickersLayoutClasses: Record<keyof PickersLayoutClasses, string>;
+export declare const pickersLayoutClasses: Record<keyof PickersLayoutClasses, string>;

package/PickersLayout/pickersLayoutClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getPickersLayoutUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersLayout', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersLayoutUtilityClass = getPickersLayoutUtilityClass;
+exports.pickersLayoutClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getPickersLayoutUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersLayout', slot);
 }
-export const pickersLayoutClasses = generateUtilityClasses('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);
+const pickersLayoutClasses = exports.pickersLayoutClasses = (0, _generateUtilityClasses.default)('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);

package/PickersLayout/usePickerLayout.d.ts

@@ -1,7 +1,7 @@
-import { PickerLayoutOwnerState, PickersLayoutProps, SubComponents } from './PickersLayout.types';
-import { PickerValidValue } from '../internals/models';
+import { PickerLayoutOwnerState, PickersLayoutProps, SubComponents } from "./PickersLayout.types.js";
+import { PickerValidValue } from "../internals/models/index.js";
 interface UsePickerLayoutResponse<TValue extends PickerValidValue> extends SubComponents<TValue> {
-    ownerState: PickerLayoutOwnerState;
+  ownerState: PickerLayoutOwnerState;
 }
 declare const usePickerLayout: <TValue extends PickerValidValue>(props: PickersLayoutProps<TValue>) => UsePickerLayoutResponse<TValue>;
-export default usePickerLayout;
+export default usePickerLayout;

package/PickersLayout/usePickerLayout.js

@@ -1,18 +1,25 @@
+"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.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _PickersActionBar = require("../PickersActionBar");
+var _pickersLayoutClasses = require("./pickersLayoutClasses");
+var _PickersShortcuts = require("../PickersShortcuts");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import composeClasses from '@mui/utils/composeClasses';
-import { useRtl } from '@mui/system/RtlProvider';
-import { PickersActionBar } from "../PickersActionBar/index.js";
-import { getPickersLayoutUtilityClass } from "./pickersLayoutClasses.js";
-import { PickersShortcuts } from "../PickersShortcuts/index.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { usePickerContext } from "../hooks/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 function toolbarHasView(toolbarProps) {
   return toolbarProps.view !== null;
 }
@@ -29,30 +36,30 @@ const useUtilityClasses = (classes, ownerState) => {
     landscape: ['landscape'],
     shortcuts: ['shortcuts']
   };
-  return composeClasses(slots, getPickersLayoutUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
 };
 const usePickerLayout = props => {
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
     view
-  } = usePickerContext();
-  const isRtl = useRtl();
+  } = (0, _hooks.usePickerContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
   const {
     children,
     slots,
     slotProps,
     classes: classesProp
   } = props;
-  const ownerState = React.useMemo(() => _extends({}, pickerOwnerState, {
+  const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
     layoutDirection: isRtl ? 'rtl' : 'ltr'
   }), [pickerOwnerState, isRtl]);
   const classes = useUtilityClasses(classesProp, ownerState);
 
   // Action bar
-  const ActionBar = slots?.actionBar ?? PickersActionBar;
-  const _useSlotProps = useSlotProps({
+  const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: ActionBar,
       externalSlotProps: slotProps?.actionBar,
       additionalProps: {
@@ -61,37 +68,37 @@ const usePickerLayout = props => {
       className: classes.actionBar,
       ownerState
     }),
-    actionBarProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
-  const actionBar = /*#__PURE__*/_jsx(ActionBar, _extends({}, actionBarProps));
+    actionBarProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
+  const actionBar = /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionBar, (0, _extends2.default)({}, actionBarProps));
 
   // Toolbar
   const Toolbar = slots?.toolbar;
-  const toolbarProps = useSlotProps({
+  const toolbarProps = (0, _useSlotProps2.default)({
     elementType: Toolbar,
     externalSlotProps: slotProps?.toolbar,
     className: classes.toolbar,
     ownerState
   });
-  const toolbar = toolbarHasView(toolbarProps) && !!Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, toolbarProps)) : null;
+  const toolbar = toolbarHasView(toolbarProps) && !!Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, toolbarProps)) : null;
 
   // Content
   const content = children;
 
   // Tabs
   const Tabs = slots?.tabs;
-  const tabs = view && Tabs ? /*#__PURE__*/_jsx(Tabs, _extends({
+  const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
     className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts
-  const Shortcuts = slots?.shortcuts ?? PickersShortcuts;
-  const shortcutsProps = useSlotProps({
+  const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
+  const shortcutsProps = (0, _useSlotProps2.default)({
     elementType: Shortcuts,
     externalSlotProps: slotProps?.shortcuts,
     className: classes.shortcuts,
     ownerState
   });
-  const shortcuts = view && !!Shortcuts ? /*#__PURE__*/_jsx(Shortcuts, _extends({}, shortcutsProps)) : null;
+  const shortcuts = view && !!Shortcuts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Shortcuts, (0, _extends2.default)({}, shortcutsProps)) : null;
   return {
     toolbar,
     content,
@@ -101,4 +108,4 @@ const usePickerLayout = props => {
     ownerState
   };
 };
-export default usePickerLayout;
+var _default = exports.default = usePickerLayout;