@itwin/itwinui-react 3.17.0-dev.2 → 3.17.1

package/DEV-cjs/core/Tag/Tag.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tag', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');

package/DEV-cjs/core/Tag/TagContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TagContainer', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const TagContainer = _react.forwardRef((props, forwardedRef) => {
   let { className, children, overflow, background = 'none', ...rest } = props;

package/DEV-cjs/core/Textarea/Textarea.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Textarea', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const Textarea = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_Input.Input, {

package/DEV-cjs/core/ThemeProvider/ThemeContext.js

@@ -9,5 +9,5 @@ Object.defineProperty(exports, 'ThemeContext', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ThemeContext = _react.createContext(void 0);

package/DEV-cjs/core/ThemeProvider/ThemeProvider.js

@@ -10,9 +10,13 @@ Object.defineProperty(exports, 'ThemeProvider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reactdom = _interop_require_wildcard._(require('react-dom'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _ThemeContext = require('./ThemeContext.js');
 const _Toaster = require('../Toast/Toaster.js');
@@ -140,7 +144,7 @@ const Root = _react.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
-      'data-iui-bridge': !!future?.themeBridge || void 0,
+      'data-iui-bridge': future?.themeBridge ? true : void 0,
       ref: forwardedRef,
       ...rest,
     },
@@ -252,7 +256,9 @@ const FallbackStyles = ({ root }) => {
     (async () => {
       try {
         await Promise.resolve().then(() =>
-          _interop_require_wildcard._(require('../../../styles.css')),
+          /*#__PURE__*/ _interop_require_wildcard._(
+            require('../../../styles.css'),
+          ),
         );
       } catch (error) {
         console.log('Error loading styles.css locally', error);

package/DEV-cjs/core/Tile/Tile.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tile', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _IconButton = require('../Buttons/IconButton.js');

package/DEV-cjs/core/TimePicker/TimePicker.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TimePicker', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const isSameHour = (date1, date2, meridiem) => {
   let adjustedHours = meridiem

package/DEV-cjs/core/Toast/Toast.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _Toaster = require('./Toaster.js');

package/DEV-cjs/core/Toast/Toaster.js

@@ -25,8 +25,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _Toast = require('./Toast.js');
 const useToaster = () => {

package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ToggleSwitch', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const ToggleSwitch = _react.forwardRef((props, ref) => {
   let {

package/DEV-cjs/core/Tooltip/Tooltip.js

@@ -2,18 +2,33 @@
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });
-Object.defineProperty(exports, 'Tooltip', {
-  enumerable: true,
-  get: function () {
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  Tooltip: function () {
     return Tooltip;
   },
+  defaultTooltipDelay: function () {
+    return defaultTooltipDelay;
+  },
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _react1 = require('@floating-ui/react');
 const _index = require('../../utils/index.js');
+const defaultTooltipDelay = {
+  open: 100,
+  close: 200,
+};
 const useTooltip = (options = {}) => {
   let uniqueId = (0, _index.useId)();
   let {
@@ -111,13 +126,7 @@ const useTooltip = (options = {}) => {
   });
   let interactions = (0, _react1.useInteractions)([
     (0, _react1.useHover)(floating.context, {
-      delay:
-        0 !== delay
-          ? delay
-          : {
-              open: 50,
-              close: 250,
-            },
+      delay: 0 !== delay ? delay : defaultTooltipDelay,
       handleClose: (0, _react1.safePolygon)({
         buffer: -1 / 0,
       }),

package/DEV-cjs/core/TransferList/TransferList.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _List = require('../List/List.js');
 const _ListItem = require('../List/ListItem.js');

package/DEV-cjs/core/Tree/Tree.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Tree', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _TreeContext = require('./TreeContext.js');
 const Tree = (props) => {

package/DEV-cjs/core/Tree/TreeContext.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const TreeContext = _react.createContext(void 0);
 const useTreeContext = () => {
   let context = _react.useContext(TreeContext);

package/DEV-cjs/core/Tree/TreeNode.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'TreeNode', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _TreeNodeExpander = require('./TreeNodeExpander.js');
 const _TreeContext = require('./TreeContext.js');
 const TreeNode = _react.forwardRef((props, forwardedRef) => {

package/DEV-cjs/core/Tree/TreeNodeExpander.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TreeNodeExpander', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _TreeContext = require('./TreeContext.js');

package/DEV-cjs/core/Typography/Anchor.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Anchor', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const _Text = require('./Text.js');

package/DEV-cjs/core/Typography/Blockquote.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Blockquote', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Blockquote = _react.forwardRef((props, ref) => {
   let { className, children, footer, ...rest } = props;

package/DEV-cjs/core/Typography/Kbd.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const KbdKeys = {
   Command: '\u2318 Cmd',

package/DEV-cjs/core/Typography/Text.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Text = _react.forwardRef((props, ref) => {
   let {

package/DEV-cjs/core/VisuallyHidden/VisuallyHidden.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'VisuallyHidden', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const VisuallyHidden = _react.forwardRef((props, ref) => {
   let {
@@ -41,7 +43,7 @@ const VisuallyHidden = _react.forwardRef((props, ref) => {
     {
       as: asProp,
       className: (0, _classnames.default)('iui-visually-hidden', className),
-      'data-iui-unhide-on-focus': !!unhideOnFocus || void 0,
+      'data-iui-unhide-on-focus': unhideOnFocus ? true : void 0,
       ref: ref,
       ...rest,
     },

package/DEV-cjs/react-table/react-table.types-test.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _index = require('../core/Table/index.js');
-const _react = _interop_require_default._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_default._(require('react'));
 const _index1 = require('../index.js');
 () => {
   let columns = [
@@ -577,7 +577,7 @@ const _index1 = require('../index.js');
     [pageSizeList],
   );
   let [globalFilter, setGlobalFilter] = _react.default.useState('');
-  let tableInstance = _react.default.useRef();
+  let tableInstance = _react.default.useRef(void 0);
   let [hoveredRowIndex, setHoveredRowIndex] = _react.default.useState(0);
   let [rowRefMap, setRowRefMap] = _react.default.useState({});
   return _react.default.createElement(

package/DEV-cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const e = '3.17.0-dev.2';
+const e = '3.17.1';
 const u = new Proxy(
   {},
   {

package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'AutoclearingHiddenLiveRegion', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
 const _index = require('../functions/index.js');
 const AutoclearingHiddenLiveRegion = ({ text = '' }) => {

package/DEV-cjs/utils/components/ButtonBase.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ButtonBase', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('./Box.js');
 const _useIsClient = require('../hooks/useIsClient.js');
 const ButtonBase = _react.forwardRef((props, forwardedRef) => {
@@ -19,6 +21,7 @@ const ButtonBase = _react.forwardRef((props, forwardedRef) => {
     as: asProp = 'button',
     disabled: disabledProp,
     htmlDisabled,
+    type: typeProp = 'button' === asProp ? 'button' : void 0,
     ...rest
   } = props;
   let isClient = (0, _useIsClient.useIsClient)();
@@ -28,13 +31,14 @@ const ButtonBase = _react.forwardRef((props, forwardedRef) => {
     if (disabledProp) return;
     handler?.(e);
   };
+  let type = 'button' === asProp && disabledProp ? 'button' : typeProp;
   return _react.createElement(_Box.Box, {
     as: asProp,
-    type: 'button' === asProp ? 'button' : void 0,
+    type: type,
     ref: forwardedRef,
     'aria-disabled': ariaDisabled ? 'true' : void 0,
     'data-iui-disabled': disabledProp ? 'true' : void 0,
-    disabled: !!(htmlDisabled ?? (!isClient && disabledProp)) || void 0,
+    disabled: htmlDisabled ?? (!isClient && disabledProp) ? true : void 0,
     ...rest,
     className: (0, _classnames.default)('iui-button-base', props.className),
     onClick: handleIfEnabled(props.onClick),

package/DEV-cjs/utils/components/FocusTrap.js

@@ -9,12 +9,12 @@ Object.defineProperty(exports, 'FocusTrap', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _focusable = require('../functions/focusable.js');
-const _useMergedRefs = require('../hooks/useMergedRefs.js');
+const _react1 = require('../functions/react.js');
 const FocusTrap = (props) => {
   let { children } = props;
-  let childRef = _react.useRef();
+  let childRef = _react.useRef(void 0);
   let getFirstLastFocusables = () => {
     let elements = (0, _focusable.getTabbableElements)(childRef.current);
     let firstElement = elements[0];
@@ -39,9 +39,9 @@ const FocusTrap = (props) => {
       onFocus: onFirstFocus,
       'aria-hidden': true,
     }),
-    _react.cloneElement(children, {
-      ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef),
-    }),
+    (0, _react1.cloneElementWithRef)(children, () => ({
+      ref: childRef,
+    })),
     _react.createElement('div', {
       tabIndex: 0,
       onFocus: onLastFocus,

package/DEV-cjs/utils/components/InputContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'InputContainer', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('./Box.js');
 const _Label = require('../../core/Label/Label.js');
 const _StatusMessage = require('../../core/StatusMessage/StatusMessage.js');

package/DEV-cjs/utils/components/InputFlexContainer.js

@@ -22,8 +22,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('./Box.js');
 const _Icon = require('../../core/Icon/Icon.js');
 const _IconButton = require('../../core/Buttons/IconButton.js');

package/DEV-cjs/utils/components/LineClamp.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'LineClamp', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Box = require('./Box.js');
 const _ShadowRoot = require('./ShadowRoot.js');
 const LineClamp = _react.forwardRef((props, forwardedRef) => {

package/DEV-cjs/utils/components/MiddleTextTruncation.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'MiddleTextTruncation', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _OverflowContainer = require('./OverflowContainer.js');
 const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
 const _ShadowRoot = require('./ShadowRoot.js');

package/DEV-cjs/utils/components/OverflowContainer.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'OverflowContainer', {
   },
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _react = _interop_require_default._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_default._(require('react'));
 const _useMergedRefs = require('../hooks/useMergedRefs.js');
 const _Box = require('./Box.js');
 const _useIsomorphicLayoutEffect = require('../hooks/useIsomorphicLayoutEffect.js');

package/DEV-cjs/utils/components/Portal.js

@@ -21,12 +21,14 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reactdom = _interop_require_wildcard._(require('react-dom'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
 const _useIsClient = require('../hooks/useIsClient.js');
 const _jotai = require('jotai');
 const _ScopeProvider = require('../providers/ScopeProvider.js');
-const portalContainerAtom = (0, _jotai.atom)(void 0);
+const portalContainerAtom = (0, _jotai.atom)(null);
 const Portal = (props) => {
   let { portal = true, children } = props;
   let isClient = (0, _useIsClient.useIsClient)();

package/DEV-cjs/utils/components/Resizer.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Resizer', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../functions/index.js');
 const Resizer = (props) =>
   _react.createElement(

package/DEV-cjs/utils/components/ShadowRoot.js

@@ -9,8 +9,10 @@ Object.defineProperty(exports, 'ShadowRoot', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reactdom = _interop_require_wildcard._(require('react-dom'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
 const _index = require('../hooks/index.js');
 const _index1 = require('../providers/index.js');
 const isBrowser = 'undefined' != typeof document;
@@ -58,7 +60,7 @@ const ClientShadowRoot = ({ children, css }) => {
 };
 function useShadowRoot(templateRef, { css = '' }) {
   let [shadowRoot, setShadowRoot] = _react.useState(null);
-  let styleSheet = _react.useRef();
+  let styleSheet = _react.useRef(void 0);
   let latestCss = (0, _index.useLatestRef)(css);
   let latestShadowRoot = (0, _index.useLatestRef)(shadowRoot);
   let createStyleSheet = _react.useCallback(

package/DEV-cjs/utils/functions/focusable.js

@@ -21,7 +21,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../hooks/index.js');
 const tabbableElementsSelector =
   'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';

package/DEV-cjs/utils/functions/polymorphic.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'polymorphic', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _useGlobals = require('../hooks/useGlobals.js');
 const _styles = require('../../styles.js');
 const _base = (defaultElement) => (className, attrs) => {

package/DEV-cjs/utils/functions/react.js

@@ -9,17 +9,15 @@ Object.defineProperty(exports, 'cloneElementWithRef', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _useMergedRefs = require('../hooks/useMergedRefs.js');
 const cloneElementWithRef = (children, getProps) => {
   if (!children) return null;
   if (!_react.isValidElement(children)) return children;
+  let childrenRef = children.props?.ref || children?.ref;
   let props = getProps(children);
   let ref = (0, _useMergedRefs.mergeRefs)(
-    ...[
-      'ref' in children ? children.ref : null,
-      'ref' in props ? props.ref : null,
-    ].filter(Boolean),
+    ...[childrenRef, 'ref' in props ? props.ref : null].filter(Boolean),
   );
   return _react.cloneElement(children, {
     ...props,

package/DEV-cjs/utils/hooks/useContainerWidth.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useContainerWidth', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _useMergedRefs = require('./useMergedRefs.js');
 const _useResizeObserver = require('./useResizeObserver.js');
 const useContainerWidth = (watchResizes = true) => {