@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.3

package/dist/Clock/Clock.cjs.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * `Clock` is a demo component that shows the current time.
- */
-var Clock = function (_a) {
-    var _b = _a.locale, locale = _b === void 0 ? "en-GB" : _b, props = filterDataAttrs.__rest(_a, ["locale"]);
-    var _c = React.useState(new Date()), time = _c[0], setTime = _c[1];
-    var _d = React.useState(time.toLocaleTimeString(locale)), humanTime = _d[0], setHumanTime = _d[1];
-    React.useEffect(function () {
-        var tick = function () {
-            var newTime = new Date();
-            setTime(newTime);
-            setHumanTime(newTime.toLocaleTimeString(locale));
-        };
-        tick();
-        var interval = setInterval(tick, 1000);
-        return function () { return clearInterval(interval); };
-    }, [locale]);
-    return (React__default["default"].createElement("time", filterDataAttrs.__assign({ className: "arc-Clock", dateTime: time.toISOString() }, filterDataAttrs.filterDataAttrs(props), { "data-locale": locale }), humanTime));
-};
-
-var Clock_rehydrator = (function (el) { return filterDataAttrs.__awaiter(void 0, void 0, void 0, function () {
-    var props;
-    return filterDataAttrs.__generator(this, function (_a) {
-        props = {
-            locale: el.dataset.locale
-        };
-        return [2 /*return*/, React__default["default"].createElement(Clock, filterDataAttrs.__assign({}, props))];
-    });
-}); });
-
-exports.Clock = Clock;
-exports.ClockRehydrator = Clock_rehydrator;

package/dist/Clock/Clock.esm.js

@@ -1,34 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import React__default, { useState, useEffect } from 'react';
-
-/**
- * `Clock` is a demo component that shows the current time.
- */
-var Clock = function (_a) {
-    var _b = _a.locale, locale = _b === void 0 ? "en-GB" : _b, props = __rest(_a, ["locale"]);
-    var _c = useState(new Date()), time = _c[0], setTime = _c[1];
-    var _d = useState(time.toLocaleTimeString(locale)), humanTime = _d[0], setHumanTime = _d[1];
-    useEffect(function () {
-        var tick = function () {
-            var newTime = new Date();
-            setTime(newTime);
-            setHumanTime(newTime.toLocaleTimeString(locale));
-        };
-        tick();
-        var interval = setInterval(tick, 1000);
-        return function () { return clearInterval(interval); };
-    }, [locale]);
-    return (React__default.createElement("time", __assign({ className: "arc-Clock", dateTime: time.toISOString() }, filterDataAttrs(props), { "data-locale": locale }), humanTime));
-};
-
-var Clock_rehydrator = (function (el) { return __awaiter(void 0, void 0, void 0, function () {
-    var props;
-    return __generator(this, function (_a) {
-        props = {
-            locale: el.dataset.locale
-        };
-        return [2 /*return*/, React__default.createElement(Clock, __assign({}, props))];
-    });
-}); });
-
-export { Clock, Clock_rehydrator as ClockRehydrator };

package/dist/Clock/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/clock",
-  "types": "../types/components/Clock/index.d.ts",
-  "main": "./Clock.cjs.js",
-  "module": "./Clock.esm.js",
-  "private": true
-}

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-42c4a0e0.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('react');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/BrandLogo-aea340c8.js');
-require('../_shared/cjs/Button-5c958ce9.js');
-require('../_shared/cjs/Icon-a47b6c0a.js');
-require('../_shared/cjs/Text-606ca3a2.js');
-
-
-
-exports.SiteHeader = SiteHeader_rehydrator.SiteHeader;
-exports.SiteHeaderRehydrator = SiteHeader_rehydrator.SiteHeaderRehydrator;

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,13 +0,0 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-97900e11.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import 'react';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/BrandLogo-1af78f76.js';
-import '../_shared/esm/Button-c3348ed8.js';
-import '../_shared/esm/Icon-9ecaaeab.js';
-import '../_shared/esm/Text-14f586ac.js';

package/dist/SiteHeader/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/siteheader",
-  "types": "../types/components/SiteHeader/index.d.ts",
-  "main": "./SiteHeader.cjs.js",
-  "module": "./SiteHeader.esm.js",
-  "private": true
-}

package/dist/_shared/cjs/Base-f5a86eed.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ArcRootElementContext = React.createContext(null);
-/**
- * Use `Base` as the root component of the arc system.
- */
-var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "children"]);
-    var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
-};
-
-exports.ArcRootElementContext = ArcRootElementContext;
-exports.Base = Base;

package/dist/_shared/cjs/Card-eb1c20c1.js

@@ -1,121 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var Image = require('./Image-e873b8fc.js');
-var Heading = require('./Heading-27cba320.js');
-var suffixModifier = require('./suffix-modifier-64dcd338.js');
-var Surface = require('./Surface-038db6e1.js');
-var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-var ThemeIcon = require('./ThemeIcon-9534f091.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Detect interaction mode
- */
-var useInteractionMode = function () {
-    var _a = React.useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
-    React.useEffect(function () {
-        var onKeyDown = function (event) {
-            if (event.altKey || event.ctrlKey || event.metaKey) {
-                return;
-            }
-            setInteractionMode("keyboard");
-        };
-        var onPointerDown = function () {
-            setInteractionMode("pointer");
-        };
-        if (typeof window !== "undefined") {
-            document.addEventListener("keydown", onKeyDown, true);
-            document.addEventListener("click", onPointerDown, true);
-        }
-        return function () {
-            if (typeof window !== "undefined") {
-                document.removeEventListener("keydown", onKeyDown);
-                document.removeEventListener("click", onPointerDown);
-            }
-        };
-    }, []);
-    return { interactionMode: interactionMode };
-};
-
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-var Card = function (_a) {
-    var _b;
-    var actionId = _a.actionId, _c = _a.actionLabel, actionLabel = _c === void 0 ? "Read more" : _c, children = _a.children, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, href = _a.href, imageAlt = _a.imageAlt, imageHeight = _a.imageHeight, imageLoading = _a.imageLoading, imageSrc = _a.imageSrc, imageSrcSet = _a.imageSrcSet, linkData = _a.linkData, minHeight = _a.minHeight, onClick = _a.onClick, target = _a.target, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? "s" : _e, props = filterDataAttrs.__rest(_a, ["actionId", "actionLabel", "children", "fill", "href", "imageAlt", "imageHeight", "imageLoading", "imageSrc", "imageSrcSet", "linkData", "minHeight", "onClick", "target", "title", "titleSize"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var interactionMode = useInteractionMode().interactionMode;
-    var Wrapper = function (_a) {
-        var children = _a.children;
-        return fill === "outlined" || fill === "neutral" ? (React__default["default"].createElement("div", null, children)) : (React__default["default"].createElement(Surface.Surface, { background: surface === "dark" ? "white" : "darker" }, children));
-    };
-    var coverImage = imageSrc && (React__default["default"].createElement(CardImage, { alt: imageAlt, height: imageHeight, loading: imageLoading, src: imageSrc, srcSet: imageSrcSet }));
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
-                "arc-Card": true,
-                "arc-Card--onDarkSurface": surface === "dark"
-            },
-            _b[suffixModifier.suffixModifier("arc-Card--fill", fill)] = fill !== "solid",
-            _b["arc-is-".concat(interactionMode, "InteractionMode")] = interactionMode,
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(Wrapper, null,
-            React__default["default"].createElement("div", { className: "arc-Card-inner", style: { minHeight: minHeight } },
-                React__default["default"].createElement("div", { className: "arc-Card-header" },
-                    React__default["default"].createElement("div", { className: "arc-Card-title" },
-                        React__default["default"].createElement(Heading.Heading, { size: titleSize },
-                            React__default["default"].createElement(CardLink, { stretch: true, onClick: onClick, actionId: actionId, fill: fill, href: href, linkData: linkData, target: target }, title))),
-                    coverImage),
-                React__default["default"].createElement("div", { className: "arc-Card-children" },
-                    React__default["default"].createElement(Card.Block, null, children)),
-                href && (React__default["default"].createElement(CardBlock, null,
-                    React__default["default"].createElement(CardLink, { href: href, fill: fill, actionId: actionId, onClick: onClick, isButton: true }, actionLabel)))))));
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-var CardBlock = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? "left" : _b, children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, _d = _a.grow, grow = _d === void 0 ? false : _d;
-    return (React__default["default"].createElement("div", { className: index.classNames({
-            "arc-Card-block": true,
-            "arc-Card-block--alignCenter": align === "center",
-            "arc-Card-block--alignRight": align === "right",
-            "arc-Card-block--fullWidth": isFullWidth,
-            "arc-Card-block--grow": grow
-        }) },
-        React__default["default"].createElement("div", { className: "arc-Card-blockInner" }, children)));
-};
-Card.Block = CardBlock;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-var CardImage = function (_a) {
-    var _b = _a.alt, alt = _b === void 0 ? "" : _b, _c = _a.height, height = _c === void 0 ? 176 : _c, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet;
-    return (React__default["default"].createElement("div", { className: index.classNames({
-            "arc-Card-image": true
-        }) },
-        React__default["default"].createElement(Image.Image, { alt: alt, fit: "cover", height: height, loading: loading, sizes: sizes, src: src, srcSet: srcSet })));
-};
-Card.Image = CardImage;
-/**
- * Internal `CardLink` component.
- */
-var CardLink = function (_a) {
-    var actionId = _a.actionId, isButton = _a.isButton, children = _a.children, fill = _a.fill, href = _a.href, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, onClick = _a.onClick, stretch = _a.stretch, target = _a.target;
-    var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("a", filterDataAttrs.__assign({ onClick: handleLinkClick.handleLinkClick({ handler: onClick }), "aria-describedby": actionId, className: index.classNames({
-            "arc-Card-link": true,
-            "arc-Card-link--button": isButton,
-            "arc-Card-link--onDarkSurface": surface === "dark" && fill !== "neutral",
-            "arc-Card-link--stretch": stretch
-        }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs.filterDataAttrs(linkData)),
-        React__default["default"].createElement("span", { className: "arc-Card-linkText" }, children),
-        isButton && (React__default["default"].createElement("span", { className: "arc-Card-linkIcon" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { "data-testid": "cardIcon", size: 24, icon: "cardButton" })))));
-};
-
-exports.Card = Card;

package/dist/_shared/cjs/Image-e873b8fc.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var suffixModifier = require('./suffix-modifier-64dcd338.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `Image` to render a single image, or set of images, with support for
- * image fitting and art direction.
- */
-var Image = function (_a) {
-    var _b;
-    var alt = _a.alt, _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, children = _a.children, fillColor = _a.fillColor, fit = _a.fit, height = _a.height, loading = _a.loading, overlay = _a.overlay, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, width = _a.width, props = filterDataAttrs.__rest(_a, ["alt", "anchor", "children", "fillColor", "fit", "height", "loading", "overlay", "sizes", "src", "srcSet", "width"]);
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== ImageSource) {
-                throw new Error("Illegal child passed to <Image />. Ensure to only use <Image.Source />.");
-            }
-        });
-    }, [children]);
-    var img = (React__default["default"].createElement("img", { className: "arc-Image-img", alt: alt, height: fit === "cover" ? undefined : height, loading: loading, sizes: children ? undefined : sizes, src: src, srcSet: children ? undefined : srcSet, width: fit === "cover" ? undefined : width }));
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
-                "arc-Image": true,
-                "arc-Image--cover": fit === "cover"
-            },
-            _b["arc-Image--anchor".concat(anchor)] = fit === "cover",
-            _b[suffixModifier.suffixModifier("arc-Image--overlay", overlay || "")] = overlay,
-            _b)), style: filterDataAttrs.__assign(filterDataAttrs.__assign(filterDataAttrs.__assign({}, (fillColor && { backgroundColor: fillColor })), (fit === "cover" && height ? { height: "".concat(height, "px") } : null)), (fit === "cover" && width ? { width: "".concat(width, "px") } : null)) }, filterDataAttrs.filterDataAttrs(props)), children ? (React__default["default"].createElement("picture", null,
-        children,
-        " ",
-        img)) : (React__default["default"].createElement(React__default["default"].Fragment, null, img))));
-};
-var ImageSource = function (_a) {
-    var height = _a.height, media = _a.media, srcSet = _a.srcSet, sizes = _a.sizes, type = _a.type; _a.width; var props = filterDataAttrs.__rest(_a, ["height", "media", "srcSet", "sizes", "type", "width"]);
-    return (React__default["default"].createElement("source", filterDataAttrs.__assign({ height: height, media: media, sizes: sizes, srcSet: srcSet, type: type }, filterDataAttrs.filterDataAttrs(props))));
-};
-Image.Source = ImageSource;
-var loadingOptions = ["eager", "lazy"];
-
-exports.Image = Image;
-exports.loadingOptions = loadingOptions;

package/dist/_shared/cjs/ProgressStepper-74ee1eec.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var Surface = require('./Surface-038db6e1.js');
-var VerticalSpace = require('./VerticalSpace-dc53bb70.js');
-var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
-var ThemeIcon = require('./ThemeIcon-9534f091.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ProgressStepperItem = function (_a) {
-    var _b, _c, _d;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _e = _a.direction, direction = _e === void 0 ? "horizontal" : _e, _f = _a.status, status = _f === void 0 ? "todo" : _f, _g = _a.size, size = _g === void 0 ? "large" : _g, _h = _a.position, position = _h === void 0 ? "middle" : _h, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var statusIcons = {
-        completed: "progressStepperComplete",
-        current: "progressStepperCurrent",
-        warning: "progressStepperWarning",
-        error: "progressStepperError"
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    var capitaliseFirstLetter = function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepperItem", (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid,
-                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconSection", (_c = {},
-                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
-                _c)) },
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconWrapper", (_d = {},
-                    _d["arc-ProgressStepperItem-iconWrapper--".concat(status)] = status !== "todo",
-                    _d)), "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
-                    width: size === "small" ? "16px" : "32px",
-                    height: size === "small" ? "16px" : "32px"
-                } })) : (React__default["default"].createElement("span", { className: "arc-ProgressStepperItem-statusIcon" },
-                React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: statusIcons[status], size: size === "small" ? 16 : 32 })))),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
-        React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            status !== "todo" && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
-                capitaliseFirstLetter(status),
-                ":")),
-            titleHref ? (React__default["default"].createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            isExpandable && direction === "vertical" && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
-                    React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
-                    stepContent && !isStepContentHidden && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                        stepContent))))))));
-};
-
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = filterDataAttrs.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
-    var items = React__default["default"].Children.toArray(children);
-    var getStepStatus = function (item) {
-        var _a;
-        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, filterDataAttrs.filterDataAttrs(props)), items.map(function (item, index) {
-        var currentPosition = index === 0
-            ? "first"
-            : index === React__default["default"].Children.count(children) - 1
-                ? "last"
-                : undefined;
-        return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index) },
-            React__default["default"].createElement(ProgressStepperItem, filterDataAttrs.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs.filterDataAttrs(item.props)))));
-    })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-exports.ProgressStepper = ProgressStepper;

package/dist/_shared/cjs/RadioGroup-9bc96f6a.js

@@ -1,69 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-var FormControl = require('./FormControl-30f2330f.js');
-var index = require('./index-9947ac13.js');
-var Surface = require('./Surface-038db6e1.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var RadioContext = React.createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = React.useContext(RadioContext);
-    return context;
-};
-
-/**
- * Radio Button component.
- */
-var RadioButton = React.forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = filterDataAttrs.__rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
-    var surface = React.useContext(Surface.Context).surface;
-    var idLabel = "".concat(id, "-label");
-    var checked = checkedValue === value ? true : false;
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
-            "arc-RadioButton": true,
-            "arc-RadioButton--disabled": isDisabled || groupDisabled,
-            "arc-RadioButton--small": size === "s",
-            "arc-RadioButton--smallLabel": labelSize === "s",
-            "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
-            React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default["default"].createElement("span", null,
-                label,
-                helper && React__default["default"].createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
-});
-
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-var RadioGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = filterDataAttrs.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== RadioButton) {
-                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
-            }
-        });
-    }, [children]);
-    return (React__default["default"].createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            labelSize: labelSize,
-            name: name,
-            size: size
-        } },
-        React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-RadioGroup" }, filterDataAttrs.filterDataAttrs(props)),
-            React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
-};
-RadioGroup.RadioButton = RadioButton;
-
-exports.RadioGroup = RadioGroup;