@itwin/itwinui-react 3.11.3 → 3.12.0

package/cjs/utils/color/index.js

@@ -1,21 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./ColorValue.js"), exports);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./ColorValue.js'), exports);

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 /**
  * Visually-hidden polite live region that automatically clears itself after 5 seconds.
  *
@@ -9,4 +8,4 @@ import * as React from 'react';
  */
 export declare const AutoclearingHiddenLiveRegion: ({ text }: {
     text?: string | undefined;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/cjs/utils/components/AutoclearingHiddenLiveRegion.js

@@ -1,51 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoclearingHiddenLiveRegion = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const VisuallyHidden_js_1 = require("../../core/VisuallyHidden/VisuallyHidden.js");
-const index_js_1 = require("../functions/index.js");
-/**
- * Visually-hidden polite live region that automatically clears itself after 5 seconds.
- *
- * Should only be used for small updates and user-initiated actions (e.g. when _updating_ the selection),
- * otherwise it could cause too many announcements every time an instance of this component is mounted.
- *
- * @private
- */
+Object.defineProperty(exports, 'AutoclearingHiddenLiveRegion', {
+  enumerable: true,
+  get: function () {
+    return AutoclearingHiddenLiveRegion;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
+const _index = require('../functions/index.js');
 const AutoclearingHiddenLiveRegion = ({ text = '' }) => {
-    const [maybeText, setMaybeText] = React.useState(text);
-    React.useEffect(() => {
-        setMaybeText(text);
-        const timeout = (0, index_js_1.getWindow)()?.setTimeout(() => setMaybeText(''), 5000);
-        return () => void (0, index_js_1.getWindow)()?.clearTimeout(timeout);
-    }, [text]);
-    return (React.createElement(VisuallyHidden_js_1.VisuallyHidden, { as: 'div', "aria-live": 'polite', "aria-atomic": 'true' }, maybeText));
+  const [maybeText, setMaybeText] = _react.useState(text);
+  _react.useEffect(() => {
+    setMaybeText(text);
+    const timeout = (0, _index.getWindow)()?.setTimeout(
+      () => setMaybeText(''),
+      5000,
+    );
+    return () => void (0, _index.getWindow)()?.clearTimeout(timeout);
+  }, [text]);
+  return (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+    as: 'div',
+    'aria-live': 'polite',
+    'aria-atomic': 'true',
+    children: maybeText,
+  });
 };
-exports.AutoclearingHiddenLiveRegion = AutoclearingHiddenLiveRegion;

package/cjs/utils/components/Box.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const polymorphic_js_1 = require("../functions/polymorphic.js");
-/**
- * Polymorphic component that renders a div element by default.
- * Intended to be used as a base for other components.
- * @private
- */
-exports.Box = polymorphic_js_1.polymorphic.div('');
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'Box', {
+  enumerable: true,
+  get: function () {
+    return Box;
+  },
+});
+const _polymorphic = require('../functions/polymorphic.js');
+const Box = _polymorphic.polymorphic.div('');

package/cjs/utils/components/ButtonBase.js

@@ -1,53 +1,48 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'ButtonBase', {
+  enumerable: true,
+  get: function () {
+    return ButtonBase;
+  },
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonBase = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_js_1 = require("./Box.js");
-const useIsClient_js_1 = require("../hooks/useIsClient.js");
-exports.ButtonBase = React.forwardRef((props, forwardedRef) => {
-    const { as: asProp = 'button', disabled: disabledProp, htmlDisabled, ...rest } = props;
-    const isClient = (0, useIsClient_js_1.useIsClient)();
-    const ariaDisabled = disabledProp &&
-        !htmlDisabled && // htmlDisabled prop takes preference
-        isClient && // progressively enhance after first render
-        asProp === 'button'; // ignore if not button, e.g. links
-    const handleIfEnabled = (handler) => (e) => {
-        if (disabledProp) {
-            return;
-        }
-        handler?.(e);
-    };
-    return (React.createElement(Box_js_1.Box, { as: asProp, type: asProp === 'button' ? 'button' : undefined, ref: forwardedRef, "aria-disabled": ariaDisabled ? 'true' : undefined, "data-iui-disabled": disabledProp ? 'true' : undefined, disabled: htmlDisabled ?? (!isClient && disabledProp) ? true : undefined, ...rest, className: (0, classnames_1.default)('iui-button-base', props.className), onClick: handleIfEnabled(props.onClick), onPointerDown: handleIfEnabled(props.onPointerDown), onPointerUp: handleIfEnabled(props.onPointerUp) }));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _Box = require('./Box.js');
+const _useIsClient = require('../hooks/useIsClient.js');
+const ButtonBase = _react.forwardRef((props, forwardedRef) => {
+  const {
+    as: asProp = 'button',
+    disabled: disabledProp,
+    htmlDisabled,
+    ...rest
+  } = props;
+  const isClient = (0, _useIsClient.useIsClient)();
+  const ariaDisabled =
+    disabledProp && !htmlDisabled && isClient && asProp === 'button';
+  const handleIfEnabled = (handler) => (e) => {
+    if (disabledProp) {
+      return;
+    }
+    handler?.(e);
+  };
+  return (0, _jsxruntime.jsx)(_Box.Box, {
+    as: asProp,
+    type: asProp === 'button' ? 'button' : undefined,
+    ref: forwardedRef,
+    'aria-disabled': ariaDisabled ? 'true' : undefined,
+    'data-iui-disabled': disabledProp ? 'true' : undefined,
+    disabled: htmlDisabled ?? (!isClient && disabledProp) ? true : undefined,
+    ...rest,
+    className: (0, _classnames.default)('iui-button-base', props.className),
+    onClick: handleIfEnabled(props.onClick),
+    onPointerDown: handleIfEnabled(props.onPointerDown),
+    onPointerUp: handleIfEnabled(props.onPointerUp),
+  });
 });
-exports.ButtonBase.displayName = 'ButtonBase';
+ButtonBase.displayName = 'ButtonBase';

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export type FocusTrapProps = {
     /**
      * A single child element to trap focus in.
@@ -9,4 +8,4 @@ export type FocusTrapProps = {
  * Trap focus within child container.
  * Used for modals and dialogs.
  */
-export declare const FocusTrap: (props: FocusTrapProps) => React.JSX.Element;
+export declare const FocusTrap: (props: FocusTrapProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/utils/components/FocusTrap.js

@@ -1,72 +1,58 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusTrap = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const focusable_js_1 = require("../functions/focusable.js");
-const useMergedRefs_js_1 = require("../hooks/useMergedRefs.js");
-/**
- * Trap focus within child container.
- * Used for modals and dialogs.
- */
+Object.defineProperty(exports, 'FocusTrap', {
+  enumerable: true,
+  get: function () {
+    return FocusTrap;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _focusable = require('../functions/focusable.js');
+const _useMergedRefs = require('../hooks/useMergedRefs.js');
 const FocusTrap = (props) => {
-    const { children } = props;
-    const childRef = React.useRef();
-    const getFirstLastFocusables = () => {
-        const elements = (0, focusable_js_1.getTabbableElements)(childRef.current);
-        const firstElement = elements[0];
-        const lastElement = elements[(elements.length || 1) - 1];
-        return [firstElement, lastElement];
-    };
-    const onFirstFocus = (event) => {
-        const [firstElement, lastElement] = getFirstLastFocusables();
-        if (event.relatedTarget === firstElement) {
-            lastElement?.focus();
-        }
-        else {
-            firstElement?.focus();
-        }
-    };
-    const onLastFocus = (event) => {
-        const [firstElement, lastElement] = getFirstLastFocusables();
-        if (event.relatedTarget === lastElement) {
-            firstElement?.focus();
-        }
-        else {
-            lastElement?.focus();
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { tabIndex: 0, onFocus: onFirstFocus, "aria-hidden": true }),
-        React.cloneElement(children, {
-            ref: (0, useMergedRefs_js_1.mergeRefs)(children.ref, childRef),
-        }),
-        React.createElement("div", { tabIndex: 0, onFocus: onLastFocus, "aria-hidden": true })));
+  const { children } = props;
+  const childRef = _react.useRef();
+  const getFirstLastFocusables = () => {
+    const elements = (0, _focusable.getTabbableElements)(childRef.current);
+    const firstElement = elements[0];
+    const lastElement = elements[(elements.length || 1) - 1];
+    return [firstElement, lastElement];
+  };
+  const onFirstFocus = (event) => {
+    const [firstElement, lastElement] = getFirstLastFocusables();
+    if (event.relatedTarget === firstElement) {
+      lastElement?.focus();
+    } else {
+      firstElement?.focus();
+    }
+  };
+  const onLastFocus = (event) => {
+    const [firstElement, lastElement] = getFirstLastFocusables();
+    if (event.relatedTarget === lastElement) {
+      firstElement?.focus();
+    } else {
+      lastElement?.focus();
+    }
+  };
+  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    children: [
+      (0, _jsxruntime.jsx)('div', {
+        tabIndex: 0,
+        onFocus: onFirstFocus,
+        'aria-hidden': true,
+      }),
+      _react.cloneElement(children, {
+        ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef),
+      }),
+      (0, _jsxruntime.jsx)('div', {
+        tabIndex: 0,
+        onFocus: onLastFocus,
+        'aria-hidden': true,
+      }),
+    ],
+  });
 };
-exports.FocusTrap = FocusTrap;

package/cjs/utils/components/InputContainer.js

@@ -1,57 +1,64 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputContainer = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_js_1 = require("./Box.js");
-const Label_js_1 = require("../../core/Label/Label.js");
-const StatusMessage_js_1 = require("../../core/StatusMessage/StatusMessage.js");
-/**
- * Input container to wrap inputs with label, and add optional message and icon.
- * @private
- */
-exports.InputContainer = React.forwardRef((props, forwardedRef) => {
-    const { label, disabled, required, status, message, icon, isLabelInline, children, className, style, statusMessage, inputId, labelId, ...rest } = props;
-    return (React.createElement(Box_js_1.Box, { className: (0, classnames_1.default)('iui-input-grid', className), "data-iui-status": status, "data-iui-label-placement": isLabelInline ? 'inline' : undefined, style: style, ref: forwardedRef, ...rest },
-        label && (React.createElement(Label_js_1.Label
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        , { 
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            as: inputId && props.as !== 'label' ? 'label' : 'div', required: required, disabled: disabled, htmlFor: inputId, id: labelId }, label)),
-        children,
-        statusMessage
-            ? statusMessage
-            : message && (React.createElement(StatusMessage_js_1.StatusMessage, { startIcon: icon, status: status }, message))));
+Object.defineProperty(exports, 'InputContainer', {
+  enumerable: true,
+  get: function () {
+    return InputContainer;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _Box = require('./Box.js');
+const _Label = require('../../core/Label/Label.js');
+const _StatusMessage = require('../../core/StatusMessage/StatusMessage.js');
+const InputContainer = _react.forwardRef((props, forwardedRef) => {
+  const {
+    label,
+    disabled,
+    required,
+    status,
+    message,
+    icon,
+    isLabelInline,
+    children,
+    className,
+    style,
+    statusMessage,
+    inputId,
+    labelId,
+    ...rest
+  } = props;
+  return (0, _jsxruntime.jsxs)(_Box.Box, {
+    className: (0, _classnames.default)('iui-input-grid', className),
+    'data-iui-status': status,
+    'data-iui-label-placement': isLabelInline ? 'inline' : undefined,
+    style: style,
+    ref: forwardedRef,
+    ...rest,
+    children: [
+      label &&
+        (0, _jsxruntime.jsx)(_Label.Label, {
+          as: inputId && props.as !== 'label' ? 'label' : 'div',
+          required: required,
+          disabled: disabled,
+          htmlFor: inputId,
+          id: labelId,
+          children: label,
+        }),
+      children,
+      statusMessage
+        ? statusMessage
+        : message &&
+          (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
+            startIcon: icon,
+            status: status,
+            children: message,
+          }),
+    ],
+  });
 });

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

@@ -21,7 +21,7 @@ export declare const InputFlexContainerButton: PolymorphicForwardRefComponent<"b
      * Use 'borderless' to hide outline.
      * @default 'borderless'
      */
-    styleType?: IconButtonProps['styleType'];
+    styleType?: IconButtonProps["styleType"];
 }>;
 /**
  * Icon inside InputFlexContainer that collapses the padding between the icon and the input/textarea.
@@ -32,5 +32,5 @@ export declare const InputFlexContainerIcon: PolymorphicForwardRefComponent<"spa
      * Option to add padding to the icon.
      * @default true
      */
-    padded?: IconProps['padded'];
+    padded?: IconProps["padded"];
 }>;

package/cjs/utils/components/InputFlexContainer.js

@@ -1,39 +1,68 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputFlexContainerIcon = exports.InputFlexContainerButton = exports.InputFlexContainer = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_js_1 = require("./Box.js");
-const Icon_js_1 = require("../../core/Icon/Icon.js");
-const IconButton_js_1 = require("../../core/Buttons/IconButton.js");
-/**
- * Utility component for input container with display flex abilities.
- * @private
- */
-exports.InputFlexContainer = react_1.default.forwardRef((props, ref) => {
-    const { isDisabled, status, children, className, size, style, ...rest } = props;
-    return (react_1.default.createElement(Box_js_1.Box, { className: (0, classnames_1.default)('iui-input-flex-container', className), "data-iui-status": status, "data-iui-size": size, "data-iui-disabled": isDisabled ? 'true' : undefined, ref: ref, style: style, ...rest }, children));
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-/**
- * Button inside InputFlexContainer that collapses the padding between the button and the input/textarea.
- * @private
- */
-exports.InputFlexContainerButton = react_1.default.forwardRef((props, ref) => {
-    const { className, ...rest } = props;
-    return (react_1.default.createElement(IconButton_js_1.IconButton, { ref: ref, className: (0, classnames_1.default)('iui-input-flex-container-icon', className), styleType: 'borderless', ...rest }));
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  InputFlexContainer: function () {
+    return InputFlexContainer;
+  },
+  InputFlexContainerButton: function () {
+    return InputFlexContainerButton;
+  },
+  InputFlexContainerIcon: function () {
+    return InputFlexContainerIcon;
+  },
 });
-/**
- * Icon inside InputFlexContainer that collapses the padding between the icon and the input/textarea.
- * @private
- */
-exports.InputFlexContainerIcon = react_1.default.forwardRef((props, ref) => {
-    const { className, ...rest } = props;
-    return (react_1.default.createElement(Icon_js_1.Icon, { ref: ref, className: (0, classnames_1.default)('iui-input-flex-container-icon', className), padded: true, ...rest }));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _Box = require('./Box.js');
+const _Icon = require('../../core/Icon/Icon.js');
+const _IconButton = require('../../core/Buttons/IconButton.js');
+const InputFlexContainer = _react.forwardRef((props, ref) => {
+  const { isDisabled, status, children, className, size, style, ...rest } =
+    props;
+  return (0, _jsxruntime.jsx)(_Box.Box, {
+    className: (0, _classnames.default)('iui-input-flex-container', className),
+    'data-iui-status': status,
+    'data-iui-size': size,
+    'data-iui-disabled': isDisabled ? 'true' : undefined,
+    ref: ref,
+    style: style,
+    ...rest,
+    children: children,
+  });
+});
+const InputFlexContainerButton = _react.forwardRef((props, ref) => {
+  const { className, ...rest } = props;
+  return (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+    ref: ref,
+    className: (0, _classnames.default)(
+      'iui-input-flex-container-icon',
+      className,
+    ),
+    styleType: 'borderless',
+    ...rest,
+  });
+});
+const InputFlexContainerIcon = _react.forwardRef((props, ref) => {
+  const { className, ...rest } = props;
+  return (0, _jsxruntime.jsx)(_Icon.Icon, {
+    ref: ref,
+    className: (0, _classnames.default)(
+      'iui-input-flex-container-icon',
+      className,
+    ),
+    padded: true,
+    ...rest,
+  });
 });