@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/cjs/utils/components/FocusTrap.d.ts

@@ -3,7 +3,7 @@ export type FocusTrapProps = {
     /**
      * A single child element to trap focus in.
      */
-    children: JSX.Element;
+    children: React.JSX.Element;
 };
 /**
  * Trap focus within child container.

package/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/cjs/utils/components/InputContainer.d.ts

@@ -6,7 +6,7 @@ export type InputContainerProps = {
     required?: boolean;
     status?: 'positive' | 'warning' | 'negative';
     message?: React.ReactNode;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     isLabelInline?: boolean;
     statusMessage?: React.ReactNode;
     inputId?: string;

package/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/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/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/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/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/cjs/utils/components/Portal.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare const portalContainerAtom: import("jotai").PrimitiveAtom<HTMLElement | undefined> & {
-    init: HTMLElement | undefined;
+export declare const portalContainerAtom: import("jotai").PrimitiveAtom<HTMLElement | null> & {
+    init: HTMLElement | null;
 };
 export type PortalProps = {
     /**
@@ -32,4 +32,4 @@ export type PortalProps = {
  * @private
  */
 export declare const Portal: (props: React.PropsWithChildren<PortalProps>) => React.ReactNode;
-export declare const usePortalTo: (portal: NonNullable<PortalProps["portal"]>) => HTMLElement | null | undefined;
+export declare const usePortalTo: (portal: NonNullable<PortalProps["portal"]>) => HTMLElement | null;

package/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/cjs/utils/components/Resizer.d.ts

@@ -3,12 +3,12 @@ export type ResizerProps = {
     /**
      * Ref of the element that is being resized.
      */
-    elementRef: React.RefObject<HTMLElement>;
+    elementRef: React.RefObject<HTMLElement | null>;
     /**
      * Ref of the container element in order to avoid resizing past container boundaries.
      * If not passed, viewport will be used.
      */
-    containerRef?: React.RefObject<HTMLElement>;
+    containerRef?: React.RefObject<HTMLElement | null>;
     /**
      * Callback that is being called on resize start.
      * Useful to set state, style, or other properties when resizing is started.

package/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/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/cjs/utils/components/index.d.ts

@@ -3,7 +3,6 @@ export * from './FocusTrap.js';
 export * from './InputContainer.js';
 export * from './InputFlexContainer.js';
 export * from './InputWithIcon.js';
-export * from './WithCSSTransition.js';
 export * from './MiddleTextTruncation.js';
 export * from './AutoclearingHiddenLiveRegion.js';
 export * from './Box.js';

package/cjs/utils/components/index.js

@@ -8,7 +8,6 @@ _export_star._(require('./FocusTrap.js'), exports);
 _export_star._(require('./InputContainer.js'), exports);
 _export_star._(require('./InputFlexContainer.js'), exports);
 _export_star._(require('./InputWithIcon.js'), exports);
-_export_star._(require('./WithCSSTransition.js'), exports);
 _export_star._(require('./MiddleTextTruncation.js'), exports);
 _export_star._(require('./AutoclearingHiddenLiveRegion.js'), exports);
 _export_star._(require('./Box.js'), exports);

package/cjs/utils/functions/focusable.d.ts

@@ -26,6 +26,6 @@ export declare const getFocusableElements: (container: HTMLElement | undefined |
 export declare function useFocusableElements(root: HTMLElement | null, extraOptions?: {
     filter?: (elements: HTMLElement[]) => HTMLElement[];
 }): {
-    focusableElementsRef: React.MutableRefObject<HTMLElement[]>;
+    focusableElementsRef: React.RefObject<HTMLElement[]>;
     focusableElements: HTMLElement[];
 };

package/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/cjs/utils/functions/polymorphic.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../props.js';
-declare const _base: <As extends keyof JSX.IntrinsicElements = "div">(defaultElement: As) => (className: string, attrs?: JSX.IntrinsicElements[As]) => PolymorphicForwardRefComponent<As, {}>;
+declare const _base: <As extends keyof React.JSX.IntrinsicElements = "div">(defaultElement: As) => (className: string, attrs?: React.JSX.IntrinsicElements[As]) => PolymorphicForwardRefComponent<As, {}>;
 /**
  * Utility to create a type-safe polymorphic component with a simple class.
  *
@@ -17,5 +18,5 @@ declare const _base: <As extends keyof JSX.IntrinsicElements = "div">(defaultEle
  *
  * @private
  */
-export declare const polymorphic: { [key in keyof JSX.IntrinsicElements]: ReturnType<typeof _base<key>>; };
+export declare const polymorphic: { [key in keyof React.JSX.IntrinsicElements]: ReturnType<typeof _base<key>>; };
 export {};

package/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/cjs/utils/functions/react.d.ts

@@ -5,4 +5,4 @@ import * as React from 'react';
  *
  * @private
  */
-export declare const cloneElementWithRef: (children: React.ReactNode, getProps: (children: JSX.Element) => Record<string, unknown>) => string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null;
+export declare const cloneElementWithRef: (children: React.ReactNode, getProps: (children: React.JSX.Element) => Record<string, unknown>) => string | number | bigint | true | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;

package/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/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) => {

package/cjs/utils/hooks/useControlledState.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useControlledState', {
   },
 });
 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 useControlledState = (
   initialValue,
   controlledState,

package/cjs/utils/hooks/useDragAndDrop.d.ts

@@ -7,7 +7,7 @@ import * as React from 'react';
  * `onPointerDown` - handler that is called when pointer is down and handles all the dragging logic.
  * `transform` - current transform of the element, it is used to preserve drag position when element visibility is being toggled.
  */
-export declare const useDragAndDrop: (elementRef: React.RefObject<HTMLElement>, containerRef?: React.RefObject<HTMLElement>, enabled?: boolean) => {
+export declare const useDragAndDrop: (elementRef: React.RefObject<HTMLElement | null>, containerRef?: React.RefObject<HTMLElement | null>, enabled?: boolean) => {
     onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
     transform: string;
 };

package/cjs/utils/hooks/useDragAndDrop.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useDragAndDrop', {
   },
 });
 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 _useEventListener = require('./useEventListener.js');
 const _useResizeObserver = require('./useResizeObserver.js');
@@ -25,8 +25,8 @@ const getContainerRect = (containerRef) => {
 const useDragAndDrop = (elementRef, containerRef, enabled = true) => {
   let grabOffsetX = _react.useRef(0);
   let grabOffsetY = _react.useRef(0);
-  let translateX = _react.useRef();
-  let translateY = _react.useRef();
+  let translateX = _react.useRef(void 0);
+  let translateY = _react.useRef(void 0);
   let containerRectRef = _react.useRef(getContainerRect(containerRef));
   let adjustTransform = _react.useCallback(() => {
     if (!elementRef.current || !enabled) return;

package/cjs/utils/hooks/useEventListener.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, 'useEventListener', {
   },
 });
 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 useEventListener = (eventName, handler, element) => {
-  let savedHandler = _react.useRef();
+  let savedHandler = _react.useRef(void 0);
   _react.useEffect(() => {
     savedHandler.current = handler;
   }, [handler]);

package/cjs/utils/hooks/useGlobals.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 _ThemeContext = require('../../core/ThemeProvider/ThemeContext.js');
 const _dev = require('../functions/dev.js');
 const didLogWarning = {

package/cjs/utils/hooks/useId.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useId', {
   },
 });
 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 _numbers = require('../functions/numbers.js');
 const useId = () => {
   let uniqueValue = useUniqueValue();

package/cjs/utils/hooks/useInstance.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 _useSyncExternalStore = require('./useSyncExternalStore.js');
 class Instance {}
 const useInstance = () => _react.useMemo(() => new Instance(), []);

package/cjs/utils/hooks/useIntersection.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useIntersection', {
   },
 });
 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 _dom = require('../functions/dom.js');
 const useIntersection = (onIntersect, options = {}, once = true) => {
   let { root, rootMargin, threshold } = options;

package/cjs/utils/hooks/useIsClient.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useIsClient', {
   },
 });
 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 useIsClient = () => {
   let [isClient, setIsClient] = _react.useState(false);
   _react.useEffect(() => {

package/cjs/utils/hooks/useIsomorphicLayoutEffect.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, 'useLayoutEffect', {
   },
 });
 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 useIsomorphicLayoutEffect =
   'undefined' != typeof window ? _react.useLayoutEffect : _react.useEffect;

package/cjs/utils/hooks/useLatestRef.d.ts

@@ -6,4 +6,4 @@ import * as React from 'react';
  * const { value } = props;
  * const valueRef = useLatestRef(value);
  */
-export declare const useLatestRef: <T>(value: T) => React.MutableRefObject<T>;
+export declare const useLatestRef: <T>(value: T) => React.RefObject<T>;

package/cjs/utils/hooks/useLatestRef.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useLatestRef', {
   },
 });
 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 useLatestRef = (value) => {
   let valueRef = _react.useRef(value);
   _react.useEffect(() => {

package/cjs/utils/hooks/useMediaQuery.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useMediaQuery', {
   },
 });
 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 _useSyncExternalStore = require('./useSyncExternalStore.js');
 const useMediaQuery = (queryString) => {
   let getSnapshot = _react.useCallback(

package/cjs/utils/hooks/useMergedRefs.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 /**
  * Function that merges the provided refs into one.
  */
-export declare const mergeRefs: <T>(...refs: Array<React.Ref<T> | React.LegacyRef<T> | undefined | null>) => (instance: T | null) => void;
+export declare const mergeRefs: <T>(...refs: Array<React.Ref<T> | React.Ref<T> | undefined | null>) => (instance: T | null) => void;
 /**
  * Returns a ref callback that merges the provided refs using `mergeRefs`.
  */
-export declare const useMergedRefs: <T>(...refs: ReadonlyArray<React.Ref<T> | React.LegacyRef<T> | undefined | null>) => (instance: T | null) => void;
+export declare const useMergedRefs: <T>(...refs: ReadonlyArray<React.Ref<T> | React.Ref<T> | undefined | null>) => (instance: T | null) => void;

package/cjs/utils/hooks/useMergedRefs.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 mergeRefs =
   (...refs) =>
   (instance) => {

package/cjs/utils/hooks/useResizeObserver.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, 'useResizeObserver', {
   },
 });
 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 _dom = require('../functions/dom.js');
 const useResizeObserver = (onResize) => {
-  let resizeObserver = _react.useRef();
+  let resizeObserver = _react.useRef(void 0);
   let elementRef = _react.useCallback(
     (element) => {
       if (!(0, _dom.getWindow)()?.ResizeObserver) return;

package/cjs/utils/hooks/useSafeContext.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSafeContext', {
   },
 });
 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 useSafeContext = (context) => {
   let value = _react.useContext(context);
   if (!value)

package/cjs/utils/hooks/useSyncExternalStore.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSyncExternalStore', {
   },
 });
 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 _React = _react;
 const useSyncExternalStore =
   _React.useSyncExternalStore || useSyncExternalStoreShim;

package/cjs/utils/hooks/useVirtualScroll.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, 'useVirtualScroll', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _reactvirtual = require('@tanstack/react-virtual');
-const _react = _interop_require_default._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_default._(require('react'));
 const css = `
 :host {
   contain: layout;

package/cjs/utils/hooks/useWarningLogger.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useWarningLogger', {
   },
 });
 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 _dev = require('../functions/dev.js');
 const _dom = require('../functions/dom.js');
 const _React = _react;

package/cjs/utils/icons/StatusIconMap.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'StatusIconMap', {
   },
 });
 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 _SvgInfoCircular = require('./SvgInfoCircular.js');
 const _SvgStatusError = require('./SvgStatusError.js');
 const _SvgStatusSuccess = require('./SvgStatusSuccess.js');

package/cjs/utils/icons/SvgCalendar.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCalendar', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCalendar = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCaretDownSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCaretDownSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCaretDownSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCaretRightSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCaretRightSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCaretRightSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCaretUpSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCaretUpSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCaretUpSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCheckmark.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCheckmark', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCheckmark = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCheckmarkSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCheckmarkSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCheckmarkSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgChevronLeft.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgChevronLeft', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgChevronLeft = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgChevronLeftDouble.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgChevronLeftDouble', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgChevronLeftDouble = (props) =>
   _react.createElement(