@itwin/itwinui-react 3.12.2 → 3.13.0

package/DEV-cjs/core/Header/HeaderLogo.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderLogo", {
+    enumerable: true,
+    get: function() {
+        return HeaderLogo;
+    }
+});
+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 _index = require("../../utils/index.js");
+const HeaderLogo = _react.forwardRef((props, ref)=>{
+    let { className, children, logo, onClick, as = onClick ? 'button' : 'div', ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-header-brand', className),
+        as: as,
+        type: 'button' === as ? 'button' : void 0,
+        onClick: onClick,
+        ref: ref,
+        ...rest
+    }, logo ? _react.createElement(_index.Box, {
+        as: "span",
+        className: "iui-header-brand-icon",
+        "aria-hidden": true
+    }, logo) : null, children && _react.createElement(_index.Box, {
+        as: "span",
+        className: "iui-header-brand-label"
+    }, children));
+});
+HeaderLogo.displayName = 'HeaderLogo';

package/DEV-cjs/core/Header/HeaderSplitButton.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderSplitButton", {
+    enumerable: true,
+    get: function() {
+        return HeaderSplitButton;
+    }
+});
+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 _DropdownMenu = require("../DropdownMenu/DropdownMenu.js");
+const _index = require("../../utils/index.js");
+const _HeaderBasicButton = require("./HeaderBasicButton.js");
+const HeaderSplitButton = _react.forwardRef((props, forwardedRef)=>{
+    let { menuItems, className, menuPlacement = 'bottom-end', children, disabled, ...rest } = props;
+    let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+    let [menuWidth, setMenuWidth] = _react.useState(0);
+    let ref = _react.useRef(null);
+    _react.useEffect(()=>{
+        if (ref.current) setMenuWidth(ref.current.offsetWidth);
+    }, [
+        children
+    ]);
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-header-breadcrumb-button-wrapper', className),
+        ref: ref
+    }, _react.createElement(_HeaderBasicButton.HeaderBasicButton, {
+        ref: forwardedRef,
+        disabled: disabled,
+        ...rest
+    }, children), _react.createElement(_DropdownMenu.DropdownMenu, {
+        placement: menuPlacement,
+        menuItems: menuItems,
+        style: {
+            minInlineSize: menuWidth
+        },
+        onVisibleChange: (open)=>setIsMenuOpen(open)
+    }, _react.createElement(_index.ButtonBase, {
+        "aria-label": "More",
+        className: "iui-header-breadcrumb-button iui-header-breadcrumb-button-split",
+        disabled: disabled
+    }, isMenuOpen ? _react.createElement(_index.SvgCaretUpSmall, {
+        className: "iui-header-breadcrumb-button-dropdown-icon",
+        "aria-hidden": true
+    }) : _react.createElement(_index.SvgCaretDownSmall, {
+        className: "iui-header-breadcrumb-button-dropdown-icon",
+        "aria-hidden": true
+    }))));
+});

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Icon", {
+    enumerable: true,
+    get: function() {
+        return Icon;
+    }
+});
+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 _Box = require("../../utils/components/Box.js");
+const getSizeValue = (size)=>{
+    switch(size){
+        case 'small':
+            return 's';
+        case 'medium':
+            return 'm';
+        case 'large':
+            return 'l';
+        default:
+            return size;
+    }
+};
+const Icon = _react.forwardRef((props, ref)=>{
+    let { size = 'medium', fill = 'default', className, padded = false, ...rest } = props;
+    return _react.createElement(_Box.Box, {
+        as: "span",
+        className: (0, _classnames.default)('iui-svg-icon', className),
+        "data-iui-icon-size": getSizeValue(size),
+        "data-iui-icon-color": fill,
+        "data-iui-padded": padded ? 'true' : void 0,
+        ref: ref,
+        ...rest
+    });
+});
+Icon.displayName = 'Icon';

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationPanel", {
+    enumerable: true,
+    get: function() {
+        return InformationPanel;
+    }
+});
+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 _index = require("../../utils/index.js");
+const InformationPanel = _react.forwardRef((props, forwardedRef)=>{
+    let { className, isOpen = false, orientation = 'vertical', resizable = true, children, ...rest } = props;
+    let [infoPanelSize, setInfoPanelSize] = _react.useState({
+        width: void 0,
+        height: void 0
+    });
+    let infoPanelRef = _react.useRef(null);
+    let refs = (0, _index.useMergedRefs)(forwardedRef, infoPanelRef);
+    let startResize = (e)=>{
+        if (!infoPanelRef.current) return;
+        if (void 0 != e.button && 0 !== e.button) return;
+        e.preventDefault();
+        e.stopPropagation();
+        infoPanelRef.current.ownerDocument.addEventListener('pointermove', onResize);
+        infoPanelRef.current.ownerDocument.addEventListener('pointerup', ()=>infoPanelRef.current?.ownerDocument.removeEventListener('pointermove', onResize), {
+            once: true
+        });
+    };
+    let onResize = _react.useCallback((e)=>{
+        e.preventDefault();
+        if (!infoPanelRef.current) return;
+        let { right, bottom } = infoPanelRef.current.getBoundingClientRect();
+        'vertical' === orientation ? setInfoPanelSize({
+            width: right - e.clientX,
+            height: void 0
+        }) : setInfoPanelSize({
+            height: bottom - e.clientY,
+            width: void 0
+        });
+    }, [
+        orientation
+    ]);
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-information-panel', {
+            'iui-right': 'vertical' === orientation,
+            'iui-bottom': 'horizontal' === orientation,
+            'iui-visible': isOpen
+        }, className),
+        ref: refs,
+        ...rest,
+        style: {
+            width: 'vertical' === orientation ? infoPanelSize.width : void 0,
+            height: 'horizontal' === orientation ? infoPanelSize.height : void 0,
+            ...props.style
+        }
+    }, resizable && _react.createElement(_index.Box, {
+        className: "iui-resizer",
+        onPointerDown: startResize
+    }, _react.createElement(_index.Box, {
+        className: "iui-resizer-bar"
+    })), children);
+});
+InformationPanel.displayName = 'InformationPanel';

package/DEV-cjs/core/InformationPanel/InformationPanelBody.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationPanelBody", {
+    enumerable: true,
+    get: function() {
+        return InformationPanelBody;
+    }
+});
+const _index = require("../../utils/index.js");
+const InformationPanelBody = _index.polymorphic.div('iui-information-body');
+InformationPanelBody.displayName = 'InformationPanel.Body';

package/DEV-cjs/core/InformationPanel/InformationPanelContent.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationPanelContent", {
+    enumerable: true,
+    get: function() {
+        return InformationPanelContent;
+    }
+});
+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 _index = require("../../utils/index.js");
+const InformationPanelContent = _react.forwardRef((props, forwardedRef)=>{
+    let { className, displayStyle = 'default', children, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-information-body-content', {
+            'iui-inline': 'inline' === displayStyle
+        }, className),
+        ref: forwardedRef,
+        ...rest
+    }, children);
+});
+InformationPanelContent.displayName = 'InformationPanelContent';

package/DEV-cjs/core/InformationPanel/InformationPanelHeader.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationPanelHeader", {
+    enumerable: true,
+    get: function() {
+        return InformationPanelHeader;
+    }
+});
+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 _IconButton = require("../Buttons/IconButton.js");
+const _index = require("../../utils/index.js");
+const InformationPanelHeader = _react.forwardRef((props, forwardedRef)=>{
+    let { children, onClose, actions, className, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-information-header', className),
+        ref: forwardedRef,
+        ...rest
+    }, _react.createElement(_index.Box, {
+        as: "span",
+        className: "iui-information-header-label"
+    }, children), _react.createElement(_index.Box, {
+        className: "iui-information-header-actions"
+    }, actions, onClose && _react.createElement(_IconButton.IconButton, {
+        styleType: "borderless",
+        onClick: onClose,
+        "aria-label": "Close"
+    }, _react.createElement(_index.SvgCloseSmall, {
+        "aria-hidden": true
+    }))));
+});
+InformationPanelHeader.displayName = 'InformationPanelHeader';

package/DEV-cjs/core/InformationPanel/InformationPanelWrapper.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationPanelWrapper", {
+    enumerable: true,
+    get: function() {
+        return InformationPanelWrapper;
+    }
+});
+const _index = require("../../utils/index.js");
+const InformationPanelWrapper = _index.polymorphic.div('iui-information-panel-wrapper');
+InformationPanelWrapper.displayName = 'InformationPanelWrapper';

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Input", {
+    enumerable: true,
+    get: function() {
+        return Input;
+    }
+});
+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 _index = require("../../utils/index.js");
+const Input = _react.forwardRef((props, ref)=>{
+    let { size, htmlSize, status, className, ...rest } = props;
+    let inputRef = _react.useRef(null);
+    let refs = (0, _index.useMergedRefs)(inputRef, ref);
+    return _react.createElement(_index.Box, {
+        as: "input",
+        className: (0, _classnames.default)('iui-input', 'iui-field', className),
+        "data-iui-size": size,
+        "data-iui-status": status,
+        size: htmlSize,
+        ref: refs,
+        ...rest
+    });
+});
+Input.displayName = 'Input';

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

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InputGrid", {
+    enumerable: true,
+    get: function() {
+        return InputGrid;
+    }
+});
+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 _index = require("../../utils/index.js");
+const _classnames = _interop_require_default._(require("classnames"));
+const _Label = require("../Label/Label.js");
+const _Input = require("../Input/Input.js");
+const _Textarea = require("../Textarea/Textarea.js");
+const _StatusMessage = require("../StatusMessage/StatusMessage.js");
+const _InputWithDecorations = require("../InputWithDecorations/InputWithDecorations.js");
+const _ComboBox = require("../ComboBox/ComboBox.js");
+const _Select = require("../Select/Select.js");
+const InputGrid = _react.forwardRef((props, ref)=>{
+    let { children: childrenProp, className, labelPlacement, ...rest } = props;
+    let children = useChildrenWithIds(childrenProp);
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-input-grid', className),
+        "data-iui-label-placement": labelPlacement,
+        ref: ref,
+        ...rest
+    }, children);
+});
+InputGrid.displayName = 'InputGrid';
+const useChildrenWithIds = (children)=>{
+    let { labelId, inputId, messageId } = useSetup(children);
+    return _react.useMemo(()=>_react.Children.map(children, (child)=>{
+            if (!_react.isValidElement(child)) return child;
+            if (child.type === _Label.Label || 'label' === child.type) return (0, _index.cloneElementWithRef)(child, (child)=>({
+                    ...child.props,
+                    htmlFor: child.props.htmlFor || inputId,
+                    id: child.props.id || labelId
+                }));
+            if (child.type === _StatusMessage.StatusMessage) return (0, _index.cloneElementWithRef)(child, (child)=>({
+                    ...child.props,
+                    id: child.props.id || messageId
+                }));
+            if (isInput(child) || child.type === _InputWithDecorations.InputWithDecorations || child.type === _index.InputWithIcon) return handleCloningInputs(child, {
+                labelId,
+                inputId,
+                messageId
+            });
+            return child;
+        }), [
+        children,
+        inputId,
+        labelId,
+        messageId
+    ]);
+};
+const useSetup = (children)=>{
+    let idPrefix = (0, _index.useId)();
+    let labelId;
+    let inputId;
+    let messageId;
+    let hasLabel = false;
+    let hasSelect = false;
+    let findInputId = (child)=>{
+        if (!_react.isValidElement(child)) return;
+        if (child.type === _ComboBox.ComboBox) return child.props.inputProps?.id || `${idPrefix}--input`;
+        if (child.type !== _Select.Select) return child.props.id || `${idPrefix}--input`;
+    };
+    _react.Children.forEach(children, (child)=>{
+        if (!_react.isValidElement(child)) return;
+        if (child.type === _Label.Label || 'label' === child.type) {
+            hasLabel = true;
+            labelId || (labelId = child.props.id || `${idPrefix}--label`);
+        }
+        if (child.type === _StatusMessage.StatusMessage) messageId || (messageId = child.props.id || `${idPrefix}--message`);
+        if (child.type === _InputWithDecorations.InputWithDecorations || child.type === _index.InputWithIcon) _react.Children.forEach(child.props.children, (child)=>{
+            if (isInput(child)) inputId || (inputId = findInputId(child));
+        });
+        else if (isInput(child)) inputId || (inputId = findInputId(child));
+        if (child.type === _Select.Select) hasSelect = true;
+    });
+    return {
+        labelId: hasSelect ? labelId : void 0,
+        inputId: hasLabel && !hasSelect ? inputId : void 0,
+        messageId
+    };
+};
+const handleCloningInputs = (child, { labelId, inputId, messageId })=>{
+    let inputProps = (props = {})=>{
+        let ariaDescribedBy = [
+            props['aria-describedby'],
+            messageId
+        ].filter(Boolean).join(' ');
+        return {
+            ...props,
+            ...child.type !== _Select.Select && {
+                id: props.id || inputId
+            },
+            'aria-describedby': ariaDescribedBy?.trim() || void 0
+        };
+    };
+    let cloneInput = (child)=>{
+        if (child.type === _ComboBox.ComboBox) return (0, _index.cloneElementWithRef)(child, (child)=>({
+                inputProps: inputProps(child.props.inputProps)
+            }));
+        if (child.type === _Select.Select) return (0, _index.cloneElementWithRef)(child, (child)=>({
+                triggerProps: {
+                    'aria-labelledby': labelId,
+                    ...inputProps(child.props.triggerProps)
+                }
+            }));
+        return (0, _index.cloneElementWithRef)(child, (child)=>inputProps(child.props));
+    };
+    if (child.type === _InputWithDecorations.InputWithDecorations || child.type === _index.InputWithIcon) return (0, _index.cloneElementWithRef)(child, (child)=>({
+            children: _react.Children.map(child.props.children, (child)=>{
+                if (_react.isValidElement(child) && isInput(child)) return cloneInput(child);
+                return child;
+            })
+        }));
+    return cloneInput(child);
+};
+const isInput = (child)=>_react.isValidElement(child) && ('input' === child.type || 'textarea' === child.type || 'select' === child.type || child.type === _Input.Input || child.type === _Textarea.Textarea || child.type === _InputWithDecorations.InputWithDecorations.Input || child.type === _Select.Select || child.type === _ComboBox.ComboBox);

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

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InputGroup", {
+    enumerable: true,
+    get: function() {
+        return InputGroup;
+    }
+});
+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 _index = require("../../utils/index.js");
+const _InputGrid = require("../InputGrid/InputGrid.js");
+const _Label = require("../Label/Label.js");
+const _StatusMessage = require("../StatusMessage/StatusMessage.js");
+const InputGroup = _react.forwardRef((props, forwardedRef)=>{
+    let { className, children, disabled = false, displayStyle = 'default', label, status, required = false, labelProps, innerProps, message, svgIcon, messageProps, ...rest } = props;
+    return _react.createElement(_InputGrid.InputGrid, {
+        ref: forwardedRef,
+        as: "div",
+        labelPlacement: displayStyle,
+        className: (0, _classnames.default)('iui-input-group-wrapper', className),
+        "data-iui-status": status,
+        ...rest
+    }, label && _react.createElement(_Label.Label, {
+        as: "label",
+        required: required,
+        disabled: disabled,
+        ...labelProps
+    }, label), _react.createElement(_index.Box, {
+        as: "div",
+        ...innerProps,
+        className: (0, _classnames.default)('iui-input-group', innerProps?.className)
+    }, children), _react.createElement(BottomMessage, {
+        message: message,
+        status: status,
+        svgIcon: svgIcon,
+        displayStyle: displayStyle,
+        messageProps: messageProps
+    }));
+});
+InputGroup.displayName = 'InputGroup';
+const BottomMessage = (props)=>{
+    let { message, status, svgIcon, displayStyle, messageProps } = props;
+    if (message && 'string' != typeof message) return message;
+    if (message || status || svgIcon) return _react.createElement(_StatusMessage.StatusMessage, {
+        iconProps: {
+            'aria-hidden': true
+        },
+        startIcon: svgIcon,
+        status: status,
+        ...messageProps
+    }, 'inline' !== displayStyle && message);
+    return null;
+};

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InputWithDecorations", {
+    enumerable: true,
+    get: function() {
+        return InputWithDecorations;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = _interop_require_wildcard._(require("react"));
+const _index = require("../../utils/index.js");
+const InputWithDecorationsContext = _react.createContext(void 0);
+InputWithDecorationsContext.displayName = 'InputWithDecorationsContext';
+const InputWithDecorationsComponent = _react.forwardRef((props, ref)=>{
+    let { children, size, isDisabled, ...rest } = props;
+    return _react.createElement(InputWithDecorationsContext.Provider, {
+        value: {
+            size,
+            isDisabled
+        }
+    }, _react.createElement(_index.InputFlexContainer, {
+        isDisabled: isDisabled,
+        size: size,
+        ref: ref,
+        ...rest
+    }, children));
+});
+InputWithDecorationsComponent.displayName = 'InputWithDecorations';
+const InputWithDecorationsInput = _react.forwardRef((props, ref)=>{
+    let { id: idProp, size, disabled: localDisabled, ...rest } = props;
+    let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(InputWithDecorationsContext);
+    return _react.createElement(_index.Box, {
+        as: "input",
+        ref: ref,
+        "data-iui-size": size ?? contextSize,
+        disabled: localDisabled ?? isDisabled,
+        id: idProp,
+        ...rest
+    });
+});
+InputWithDecorationsInput.displayName = 'InputWithDecorations.Input';
+const InputWithDecorationsButton = _react.forwardRef((props, ref)=>{
+    let { children, size, disabled: localDisabled, ...rest } = props;
+    let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(InputWithDecorationsContext);
+    return _react.createElement(_index.InputFlexContainerButton, {
+        ref: ref,
+        size: size ?? contextSize,
+        disabled: localDisabled ?? isDisabled,
+        ...rest
+    }, children);
+});
+InputWithDecorationsButton.displayName = 'InputWithDecorations.Button';
+const InputWithDecorationsIcon = _index.InputFlexContainerIcon;
+InputWithDecorationsIcon.displayName = 'InputWithDecorations.Icon';
+const InputWithDecorations = Object.assign(InputWithDecorationsComponent, {
+    Input: InputWithDecorationsInput,
+    Button: InputWithDecorationsButton,
+    Icon: InputWithDecorationsIcon
+});

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Label", {
+    enumerable: true,
+    get: function() {
+        return Label;
+    }
+});
+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 _index = require("../../utils/index.js");
+const Label = _react.forwardRef((props, forwardedRef)=>{
+    let { displayStyle = 'block', required, disabled, className, children, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        as: "label",
+        className: (0, _classnames.default)('iui-input-label', {
+            'iui-inline': 'inline' === displayStyle,
+            'iui-required': required
+        }, className),
+        "data-iui-disabled": !!disabled || void 0,
+        ref: forwardedRef,
+        ...rest
+    }, children);
+});
+Label.displayName = 'Label';

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LabeledInput", {
+    enumerable: true,
+    get: function() {
+        return LabeledInput;
+    }
+});
+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 _Input = require("../Input/Input.js");
+const _index = require("../../utils/index.js");
+const _InputGrid = require("../InputGrid/InputGrid.js");
+const _StatusMessage = require("../StatusMessage/StatusMessage.js");
+const _Label = require("../Label/Label.js");
+const _Icon = require("../Icon/Icon.js");
+const _classnames = _interop_require_default._(require("classnames"));
+const LabeledInput = _react.forwardRef((props, ref)=>{
+    let { disabled = false, label, message, status, svgIcon, wrapperProps, labelProps, messageContentProps, iconProps, inputWrapperProps, displayStyle = 'default', required = false, ...rest } = props;
+    let icon = svgIcon ?? (status && _index.StatusIconMap[status]());
+    let shouldShowIcon = null !== svgIcon && (svgIcon || status && !message);
+    return _react.createElement(_InputGrid.InputGrid, {
+        labelPlacement: displayStyle,
+        "data-iui-status": status,
+        ...wrapperProps
+    }, label && _react.createElement(_Label.Label, {
+        as: "label",
+        required: required,
+        disabled: disabled,
+        ...labelProps
+    }, label), _react.createElement(_index.InputWithIcon, inputWrapperProps, _react.createElement(_Input.Input, {
+        disabled: disabled,
+        required: required,
+        ref: ref,
+        ...rest
+    }), shouldShowIcon && _react.createElement(_Icon.Icon, {
+        fill: status,
+        ...iconProps,
+        className: (0, _classnames.default)('iui-end-icon', iconProps?.className)
+    }, icon)), 'string' == typeof message ? _react.createElement(_StatusMessage.StatusMessage, {
+        status: status,
+        iconProps: iconProps,
+        contentProps: messageContentProps
+    }, message) : message);
+});
+LabeledInput.displayName = 'LabeledInput';