@itwin/itwinui-react 3.12.1 → 3.13.0

package/DEV-esm/utils/icons/SvgSwap.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Svg } from './Svg.js';
+export const SvgSwap = (props)=>React.createElement(Svg, props, React.createElement("path", {
+        d: "m5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z"
+    }));

package/DEV-esm/utils/icons/SvgUpload.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Svg } from './Svg.js';
+export const SvgUpload = (props)=>React.createElement(Svg, props, React.createElement("path", {
+        d: "m2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z"
+    }));

package/DEV-esm/utils/icons/index.js

@@ -0,0 +1,32 @@
+export * from './StatusIconMap.js';
+export * from './SvgStatusSuccess.js';
+export * from './SvgStatusWarning.js';
+export * from './SvgStatusError.js';
+export * from './SvgInfoCircular.js';
+export * from './SvgClose.js';
+export * from './SvgCloseSmall.js';
+export * from './SvgChevronLeft.js';
+export * from './SvgChevronRight.js';
+export * from './SvgChevronRightSmall.js';
+export * from './SvgChevronLeftDouble.js';
+export * from './SvgChevronRightDouble.js';
+export * from './SvgCaretUpSmall.js';
+export * from './SvgCaretDownSmall.js';
+export * from './SvgCaretRightSmall.js';
+export * from './SvgSmileyHappy.js';
+export * from './SvgSwap.js';
+export * from './SvgUpload.js';
+export * from './SvgMoreVertical.js';
+export * from './SvgCheckmark.js';
+export * from './SvgCheckmarkSmall.js';
+export * from './SvgImportantSmall.js';
+export * from './SvgSortUp.js';
+export * from './SvgSortDown.js';
+export * from './SvgColumnManager.js';
+export * from './SvgMore.js';
+export * from './SvgNew.js';
+export * from './SvgSearch.js';
+export * from './SvgFilter.js';
+export * from './SvgFilterHollow.js';
+export * from './SvgCalendar.js';
+export * from './SvgDocument.js';

package/DEV-esm/utils/index.js

@@ -0,0 +1,8 @@
+export * from './functions/index.js';
+export * from './hooks/index.js';
+export * from './components/index.js';
+export * from './props.js';
+export * from './color/index.js';
+export * from './icons/index.js';
+export * from './types.js';
+export * from './providers/index.js';

package/DEV-esm/utils/meta.js

@@ -0,0 +1,6 @@
+import { version } from '../styles.js';
+let _moduleType = 'ESM';
+export const meta = {
+    version,
+    module: _moduleType
+};

package/DEV-esm/utils/props.js

@@ -0,0 +1 @@
+export { };

package/DEV-esm/utils/providers/HydrationProvider.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { useSyncExternalStore, useIsClient } from '../hooks/index.js';
+let HydrationContext = React.createContext(false);
+let noopSubscribe = ()=>()=>{};
+let isServer = 'undefined' == typeof window;
+export const useHydration = ()=>{
+    let hydrating = useSyncExternalStore(noopSubscribe, ()=>false, ()=>!isServer);
+    let hydrated = React.useContext(HydrationContext);
+    let hydratedFallback = useIsClient();
+    if (hydrated || hydratedFallback) return 'hydrated';
+    if (hydrating) return 'hydrating';
+};
+export const HydrationProvider = ({ children })=>{
+    let [isHydrated, setIsHydrated] = React.useState(React.useContext(HydrationContext));
+    let onHydrate = React.useCallback(()=>setIsHydrated(true), []);
+    return React.createElement(HydrationContext.Provider, {
+        value: isHydrated
+    }, isHydrated ? null : React.createElement(HydrationCheck, {
+        onHydrate: onHydrate
+    }), children);
+};
+let HydrationCheck = ({ onHydrate })=>{
+    React.useEffect(()=>void onHydrate(), [
+        onHydrate
+    ]);
+    return null;
+};

package/DEV-esm/utils/providers/ScopeProvider.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { createStore, useAtomValue, useSetAtom } from 'jotai';
+let ScopeContext = React.createContext({
+    store: createStore(),
+    parentStore: null
+});
+export const ScopeProvider = ({ children })=>{
+    let store = React.useMemo(()=>createStore(), []);
+    let parentStore = React.useContext(ScopeContext).store;
+    return React.createElement(ScopeContext.Provider, {
+        value: React.useMemo(()=>({
+                store,
+                parentStore
+            }), [
+            store,
+            parentStore
+        ])
+    }, children);
+};
+export const useScopedAtom = (atom)=>{
+    let { store, parentStore } = React.useContext(ScopeContext);
+    let setAtom = useScopedSetAtom(atom);
+    let value = useAtomValue(atom, {
+        store
+    });
+    let inheritedValue = useAtomValue(atom, {
+        store: parentStore || store
+    });
+    React.useEffect(()=>{
+        if (void 0 == value && void 0 != inheritedValue) setAtom(inheritedValue);
+    });
+    return [
+        value,
+        setAtom
+    ];
+};
+export const useScopedSetAtom = (atom)=>{
+    let { store } = React.useContext(ScopeContext);
+    return useSetAtom(atom, {
+        store
+    });
+};

package/DEV-esm/utils/providers/index.js

@@ -0,0 +1,2 @@
+export * from './HydrationProvider.js';
+export * from './ScopeProvider.js';

package/DEV-esm/utils/types.js

@@ -0,0 +1 @@
+export { };

package/cjs/core/Alert/Alert.js

@@ -16,9 +16,9 @@ const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _Icon = require('../Icon/Icon.js');
 const _Anchor = require('../Typography/Anchor.js');
-const AlertContext = _react.createContext(undefined);
+const AlertContext = _react.createContext(void 0);
 const AlertComponent = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     children,
     type = 'informational',
     isSticky = false,
@@ -51,9 +51,8 @@ const AlertComponent = _react.forwardRef((props, forwardedRef) => {
       : null,
   );
 });
-AlertComponent.displayName = 'Alert';
 const AlertWrapper = _react.forwardRef((props, ref) => {
-  const {
+  let {
     children,
     className,
     type = 'informational',
@@ -65,7 +64,7 @@ const AlertWrapper = _react.forwardRef((props, ref) => {
     {
       className: (0, _classnames.default)('iui-alert', className),
       'data-iui-status': type,
-      'data-iui-variant': isSticky ? 'sticky' : undefined,
+      'data-iui-variant': isSticky ? 'sticky' : void 0,
       ref: ref,
       ...rest,
     },
@@ -80,11 +79,10 @@ const AlertWrapper = _react.forwardRef((props, ref) => {
     ),
   );
 });
-AlertWrapper.displayName = 'Alert.Wrapper';
 const AlertIcon = _react.forwardRef((props, ref) => {
-  const { children, ...rest } = props;
-  const { type } = (0, _index.useSafeContext)(AlertContext);
-  const StatusIcon = _index.StatusIconMap[type];
+  let { children, ...rest } = props;
+  let { type } = (0, _index.useSafeContext)(AlertContext);
+  let StatusIcon = _index.StatusIconMap[type];
   return _react.createElement(
     _Icon.Icon,
     {
@@ -95,16 +93,14 @@ const AlertIcon = _react.forwardRef((props, ref) => {
     children ?? _react.createElement(StatusIcon, null),
   );
 });
-AlertIcon.displayName = 'Alert.Icon';
 const AlertMessage = _index.polymorphic.span('iui-alert-message');
-AlertMessage.displayName = 'Alert.Message';
 const AlertAction = _react.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const { type } = (0, _index.useSafeContext)(AlertContext);
+  let { children, className, ...rest } = props;
+  let { type } = (0, _index.useSafeContext)(AlertContext);
   return _react.createElement(
     _Anchor.Anchor,
     {
-      as: !!props.href ? 'a' : 'button',
+      as: props.href ? 'a' : 'button',
       className: (0, _classnames.default)(
         'iui-button-base',
         'iui-alert-link',
@@ -118,9 +114,8 @@ const AlertAction = _react.forwardRef((props, ref) => {
     children,
   );
 });
-AlertAction.displayName = 'Alert.Action';
 const AlertCloseButton = _react.forwardRef((props, ref) => {
-  const { children, ...rest } = props;
+  let { children, ...rest } = props;
   return _react.createElement(
     _IconButton.IconButton,
     {
@@ -133,7 +128,6 @@ const AlertCloseButton = _react.forwardRef((props, ref) => {
     children ?? _react.createElement(_index.SvgCloseSmall, null),
   );
 });
-AlertCloseButton.displayName = 'Alert.CloseButton';
 const Alert = Object.assign(AlertComponent, {
   Wrapper: AlertWrapper,
   Icon: AlertIcon,

package/cjs/core/Avatar/Avatar.js

@@ -24,9 +24,7 @@ const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const getBackground = (color) => {
-  if (!color) {
-    return '';
-  }
+  if (!color) return '';
   return (0, _index.isSoftBackground)(color)
     ? _index.SoftBackgrounds[color]
     : color;
@@ -38,7 +36,7 @@ const defaultStatusTitles = {
   online: 'Online',
 };
 const Avatar = _react.forwardRef((props, ref) => {
-  const {
+  let {
     size = 'small',
     status,
     abbreviation,
@@ -50,7 +48,7 @@ const Avatar = _react.forwardRef((props, ref) => {
     style,
     ...rest
   } = props;
-  const statusTitles = {
+  let statusTitles = {
     ...defaultStatusTitles,
     ...translatedStatusTitles,
   };
@@ -59,7 +57,7 @@ const Avatar = _react.forwardRef((props, ref) => {
     {
       as: 'span',
       className: (0, _classnames.default)('iui-avatar', className),
-      'data-iui-size': size !== 'medium' ? size : undefined,
+      'data-iui-size': 'medium' !== size ? size : void 0,
       'data-iui-status': status,
       title: title,
       style: {
@@ -69,7 +67,7 @@ const Avatar = _react.forwardRef((props, ref) => {
       ref: ref,
       ...rest,
     },
-    !image ? abbreviation?.substring(0, 2) : null,
+    image ? null : abbreviation?.substring(0, 2),
     image,
     status
       ? _react.createElement(

package/cjs/core/AvatarGroup/AvatarGroup.js

@@ -14,8 +14,8 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const AvatarGroup = _react.forwardRef((props, ref) => {
-  const maxLength = 99;
-  const {
+  let maxLength = 99;
+  let {
     children,
     animated = false,
     stacked = true,
@@ -25,16 +25,15 @@ const AvatarGroup = _react.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  const childrenArray = _react.Children.toArray(children);
-  const childrenLength = childrenArray.length;
-  const getAvatarList = (count) => {
-    return childrenArray.slice(0, count).map((child) =>
+  let childrenArray = _react.Children.toArray(children);
+  let childrenLength = childrenArray.length;
+  let getAvatarList = (count) =>
+    childrenArray.slice(0, count).map((child) =>
       _react.cloneElement(child, {
-        status: undefined,
+        status: void 0,
         size: iconSize,
       }),
     );
-  };
   return _react.createElement(
     _index.Box,
     {
@@ -64,7 +63,7 @@ const AvatarGroup = _react.forwardRef((props, ref) => {
               'iui-avatar-count',
               countIconProps?.className,
             ),
-            'data-iui-size': iconSize !== 'medium' ? iconSize : undefined,
+            'data-iui-size': 'medium' !== iconSize ? iconSize : void 0,
           },
           childrenLength <= maxLength
             ? `${childrenLength - maxIcons}`

package/cjs/core/Backdrop/Backdrop.js

@@ -14,7 +14,7 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const Backdrop = _react.forwardRef((props, ref) => {
-  const { isVisible = true, className, ...rest } = props;
+  let { isVisible = true, className, ...rest } = props;
   return _react.createElement(_index.Box, {
     className: (0, _classnames.default)(
       'iui-backdrop',

package/cjs/core/Badge/Badge.js

@@ -14,23 +14,21 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const getBadgeColorValue = (color) => {
-  if (!color) {
-    return '';
-  }
+  if (!color) return '';
   return (0, _index.isSoftBackground)(color)
     ? _index.SoftBackgrounds[color]
     : color;
 };
 const getStatusValue = (color) => {
-  const statuses = ['positive', 'negative', 'warning', 'informational'];
-  return color && statuses.includes(color) ? color : undefined;
+  let statuses = ['positive', 'negative', 'warning', 'informational'];
+  return color && statuses.includes(color) ? color : void 0;
 };
 const Badge = _react.forwardRef((props, forwardedRef) => {
-  const { backgroundColor, style, className, children, ...rest } = props;
-  const reducedBackgroundColor =
-    backgroundColor === 'primary' ? 'informational' : backgroundColor;
-  const statusValue = getStatusValue(reducedBackgroundColor);
-  const _style =
+  let { backgroundColor, style, className, children, ...rest } = props;
+  let reducedBackgroundColor =
+    'primary' === backgroundColor ? 'informational' : backgroundColor;
+  let statusValue = getStatusValue(reducedBackgroundColor);
+  let _style =
     reducedBackgroundColor && !statusValue
       ? {
           '--iui-badge-background-color': getBadgeColorValue(

package/cjs/core/Breadcrumbs/Breadcrumbs.js

@@ -15,9 +15,9 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const _Button = require('../Buttons/Button.js');
 const _Anchor = require('../Typography/Anchor.js');
-const logWarningInDev = (0, _index.createWarningLogger)();
+const logWarning = (0, _index.createWarningLogger)();
 const BreadcrumbsComponent = _react.forwardRef((props, ref) => {
-  const {
+  let {
     children: items,
     currentIndex = items.length - 1,
     separator,
@@ -25,8 +25,8 @@ const BreadcrumbsComponent = _react.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  const [overflowRef, visibleCount] = (0, _index.useOverflow)(items);
-  const refs = (0, _index.useMergedRefs)(overflowRef, ref);
+  let [overflowRef, visibleCount] = (0, _index.useOverflow)(items);
+  let refs = (0, _index.useMergedRefs)(overflowRef, ref);
   return _react.createElement(
     _index.Box,
     {
@@ -48,7 +48,7 @@ const BreadcrumbsComponent = _react.forwardRef((props, ref) => {
           null,
           _react.createElement(ListItem, {
             item: items[0],
-            isActive: currentIndex === 0,
+            isActive: 0 === currentIndex,
           }),
           _react.createElement(Separator, {
             separator: separator,
@@ -84,7 +84,7 @@ const BreadcrumbsComponent = _react.forwardRef((props, ref) => {
           visibleCount > 1 ? items.length - visibleCount + 1 : items.length - 1,
         )
         .map((_, _index) => {
-          const index =
+          let index =
             visibleCount > 1
               ? 1 + (items.length - visibleCount) + _index
               : items.length - 1;
@@ -112,12 +112,8 @@ const ListItem = ({ item, isActive }) => {
     children?.type === 'span' ||
     children?.type === 'a' ||
     children?.type === _Button.Button
-  ) {
-    logWarningInDev(
-      'Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.',
-    );
+  )
     children = _react.createElement(BreadcrumbsItem, children.props);
-  }
   return _react.createElement(
     _index.Box,
     {
@@ -127,7 +123,7 @@ const ListItem = ({ item, isActive }) => {
     children &&
       _react.cloneElement(children, {
         'aria-current':
-          children.props['aria-current'] ?? isActive ? 'location' : undefined,
+          children.props['aria-current'] ?? isActive ? 'location' : void 0,
       }),
   );
 };
@@ -142,8 +138,8 @@ const Separator = ({ separator }) =>
     separator ?? _react.createElement(_index.SvgChevronRight, null),
   );
 const BreadcrumbsItem = _react.forwardRef((props, forwardedRef) => {
-  const { as: asProp, ...rest } = props;
-  const commonProps = {
+  let { as: asProp, ...rest } = props;
+  let commonProps = {
     ...rest,
     className: (0, _classnames.default)(
       'iui-breadcrumbs-content',
@@ -152,24 +148,22 @@ const BreadcrumbsItem = _react.forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
   };
   if (
-    String(asProp) === 'span' ||
-    (props.href == null && props.onClick == null && asProp == null)
-  ) {
+    'span' === String(asProp) ||
+    (null == props.href && null == props.onClick && null == asProp)
+  )
     return _react.createElement(_index.Box, {
       as: 'span',
       ...commonProps,
     });
-  }
   return _react.createElement(_Button.Button, {
     as:
-      asProp === 'a' || (asProp == null && !!props.href)
+      'a' === asProp || (null == asProp && props.href)
         ? _Anchor.Anchor
         : asProp,
     styleType: 'borderless',
     ...commonProps,
   });
 });
-BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
 const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
   Item: BreadcrumbsItem,
 });

package/cjs/core/ButtonGroup/ButtonGroup.js

@@ -23,20 +23,17 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const _react1 = require('@floating-ui/react');
-const ButtonGroupContext = _react.createContext(undefined);
-ButtonGroupContext.displayName = 'ButtonGroupContext';
+const ButtonGroupContext = _react.createContext(void 0);
 const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     children: childrenProp,
     overflowButton,
     overflowPlacement = 'end',
     orientation = 'horizontal',
     ...rest
   } = props;
-  const children = _react.useMemo(() => {
-    if (props.role !== 'toolbar') {
-      return childrenProp;
-    }
+  let children = _react.useMemo(() => {
+    if ('toolbar' !== props.role) return childrenProp;
     return _react.Children.map(childrenProp, (child, index) =>
       _react.isValidElement(child)
         ? _react.createElement(_react1.CompositeItem, {
@@ -46,7 +43,7 @@ const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
         : child,
     );
   }, [childrenProp, props.role]);
-  const node = overflowButton
+  let node = overflowButton
     ? _react.createElement(
         OverflowGroup,
         {
@@ -80,7 +77,7 @@ const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
       {
         value: orientation,
       },
-      props.role === 'toolbar'
+      'toolbar' === props.role
         ? _react.createElement(_react1.Composite, {
             orientation: orientation,
             render: node,
@@ -91,28 +88,27 @@ const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
   );
 });
 const BaseGroup = _react.forwardRef((props, forwardedRef) => {
-  const { orientation, className, ...rest } = props;
+  let { orientation, className, ...rest } = props;
   return _react.createElement(_index.Box, {
     className: (0, _classnames.default)('iui-button-group', className),
-    'data-iui-orientation':
-      orientation === 'vertical' ? orientation : undefined,
+    'data-iui-orientation': 'vertical' === orientation ? orientation : void 0,
     ref: forwardedRef,
     ...rest,
   });
 });
 const OverflowGroup = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     children: childrenProp,
     orientation,
     overflowButton,
     overflowPlacement,
     ...rest
   } = props;
-  const items = _react.useMemo(
+  let items = _react.useMemo(
     () => _react.Children.toArray(childrenProp).filter(Boolean),
     [childrenProp],
   );
-  const [overflowRef, visibleCount] = (0, _index.useOverflow)(
+  let [overflowRef, visibleCount] = (0, _index.useOverflow)(
     items,
     !overflowButton,
     orientation,
@@ -125,31 +121,29 @@ const OverflowGroup = _react.forwardRef((props, forwardedRef) => {
       className: (0, _classnames.default)(
         {
           'iui-button-group-overflow-x':
-            !!overflowButton && orientation === 'horizontal',
+            !!overflowButton && 'horizontal' === orientation,
         },
         props.className,
       ),
       ref: (0, _index.useMergedRefs)(forwardedRef, overflowRef),
     },
     (() => {
-      if (!(visibleCount < items.length)) {
-        return items;
-      }
-      const overflowStart =
-        overflowPlacement === 'start'
+      if (!(visibleCount < items.length)) return items;
+      let overflowStart =
+        'start' === overflowPlacement
           ? items.length - visibleCount
           : visibleCount - 1;
       return _react.createElement(
         _react.Fragment,
         null,
         overflowButton &&
-          overflowPlacement === 'start' &&
+          'start' === overflowPlacement &&
           overflowButton(overflowStart),
-        overflowPlacement === 'start'
+        'start' === overflowPlacement
           ? items.slice(overflowStart + 1)
           : items.slice(0, Math.max(0, overflowStart)),
         overflowButton &&
-          overflowPlacement === 'end' &&
+          'end' === overflowPlacement &&
           overflowButton(overflowStart),
       );
     })(),

package/cjs/core/Buttons/Button.js

@@ -16,7 +16,7 @@ const _index = require('../../utils/index.js');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _Popover = require('../Popover/Popover.js');
 const Button = _react.forwardRef((props, ref) => {
-  const {
+  let {
     children,
     className,
     size,
@@ -31,20 +31,20 @@ const Button = _react.forwardRef((props, ref) => {
     disabled: disabledProp,
     ...rest
   } = props;
-  const hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
+  let hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
   return _react.createElement(
     _index.ButtonBase,
     {
       ref: ref,
       className: (0, _classnames.default)('iui-button', 'iui-field', className),
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+      'data-iui-variant': 'default' !== styleType ? styleType : void 0,
       'data-iui-size': size,
-      'data-iui-loading': loading ? 'true' : undefined,
-      'data-iui-has-popover': hasPopoverOpen ? 'open' : undefined,
+      'data-iui-loading': loading ? 'true' : void 0,
+      'data-iui-has-popover': hasPopoverOpen ? 'open' : void 0,
       disabled: disabledProp || loading,
       ...rest,
       style: {
-        '--_iui-width': stretched ? '100%' : undefined,
+        '--_iui-width': stretched ? '100%' : void 0,
         ...props.style,
       },
     },
@@ -91,7 +91,7 @@ const Button = _react.forwardRef((props, ref) => {
       ),
     loading &&
       _react.createElement(_ProgressRadial.ProgressRadial, {
-        size: size === 'small' ? 'x-small' : 'small',
+        size: 'small' === size ? 'x-small' : 'small',
         className: 'iui-button-spinner',
         'aria-hidden': true,
       }),

package/cjs/core/Buttons/DropdownButton.js

@@ -16,7 +16,7 @@ const _Button = require('./Button.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');
 const DropdownButton = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     menuItems,
     className,
     size,
@@ -25,7 +25,7 @@ const DropdownButton = _react.forwardRef((props, forwardedRef) => {
     dropdownMenuProps,
     ...rest
   } = props;
-  const [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
   return _react.createElement(
     _DropdownMenu.DropdownMenu,
     {