@itwin/itwinui-react 3.12.2 → 3.13.1

package/DEV-cjs/core/Dialog/DialogMain.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogMain", {
+    enumerable: true,
+    get: function() {
+        return DialogMain;
+    }
+});
+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 _DialogContext = require("./DialogContext.js");
+const _reacttransitiongroup = require("react-transition-group");
+const _DialogDragContext = require("./DialogDragContext.js");
+const _useDragAndDrop = require("../../utils/hooks/useDragAndDrop.js");
+const DialogMain = _react.forwardRef((props, ref)=>{
+    let dialogContext = (0, _DialogContext.useDialogContext)();
+    let { className, children, styleType = 'default', isOpen = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnEsc = dialogContext.closeOnEsc, trapFocus = dialogContext.trapFocus, setFocus = dialogContext.setFocus, preventDocumentScroll = dialogContext.preventDocumentScroll, onKeyDown, isDraggable = dialogContext.isDraggable, isResizable = dialogContext.isResizable, style: propStyle, placement = dialogContext.placement, ...rest } = props;
+    let [style, setStyle] = _react.useState();
+    let dialogRef = _react.useRef(null);
+    let hasBeenResized = _react.useRef(false);
+    let previousFocusedElement = _react.useRef();
+    let originalBodyOverflow = _react.useRef('');
+    _react.useEffect(()=>{
+        if (isOpen) originalBodyOverflow.current = document.body.style.overflow;
+    }, [
+        isOpen
+    ]);
+    _react.useEffect(()=>{
+        let ownerDocument = dialogRef.current?.ownerDocument;
+        if (!ownerDocument || !preventDocumentScroll || 'hidden' === originalBodyOverflow.current) return;
+        if (isOpen) ownerDocument.body.style.overflow = 'hidden';
+        else ownerDocument.body.style.overflow = originalBodyOverflow.current;
+        return ()=>{
+            ownerDocument.body.style.overflow = originalBodyOverflow.current;
+        };
+    }, [
+        isOpen,
+        preventDocumentScroll
+    ]);
+    let handleKeyDown = (event)=>{
+        if (event.altKey) return;
+        event.persist();
+        if (isDismissible && closeOnEsc && 'Escape' === event.key && onClose) onClose(event);
+        onKeyDown?.(event);
+    };
+    let { onPointerDown, transform } = (0, _useDragAndDrop.useDragAndDrop)(dialogRef, dialogContext.dialogRootRef, isDraggable);
+    let handlePointerDown = _react.useCallback((event)=>{
+        if (isDraggable) onPointerDown(event);
+    }, [
+        isDraggable,
+        onPointerDown
+    ]);
+    (0, _index.useLayoutEffect)(()=>{
+        if (!isDraggable || !isOpen) return;
+        let [translateX, translateY] = (0, _index.getTranslateValuesFromElement)(dialogRef.current);
+        setStyle((oldStyle)=>({
+                ...oldStyle,
+                insetInlineStart: dialogRef.current?.offsetLeft,
+                insetBlockStart: dialogRef.current?.offsetTop,
+                transform: `translate(${translateX}px,${translateY}px)`
+            }));
+    }, [
+        isDraggable,
+        isOpen
+    ]);
+    let setResizeStyle = _react.useCallback((newStyle)=>{
+        setStyle((oldStyle)=>({
+                ...oldStyle,
+                ...newStyle
+            }));
+    }, []);
+    let content = _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-dialog', {
+            'iui-dialog-default': 'default' === styleType,
+            'iui-dialog-full-page': 'fullPage' === styleType,
+            'iui-dialog-visible': isOpen,
+            'iui-dialog-draggable': isDraggable
+        }, className),
+        role: "dialog",
+        ref: (0, _index.useMergedRefs)(dialogRef, ref),
+        onKeyDown: handleKeyDown,
+        tabIndex: -1,
+        "data-iui-placement": placement,
+        style: {
+            transform,
+            ...style,
+            ...propStyle
+        },
+        ...rest
+    }, _react.createElement(_index.ShadowRoot, null, _react.createElement("slot", null), isResizable && _react.createElement(_index.Resizer, {
+        elementRef: dialogRef,
+        containerRef: dialogContext.dialogRootRef,
+        onResizeStart: ()=>{
+            if (!hasBeenResized.current) {
+                hasBeenResized.current = true;
+                setResizeStyle({
+                    maxInlineSize: '100%'
+                });
+            }
+        },
+        onResizeEnd: setResizeStyle
+    })), children);
+    return _react.createElement(_reacttransitiongroup.Transition, {
+        in: isOpen,
+        appear: true,
+        timeout: {
+            exit: 600
+        },
+        onEntered: ()=>{
+            previousFocusedElement.current = dialogRef.current?.ownerDocument.activeElement;
+            setFocus && dialogRef.current?.focus({
+                preventScroll: true
+            });
+        },
+        onExit: ()=>{
+            if (dialogRef.current?.contains(dialogRef.current?.ownerDocument.activeElement)) previousFocusedElement.current?.focus();
+        },
+        unmountOnExit: true,
+        nodeRef: dialogRef
+    }, _react.createElement(_DialogDragContext.DialogDragContext.Provider, {
+        value: {
+            onPointerDown: handlePointerDown
+        }
+    }, trapFocus && _react.createElement(_index.FocusTrap, null, content), !trapFocus && content));
+});
+DialogMain.displayName = 'Dialog.Main';

package/DEV-cjs/core/Dialog/DialogTitleBar.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogTitleBar", {
+    enumerable: true,
+    get: function() {
+        return DialogTitleBar;
+    }
+});
+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 _IconButton = require("../Buttons/IconButton.js");
+const _DialogContext = require("./DialogContext.js");
+const _DialogTitleBarTitle = require("./DialogTitleBarTitle.js");
+const _DialogDragContext = require("./DialogDragContext.js");
+const DialogTitleBar = Object.assign(_react.forwardRef((props, ref)=>{
+    let dialogContext = (0, _DialogContext.useDialogContext)();
+    let { children, titleText, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, isDraggable = dialogContext.isDraggable, className, onPointerDown: onPointerDownProp, ...rest } = props;
+    let { onPointerDown } = (0, _DialogDragContext.useDialogDragContext)();
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-dialog-title-bar', className, {
+            'iui-dialog-title-bar-filled': isDraggable
+        }),
+        ref: ref,
+        onPointerDown: (0, _index.mergeEventHandlers)(onPointerDownProp, onPointerDown),
+        ...rest
+    }, children ? children : _react.createElement(_react.Fragment, null, _react.createElement(_DialogTitleBarTitle.DialogTitleBarTitle, null, titleText), isDismissible && _react.createElement(_IconButton.IconButton, {
+        size: "small",
+        styleType: "borderless",
+        onClick: onClose,
+        "aria-label": "Close",
+        "data-iui-shift": "right"
+    }, _react.createElement(_index.SvgClose, null))));
+}), {
+    Title: _DialogTitleBarTitle.DialogTitleBarTitle
+});
+DialogTitleBar.displayName = 'Dialog.TitleBar';

package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: function() {
+        return Divider;
+    }
+});
+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 Divider = _react.forwardRef((props, ref)=>{
+    let { className, orientation = 'horizontal', ...rest } = props;
+    return _react.createElement(_Box.Box, {
+        as: "hr",
+        className: (0, _classnames.default)('iui-divider', className),
+        "aria-orientation": 'vertical' === orientation ? 'vertical' : void 0,
+        ref: ref,
+        ...rest
+    });
+});
+Divider.displayName = 'Divider';

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DropdownMenu", {
+    enumerable: true,
+    get: function() {
+        return DropdownMenu;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = _interop_require_wildcard._(require("react"));
+const _index = require("../../utils/index.js");
+const _Menu = require("../Menu/Menu.js");
+const _react1 = require("@floating-ui/react");
+const DropdownMenu = _react.forwardRef((props, forwardedRef)=>_react.createElement(_react1.FloatingTree, null, _react.createElement(DropdownMenuContent, {
+        ref: forwardedRef,
+        ...props
+    })));
+DropdownMenu.displayName = 'DropdownMenu';
+const DropdownMenuContent = _react.forwardRef((props, forwardedRef)=>{
+    let { menuItems, children, role = 'menu', visible: visibleProp, placement = 'bottom-start', matchWidth = false, onVisibleChange, portal = true, ...rest } = props;
+    let [visible, setVisible] = (0, _index.useControlledState)(false, visibleProp, onVisibleChange);
+    let menuContent = _react.useMemo(()=>{
+        if ('function' == typeof menuItems) return menuItems(()=>setVisible(false));
+        return menuItems;
+    }, [
+        menuItems,
+        setVisible
+    ]);
+    return _react.createElement(_react.Fragment, null, _react.createElement(_Menu.Menu, {
+        trigger: children,
+        onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e)=>{
+            if (e.defaultPrevented) return;
+            if ('Tab' === e.key) setVisible(false);
+        }),
+        role: role,
+        ref: forwardedRef,
+        portal: portal,
+        popoverProps: {
+            placement,
+            matchWidth,
+            visible,
+            onVisibleChange: setVisible
+        },
+        ...rest
+    }, menuContent));
+});

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

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ExpandableBlock", {
+    enumerable: true,
+    get: function() {
+        return ExpandableBlock;
+    }
+});
+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 _Icon = require("../Icon/Icon.js");
+const _LinkAction = require("../LinkAction/LinkAction.js");
+const ExpandableBlockContext = _react.createContext(void 0);
+ExpandableBlockContext.displayName = 'ExpandableBlockContext';
+const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef)=>{
+    let { children, title, caption, endIcon, ...rest } = props;
+    return _react.createElement(ExpandableBlock.Wrapper, {
+        ...rest,
+        ref: forwardedRef
+    }, _react.createElement(ExpandableBlock.Trigger, {
+        label: title,
+        caption: caption,
+        endIcon: endIcon
+    }), _react.createElement(ExpandableBlock.Content, null, children));
+});
+ExpandableBlockComponent.displayName = 'ExpandableBlock';
+const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef)=>{
+    let { children, className, onToggle, style, isExpanded, status, size = 'default', styleType = 'default', disabled = false, ...rest } = props;
+    let [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
+    let expanded = isExpanded ?? expandedState;
+    let [descriptionId, setDescriptionId] = _react.useState(void 0);
+    return _react.createElement(ExpandableBlockContext.Provider, {
+        value: {
+            status,
+            isExpanded: expanded,
+            onToggle,
+            size,
+            styleType,
+            disabled,
+            setExpanded,
+            children,
+            descriptionId,
+            setDescriptionId
+        }
+    }, _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-expandable-block', className),
+        "data-iui-expanded": expanded,
+        "data-iui-size": size,
+        "data-iui-variant": 'default' !== styleType ? styleType : void 0,
+        style: style,
+        ref: forwardedRef,
+        ...rest
+    }, children));
+});
+ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
+const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef)=>{
+    let { className, children, label, caption, expandIcon, endIcon, ...rest } = props;
+    let { disabled, status } = (0, _index.useSafeContext)(ExpandableBlockContext);
+    return _react.createElement(_LinkAction.LinkBox, {
+        className: (0, _classnames.default)('iui-expandable-header', className),
+        "data-iui-disabled": disabled ? 'true' : void 0,
+        ref: forwardedRef,
+        ...rest
+    }, children ?? _react.createElement(_react.Fragment, null, expandIcon ?? _react.createElement(ExpandableBlock.ExpandIcon, null), _react.createElement(ExpandableBlock.LabelArea, null, _react.createElement(ExpandableBlock.Title, null, label), caption && _react.createElement(ExpandableBlock.Caption, null, caption)), endIcon || status ? _react.createElement(ExpandableBlock.EndIcon, null, endIcon) : null));
+});
+ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
+const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef)=>{
+    let { className, children, ...rest } = props;
+    return _react.createElement(_Icon.Icon, {
+        className: (0, _classnames.default)('iui-expandable-block-icon', className),
+        ref: forwardedRef,
+        ...rest
+    }, children ?? _react.createElement(_index.SvgChevronRight, {
+        "aria-hidden": true
+    }));
+});
+ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
+const ExpandableBlockLabelArea = _index.polymorphic.span('iui-expandable-block-label');
+ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
+const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef)=>{
+    let { className, children, onClick: onClickProp, ...rest } = props;
+    let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
+    return _react.createElement(_index.ButtonBase, {
+        className: (0, _classnames.default)('iui-expandable-block-title', 'iui-link-action', className),
+        "aria-expanded": isExpanded,
+        "aria-disabled": disabled,
+        onClick: (0, _index.mergeEventHandlers)(onClickProp, ()=>{
+            if (disabled) return;
+            setExpanded(!isExpanded);
+            onToggle?.(!isExpanded);
+        }),
+        ref: forwardedRef,
+        "aria-describedby": descriptionId,
+        ...rest
+    }, children);
+});
+ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
+const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef)=>{
+    let fallbackId = (0, _index.useId)();
+    let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
+    _react.useEffect(()=>{
+        setDescriptionId(props.id || fallbackId);
+        return ()=>setDescriptionId(void 0);
+    }, [
+        props.id,
+        fallbackId,
+        setDescriptionId
+    ]);
+    return _react.createElement(_index.Box, {
+        ref: forwardedRef,
+        id: fallbackId,
+        ...props,
+        className: (0, _classnames.default)('iui-expandable-block-caption', props?.className)
+    });
+});
+ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
+const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef)=>{
+    let { children, ...rest } = props;
+    let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
+    let icon = children ?? (status && _index.StatusIconMap[status]());
+    return _react.createElement(_Icon.Icon, {
+        fill: status,
+        ref: forwardedRef,
+        ...rest
+    }, icon);
+});
+ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
+const ExpandableBlockContent = _react.forwardRef((props, forwardedRef)=>{
+    let { className, children, innerProps, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-expandable-content', className),
+        ref: forwardedRef,
+        ...rest
+    }, _react.createElement(_index.Box, innerProps, children));
+});
+ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
+const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
+    Wrapper: ExpandableBlockWrapper,
+    Trigger: ExpandableBlockTrigger,
+    ExpandIcon: ExpandableBlockExpandIcon,
+    LabelArea: ExpandableBlockLabelArea,
+    Title: ExpandableBlockTitle,
+    Caption: ExpandableBlockCaption,
+    EndIcon: ExpandableBlockEndIcon,
+    Content: ExpandableBlockContent
+});

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Fieldset", {
+    enumerable: true,
+    get: function() {
+        return Fieldset;
+    }
+});
+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 Fieldset = _react.forwardRef((props, ref)=>{
+    let { children, className, disabled, legend, ...rest } = props;
+    return _react.createElement(_index.FieldsetBase, {
+        className: (0, _classnames.default)('iui-fieldset', className),
+        disabled: disabled,
+        ref: ref,
+        ...rest
+    }, legend && _react.createElement("legend", null, legend), disabled ? _react.Children.map(children, (child)=>_react.isValidElement(child) ? _react.cloneElement(child, {
+            disabled: true
+        }) : child) : children);
+});
+Fieldset.displayName = 'Fieldset';

package/DEV-cjs/core/FileUpload/FileEmptyCard.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FileEmptyCard", {
+    enumerable: true,
+    get: function() {
+        return FileEmptyCard;
+    }
+});
+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 _FileUploadCard = require("./FileUploadCard.js");
+const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
+    children: _react.createElement(_index.SvgUpload, null)
+});
+FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
+const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
+FileEmptyCardText.displayName = 'FileEmptyCard.Text';
+const FileEmptyCardComponent = _react.forwardRef((props, ref)=>{
+    let { children, className, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-file-card-empty', className),
+        ref: ref,
+        ...rest
+    }, children ?? _react.createElement(_react.Fragment, null, _react.createElement(FileEmptyCard.Icon, null), _react.createElement(FileEmptyCard.Text, null, _react.createElement(_FileUploadCard.FileUploadCard.InputLabel, null, "Choose a file"), _react.createElement("div", null, "to upload."))));
+});
+FileEmptyCardComponent.displayName = 'FileEmptyCard';
+const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
+    Icon: FileEmptyCardIcon,
+    Text: FileEmptyCardText
+});

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FileUpload", {
+    enumerable: true,
+    get: function() {
+        return FileUpload;
+    }
+});
+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 FileUpload = _react.forwardRef((props, forwardedRef)=>{
+    let { dragContent, children, onFileDropped, contentProps, ...rest } = props;
+    let [isDragActive, setIsDragActive] = _react.useState(false);
+    let onDragOverHandler = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    let onDragEnterHandler = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (!isDragActive && e.dataTransfer?.items?.[0]?.kind === 'file') setIsDragActive(true);
+    };
+    let onDragLeaveHandler = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (isDragActive && !e.currentTarget?.contains(e.relatedTarget)) setIsDragActive(false);
+    };
+    let onDropHandler = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (isDragActive) {
+            setIsDragActive(false);
+            onFileDropped(e.dataTransfer?.files, e);
+        }
+    };
+    return _react.createElement(_index.Box, {
+        ...rest,
+        className: (0, _classnames.default)('iui-file-upload', {
+            'iui-drag': isDragActive
+        }, props?.className),
+        ref: forwardedRef,
+        onDragEnter: (0, _index.mergeEventHandlers)(props.onDragEnter, onDragEnterHandler),
+        onDragOver: (0, _index.mergeEventHandlers)(props.onDragOver, onDragOverHandler),
+        onDragLeave: (0, _index.mergeEventHandlers)(props.onDragLeave, onDragLeaveHandler),
+        onDrop: (0, _index.mergeEventHandlers)(props.onDrop, onDropHandler)
+    }, dragContent ? children : _react.createElement(_index.Box, {
+        as: "div",
+        ...contentProps,
+        className: (0, _classnames.default)('iui-content', contentProps?.className)
+    }, children), dragContent && _react.createElement(_index.Box, {
+        as: "div",
+        ...contentProps,
+        className: (0, _classnames.default)('iui-content', contentProps?.className)
+    }, dragContent));
+});
+FileUpload.displayName = 'FileUpload';