@itwin/itwinui-react 3.12.2 → 3.13.0

package/DEV-cjs/core/NonIdealState/ErrorPage.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ErrorPage", {
+    enumerable: true,
+    get: function() {
+        return ErrorPage;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = _interop_require_wildcard._(require("react"));
+const _Button = require("../Buttons/Button.js");
+const _NonIdealState = require("./NonIdealState.js");
+const _ProgressRadial = require("../ProgressIndicators/ProgressRadial.js");
+const Svg401 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg401"))));
+const Svg403 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg403"))));
+const Svg404 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg404"))));
+const Svg500 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg500"))));
+const Svg502 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg502"))));
+const Svg503 = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/Svg503"))));
+const SvgError = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgError"))));
+const SvgRedirect = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgRedirect"))));
+const SvgTimedOut = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard._(require("@itwin/itwinui-illustrations-react/SvgTimedOut"))));
+const ErrorPage = _react.forwardRef((props, forwardedRef)=>{
+    let { errorType, errorName, errorMessage, primaryButtonHandle, primaryButtonLabel, secondaryButtonHandle, secondaryButtonLabel, translatedErrorMessages, ...rest } = props;
+    let defaultErrorMessages = {
+        badGateway: 'Bad gateway',
+        error: 'Error',
+        forbidden: 'Forbidden',
+        internalServerError: 'Internal server error',
+        redirect: 'Redirect',
+        pageNotFound: 'Page not found',
+        serviceUnavailable: 'Service unavailable',
+        timedOut: 'Timed out',
+        unauthorized: 'Unauthorized',
+        ...translatedErrorMessages
+    };
+    function getErrorIcon() {
+        switch(errorType){
+            case '300':
+            case '301':
+            case '302':
+            case '303':
+            case '304':
+            case '305':
+            case '307':
+            case '308':
+                return _react.createElement(SvgRedirect, null);
+            case '401':
+                return _react.createElement(Svg401, null);
+            case '403':
+                return _react.createElement(Svg403, null);
+            case '404':
+                return _react.createElement(Svg404, null);
+            case '408':
+            case '504':
+                return _react.createElement(SvgTimedOut, null);
+            case '500':
+                return _react.createElement(Svg500, null);
+            case '502':
+                return _react.createElement(Svg502, null);
+            case '503':
+                return _react.createElement(Svg503, null);
+            case 'generic':
+            default:
+                return _react.createElement(SvgError, null);
+        }
+    }
+    function getHeadingMessage() {
+        if (errorName) return errorName;
+        switch(errorType){
+            case '300':
+            case '301':
+            case '302':
+            case '303':
+            case '304':
+            case '305':
+            case '307':
+            case '308':
+                return defaultErrorMessages.redirect || '';
+            case '401':
+                return defaultErrorMessages.unauthorized;
+            case '403':
+                return defaultErrorMessages.forbidden;
+            case '404':
+                return defaultErrorMessages.pageNotFound;
+            case '408':
+            case '504':
+                return defaultErrorMessages.timedOut || '';
+            case '500':
+                return defaultErrorMessages.internalServerError;
+            case '502':
+                return defaultErrorMessages.badGateway;
+            case '503':
+                return defaultErrorMessages.serviceUnavailable;
+            case 'generic':
+            default:
+                return defaultErrorMessages.error;
+        }
+    }
+    function getPrimaryButton() {
+        if (!primaryButtonHandle || !primaryButtonLabel) return null;
+        return _react.createElement(_Button.Button, {
+            styleType: "high-visibility",
+            onClick: primaryButtonHandle
+        }, primaryButtonLabel);
+    }
+    function getSecondaryButton() {
+        if (!secondaryButtonHandle || !secondaryButtonLabel) return null;
+        return _react.createElement(_Button.Button, {
+            styleType: "default",
+            onClick: secondaryButtonHandle
+        }, secondaryButtonLabel);
+    }
+    function getActions() {
+        let primaryButton = getPrimaryButton();
+        let secondaryButton = getSecondaryButton();
+        if (!primaryButton && !secondaryButton) return null;
+        return _react.createElement(_react.Fragment, null, primaryButton, secondaryButton);
+    }
+    return _react.createElement(_NonIdealState.NonIdealState, {
+        svg: _react.createElement(_react.Suspense, {
+            fallback: _react.createElement(_ProgressRadial.ProgressRadial, null)
+        }, getErrorIcon()),
+        heading: getHeadingMessage(),
+        description: errorMessage,
+        actions: getActions(),
+        ref: forwardedRef,
+        ...rest
+    });
+});
+ErrorPage.displayName = 'ErrorPage';

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NonIdealState", {
+    enumerable: true,
+    get: function() {
+        return NonIdealState;
+    }
+});
+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 NonIdealState = _react.forwardRef((props, forwardedRef)=>{
+    let { className, svg, heading, description, actions, illustrationProps, titleProps, descriptionProps, actionsProps, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-non-ideal-state', className),
+        ref: forwardedRef,
+        ...rest
+    }, _react.createElement(_index.Box, {
+        as: "div",
+        ...illustrationProps,
+        className: (0, _classnames.default)('iui-non-ideal-state-illustration', illustrationProps?.className)
+    }, svg), heading && _react.createElement(_index.Box, {
+        as: "div",
+        ...titleProps,
+        className: (0, _classnames.default)('iui-non-ideal-state-title', titleProps?.className)
+    }, heading), description && _react.createElement(_index.Box, {
+        as: "div",
+        ...descriptionProps,
+        className: (0, _classnames.default)('iui-non-ideal-state-description', descriptionProps?.className)
+    }, description), actions && _react.createElement(_index.Box, {
+        as: "div",
+        ...actionsProps,
+        className: (0, _classnames.default)('iui-non-ideal-state-actions', actionsProps?.className)
+    }, actions));
+});
+NonIdealState.displayName = 'NonIdealState';

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NotificationMarker", {
+    enumerable: true,
+    get: function() {
+        return NotificationMarker;
+    }
+});
+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 NotificationMarker = _react.forwardRef((props, ref)=>{
+    let { className, children, status = 'primary', pulsing = false, enabled = true, ...rest } = props;
+    return _react.createElement(_index.Box, {
+        as: "span",
+        ref: ref,
+        className: (0, _classnames.default)({
+            'iui-notification-marker': enabled
+        }, className),
+        "data-iui-variant": enabled ? status : null,
+        "data-iui-urgent": enabled ? pulsing : null,
+        ...rest
+    }, children);
+});
+NotificationMarker.displayName = 'NotificationMarker';

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Overlay", {
+    enumerable: true,
+    get: function() {
+        return Overlay;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = _interop_require_wildcard._(require("react"));
+const _index = require("../../utils/index.js");
+const OverlayComponent = _react.forwardRef((props, forwardedRef)=>{
+    let { content, children, ...rest } = props;
+    return _react.createElement(OverlayWrapper, {
+        ref: forwardedRef,
+        ...rest
+    }, _react.createElement(OverlayOverlay, null, content), _react.createElement(OverlayHiddenContent, null, children));
+});
+OverlayComponent.displayName = 'Overlay';
+const OverlayHiddenContent = _react.forwardRef((props, ref)=>{
+    let { children, ...rest } = props;
+    useInertPolyfill();
+    return _react.createElement(_index.Box, {
+        inert: '',
+        ref: ref,
+        ...rest
+    }, children);
+});
+OverlayHiddenContent.displayName = 'Overlay.HiddenContent';
+const OverlayOverlay = (0, _index.polymorphic)('iui-overlay');
+OverlayOverlay.displayName = 'Overlay.Overlay';
+const OverlayWrapper = (0, _index.polymorphic)('iui-overlay-wrapper');
+OverlayWrapper.displayName = 'Overlay.Wrapper';
+const Overlay = Object.assign(OverlayComponent, {
+    Wrapper: OverlayWrapper,
+    HiddenContent: OverlayHiddenContent,
+    Overlay: OverlayOverlay
+});
+const useInertPolyfill = ()=>{
+    let loaded = _react.useRef(false);
+    let modulePath = 'https://cdn.jsdelivr.net/npm/wicg-inert@3.1.2/dist/inert.min.js';
+    _react.useEffect(()=>{
+        (async ()=>{
+            if (!HTMLElement.prototype.hasOwnProperty('inert') && !loaded.current && !_index.isUnitTest) {
+                await new Function('url', 'return import(url)')(modulePath);
+                loaded.current = true;
+            }
+        })();
+    }, []);
+};

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

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Popover: function() {
+        return Popover;
+    },
+    PopoverOpenContext: function() {
+        return PopoverOpenContext;
+    },
+    usePopover: function() {
+        return usePopover;
+    }
+});
+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 _react1 = require("@floating-ui/react");
+const _index = require("../../utils/index.js");
+const _Portal = require("../../utils/components/Portal.js");
+const _ThemeProvider = require("../ThemeProvider/ThemeProvider.js");
+const PopoverOpenContext = _react.createContext(void 0);
+const usePopover = (options)=>{
+    let { placement = 'bottom-start', visible, onVisibleChange, closeOnOutsideClick, autoUpdateOptions, matchWidth, interactions: interactionsProp, role, ...rest } = options;
+    let mergedInteractions = _react.useMemo(()=>({
+            click: true,
+            dismiss: true,
+            hover: false,
+            focus: false,
+            ...interactionsProp
+        }), [
+        interactionsProp
+    ]);
+    let tree = (0, _react1.useFloatingTree)();
+    let middleware = _react.useMemo(()=>({
+            flip: true,
+            shift: true,
+            ...options.middleware
+        }), [
+        options.middleware
+    ]);
+    let [open, onOpenChange] = (0, _index.useControlledState)(false, visible, onVisibleChange);
+    let floating = (0, _react1.useFloating)({
+        placement,
+        open,
+        onOpenChange,
+        whileElementsMounted: _react.useMemo(()=>open ? (...args)=>(0, _react1.autoUpdate)(...args, autoUpdateOptions) : void 0, [
+            autoUpdateOptions,
+            open
+        ]),
+        ...rest,
+        middleware: _react.useMemo(()=>[
+                void 0 !== middleware.offset && (0, _react1.offset)(middleware.offset),
+                middleware.flip && (0, _react1.flip)(),
+                middleware.shift && (0, _react1.shift)(),
+                matchWidth && (0, _react1.size)({
+                    apply: ({ rects })=>{
+                        setReferenceWidth(rects.reference.width);
+                    }
+                }),
+                middleware.autoPlacement && (0, _react1.autoPlacement)(),
+                middleware.inline && (0, _react1.inline)(),
+                middleware.hide && (0, _react1.hide)()
+            ].filter(Boolean), [
+            matchWidth,
+            middleware
+        ])
+    });
+    let interactions = (0, _react1.useInteractions)([
+        (0, _react1.useClick)(floating.context, {
+            enabled: !!mergedInteractions.click,
+            ...mergedInteractions.click
+        }),
+        (0, _react1.useDismiss)(floating.context, {
+            enabled: !!mergedInteractions.dismiss,
+            outsidePress: closeOnOutsideClick,
+            bubbles: null != tree,
+            ...mergedInteractions.dismiss
+        }),
+        (0, _react1.useHover)(floating.context, {
+            enabled: !!mergedInteractions.hover,
+            delay: 100,
+            handleClose: (0, _react1.safePolygon)({
+                buffer: 1,
+                blockPointerEvents: true
+            }),
+            move: false,
+            ...mergedInteractions.hover
+        }),
+        (0, _react1.useFocus)(floating.context, {
+            enabled: !!mergedInteractions.focus,
+            ...mergedInteractions.focus
+        }),
+        (0, _react1.useRole)(floating.context, {
+            role: 'dialog',
+            enabled: !!role
+        })
+    ]);
+    let [referenceWidth, setReferenceWidth] = _react.useState();
+    let getFloatingProps = _react.useCallback((userProps)=>interactions.getFloatingProps({
+            ...userProps,
+            style: {
+                ...floating.floatingStyles,
+                zIndex: 9999,
+                ...matchWidth && referenceWidth ? {
+                    minInlineSize: `${referenceWidth}px`,
+                    maxInlineSize: `min(${2 * referenceWidth}px, 90vw)`
+                } : {},
+                ...userProps?.style
+            }
+        }), [
+        floating.floatingStyles,
+        interactions,
+        matchWidth,
+        referenceWidth
+    ]);
+    let getReferenceProps = _react.useCallback((userProps)=>interactions.getReferenceProps({
+            ...userProps,
+            onClick: (0, _index.mergeEventHandlers)(userProps?.onClick, ()=>{
+                if (!!mergedInteractions.click && visible) onOpenChange(false);
+            })
+        }), [
+        interactions,
+        mergedInteractions.click,
+        visible,
+        onOpenChange
+    ]);
+    return _react.useMemo(()=>({
+            open,
+            onOpenChange,
+            getReferenceProps,
+            getFloatingProps,
+            ...floating
+        }), [
+        open,
+        onOpenChange,
+        getFloatingProps,
+        floating,
+        getReferenceProps
+    ]);
+};
+const Popover = _react.forwardRef((props, forwardedRef)=>{
+    let { portal = true, visible, placement = 'bottom-start', onVisibleChange, closeOnOutsideClick = true, middleware, positionReference, className, children, content, applyBackground = false, ...rest } = props;
+    let popover = usePopover({
+        visible,
+        placement,
+        onVisibleChange,
+        closeOnOutsideClick,
+        role: 'dialog',
+        middleware
+    });
+    let [popoverElement, setPopoverElement] = _react.useState();
+    let popoverRef = (0, _index.useMergedRefs)(popover.refs.setFloating, forwardedRef, setPopoverElement);
+    let triggerId = `${(0, _index.useId)()}-trigger`;
+    let hasAriaLabel = !!props['aria-labelledby'] || !!props['aria-label'];
+    (0, _index.useLayoutEffect)(()=>{
+        if (!positionReference) return;
+        popover.refs.setPositionReference(positionReference);
+        return ()=>void popover.refs.setPositionReference(null);
+    }, [
+        popover.refs,
+        positionReference
+    ]);
+    return _react.createElement(_react.Fragment, null, _react.createElement(PopoverOpenContext.Provider, {
+        value: popover.open
+    }, (0, _index.cloneElementWithRef)(children, (children)=>({
+            id: children.props.id || triggerId,
+            ...popover.getReferenceProps(children.props),
+            ref: popover.refs.setReference
+        }))), popover.open ? _react.createElement(PopoverPortal, {
+        portal: portal
+    }, _react.createElement(_ThemeProvider.ThemeProvider, {
+        portalContainer: popoverElement
+    }, _react.createElement(DisplayContents, null), _react.createElement(_react1.FloatingFocusManager, {
+        context: popover.context,
+        modal: false,
+        initialFocus: popover.refs.floating
+    }, _react.createElement(_index.Box, {
+        className: (0, _classnames.default)({
+            'iui-popover-surface': applyBackground
+        }, className),
+        "aria-labelledby": hasAriaLabel ? void 0 : popover.refs.domReference.current?.id,
+        ...popover.getFloatingProps(rest),
+        ref: popoverRef
+    }, content)))) : null);
+});
+Popover.displayName = 'Popover';
+const PopoverPortal = ({ children, portal = true })=>{
+    let portalTo = (0, _Portal.usePortalTo)(portal);
+    return _react.createElement(_react1.FloatingPortal, {
+        key: portalTo?.id,
+        root: portalTo
+    }, _react.createElement(DisplayContents, null), children);
+};
+const DisplayContents = _react.memo(()=>_react.createElement(_index.ShadowRoot, {
+        css: `
+        :host {
+          display: contents;
+        }
+      `
+    }, _react.createElement("slot", null)));

package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressLinear", {
+    enumerable: true,
+    get: function() {
+        return ProgressLinear;
+    }
+});
+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 _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
+const ProgressLinear = _react.forwardRef((props, forwardedRef)=>{
+    let { value, indeterminate = void 0 === value, labels = [], isAnimated = false, status, className, labelGroupProps, ...rest } = props;
+    let boundedValue = (0, _index.getBoundedValue)(value ?? 100, 0, 100);
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-progress-indicator-linear', className),
+        ref: forwardedRef,
+        "data-iui-status": status,
+        "data-iui-indeterminate": indeterminate ? 'true' : void 0,
+        "data-iui-animated": isAnimated ? 'true' : void 0,
+        style: {
+            '--iui-progress-percentage': `${boundedValue}%`
+        },
+        ...rest
+    }, _react.createElement(_index.ShadowRoot, null, 100 !== value && _react.createElement(_VisuallyHidden.VisuallyHidden, null, "Loading."), _react.createElement("slot", null)), labels.length > 0 && _react.createElement(_index.Box, {
+        as: "div",
+        ...labelGroupProps,
+        className: (0, _classnames.default)('iui-progress-indicator-linear-label', labelGroupProps?.className)
+    }, labels.map((label, index)=>_react.createElement("span", {
+            key: index
+        }, label))));
+});
+ProgressLinear.displayName = 'ProgressLinear';

package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressRadial", {
+    enumerable: true,
+    get: function() {
+        return ProgressRadial;
+    }
+});
+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 _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
+const ProgressRadial = _react.forwardRef((props, forwardedRef)=>{
+    let { value, indeterminate = void 0 === value, status, size, className, style, children, ...rest } = props;
+    let statusMap = {
+        negative: _react.createElement(_index.SvgImportantSmall, {
+            "aria-hidden": true
+        }),
+        positive: _react.createElement(_index.SvgCheckmarkSmall, {
+            "aria-hidden": true
+        }),
+        warning: _react.createElement(_index.SvgImportantSmall, {
+            "aria-hidden": true
+        })
+    };
+    return _react.createElement(_index.Box, {
+        className: (0, _classnames.default)('iui-progress-indicator-radial', className),
+        "data-iui-size": size,
+        "data-iui-status": status,
+        "data-iui-indeterminate": indeterminate ? 'true' : void 0,
+        ref: forwardedRef,
+        style: {
+            ...void 0 !== value && {
+                '--iui-progress-percentage': `${(0, _index.getBoundedValue)(value, 0, 100)}%`
+            },
+            ...style
+        },
+        ...rest
+    }, _react.createElement(_index.ShadowRoot, null, 100 !== value && _react.createElement(_VisuallyHidden.VisuallyHidden, null, "Loading."), _react.createElement("slot", null)), 'x-small' !== size ? children ?? (status ? statusMap[status] : null) : null);
+});
+ProgressRadial.displayName = 'ProgressRadial';

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Radio", {
+    enumerable: true,
+    get: function() {
+        return Radio;
+    }
+});
+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 Radio = _react.forwardRef((props, ref)=>{
+    let { className, disabled = false, label, status, labelProps, wrapperProps, style, ...rest } = props;
+    let inputElementRef = _react.useRef(null);
+    let refs = (0, _index.useMergedRefs)(inputElementRef, ref);
+    let radio = _react.createElement(_index.Box, {
+        as: "input",
+        className: (0, _classnames.default)('iui-radio', className),
+        style: style,
+        disabled: disabled,
+        type: "radio",
+        ref: refs,
+        ...rest
+    });
+    return label ? _react.createElement(_index.Box, {
+        as: "label",
+        ...wrapperProps,
+        className: (0, _classnames.default)('iui-radio-wrapper', {
+            'iui-disabled': disabled,
+            [`iui-${status}`]: !!status
+        }, wrapperProps?.className)
+    }, radio, label && _react.createElement(_index.Box, {
+        as: "span",
+        ...labelProps,
+        className: (0, _classnames.default)('iui-radio-label', labelProps?.className)
+    }, label)) : radio;
+});
+Radio.displayName = 'Radio';

package/DEV-cjs/core/RadioTiles/RadioTile.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioTile", {
+    enumerable: true,
+    get: function() {
+        return RadioTile;
+    }
+});
+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 RadioTile = _react.forwardRef((props, ref)=>{
+    let { icon, label, description, className, wrapperProps, iconProps, labelProps, subLabelProps, style, ...rest } = props;
+    let inputElementRef = _react.useRef(null);
+    let refs = (0, _index.useMergedRefs)(inputElementRef, ref);
+    return _react.createElement(_index.Box, {
+        as: "label",
+        "data-iui-disabled": props.disabled ? 'true' : void 0,
+        ...wrapperProps,
+        className: (0, _classnames.default)('iui-radio-tile', wrapperProps?.className)
+    }, _react.createElement(_index.Box, {
+        as: "input",
+        ref: refs,
+        className: (0, _classnames.default)('iui-radio-tile-input', className),
+        style: style,
+        type: "radio",
+        ...rest
+    }), icon && _react.createElement(_index.Box, {
+        as: "span",
+        "aria-hidden": true,
+        ...iconProps,
+        className: (0, _classnames.default)('iui-radio-tile-icon', iconProps?.className)
+    }, icon), label && _react.createElement(_index.Box, {
+        as: "div",
+        ...labelProps,
+        className: (0, _classnames.default)('iui-radio-tile-label', labelProps?.className)
+    }, label), description && _react.createElement(_index.Box, {
+        as: "div",
+        ...subLabelProps,
+        className: (0, _classnames.default)('iui-radio-tile-sublabel', subLabelProps?.className)
+    }, description));
+});
+RadioTile.displayName = 'RadioTile';

package/DEV-cjs/core/RadioTiles/RadioTileGroup.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioTileGroup", {
+    enumerable: true,
+    get: function() {
+        return RadioTileGroup;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = _interop_require_wildcard._(require("react"));
+const _InputGroup = require("../InputGroup/InputGroup.js");
+const _index = require("../../utils/index.js");
+const RadioTileGroup = _react.forwardRef((props, forwardedRef)=>{
+    let { children, label, ...rest } = props;
+    return _react.createElement(_InputGroup.InputGroup, {
+        label: label,
+        ref: forwardedRef,
+        ...rest
+    }, _react.createElement(_index.Box, {
+        className: "iui-radio-tile-container"
+    }, children));
+});
+RadioTileGroup.displayName = 'RadioTileGroup';