@superdispatch/ui 0.21.5-alpha.1 → 0.21.5-alpha.2

package/dist-src/index.js

@@ -17,6 +17,7 @@ export * from "./grid/GridStack.js";
 export * from "./grid/InlineGrid.js";
 export * from "./info-card/InfoCard.js";
 export * from "./inline/Inline.js";
+export * from "./number-field/NumberField.js";
 export * from "./overflow-text/OverflowText.js";
 export * from "./props/AlignProps.js";
 export * from "./props/CollapseProp.js";

package/dist-src/number-field/NumberField.js

@@ -0,0 +1,57 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+    _excluded2 = ["id", "InputProps"];
+import { TextField } from '@mui/material';
+import { forwardRef } from 'react';
+import NumberFormat from 'react-number-format';
+import { useUID } from "../utils/useUID.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function NumberInputComponent(_ref) {
+  var {
+    value,
+    inputRef,
+    onChange,
+    isNumericString = true,
+    thousandSeparator = true,
+    disableValueParsing
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
+    value: value !== null && value !== void 0 ? value : '',
+    inputMode: "decimal",
+    getInputRef: inputRef,
+    isNumericString: isNumericString,
+    thousandSeparator: thousandSeparator,
+    allowedDecimalSeparators: ['.', ','],
+    onValueChange: values => {
+      var floatValue = !Number.isNaN(Number(values.floatValue)) ? values.floatValue : null;
+      var event = {
+        target: {
+          value: disableValueParsing ? values.value : floatValue
+        }
+      };
+      onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    }
+  }));
+}
+
+export var NumberField = /*#__PURE__*/forwardRef(_ref2 => {
+  var {
+    id,
+    InputProps
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  var uid = useUID(id);
+  return /*#__PURE__*/_jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
+    id: uid,
+    InputProps: _objectSpread(_objectSpread({}, InputProps), {}, {
+      inputComponent: NumberInputComponent
+    })
+  }));
+});
+if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
+NumberField.displayName = 'NumberField';

package/dist-types/index.d.ts

@@ -1,10 +1,11 @@
-import { ToolbarProps, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, Theme, ExtendList, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardProps, CardContentProps, RadioProps, RadioGroupProps, Breakpoint, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1 } from '@mui/material';
-import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, ConsumerProps } from 'react';
+import { ToolbarProps, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, Theme, ExtendList, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardProps, CardContentProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, Breakpoint, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1 } from '@mui/material';
+import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
 import { LoadingButtonProps } from '@mui/lab';
 import { Property } from 'csstype';
 import { MUIStyledCommonProps } from '@mui/system';
 import { StyledComponent } from 'styled-components';
 import { LabComponents } from '@mui/lab/themeAugmentation';
+import { NumberFormatProps } from 'react-number-format';
 import { ClassNameMap } from '@mui/styles';
 
 interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<LoadingButtonProps, 'color' | 'loading' | 'loadingIndicator'> {
@@ -238,6 +239,17 @@ interface InlineProps {
 }
 declare const Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
 
+declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
+interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
+    disableValueParsing?: boolean;
+    format?: NumberFormatProps['format'];
+}
+interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
+    InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
+    inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
+}
+declare const NumberField: ForwardRefExoticComponent<NumberFieldProps>;
+
 interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
     error?: boolean;
     helperText?: ReactNode;
@@ -455,4 +467,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
 }
 declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
 
-export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardProps, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardProps, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };

package/dist-web/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { MoreHoriz, Close, Warning, CheckCircle } from '@mui/icons-material';
-import { CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, styled as styled$1, Avatar, ButtonBase, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, CardContent, Card, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, IconButton, Portal, Snackbar as Snackbar$1, Slide, autocompleteClasses, buttonClasses, checkboxClasses, chipClasses, dialogClasses, iconButtonClasses, listItemClasses, menuItemClasses, paginationItemClasses, radioClasses, switchClasses, formLabelClasses, inputBaseClasses, outlinedInputClasses, tooltipClasses, ThemeProvider as ThemeProvider$1, CssBaseline, createTheme } from '@mui/material';
+import { CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, styled as styled$1, Avatar, ButtonBase, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, CardContent, Card, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, IconButton, Portal, Snackbar as Snackbar$1, Slide, autocompleteClasses, buttonClasses, checkboxClasses, chipClasses, dialogClasses, iconButtonClasses, listItemClasses, menuItemClasses, paginationItemClasses, radioClasses, switchClasses, formLabelClasses, inputBaseClasses, outlinedInputClasses, tooltipClasses, ThemeProvider as ThemeProvider$1, CssBaseline, createTheme } from '@mui/material';
 import { forwardRef, useState, useRef, useLayoutEffect, cloneElement, useMemo, useContext, createContext, Children, useCallback, useEffect } from 'react';
 import { LoadingButton, loadingButtonClasses } from '@mui/lab';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -10,6 +10,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import { useEventHandler, useDeepEqualValue, useValueObserver, useDeepEqualMemo, useConstant } from '@superdispatch/hooks';
 import { makeStyles, StylesProvider, createGenerateClassName } from '@mui/styles';
 import flattenChildren from 'react-keyed-flatten-children';
+import NumberFormat from 'react-number-format';
 import clsx from 'clsx';
 import { createBreakpoints } from '@mui/system';
 
@@ -1679,7 +1680,58 @@ var Inline = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
-var _excluded$f = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
+var _excluded$f = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+    _excluded2$1 = ["id", "InputProps"];
+
+function NumberInputComponent(_ref) {
+  var {
+    value,
+    inputRef,
+    onChange,
+    isNumericString = true,
+    thousandSeparator = true,
+    disableValueParsing
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$f);
+
+  return /*#__PURE__*/jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
+    value: value !== null && value !== void 0 ? value : '',
+    inputMode: "decimal",
+    getInputRef: inputRef,
+    isNumericString: isNumericString,
+    thousandSeparator: thousandSeparator,
+    allowedDecimalSeparators: ['.', ','],
+    onValueChange: values => {
+      var floatValue = !Number.isNaN(Number(values.floatValue)) ? values.floatValue : null;
+      var event = {
+        target: {
+          value: disableValueParsing ? values.value : floatValue
+        }
+      };
+      onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    }
+  }));
+}
+
+var NumberField = /*#__PURE__*/forwardRef(_ref2 => {
+  var {
+    id,
+    InputProps
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2$1);
+
+  var uid = useUID(id);
+  return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
+    id: uid,
+    InputProps: _objectSpread(_objectSpread({}, InputProps), {}, {
+      inputComponent: NumberInputComponent
+    })
+  }));
+});
+if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
+NumberField.displayName = 'NumberField';
+
+var _excluded$g = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
 var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,
@@ -1690,7 +1742,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
     helperText,
     FormControlLabelProps: formControlLabelProps
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$g);
 
   return /*#__PURE__*/jsxs(FormControl, {
     error: error,
@@ -1710,7 +1762,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioField.displayName = "RadioField";
 
-var _excluded$g = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
+var _excluded$h = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
 var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     name,
@@ -1723,7 +1775,7 @@ var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
     FormHelperTextProps: formHelperTextProps,
     children
   } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded$g);
+      formControlProps = _objectWithoutProperties(_ref, _excluded$h);
 
   return /*#__PURE__*/jsxs(FormControl, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
@@ -1773,8 +1825,8 @@ function useMinBreakpoint(minBreakpoint) {
   return minBreakpointIDX < breakpointIDX;
 }
 
-var _excluded$h = ["action", "children", "onClose", "className", "classes", "variant"],
-    _excluded2$1 = ["icon", "closeButton", "variantError", "variantSuccess"];
+var _excluded$i = ["action", "children", "onClose", "className", "classes", "variant"],
+    _excluded2$2 = ["icon", "closeButton", "variantError", "variantSuccess"];
 var useStyles$1 = /*#__PURE__*/makeStyles(theme => ({
   root: {
     color: Color.White,
@@ -1818,7 +1870,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     classes,
     variant = 'default'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$i);
 
   var _useStyles = useStyles$1({
     classes
@@ -1829,7 +1881,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     variantError,
     variantSuccess
   } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded2$1);
+      styles = _objectWithoutProperties(_useStyles, _excluded2$2);
 
   var Icon = variant === 'error' ? Warning : variant === 'success' ? CheckCircle : undefined;
   return /*#__PURE__*/jsx(SnackbarContent$1, _objectSpread(_objectSpread({}, props), {}, {
@@ -1868,7 +1920,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SnackbarContent.displayName = "SnackbarContent";
 
-var _excluded$i = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
+var _excluded$j = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
 
 function SlideTransition(props) {
   return /*#__PURE__*/jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
@@ -1887,7 +1939,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     hasCloseButton = onClose != null,
     TransitionComponent = SlideTransition
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$j);
 
   function handleClose(reason) {
     if (reason !== 'clickaway') {
@@ -1916,7 +1968,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Snackbar.displayName = "Snackbar";
 
-var _excluded$j = ["onClose", "variant", "key", "id", "autoHideDuration"];
+var _excluded$k = ["onClose", "variant", "key", "id", "autoHideDuration"];
 
 function warnContext() {
   // eslint-disable-next-line no-console
@@ -1962,7 +2014,7 @@ function SnackbarStackProvider(_ref2) {
       id = String(key),
       autoHideDuration = 5000
     } = _ref3,
-        props = _objectWithoutProperties(_ref3, _excluded$j);
+        props = _objectWithoutProperties(_ref3, _excluded$k);
 
     function removeSnackbar() {
       setStack(prev => {
@@ -2059,7 +2111,7 @@ var Stack = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Stack.displayName = "Stack";
 
-var _excluded$k = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
+var _excluded$l = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
 var useStyles$2 = /*#__PURE__*/makeStyles(theme => ({
   root: {
     maxWidth: '100%',
@@ -2143,7 +2195,7 @@ var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
     fontWeight = 'bold',
     component = 'div'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$l);
 
   var styles = useStyles$2({
     classes
@@ -3778,5 +3830,5 @@ function ExitTransitionPlaceholder(_ref) {
   return renderChildren(children);
 }
 
-export { AdaptiveToolbar, AdaptiveVerticalToolbar, AvatarButton, Button, CardButton, CheckboxField, CheckboxGroupField, Color, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, InfoCard, Inline, InlineGrid, OverflowText, RadioField, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveVerticalToolbar, AvatarButton, Button, CardButton, CheckboxField, CheckboxGroupField, Color, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, InfoCard, Inline, InlineGrid, NumberField, OverflowText, RadioField, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
 //# sourceMappingURL=index.js.map