@redsift/design-system 8.0.0-alpha.7 → 8.0.0

package/index.js

@@ -1,7 +1,7 @@
-import { I18nProvider, useLocalizedStringFormatter, useButton, useFocusRing, useNumberFormatter, useFocusWithin } from 'react-aria';
+import { I18nProvider, useLocalizedStringFormatter, useFocusRing, useNumberFormatter, useFocusWithin } from 'react-aria';
 export { I18nProvider, SSRProvider } from 'react-aria';
 import * as React from 'react';
-import React__default, { useState, useEffect, useContext, useLayoutEffect, useMemo, useRef, useCallback, forwardRef, useReducer, useId as useId$1 } from 'react';
+import React__default, { useState, useEffect, useContext, useMemo, useRef, useCallback, forwardRef, useReducer, useLayoutEffect, useId as useId$1 } from 'react';
 import classNames from 'classnames';
 import { mdiClose, mdiAlert, mdiCheckCircle, mdiAlertCircle, mdiInformation, mdiMenu, mdiMenuOpen, mdiChevronDown, mdiChevronRight, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
 import styled, { css, keyframes } from 'styled-components';
@@ -588,22 +588,13 @@ const useBoundingClientRect = (ref, deps) => {
 // SSR case multiple copies of React Aria is not supported.
 const $704cf1d3b684cc5c$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
+    current: 0,
+    isSSR: false
 };
 const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext);
 function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
     let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
-    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
-    let [isSSR, setIsSSR] = (useState)(isInSSRContext);
-    // If on the client, and the component was initially server rendered,
-    // then schedule a layout effect to update the component after hydration.
-    if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
-    // because the condition never changes after mounting.
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (useLayoutEffect)(()=>{
-        setIsSSR(false);
-    }, []);
-    return isSSR;
+    return cur.isSSR;
 }
 
 /*
@@ -1369,6 +1360,10 @@ const AlertVariant = {
   info: 'info'
 };
 
+/**
+ * Component props.
+ */
+
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -1484,6 +1479,14 @@ const IconButtonVariant = {
   unstyled: 'unstyled'
 };
 
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
 /**
  * Component size.
  */
@@ -1495,6 +1498,10 @@ const IconSize = {
   xlarge: 'xlarge'
 };
 
+/**
+ * Component props.
+ */
+
 const baseLayout = css`
   ${_ref => {
   let {
@@ -1684,6 +1691,22 @@ const baseContainer = css`
   ${baseFlexbox}
   ${baseGrid}
 `;
+const focusRing = css`
+  @media (prefers-reduced-motion: no-preference) {
+    :focus-visible {
+      outline: 2px solid var(--redsift-color-default-primary);
+      transition: outline-offset 75ms ease-out;
+    }
+
+    :not(:active):focus-visible {
+      transition-duration: 0.25s;
+    }
+  }
+
+  :not(:active):focus-visible {
+    outline-offset: 0.2rem;
+  }
+`;
 
 /**
  * Component style.
@@ -1870,6 +1893,14 @@ const ButtonVariant = {
   unstyled: 'unstyled'
 };
 
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -1890,29 +1921,45 @@ const StyledButton = styled.button`
   text-transform: var(--redsift-typography-button-text-transform);
 
   ${_ref => {
+  let {
+    $isLoading
+  } = _ref;
+  return $isLoading ? css`
+          & > span {
+            visibility: hidden;
+          }
+
+          & > .redsift-shield {
+            position: absolute;
+          }
+        ` : '';
+}}
+
+  ${_ref2 => {
   let {
     $variant,
     $color,
     $isActive,
-    $isDisabled
-  } = _ref;
+    $isDisabled,
+    $isHovered
+  } = _ref2;
   return css`
     padding: ${$variant === ButtonVariant.secondary ? '7px 15px' : '8px 16px'};
 
     ${$variant === ButtonVariant.secondary ? css`
-          background-color: ${$isActive ? `var(--redsift-color-${$color}-active)` : $isDisabled ? 'var(--redsift-color-neutral-white)' : 'var(--redsift-color-neutral-white)'};
+          background-color: ${$isActive && $isHovered ? `var(--redsift-color-${$color}-active-hover)` : $isActive ? `var(--redsift-color-${$color}-active)` : $isHovered ? `var(--redsift-color-${$color}-hover)` : $isDisabled ? 'var(--redsift-color-neutral-white)' : 'var(--redsift-color-neutral-white)'};
           &,
           .redsift-icon {
-            color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-primary)`};
+            color: ${$isHovered ? `var(--redsift-color-${$color}-secondary)` : $isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-primary)`};
           }
         ` : $variant === ButtonVariant.unstyled ? css`
-          background-color: ${$isActive ? `var(--redsift-color-${$color}-active)` : $isDisabled ? 'none' : 'none'};
+          background-color: ${$isActive && $isHovered ? `var(--redsift-color-${$color}-active-hover)` : $isActive ? `var(--redsift-color-${$color}-active)` : $isHovered ? `var(--redsift-color-${$color}-hover)` : $isDisabled ? 'none' : 'none'};
           &,
           .redsift-icon {
-            color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-primary)`};
+            color: ${$isHovered ? `var(--redsift-color-${$color}-secondary)` : $isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-primary)`};
           }
         ` : css`
-          background-color: ${$isActive ? `var(--redsift-color-${$color}-primary-active)` : $isDisabled ? 'var(--redsift-color-neutral-lightgrey)' : `var(--redsift-color-${$color}-primary)`};
+          background-color: ${$isActive && $isHovered ? `var(--redsift-color-${$color}-primary-active-hover)` : $isActive ? `var(--redsift-color-${$color}-primary-active)` : $isHovered ? `var(--redsift-color-${$color}-secondary)` : $isDisabled ? 'var(--redsift-color-neutral-lightgrey)' : `var(--redsift-color-${$color}-primary)`};
           &,
           .redsift-icon {
             color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : 'var(--redsift-color-neutral-white)'};
@@ -1930,13 +1977,13 @@ const StyledButton = styled.button`
   &:focus-visible {
     outline: none;
 
-    ${_ref2 => {
+    ${_ref3 => {
   let {
     $variant,
     $color,
     $isActive,
     $isDisabled
-  } = _ref2;
+  } = _ref3;
   return css`
       cursor: ${$isDisabled ? 'default' : 'pointer'};
 
@@ -1970,10 +2017,51 @@ const StyledButton = styled.button`
 }};
   }
 
-  ${_ref3 => {
+  &:active {
+    outline: none;
+
+    ${_ref4 => {
+  let {
+    $variant,
+    $color,
+    $isHovered,
+    $isDisabled
+  } = _ref4;
+  return css`
+      ${$variant === ButtonVariant.secondary ? css`
+            background-color: ${$isHovered ? `var(--redsift-color-${$color}-active-hover)` : $isDisabled ? 'var(--redsift-color-neutral-white)' : `var(--redsift-color-${$color}-active)`};
+            &,
+            .redsift-icon {
+              color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-secondary)`};
+            }
+          ` : $variant === ButtonVariant.unstyled ? css`
+            background-color: ${$isHovered ? `var(--redsift-color-${$color}-active-hover)` : $isDisabled ? 'none' : `var(--redsift-color-${$color}-active)`};
+            &,
+            .redsift-icon {
+              color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-secondary)`};
+            }
+          ` : css`
+            background-color: ${$isHovered ? `var(--redsift-color-${$color}-primary-active-hover)` : $isDisabled ? 'var(--redsift-color-neutral-lightgrey)' : `var(--redsift-color-${$color}-primary-active)`};
+            &,
+            .redsift-icon {
+              color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : 'var(--redsift-color-neutral-white)'};
+            }
+          `}
+
+      ${$variant === ButtonVariant.secondary ? css`
+            border: 1px solid
+              ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-primary)`};
+          ` : `
+        border: none;
+      `}
+    `;
+}};
+  }
+
+  ${_ref5 => {
   let {
     $fullWidth
-  } = _ref3;
+  } = _ref5;
   return $fullWidth ? `
         width: 100%;
         flex-grow: 1;
@@ -1987,6 +2075,8 @@ const StyledButton = styled.button`
         }
       ` : '';
 }}
+
+  ${focusRing}
 `;
 
 var loading$1 = "Loading...";
@@ -2014,6 +2104,14 @@ const SpinnerSize = {
   large: 'large'
 };
 
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
 const StyledSpinner = styled.img`
   ${baseStyling}
 
@@ -2221,7 +2319,7 @@ Spinner.className = CLASSNAME$J;
 Spinner.defaultProps = DEFAULT_PROPS$J;
 Spinner.displayName = COMPONENT_NAME$J;
 
-const _excluded$G = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isLoading", "leftIcon", "onPress", "rightIcon", "variant"];
+const _excluded$G = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "rightIcon", "variant"];
 const COMPONENT_NAME$I = 'Button';
 const CLASSNAME$I = 'redsift-button';
 const DEFAULT_PROPS$I = {
@@ -2239,13 +2337,6 @@ const DEFAULT_PROPS$I = {
  */
 const Button = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonRef = ref || useRef();
-  const {
-    buttonProps,
-    isPressed
-  } = useButton(_objectSpread2(_objectSpread2({}, props), {}, {
-    isDisabled: props.isLoading || props.isDisabled || props.disabled,
-    preventFocusOnPress: true
-  }), buttonRef);
   const {
       children,
       className,
@@ -2253,24 +2344,26 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       disabled,
       fullWidth,
       isActive,
-      isDisabled,
+      isDisabled: propsIsDisabled,
+      isHovered,
       isLoading,
       leftIcon,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      onPress,
       rightIcon,
       variant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$G);
-  return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, buttonProps, {
+  const isDisabled = isLoading || propsIsDisabled || disabled;
+  return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, {
     $color: color,
     $fullWidth: fullWidth,
-    $isActive: isActive || isPressed,
-    $isDisabled: isLoading || isDisabled || disabled,
+    $isActive: isActive,
+    $isDisabled: isDisabled,
+    $isHovered: isHovered,
+    $isLoading: isLoading,
     $variant: variant,
-    "aria-disabled": isLoading || isDisabled || disabled,
+    "aria-disabled": isDisabled,
     className: classNames(Button.className, className),
-    disabled: isLoading || isDisabled || disabled,
+    disabled: isDisabled,
     ref: buttonRef
   }), leftIcon ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: leftIcon,
@@ -2279,7 +2372,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
   }) : null, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
     size: "small",
     color: "no-data"
-  }) : null, children, rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
+  }) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: rightIcon,
     "aria-hidden": "true",
     className: "right"
@@ -2301,9 +2394,20 @@ const StyledIconButton = styled(StyledButton)`
     padding: ${$variant === IconButtonVariant.secondary ? '8px' : '9px'};
   `;
 }};
+
+  ${_ref2 => {
+  let {
+    $isLoading
+  } = _ref2;
+  return $isLoading ? css`
+          & > .redsift-shield {
+            position: relative;
+          }
+        ` : '';
+}}
 `;
 
-const _excluded$F = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "onPress", "variant"];
+const _excluded$F = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "isHovered", "isLoading", "variant"];
 const COMPONENT_NAME$H = 'IconButton';
 const CLASSNAME$H = 'redsift-icon-button';
 const DEFAULT_PROPS$H = {
@@ -2320,38 +2424,37 @@ const DEFAULT_PROPS$H = {
  */
 const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonRef = ref || useRef();
-  const {
-    buttonProps,
-    isPressed
-  } = useButton(_objectSpread2(_objectSpread2({}, props), {}, {
-    isDisabled: props.isDisabled || props.disabled,
-    preventFocusOnPress: true
-  }), buttonRef);
   const {
       className,
       color,
       disabled,
       icon,
       isActive,
-      isDisabled,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      onPress,
+      isDisabled: propsIsDisabled,
+      isHovered,
+      isLoading,
       variant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$F);
+  const isDisabled = props.isLoading || propsIsDisabled || disabled;
   warnIfNoAccessibleLabelFound(props);
-  return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, buttonProps, {
-    $color: isDisabled || disabled ? undefined : color,
-    $isActive: isActive || isPressed,
-    $isDisabled: isDisabled || disabled,
+  return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, {
+    $color: isDisabled ? undefined : color,
+    $isActive: isActive,
+    $isDisabled: isDisabled,
+    $isHovered: isHovered,
+    $isLoading: isLoading,
     $variant: variant,
-    "aria-disabled": isDisabled || disabled,
+    "aria-disabled": isDisabled,
     className: classNames(IconButton.className, className),
-    disabled: isDisabled || disabled,
+    disabled: isDisabled,
     ref: buttonRef
-  }), /*#__PURE__*/React__default.createElement(Icon, {
+  }), isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
+    size: "small",
+    color: "no-data"
+  }) : /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
-    color: isDisabled || disabled ? undefined : color
+    color: isDisabled ? undefined : color
   }));
 });
 IconButton.className = CLASSNAME$H;
@@ -2425,6 +2528,10 @@ const HeadingComponent = {
   span: 'span'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -2643,17 +2750,18 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
   }, /*#__PURE__*/React__default.createElement(Flexbox, {
     className: `${Alert.className}-header__title`,
     gap: "14px",
-    alignItems: "flex-start"
+    alignItems: "center"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     color: color
   }), title ? /*#__PURE__*/React__default.createElement(Heading, {
-    as: "h5"
+    as: "span",
+    variant: "h5"
   }, title) : null), isClosable ? /*#__PURE__*/React__default.createElement(IconButton, {
     "aria-label": stringFormatter.format('close'),
     className: `${Alert.className}-header__icon-button`,
     icon: mdiClose,
-    onPress: handleClose
+    onClick: handleClose
   }) : null), children ? /*#__PURE__*/React__default.createElement("div", {
     className: `${Alert.className}__content`
   }, children) : null);
@@ -2794,7 +2902,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
   }, expandIconButtonProps, {
     "aria-label": stringFormatter.format('expand'),
     icon: mdiMenu,
-    onPress: appContainerState.expandSidePanel,
+    onClick: appContainerState.expandSidePanel,
     ref: collapseIconButtonRef,
     variant: IconButtonVariant.primary
   })) : /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
@@ -2802,7 +2910,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
   }, collapseIconButtonProps, {
     "aria-label": stringFormatter.format('collapse'),
     icon: mdiMenuOpen,
-    onPress: appContainerState.collapseSidePanel,
+    onClick: appContainerState.collapseSidePanel,
     ref: expandIconButtonRef,
     variant: IconButtonVariant.primary
   }))) : null, propsTitle && typeof propsTitle !== 'string' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, propsTitle) : typeof propsTitle === 'string' ? /*#__PURE__*/React__default.createElement(Heading, {
@@ -3049,12 +3157,16 @@ AppSidePanel.displayName = COMPONENT_NAME$B;
  * Reducer props.
  */
 
-let SideNavigationMenuReducerActionType;
-(function (SideNavigationMenuReducerActionType) {
+let SideNavigationMenuReducerActionType = /*#__PURE__*/function (SideNavigationMenuReducerActionType) {
   SideNavigationMenuReducerActionType["Expand"] = "expand";
   SideNavigationMenuReducerActionType["Collapse"] = "collapse";
   SideNavigationMenuReducerActionType["Move"] = "move";
-})(SideNavigationMenuReducerActionType || (SideNavigationMenuReducerActionType = {}));
+  return SideNavigationMenuReducerActionType;
+}({});
+
+/**
+ * Component props.
+ */
 
 const SideNavigationMenuBarContext = /*#__PURE__*/React__default.createContext(null);
 
@@ -3195,6 +3307,10 @@ const BadgeVariant = {
   standard: 'standard'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -4603,6 +4719,10 @@ const SkeletonTextVariant = {
   caption: 'caption'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -4865,7 +4985,7 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${BaseCard.className}-header__icon-button`,
     color: "question",
     icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
-    onPress: () => handleCollapse(!isCollapsed)
+    onClick: () => handleCollapse(!isCollapsed)
   }) : null) : null, body || actions ? /*#__PURE__*/React__default.createElement("div", {
     className: `${BaseCard.className}__content`
   }, body, actions) : null);
@@ -4887,10 +5007,14 @@ const Card = Object.assign(BaseCard, {
  * Component orientation.
  */
 const CheckboxGroupOrientation = {
-  horizontal: 'horizontal',
-  vertical: 'vertical'
+  vertical: 'vertical',
+  horizontal: 'horizontal'
 };
 
+/**
+ * Component props.
+ */
+
 const CheckboxGroupContext = /*#__PURE__*/React__default.createContext(null);
 
 /**
@@ -5254,7 +5378,15 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
     $isSelected: isSelected,
     className: classNames(Checkbox.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
+  }), isSelected || isControlled && propsIsSelected ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: mdiCheckboxMarked
+  }) : isIndeterminate ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: mdiMinusBox
+  }) : /*#__PURE__*/React__default.createElement(Icon, {
+    icon: mdiCheckboxBlankOutline
+  }), children ? /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, children) : null, /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
     "aria-checked": isSelected || isControlled && propsIsSelected ? 'true' : isIndeterminate ? 'mixed' : 'false',
     "aria-disabled": isDisabled,
     "aria-invalid": isInvalid || isRequired && !isSelected,
@@ -5270,15 +5402,7 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
     ref: inputRef,
     type: "checkbox",
     value: value
-  })), isSelected || isControlled && propsIsSelected ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiCheckboxMarked
-  }) : isIndeterminate ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiMinusBox
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiCheckboxBlankOutline
-  }), children ? /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, children) : null);
+  })));
 });
 Checkbox.className = CLASSNAME$l;
 Checkbox.defaultProps = DEFAULT_PROPS$l;
@@ -5327,6 +5451,10 @@ const ShieldVariant = {
   email: 'email'
 };
 
+/**
+ * Component props.
+ */
+
 const StyledShield = styled.div`
   height: 24px;
   width: 20px;
@@ -5683,6 +5811,10 @@ const TextComponent = {
   sup: 'sup'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -5879,7 +6011,7 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${DetailedCardSection.className}-header__collapse-button`,
     color: "question",
     icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
-    onPress: () => {
+    onClick: () => {
       setIsCollapsed(isCollapsed => !isCollapsed);
     }
   }) : null), children);
@@ -6117,7 +6249,7 @@ DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$e;
 DetailedCardSectionItem.displayName = COMPONENT_NAME$e;
 
 /*!
-* tabbable 6.1.1
+* tabbable 6.1.2
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer
@@ -6705,22 +6837,6 @@ const computePosition$1 = async (reference, floating, config) => {
   } = config;
   const validMiddleware = middleware.filter(Boolean);
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
-  if (process.env.NODE_ENV !== "production") {
-    if (platform == null) {
-      console.error(['Floating UI: `platform` property was not passed to config. If you', 'want to use Floating UI on the web, install @floating-ui/dom', 'instead of the /core package. Otherwise, you can create your own', '`platform`: https://floating-ui.com/docs/platform'].join(' '));
-    }
-    if (validMiddleware.filter(_ref => {
-      let {
-        name
-      } = _ref;
-      return name === 'autoPlacement' || name === 'flip';
-    }).length > 1) {
-      throw new Error(['Floating UI: duplicate `flip` and/or `autoPlacement` middleware', 'detected. This will lead to an infinite loop. Ensure only one of', 'either has been passed to the `middleware` array.'].join(' '));
-    }
-    if (!reference || !floating) {
-      console.error(['Floating UI: The reference and/or floating element was not defined', 'when `computePosition()` was called. Ensure that both elements have', 'been created and can be measured.'].join(' '));
-    }
-  }
   let rects = await platform.getElementRects({
     reference,
     floating,
@@ -6766,11 +6882,6 @@ const computePosition$1 = async (reference, floating, config) => {
         ...data
       }
     };
-    if (process.env.NODE_ENV !== "production") {
-      if (resetCount > 50) {
-        console.warn(['Floating UI: The middleware lifecycle appears to be running in an', 'infinite loop. This is usually caused by a `reset` continually', 'being returned without a break condition.'].join(' '));
-      }
-    }
     if (reset && resetCount <= 50) {
       resetCount++;
       if (typeof reset === 'object') {
@@ -6802,6 +6913,10 @@ const computePosition$1 = async (reference, floating, config) => {
   };
 };
 
+function evaluate(value, param) {
+  return typeof value === 'function' ? value(param) : value;
+}
+
 function expandPaddingObject(padding) {
   return {
     top: 0,
@@ -6858,7 +6973,7 @@ async function detectOverflow(state, options) {
     elementContext = 'floating',
     altBoundary = false,
     padding = 0
-  } = options;
+  } = evaluate(options, state);
   const paddingObject = getSideObjectFromPadding(padding);
   const altContext = elementContext === 'floating' ? 'reference' : 'floating';
   const element = elements[altBoundary ? altContext : elementContext];
@@ -6886,7 +7001,6 @@ async function detectOverflow(state, options) {
     offsetParent,
     strategy
   }) : rect);
-  if (process.env.NODE_ENV !== "production") ;
   return {
     top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
     bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
@@ -6911,22 +7025,20 @@ const arrow$1 = options => ({
   name: 'arrow',
   options,
   async fn(state) {
-    // Since `element` is required, we don't Partial<> the type.
-    const {
-      element,
-      padding = 0
-    } = options || {};
     const {
       x,
       y,
       placement,
       rects,
-      platform
+      platform,
+      elements
     } = state;
+    // Since `element` is required, we don't Partial<> the type.
+    const {
+      element,
+      padding = 0
+    } = evaluate(options, state) || {};
     if (element == null) {
-      if (process.env.NODE_ENV !== "production") {
-        console.warn('Floating UI: No `element` was passed to the `arrow` middleware.');
-      }
       return {};
     }
     const paddingObject = getSideObjectFromPadding(padding);
@@ -6937,30 +7049,40 @@ const arrow$1 = options => ({
     const axis = getMainAxisFromPlacement(placement);
     const length = getLengthFromAxis(axis);
     const arrowDimensions = await platform.getDimensions(element);
-    const minProp = axis === 'y' ? 'top' : 'left';
-    const maxProp = axis === 'y' ? 'bottom' : 'right';
+    const isYAxis = axis === 'y';
+    const minProp = isYAxis ? 'top' : 'left';
+    const maxProp = isYAxis ? 'bottom' : 'right';
+    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';
     const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
     const startDiff = coords[axis] - rects.reference[axis];
     const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));
-    let clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
-    if (clientSize === 0) {
-      clientSize = rects.floating[length];
+    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+
+    // DOM platform can return `window` as the `offsetParent`.
+    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {
+      clientSize = elements.floating[clientProp] || rects.floating[length];
     }
     const centerToReference = endDiff / 2 - startDiff / 2;
 
+    // If the padding is large enough that it causes the arrow to no longer be
+    // centered, modify the padding so that it is centered.
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = min$1(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min$1(paddingObject[maxProp], largestPossiblePadding);
+
     // Make sure the arrow doesn't overflow the floating element if the center
     // point is outside the floating element's bounds.
-    const min = paddingObject[minProp];
-    const max = clientSize - arrowDimensions[length] - paddingObject[maxProp];
+    const min$1$1 = minPadding;
+    const max = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = within(min, center, max);
+    const offset = within(min$1$1, center, max);
 
     // If the reference is small enough that the arrow's padding causes it to
     // to point to nothing for an aligned placement, adjust the offset of the
     // floating element itself. This stops `shift()` from taking action, but can
     // be worked around by calling it again after the `arrow()` if desired.
-    const shouldAddOffset = getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min ? paddingObject[minProp] : paddingObject[maxProp]) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min ? min - center : max - center : 0;
+    const shouldAddOffset = getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? min$1$1 - center : max - center : 0;
     return {
       [axis]: coords[axis] - alignmentOffset,
       data: {
@@ -7071,7 +7193,7 @@ const flip = function (options) {
         fallbackAxisSideDirection = 'none',
         flipAlignment = true,
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const side = getSide(placement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
@@ -7150,7 +7272,7 @@ const flip = function (options) {
   };
 };
 
-async function convertValueToCoords(state, value) {
+async function convertValueToCoords(state, options) {
   const {
     placement,
     platform,
@@ -7162,7 +7284,7 @@ async function convertValueToCoords(state, value) {
   const isVertical = getMainAxisFromPlacement(placement) === 'x';
   const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = typeof value === 'function' ? value(state) : value;
+  const rawValue = evaluate(options, state);
 
   // eslint-disable-next-line prefer-const
   let {
@@ -7198,19 +7320,19 @@ async function convertValueToCoords(state, value) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = function (value) {
-  if (value === void 0) {
-    value = 0;
+const offset = function (options) {
+  if (options === void 0) {
+    options = 0;
   }
   return {
     name: 'offset',
-    options: value,
+    options,
     async fn(state) {
       const {
         x,
         y
       } = state;
-      const diffCoords = await convertValueToCoords(state, value);
+      const diffCoords = await convertValueToCoords(state, options);
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
@@ -7258,7 +7380,7 @@ const shift = function (options) {
           }
         },
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const coords = {
         x,
         y
@@ -7307,54 +7429,19 @@ function getComputedStyle$1(element) {
   return getWindow$1(element).getComputedStyle(element);
 }
 
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-
-function getCssDimensions(element) {
-  const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width);
-  let height = parseFloat(css.height);
-  const offsetWidth = element.offsetWidth;
-  const offsetHeight = element.offsetHeight;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-  if (shouldFallback) {
-    width = offsetWidth;
-    height = offsetHeight;
-  }
-  return {
-    width,
-    height,
-    fallback: shouldFallback
-  };
+function isNode(value) {
+  return value instanceof getWindow$1(value).Node;
 }
-
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || '').toLowerCase() : '';
 }
 
-let uaString;
-function getUAString() {
-  if (uaString) {
-    return uaString;
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData && Array.isArray(uaData.brands)) {
-    uaString = uaData.brands.map(item => item.brand + "/" + item.version).join(' ');
-    return uaString;
-  }
-  return navigator.userAgent;
-}
-
 function isHTMLElement$1(value) {
   return value instanceof getWindow$1(value).HTMLElement;
 }
 function isElement$1(value) {
   return value instanceof getWindow$1(value).Element;
 }
-function isNode(value) {
-  return value instanceof getWindow$1(value).Node;
-}
 function isShadowRoot$1(node) {
   // Browsers without `ShadowRoot` support.
   if (typeof ShadowRoot === 'undefined') {
@@ -7376,41 +7463,45 @@ function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
 function isContainingBlock(element) {
-  // TODO: Try to use feature detection here instead.
-  const isFirefox = /firefox/i.test(getUAString());
+  const safari = isSafari$1();
   const css = getComputedStyle$1(element);
-  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
 
-  // This is non-exhaustive but covers the most common CSS properties that
-  // create a containing block.
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  return css.transform !== 'none' || css.perspective !== 'none' || (backdropFilter ? backdropFilter !== 'none' : false) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => {
-    // Add type check for old browsers.
-    const contain = css.contain;
-    return contain != null ? contain.includes(value) : false;
-  });
+  return css.transform !== 'none' || css.perspective !== 'none' || !safari && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !safari && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
 }
-
-/**
- * Determines whether or not `.getBoundingClientRect()` is affected by visual
- * viewport offsets. In Safari, the `x`/`y` offsets are values relative to the
- * visual viewport, while in other engines, they are values relative to the
- * layout viewport.
- */
-function isClientRectVisualViewportBased() {
-  // TODO: Try to use feature detection here instead. Feature detection for
-  // this can fail in various ways, making the userAgent check the most
-  // reliable:
-  // • Always-visible scrollbar or not
-  // • Width of <html>
-
-  // Is Safari.
-  return /^((?!chrome|android).)*safari/i.test(getUAString());
+function isSafari$1() {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('-webkit-backdrop-filter', 'none');
 }
 function isLastTraversableNode(node) {
   return ['html', 'body', '#document'].includes(getNodeName(node));
 }
 
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+
+function getCssDimensions(element) {
+  const css = getComputedStyle$1(element);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement$1(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    fallback: shouldFallback
+  };
+}
+
 function unwrapElement(element) {
   return !isElement$1(element) ? element.contextElement : element;
 }
@@ -7447,8 +7538,29 @@ function getScale(element) {
   };
 }
 
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+const noOffsets = {
+  x: 0,
+  y: 0
+};
+function getVisualOffsets(element, isFixed, floatingOffsetParent) {
   var _win$visualViewport, _win$visualViewport2;
+  if (isFixed === void 0) {
+    isFixed = true;
+  }
+  if (!isSafari$1()) {
+    return noOffsets;
+  }
+  const win = element ? getWindow$1(element) : window;
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
+    return noOffsets;
+  }
+  return {
+    x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
+    y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
+  };
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -7467,10 +7579,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale = getScale(element);
     }
   }
-  const win = domElement ? getWindow$1(domElement) : window;
-  const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
-  let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale.x;
-  let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale.y;
+  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
   let width = clientRect.width / scale.x;
   let height = clientRect.height / scale.y;
   if (domElement) {
@@ -7492,16 +7603,12 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       currentIFrame = getWindow$1(currentIFrame).frameElement;
     }
   }
-  return {
+  return rectToClientRect({
     width,
     height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
     x,
     y
-  };
+  });
 }
 
 function getDocumentElement(node) {
@@ -7644,7 +7751,7 @@ function getViewportRect(element, strategy) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    const visualViewportBased = isClientRectVisualViewportBased();
+    const visualViewportBased = isSafari$1();
     if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
@@ -7687,19 +7794,22 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else if (isElement$1(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    const mutableRect = {
-      ...clippingAncestor
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
     };
-    if (isClientRectVisualViewportBased()) {
-      var _win$visualViewport, _win$visualViewport2;
-      const win = getWindow$1(element);
-      mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
-      mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
-    }
-    rect = mutableRect;
   }
   return rectToClientRect(rect);
 }
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement$1(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+}
 
 // A "clipping ancestor" is an `overflow` element with the characteristic of
 // clipping (or hiding) child elements. This returns all clipping ancestors
@@ -7717,19 +7827,17 @@ function getClippingElementAncestors(element, cache) {
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   while (isElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
-    const containingBlock = isContainingBlock(currentNode);
-    const shouldIgnoreCurrentNode = computedStyle.position === 'fixed';
-    if (shouldIgnoreCurrentNode) {
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks.
+      result = result.filter(ancestor => ancestor !== currentNode);
     } else {
-      const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position);
-      if (shouldDropCurrentNode) {
-        // Drop non-containing blocks.
-        result = result.filter(ancestor => ancestor !== currentNode);
-      } else {
-        // Record last containing block for next iteration.
-        currentContainingBlockComputedStyle = computedStyle;
-      }
+      // Record last containing block for next iteration.
+      currentContainingBlockComputedStyle = computedStyle;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -7766,10 +7874,7 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  if (isHTMLElement$1(element)) {
-    return getCssDimensions(element);
-  }
-  return element.getBoundingClientRect();
+  return getCssDimensions(element);
 }
 
 function getTrueOffsetParent(element, polyfill) {
@@ -7797,6 +7902,9 @@ function getContainingBlock(element) {
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
   const window = getWindow$1(element);
+  if (!isHTMLElement$1(element)) {
+    return window;
+  }
   let offsetParent = getTrueOffsetParent(element, polyfill);
   while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
@@ -7810,7 +7918,8 @@ function getOffsetParent(element, polyfill) {
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement$1(offsetParent);
   const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(element, true, strategy === 'fixed', offsetParent);
+  const isFixed = strategy === 'fixed';
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -7819,12 +7928,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     x: 0,
     y: 0
   };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
     if (isHTMLElement$1(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
@@ -7881,27 +7990,26 @@ function autoUpdate(reference, floating, update, options) {
     options = {};
   }
   const {
-    ancestorScroll: _ancestorScroll = true,
+    ancestorScroll = true,
     ancestorResize = true,
     elementResize = true,
     animationFrame = false
   } = options;
-  const ancestorScroll = _ancestorScroll && !animationFrame;
   const ancestors = ancestorScroll || ancestorResize ? [...(isElement$1(reference) ? getOverflowAncestors(reference) : reference.contextElement ? getOverflowAncestors(reference.contextElement) : []), ...getOverflowAncestors(floating)] : [];
   ancestors.forEach(ancestor => {
-    ancestorScroll && ancestor.addEventListener('scroll', update, {
-      passive: true
-    });
+    // ignores Window, checks for [object VisualViewport]
+    const isVisualViewport = !isElement$1(ancestor) && ancestor.toString().includes('V');
+    if (ancestorScroll && (animationFrame ? isVisualViewport : true)) {
+      ancestor.addEventListener('scroll', update, {
+        passive: true
+      });
+    }
     ancestorResize && ancestor.addEventListener('resize', update);
   });
   let observer = null;
   if (elementResize) {
-    let initialUpdate = true;
     observer = new ResizeObserver(() => {
-      if (!initialUpdate) {
-        update();
-      }
-      initialUpdate = false;
+      update();
     });
     isElement$1(reference) && !animationFrame && observer.observe(reference);
     if (!isElement$1(reference) && reference.contextElement && !animationFrame) {
@@ -9556,6 +9664,10 @@ const TooltipPlacement = {
   'left-end': 'left-end'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -9951,7 +10063,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-label": stringFormatter.format('collapse-all'),
     "aria-describedby": undefined,
     icon: mdiPageLast,
-    onPress: () => handleCollapse(true),
+    onClick: () => handleCollapse(true),
     style: {
       transform: 'rotate(-90deg)'
     },
@@ -9960,7 +10072,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-label": stringFormatter.format('expand-all'),
     "aria-describedby": undefined,
     icon: mdiKeyboardCaps,
-    onPress: () => handleCollapse(false),
+    onClick: () => handleCollapse(false),
     style: {
       transform: 'rotate(180deg)'
     },
@@ -10136,7 +10248,7 @@ Link.className = CLASSNAME$7;
 Link.defaultProps = DEFAULT_PROPS$7;
 Link.displayName = COMPONENT_NAME$7;
 
-const _excluded$6 = ["children", "className", "disabled", "isDisabled", "onPress"];
+const _excluded$6 = ["children", "className", "disabled", "isDisabled"];
 const COMPONENT_NAME$6 = 'LinkButton';
 const CLASSNAME$6 = 'redsift-link-button';
 const DEFAULT_PROPS$6 = {};
@@ -10150,24 +10262,17 @@ const DEFAULT_PROPS$6 = {};
  */
 const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonRef = ref || useRef();
-  const {
-    buttonProps
-  } = useButton(_objectSpread2(_objectSpread2({}, props), {}, {
-    isDisabled: props.isDisabled || props.disabled,
-    preventFocusOnPress: true
-  }), buttonRef);
   const {
       children,
       className,
       disabled,
-      isDisabled,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      onPress
+      isDisabled: propsIsDisabled
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$6);
+  const isDisabled = propsIsDisabled || disabled;
   return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
     as: "button"
-  }, forwardedProps, buttonProps, {
+  }, forwardedProps, {
     $isDisabled: isDisabled || disabled,
     "aria-disabled": isDisabled || disabled,
     className: classNames(LinkButton.className, className),
@@ -10303,6 +10408,10 @@ const RadioGroupOrientation = {
   vertical: 'vertical'
 };
 
+/**
+ * Component props.
+ */
+
 const RadioGroupContext = /*#__PURE__*/React__default.createContext(null);
 
 /**
@@ -10650,7 +10759,13 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
     $isSelected: isSelected,
     className: classNames(Radio.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
+  }), isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: mdiRadioboxMarked
+  }) : /*#__PURE__*/React__default.createElement(Icon, {
+    icon: mdiRadioboxBlank
+  }), children ? /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, children) : null, /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
     "aria-checked": isSelected ? 'true' : 'false',
     "aria-disabled": isDisabled,
     "aria-invalid": isInvalid || isRequired && !isSelected,
@@ -10666,13 +10781,7 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
     ref: inputRef,
     type: "radio",
     value: value
-  })), isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiRadioboxMarked
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiRadioboxBlank
-  }), children ? /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, children) : null);
+  })));
 });
 Radio.className = CLASSNAME$3;
 Radio.defaultProps = DEFAULT_PROPS$3;
@@ -10928,7 +11037,19 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
     $isSelected: isSelected,
     className: classNames(Switch.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${Switch.className}__slide`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${Switch.className}-slide__inner`
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${Switch.className}-slide__knob-wrapper`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${Switch.className}-slide-knob-wrapper__elevation`
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${Switch.className}-slide-knob-wrapper__knob`
+  }))), children ? /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, children) : null, /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, focusProps, {
     "aria-checked": isSelected ? 'true' : 'false',
     "aria-disabled": isDisabled,
     "aria-invalid": isInvalid || isRequired && !isSelected,
@@ -10945,19 +11066,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
     role: "switch",
     type: "checkbox",
     value: value
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: `${Switch.className}__slide`
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${Switch.className}-slide__inner`
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${Switch.className}-slide__knob-wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${Switch.className}-slide-knob-wrapper__elevation`
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${Switch.className}-slide-knob-wrapper__knob`
-  }))), children ? /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, children) : null);
+  })));
 });
 Switch.className = CLASSNAME$2;
 Switch.defaultProps = DEFAULT_PROPS$2;
@@ -10975,6 +11084,10 @@ const SwitchGroupOrientation = {
   vertical: 'vertical'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -11147,6 +11260,10 @@ const TextFieldVariant = {
   underline: 'underline'
 };
 
+/**
+ * Component props.
+ */
+
 /**
  * Component style.
  */
@@ -11435,5 +11552,5 @@ TextField.className = CLASSNAME;
 TextField.defaultProps = DEFAULT_PROPS;
 TextField.displayName = COMPONENT_NAME;
 
-export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, isComponent, partitionComponents, useAppSidePanel, useBoundingClientRect, $325a3faab7a68acd$export$a16aca283550c30d as useCollator, $896ba0a80a8f4d36$export$85fd5fdf27bacc79 as useDateFormatter, $bb77f239b46e8c72$export$3274cf84b703fff as useFilter, $704cf1d3b684cc5c$export$535bd6ca7f90a273 as useIsSSR, $33bf17300c498528$export$a2f47a3d2973640 as useListFormatter, $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as useLocale, $fca6afa0e843324b$export$f12b703ca79dfbb1 as useLocalizedStringFormatter, $a916eb452884faea$export$b7a616150fdb9f44 as useNumberFormatter, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
+export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, useAppSidePanel, useBoundingClientRect, $325a3faab7a68acd$export$a16aca283550c30d as useCollator, $896ba0a80a8f4d36$export$85fd5fdf27bacc79 as useDateFormatter, $bb77f239b46e8c72$export$3274cf84b703fff as useFilter, $704cf1d3b684cc5c$export$535bd6ca7f90a273 as useIsSSR, $33bf17300c498528$export$a2f47a3d2973640 as useListFormatter, $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as useLocale, $fca6afa0e843324b$export$f12b703ca79dfbb1 as useLocalizedStringFormatter, $a916eb452884faea$export$b7a616150fdb9f44 as useNumberFormatter, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
 //# sourceMappingURL=index.js.map