@sitecore/sc-contenthub-blok 0.0.91 → 1.0.2

package/node_modules/@mui/material/node/internal/SwitchBase.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -19,6 +18,7 @@ var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _switchBaseClasses = require("./switchBaseClasses");
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -33,7 +33,9 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
 };
-const SwitchBaseRoot = (0, _zeroStyled.styled)(_ButtonBase.default)({
+const SwitchBaseRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
+  name: 'MuiSwitchBase'
+})({
   padding: 9,
   borderRadius: '50%',
   variants: [{
@@ -71,6 +73,7 @@ const SwitchBaseRoot = (0, _zeroStyled.styled)(_ButtonBase.default)({
   }]
 });
 const SwitchBaseInput = (0, _zeroStyled.styled)('input', {
+  name: 'MuiSwitchBase',
   shouldForwardProp: _rootShouldForwardProp.default
 })({
   cursor: 'inherit',
@@ -93,7 +96,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     autoFocus,
     checked: checkedProp,
     checkedIcon,
-    className,
     defaultChecked,
     disabled: disabledProp,
     disableFocusRipple = false,
@@ -111,6 +113,8 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     tabIndex,
     type,
     value,
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const [checked, setCheckedState] = (0, _useControlled.default)({
@@ -163,38 +167,75 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     edge
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SwitchBaseRoot, {
-    component: "span",
-    className: (0, _clsx.default)(classes.root, className),
-    centerRipple: true,
-    focusRipple: !disableFocusRipple,
-    disabled: disabled,
-    tabIndex: null,
-    role: undefined,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    ownerState: ownerState,
-    ref: ref,
-    ...other,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchBaseInput, {
-      autoFocus: autoFocus,
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      input: inputProps,
+      ...slotProps
+    }
+  };
+  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
+    ref,
+    elementType: SwitchBaseRoot,
+    className: classes.root,
+    shouldForwardComponentProp: true,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      component: 'span',
+      ...other
+    },
+    getSlotProps: handlers => ({
+      ...handlers,
+      onFocus: event => {
+        handlers.onFocus?.(event);
+        handleFocus(event);
+      },
+      onBlur: event => {
+        handlers.onBlur?.(event);
+        handleBlur(event);
+      }
+    }),
+    ownerState,
+    additionalProps: {
+      centerRipple: true,
+      focusRipple: !disableFocusRipple,
+      disabled,
+      role: undefined,
+      tabIndex: null
+    }
+  });
+  const [InputSlot, inputSlotProps] = (0, _useSlot.default)('input', {
+    ref: inputRef,
+    elementType: SwitchBaseInput,
+    className: classes.input,
+    externalForwardedProps,
+    getSlotProps: handlers => ({
+      onChange: event => {
+        handlers.onChange?.(event);
+        handleInputChange(event);
+      }
+    }),
+    ownerState,
+    additionalProps: {
+      autoFocus,
       checked: checkedProp,
-      defaultChecked: defaultChecked,
-      className: classes.input,
-      disabled: disabled,
+      defaultChecked,
+      disabled,
       id: hasLabelFor ? id : undefined,
-      name: name,
-      onChange: handleInputChange,
-      readOnly: readOnly,
-      ref: inputRef,
-      required: required,
-      ownerState: ownerState,
-      tabIndex: tabIndex,
-      type: type,
+      name,
+      readOnly,
+      required,
+      tabIndex,
+      type,
       ...(type === 'checkbox' && value === undefined ? {} : {
         value
-      }),
-      ...inputProps
+      })
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    ...rootSlotProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InputSlot, {
+      ...inputSlotProps
     }), checked ? checkedIcon : icon]
   });
 });
@@ -287,6 +328,22 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
    * If `true`, the `input` element is required.
    */
   required: _propTypes.default.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    input: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    input: _propTypes.default.elementType,
+    root: _propTypes.default.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node_modules/@mui/material/node/styles/ThemeProvider.js

@@ -16,16 +16,27 @@ function ThemeProvider({
   theme,
   ...props
 }) {
-  if (typeof theme === 'function') {
+  const noVarsTheme = React.useMemo(() => {
+    if (typeof theme === 'function') {
+      return theme;
+    }
+    const muiTheme = _identifier.default in theme ? theme[_identifier.default] : theme;
+    if (!('colorSchemes' in muiTheme)) {
+      if (!('vars' in muiTheme)) {
+        // For non-CSS variables themes, set `vars` to null to prevent theme inheritance from the upper theme.
+        // The example use case is the docs demo that uses ThemeProvider to customize the theme while the upper theme is using CSS variables.
+        return {
+          ...theme,
+          vars: null
+        };
+      }
+      return theme;
+    }
+    return null;
+  }, [theme]);
+  if (noVarsTheme) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProviderNoVars.default, {
-      theme: theme,
-      ...props
-    });
-  }
-  const muiTheme = _identifier.default in theme ? theme[_identifier.default] : theme;
-  if (!('colorSchemes' in muiTheme)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProviderNoVars.default, {
-      theme: theme,
+      theme: noVarsTheme,
       ...props
     });
   }

package/node_modules/@mui/material/node/styles/components.js

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

package/node_modules/@mui/material/node/styles/createThemeNoVars.js

@@ -30,8 +30,11 @@ function createThemeNoVars(options = {}, ...args) {
     shape: shapeInput,
     ...other
   } = options;
-  if (options.vars) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' + 'Please use another name.' : (0, _formatMuiErrorMessage2.default)(20));
+  if (options.vars &&
+  // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  options.generateThemeVars === undefined) {
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' + 'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : (0, _formatMuiErrorMessage2.default)(20));
   }
   const palette = (0, _createPalette.default)(paletteInput);
   const systemTheme = (0, _createTheme.default)(options);

package/node_modules/@mui/material/node/styles/overrides.js

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

package/node_modules/@mui/material/node/styles/props.js

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

package/node_modules/@mui/material/node/styles/shouldSkipGeneratingVar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = shouldSkipGeneratingVar;
 function shouldSkipGeneratingVar(keys) {
-  return !!keys[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+  return !!keys[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
   // ends with sxConfig
   keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }

package/node_modules/@mui/material/node/styles/variants.js

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

package/node_modules/@mui/material/node/useAutocomplete/useAutocomplete.js

@@ -53,6 +53,13 @@ const defaultFilterOptions = createFilterOptions();
 const pageSize = 5;
 const defaultIsActiveElementInListbox = listboxRef => listboxRef.current !== null && listboxRef.current.parentElement?.contains(document.activeElement);
 const MULTIPLE_DEFAULT_VALUE = [];
+function getInputValue(value, multiple, getOptionLabel) {
+  if (multiple || value == null) {
+    return '';
+  }
+  const optionLabel = getOptionLabel(value);
+  return typeof optionLabel === 'string' ? optionLabel : '';
+}
 function useAutocomplete(props) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -118,6 +125,10 @@ function useAutocomplete(props) {
   const [focusedTag, setFocusedTag] = React.useState(-1);
   const defaultHighlighted = autoHighlight ? 0 : -1;
   const highlightedIndexRef = React.useRef(defaultHighlighted);
+
+  // Calculate the initial inputValue on mount only.
+  // useRef ensures it doesn't update dynamically with defaultValue or value props.
+  const initialInputValue = React.useRef(getInputValue(defaultValue ?? valueProp, multiple, getOptionLabel)).current;
   const [value, setValueState] = (0, _utils.unstable_useControlled)({
     controlled: valueProp,
     default: defaultValue,
@@ -125,7 +136,7 @@ function useAutocomplete(props) {
   });
   const [inputValue, setInputValueState] = (0, _utils.unstable_useControlled)({
     controlled: inputValueProp,
-    default: '',
+    default: initialInputValue,
     name: componentName,
     state: 'inputValue'
   });
@@ -137,15 +148,7 @@ function useAutocomplete(props) {
     if (!isOptionSelected && !clearOnBlur) {
       return;
     }
-    let newInputValue;
-    if (multiple) {
-      newInputValue = '';
-    } else if (newValue == null) {
-      newInputValue = '';
-    } else {
-      const optionLabel = getOptionLabel(newValue);
-      newInputValue = typeof optionLabel === 'string' ? optionLabel : '';
-    }
+    const newInputValue = getInputValue(newValue, multiple, getOptionLabel);
     if (inputValue === newInputValue) {
       return;
     }
@@ -241,7 +244,7 @@ function useAutocomplete(props) {
   const setHighlightedIndex = (0, _utils.unstable_useEventCallback)(({
     event,
     index,
-    reason = 'auto'
+    reason
   }) => {
     highlightedIndexRef.current = index;
 
@@ -251,7 +254,7 @@ function useAutocomplete(props) {
     } else {
       inputRef.current.setAttribute('aria-activedescendant', `${id}-option-${index}`);
     }
-    if (onHighlightChange) {
+    if (onHighlightChange && ['mouse', 'keyboard', 'touch'].includes(reason)) {
       onHighlightChange(event, index === -1 ? null : filteredOptions[index], reason);
     }
     if (!listboxRef.current) {
@@ -304,7 +307,7 @@ function useAutocomplete(props) {
     event,
     diff,
     direction = 'next',
-    reason = 'auto'
+    reason
   }) => {
     if (!popupOpen) {
       return;
@@ -880,7 +883,6 @@ function useAutocomplete(props) {
   }
   return {
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
       onKeyDown: handleKeyDown(other),
       onMouseDown: handleMouseDown,

package/node_modules/@mui/material/node/useScrollTrigger/useScrollTrigger.js

@@ -35,6 +35,9 @@ function useScrollTrigger(options = {}) {
   const store = React.useRef();
   const [trigger, setTrigger] = React.useState(() => getTrigger(store, other));
   React.useEffect(() => {
+    if (target === null) {
+      return setTrigger(false);
+    }
     const handleScroll = () => {
       setTrigger(getTrigger(store, {
         target,

package/node_modules/@mui/material/node/utils/mergeSlotProps.js

@@ -29,22 +29,29 @@ function mergeSlotProps(externalSlotProps, defaultSlotProps) {
             ...defaultSlotPropsValue.style,
             ...externalSlotPropsValue.style
           }
+        }),
+        ...(defaultSlotPropsValue?.sx && externalSlotPropsValue?.sx && {
+          sx: [...(Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx]), ...(Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx])]
         })
       };
     };
   }
-  const className = (0, _clsx.default)(defaultSlotProps?.className, externalSlotProps?.className);
+  const typedDefaultSlotProps = defaultSlotProps;
+  const className = (0, _clsx.default)(typedDefaultSlotProps?.className, externalSlotProps?.className);
   return {
     ...defaultSlotProps,
     ...externalSlotProps,
     ...(!!className && {
       className
     }),
-    ...(defaultSlotProps?.style && externalSlotProps?.style && {
+    ...(typedDefaultSlotProps?.style && externalSlotProps?.style && {
       style: {
-        ...defaultSlotProps.style,
+        ...typedDefaultSlotProps.style,
         ...externalSlotProps.style
       }
+    }),
+    ...(typedDefaultSlotProps?.sx && externalSlotProps?.sx && {
+      sx: [...(Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx]), ...(Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx])]
     })
   };
 }

package/node_modules/@mui/material/node/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.4.1";
+const version = exports.version = "6.5.0";
 const major = exports.major = Number("6");
-const minor = exports.minor = Number("4");
-const patch = exports.patch = Number("1");
+const minor = exports.minor = Number("5");
+const patch = exports.patch = Number("0");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/node_modules/@mui/material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.4.1",
+  "version": "6.5.0",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "^6.4.1",
-    "@mui/types": "^7.2.21",
-    "@mui/utils": "^6.4.1",
-    "@mui/core-downloads-tracker": "^6.4.1"
+    "@mui/core-downloads-tracker": "^6.5.0",
+    "@mui/utils": "^6.4.9",
+    "@mui/system": "^6.5.0",
+    "@mui/types": "~7.2.24"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^6.4.1"
+    "@mui/material-pigment-css": "^6.5.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/node_modules/@mui/material/styles/ThemeProvider.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DefaultTheme } from '@mui/system';
+import { StorageManager } from '@mui/system/cssVars';
 import { CssThemeVariables } from './createThemeNoVars';
 type ThemeProviderCssVariablesProps = CssThemeVariables extends {
     enabled: true;
@@ -40,6 +41,11 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
      * @default window
      */
     storageWindow?: Window | null;
+    /**
+     * The storage manager to be used for storing the mode and color scheme
+     * @default using `window.localStorage`
+     */
+    storageManager?: StorageManager | null;
     /**
      * localStorage key used to store application `mode`
      * @default 'mui-mode'

package/node_modules/@mui/material/styles/ThemeProvider.js

@@ -9,16 +9,27 @@ export default function ThemeProvider({
   theme,
   ...props
 }) {
-  if (typeof theme === 'function') {
+  const noVarsTheme = React.useMemo(() => {
+    if (typeof theme === 'function') {
+      return theme;
+    }
+    const muiTheme = THEME_ID in theme ? theme[THEME_ID] : theme;
+    if (!('colorSchemes' in muiTheme)) {
+      if (!('vars' in muiTheme)) {
+        // For non-CSS variables themes, set `vars` to null to prevent theme inheritance from the upper theme.
+        // The example use case is the docs demo that uses ThemeProvider to customize the theme while the upper theme is using CSS variables.
+        return {
+          ...theme,
+          vars: null
+        };
+      }
+      return theme;
+    }
+    return null;
+  }, [theme]);
+  if (noVarsTheme) {
     return /*#__PURE__*/_jsx(ThemeProviderNoVars, {
-      theme: theme,
-      ...props
-    });
-  }
-  const muiTheme = THEME_ID in theme ? theme[THEME_ID] : theme;
-  if (!('colorSchemes' in muiTheme)) {
-    return /*#__PURE__*/_jsx(ThemeProviderNoVars, {
-      theme: theme,
+      theme: noVarsTheme,
       ...props
     });
   }

package/node_modules/@mui/material/styles/ThemeProviderWithVars.d.ts

@@ -43,6 +43,7 @@ export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<im
     defaultMode?: "light" | "dark" | "system";
     documentNode?: Document | null;
     colorSchemeNode?: Element | null;
+    storageManager?: import("@mui/system").StorageManager | null;
     storageWindow?: Window | null;
     disableNestedContext?: boolean;
     disableStyleSheetGeneration?: boolean;