@superdispatch/ui 0.38.1 → 0.39.1

package/dist-src/Image/Image.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["srcDark", "src"];
+import { useTheme } from '@material-ui/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Image(_ref) {
+  var {
+      srcDark,
+      src
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var value = theme.palette.type === 'dark' && srcDark ? srcDark : src;
+  return /*#__PURE__*/_jsx("img", _objectSpread(_objectSpread({}, props), {}, {
+    src: value
+  }));
+}

package/dist-src/LightDark/LightDark.js

@@ -0,0 +1,12 @@
+import { useTheme } from '@material-ui/core';
+import { renderChildren } from '@superdispatch/ui';
+export function LightDark(_ref) {
+  var {
+    light,
+    dark
+  } = _ref;
+  var theme = useTheme();
+  var isDarkMode = theme.palette.type === 'dark';
+  var mode = isDarkMode ? dark : light;
+  return renderChildren(mode);
+}

package/dist-src/index.js

@@ -15,9 +15,11 @@ export * from "./drawer/DrawerTitle.js";
 export * from "./dropdown-button/DropdownButton.js";
 export * from "./grid/GridStack.js";
 export * from "./grid/InlineGrid.js";
+export * from "./Image/Image.js";
 export * from "./info-card/InfoCard.js";
 export * from "./info-tooltip/InfoTooltip.js";
 export * from "./inline/Inline.js";
+export * from "./LightDark/LightDark.js";
 export * from "./number-field/NumberField.js";
 export * from "./overflow-text/OverflowText.js";
 export * from "./pattern-field/PatternField.js";

package/dist-types/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, IconButtonProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
-import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
+import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
 import { ClassNameMap } from '@material-ui/styles';
 import { Property } from 'csstype';
 import { CommonProps } from '@material-ui/core/OverridableComponent';
@@ -218,6 +218,11 @@ interface InlineGridProps extends RefAttributes<HTMLDivElement>, Pick<GridProps,
  */
 declare const InlineGrid: ForwardRefExoticComponent<InlineGridProps>;
 
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    srcDark?: string;
+}
+declare function Image({ srcDark, src, ...props }: ImageProps): JSX.Element;
+
 declare type InfoCardClassKey = 'sizeLarge' | 'content' | 'fullWidth' | CardClassKey;
 interface InfoCardProps extends CardProps {
     size?: 'medium' | 'large';
@@ -248,6 +253,12 @@ interface InlineProps {
 }
 declare const Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
 
+interface LightDarkProps {
+    light: ReactNode;
+    dark: ReactNode;
+}
+declare function LightDark({ light, dark, }: LightDarkProps): ReactElement<ReactNode> | null;
+
 declare type SafeNumberFormatProps = Pick<NumericFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'valueIsNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
 interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
     disableValueParsing?: boolean;
@@ -779,4 +790,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
 }
 declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
 
-export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDark, ColorDarkProp, ColorDynamic, ColorDynamicProp, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, 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, isColorDynamicProp, isColorProp, isColorPropDark, 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, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDark, ColorDarkProp, ColorDynamic, ColorDynamicProp, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, Image, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, LightDark, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, 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, isColorDynamicProp, isColorProp, isColorPropDark, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };

package/dist-web/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Button as Button$1, CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, ButtonBase, Avatar, FormHelperText as FormHelperText$4, FormControlLabel as FormControlLabel$1, Checkbox, FormControl as FormControl$2, FormLabel as FormLabel$2, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, Card as Card$1, CardContent, IconButton, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, Portal, Snackbar as Snackbar$1, Slide, alpha, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
+import { Button as Button$1, CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, ButtonBase, Avatar, FormHelperText as FormHelperText$4, FormControlLabel as FormControlLabel$1, Checkbox, FormControl as FormControl$2, FormLabel as FormLabel$2, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, useTheme, Card as Card$1, CardContent, IconButton, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, Portal, Snackbar as Snackbar$1, Slide, alpha, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
 import { MoreHoriz, Info, Close, Error, CheckCircle } from '@material-ui/icons';
 import { makeStyles, StylesProvider, ThemeProvider as ThemeProvider$1 } from '@material-ui/styles';
 import { forwardRef, useState, useRef, useLayoutEffect, cloneElement, useMemo, useContext, createContext, Children, useCallback, useEffect } from 'react';
@@ -10,6 +10,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import { useEventHandler, useDeepEqualValue, useValueObserver, useDeepEqualMemo } from '@superdispatch/hooks';
 import clsx from 'clsx';
 import flattenChildren from 'react-keyed-flatten-children';
+import { renderChildren as renderChildren$1 } from '@superdispatch/ui';
 import { NumericFormat, PatternFormat } from 'react-number-format';
 import createBreakpoints from '@material-ui/core/styles/createBreakpoints';
 
@@ -1750,7 +1751,21 @@ var InlineGrid = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") InlineGrid.displayName = "InlineGrid";
 
-var _excluded$g = ["size", "square", "classes", "children", "className", "CardContentProps"],
+var _excluded$g = ["srcDark", "src"];
+function Image(_ref) {
+  var {
+      srcDark,
+      src
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$g);
+  var theme = useTheme();
+  var value = theme.palette.type === 'dark' && srcDark ? srcDark : src;
+  return /*#__PURE__*/jsx("img", _objectSpread(_objectSpread({}, props), {}, {
+    src: value
+  }));
+}
+
+var _excluded$h = ["size", "square", "classes", "children", "className", "CardContentProps"],
   _excluded2$2 = ["content", "sizeLarge", "fullWidth"];
 var useStyles$a = /*#__PURE__*/makeStyles(theme => ({
   root: {
@@ -1782,7 +1797,7 @@ var InfoCard = /*#__PURE__*/forwardRef((_ref, _ref2) => {
       className,
       CardContentProps: cardContentProps = {}
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$h);
   var _useStyles = useStyles$a({
       classes
     }),
@@ -1810,7 +1825,7 @@ var InfoCard = /*#__PURE__*/forwardRef((_ref, _ref2) => {
 });
 if (process.env.NODE_ENV !== "production") InfoCard.displayName = "InfoCard";
 
-var _excluded$h = ["children", "iconButtonProps", "fontSize", "TextProps", "title", "isOpen", "onClick", "onClose"];
+var _excluded$i = ["children", "iconButtonProps", "fontSize", "TextProps", "title", "isOpen", "onClick", "onClose"];
 var Root = /*#__PURE__*/styled.div.withConfig({
   displayName: "InfoTooltip__Root",
   componentId: "SD__sc-1emqpa9-0"
@@ -1826,7 +1841,7 @@ var InfoTooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
       onClick,
       onClose
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   var tooltip = /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
     open: isOpen,
     title: title,
@@ -1903,7 +1918,18 @@ var Inline = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
-var _excluded$i = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
+function LightDark(_ref) {
+  var {
+    light,
+    dark
+  } = _ref;
+  var theme = useTheme();
+  var isDarkMode = theme.palette.type === 'dark';
+  var mode = isDarkMode ? dark : light;
+  return renderChildren$1(mode);
+}
+
+var _excluded$j = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
   _excluded2$3 = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
   _excluded3 = ["id", "InputProps", "isText"];
 function NumberInputComponent(_ref) {
@@ -1915,7 +1941,7 @@ function NumberInputComponent(_ref) {
       thousandSeparator = true,
       disableValueParsing
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   return /*#__PURE__*/jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
     inputMode: "decimal",
@@ -1985,7 +2011,7 @@ var NumberField = /*#__PURE__*/forwardRef((_ref3, ref) => {
 if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
 NumberField.displayName = 'NumberField';
 
-var _excluded$j = ["id", "value", "onChange", "inputMode", "valueIsNumericString", "onValueChange"];
+var _excluded$k = ["id", "value", "onChange", "inputMode", "valueIsNumericString", "onValueChange"];
 var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
       id,
@@ -1995,7 +2021,7 @@ var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
       valueIsNumericString = true,
       onValueChange: _onValueChange
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   var uid = useUID(id);
   return /*#__PURE__*/jsx(PatternFormat, _objectSpread(_objectSpread({}, props), {}, {
     id: uid,
@@ -2022,7 +2048,7 @@ var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
 if (process.env.NODE_ENV !== "production") PatternField.displayName = "PatternField";
 PatternField.displayName = 'PatternField';
 
-var _excluded$k = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlProps", "FormControlLabelProps"];
+var _excluded$l = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlProps", "FormControlLabelProps"];
 var FormControl$1 = /*#__PURE__*/styled(FormControl$2).withConfig({
   displayName: "RadioField__FormControl",
   componentId: "SD__sc-6ey4qt-0"
@@ -2042,7 +2068,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
       FormControlProps: formControlProps,
       FormControlLabelProps: formControlLabelProps
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/jsxs(FormControl$1, _objectSpread(_objectSpread({
     error: error
   }, formControlProps), {}, {
@@ -2062,7 +2088,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioField.displayName = "RadioField";
 
-var _excluded$l = ["name", "value", "label", "caption", "disabled", "icon", "checked", "onChange"];
+var _excluded$m = ["name", "value", "label", "caption", "disabled", "icon", "checked", "onChange"];
 var ClickableCard = /*#__PURE__*/styled(ButtonBase).withConfig({
   displayName: "RadioFieldCard__ClickableCard",
   componentId: "SD__sc-5etge2-0"
@@ -2099,7 +2125,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
       checked,
       onChange
     } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded$l);
+    props = _objectWithoutProperties(_ref2, _excluded$m);
   return /*#__PURE__*/jsx(Card, {
     disabled: disabled,
     children: /*#__PURE__*/jsx(ClickableCard, _objectSpread(_objectSpread({
@@ -2140,7 +2166,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioFieldCard.displayName = "RadioFieldCard";
 
-var _excluded$m = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
+var _excluded$n = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
 var FormLabel$1 = /*#__PURE__*/styled(FormLabel$2).withConfig({
   displayName: "RadioGroupField__FormLabel",
   componentId: "SD__sc-1udxviq-0"
@@ -2161,7 +2187,7 @@ var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
       FormHelperTextProps: formHelperTextProps,
       children
     } = _ref,
-    formControlProps = _objectWithoutProperties(_ref, _excluded$m);
+    formControlProps = _objectWithoutProperties(_ref, _excluded$n);
   return /*#__PURE__*/jsxs(FormControl$2, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
     children: [!!label && /*#__PURE__*/jsx(FormLabel$1, _objectSpread(_objectSpread({}, formLabelProps), {}, {
@@ -2206,7 +2232,7 @@ function useMinBreakpoint(minBreakpoint) {
   return minBreakpointIDX < breakpointIDX;
 }
 
-var _excluded$n = ["action", "children", "onClose", "className", "classes", "variant"],
+var _excluded$o = ["action", "children", "onClose", "className", "classes", "variant"],
   _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
 var PaddedContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "SnackbarContent__PaddedContent",
@@ -2264,7 +2290,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
       classes,
       variant = 'default'
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$o);
   var _useStyles = useStyles$b({
       classes
     }),
@@ -2314,7 +2340,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SnackbarContent.displayName = "SnackbarContent";
 
-var _excluded$o = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
+var _excluded$p = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
 function SlideTransition(props) {
   return /*#__PURE__*/jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
     direction: "up"
@@ -2331,7 +2357,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
       hasCloseButton = onClose != null,
       TransitionComponent = SlideTransition
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   function handleClose(reason) {
     if (reason !== 'clickaway') {
       onClose === null || onClose === void 0 ? void 0 : onClose(reason === 'timeout' ? 'timeout' : 'explicit');
@@ -2358,7 +2384,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Snackbar.displayName = "Snackbar";
 
-var _excluded$p = ["onClose", "variant", "key", "id", "autoHideDuration"];
+var _excluded$q = ["onClose", "variant", "key", "id", "autoHideDuration"];
 function warnContext() {
   // eslint-disable-next-line no-console
   console.log('`useSnackbarStack` is used outside of `SnackbarStackProvider`.');
@@ -2403,7 +2429,7 @@ function SnackbarStackProvider(_ref2) {
         id = String(key),
         autoHideDuration = 5000
       } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded$p);
+      props = _objectWithoutProperties(_ref3, _excluded$q);
     function removeSnackbar() {
       setStack(prev => {
         if (prev.has(key)) {
@@ -2494,7 +2520,7 @@ var Stack = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Stack.displayName = "Stack";
 
-var _excluded$q = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
+var _excluded$r = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
 var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
   root: {
     maxWidth: '100%',
@@ -2588,7 +2614,7 @@ var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
       fontWeight = 'bold',
       component = 'div'
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   var styles = useStyles$c({
     classes
   });
@@ -4286,5 +4312,5 @@ function ExitTransitionPlaceholder(_ref) {
   return renderChildren(children);
 }
 
-export { AdaptiveToolbar, AdaptiveVerticalToolbar, AvatarButton, Button, CardButton, CheckboxField, CheckboxGroupField, Color, ColorDark, ColorDynamic, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, InfoCard, InfoTooltip, Inline, InlineGrid, NumberField, OverflowText, PatternField, RadioField, RadioFieldCard, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorDynamicProp, isColorProp, isColorPropDark, 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, ColorDark, ColorDynamic, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, Image, InfoCard, InfoTooltip, Inline, InlineGrid, LightDark, NumberField, OverflowText, PatternField, RadioField, RadioFieldCard, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorDynamicProp, isColorProp, isColorPropDark, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
 //# sourceMappingURL=index.js.map