@arc-ui/components 12.0.0-beta.13 → 12.0.0-beta.15

package/dist/_shared/cjs/Preview-B-4AqOxZ.js

@@ -1,175 +0,0 @@
-'use strict';
-
-var index = require('./index-CTlXMLug.js');
-var React = require('react');
-
-function _mergeNamespaces(n, m) {
-  m.forEach(function (e) {
-    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
-      if (k !== 'default' && !(k in n)) {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  });
-  return Object.freeze(n);
-}
-
-var Preview_1;
-var hasRequiredPreview;
-
-function requirePreview () {
-	if (hasRequiredPreview) return Preview_1;
-	hasRequiredPreview = 1;
-	var __create = Object.create;
-	var __defProp = Object.defineProperty;
-	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-	var __getOwnPropNames = Object.getOwnPropertyNames;
-	var __getProtoOf = Object.getPrototypeOf;
-	var __hasOwnProp = Object.prototype.hasOwnProperty;
-	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-	var __export = (target, all) => {
-	  for (var name in all)
-	    __defProp(target, name, { get: all[name], enumerable: true });
-	};
-	var __copyProps = (to, from, except, desc) => {
-	  if (from && typeof from === "object" || typeof from === "function") {
-	    for (let key of __getOwnPropNames(from))
-	      if (!__hasOwnProp.call(to, key) && key !== except)
-	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-	  }
-	  return to;
-	};
-	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-	  // If the importer is in node compatibility mode or this is not an ESM
-	  // file that has been converted to a CommonJS file using a Babel-
-	  // compatible transform (i.e. "__esModule" has not been set), then set
-	  // "default" to the CommonJS "module.exports" for node compatibility.
-	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-	  mod
-	));
-	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-	var __publicField = (obj, key, value) => {
-	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-	  return value;
-	};
-	var Preview_exports = {};
-	__export(Preview_exports, {
-	  default: () => Preview
-	});
-	Preview_1 = __toCommonJS(Preview_exports);
-	var import_react = __toESM(React);
-	const ICON_SIZE = "64px";
-	const cache = {};
-	class Preview extends import_react.Component {
-	  constructor() {
-	    super(...arguments);
-	    __publicField(this, "mounted", false);
-	    __publicField(this, "state", {
-	      image: null
-	    });
-	    __publicField(this, "handleKeyPress", (e) => {
-	      if (e.key === "Enter" || e.key === " ") {
-	        this.props.onClick();
-	      }
-	    });
-	  }
-	  componentDidMount() {
-	    this.mounted = true;
-	    this.fetchImage(this.props);
-	  }
-	  componentDidUpdate(prevProps) {
-	    const { url, light } = this.props;
-	    if (prevProps.url !== url || prevProps.light !== light) {
-	      this.fetchImage(this.props);
-	    }
-	  }
-	  componentWillUnmount() {
-	    this.mounted = false;
-	  }
-	  fetchImage({ url, light, oEmbedUrl }) {
-	    if (import_react.default.isValidElement(light)) {
-	      return;
-	    }
-	    if (typeof light === "string") {
-	      this.setState({ image: light });
-	      return;
-	    }
-	    if (cache[url]) {
-	      this.setState({ image: cache[url] });
-	      return;
-	    }
-	    this.setState({ image: null });
-	    return window.fetch(oEmbedUrl.replace("{url}", url)).then((response) => response.json()).then((data) => {
-	      if (data.thumbnail_url && this.mounted) {
-	        const image = data.thumbnail_url.replace("height=100", "height=480").replace("-d_295x166", "-d_640");
-	        this.setState({ image });
-	        cache[url] = image;
-	      }
-	    });
-	  }
-	  render() {
-	    const { light, onClick, playIcon, previewTabIndex, previewAriaLabel } = this.props;
-	    const { image } = this.state;
-	    const isElement = import_react.default.isValidElement(light);
-	    const flexCenter = {
-	      display: "flex",
-	      alignItems: "center",
-	      justifyContent: "center"
-	    };
-	    const styles = {
-	      preview: {
-	        width: "100%",
-	        height: "100%",
-	        backgroundImage: image && !isElement ? `url(${image})` : void 0,
-	        backgroundSize: "cover",
-	        backgroundPosition: "center",
-	        cursor: "pointer",
-	        ...flexCenter
-	      },
-	      shadow: {
-	        background: "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
-	        borderRadius: ICON_SIZE,
-	        width: ICON_SIZE,
-	        height: ICON_SIZE,
-	        position: isElement ? "absolute" : void 0,
-	        ...flexCenter
-	      },
-	      playIcon: {
-	        borderStyle: "solid",
-	        borderWidth: "16px 0 16px 26px",
-	        borderColor: "transparent transparent transparent white",
-	        marginLeft: "7px"
-	      }
-	    };
-	    const defaultPlayIcon = /* @__PURE__ */ import_react.default.createElement("div", { style: styles.shadow, className: "react-player__shadow" }, /* @__PURE__ */ import_react.default.createElement("div", { style: styles.playIcon, className: "react-player__play-icon" }));
-	    return /* @__PURE__ */ import_react.default.createElement(
-	      "div",
-	      {
-	        style: styles.preview,
-	        className: "react-player__preview",
-	        onClick,
-	        tabIndex: previewTabIndex,
-	        onKeyPress: this.handleKeyPress,
-	        ...previewAriaLabel ? { "aria-label": previewAriaLabel } : {}
-	      },
-	      isElement ? light : null,
-	      playIcon || defaultPlayIcon
-	    );
-	  }
-	}
-	return Preview_1;
-}
-
-var PreviewExports = /*@__PURE__*/ requirePreview();
-var Preview = /*@__PURE__*/index.getDefaultExportFromCjs(PreviewExports);
-
-var Preview$1 = /*#__PURE__*/_mergeNamespaces({
-  __proto__: null,
-  default: Preview
-}, [PreviewExports]);
-
-exports.Preview = Preview$1;

package/dist/_shared/cjs/ProgressStepper-CE6FGMTC.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var React = require('react');
-var index$1 = require('./index-CTlXMLug.js');
-var VisuallyHidden = require('./VisuallyHidden-BItgxu3C.js');
-var Icon = require('./Icon-C5peYhWn.js');
-
-var Error = function () { return (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React.createElement("g", { clipPath: "url(#a)" },
-        React.createElement("path", { d: "m13.06 12 2.845-2.845a.75.75 0 0 0-1.06-1.06L12 10.94 9.155 8.095a.75.75 0 0 0-1.06 1.06L10.939 12l-2.844 2.845a.75.75 0 1 0 1.06 1.06L12 13.061l2.845 2.844a.75.75 0 0 0 1.06-1.06L13.06 12Z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "a" },
-            React.createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
-
-var Warning = function () { return (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React.createElement("path", { d: "M12 15.747a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm.004-1.487a.375.375 0 0 0 .375-.375l.001-6.757a.375.375 0 1 0-.75 0l-.001 6.757a.375.375 0 0 0 .375.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: ".3" }))); };
-
-var Complete = function () { return (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React.createElement("g", { clipPath: "url(#a)" },
-        React.createElement("path", { d: "m10.125 16.435-3.53-3.53a.75.75 0 0 1 0-1.06.768.768 0 0 1 1.06 0l2.47 2.47 6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.28 7.28Z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", null,
-            React.createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
-
-var Current = function () { return (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("circle", { cx: "12", cy: "12", r: "7", fill: "currentColor" }),
-    React.createElement("defs", null,
-        React.createElement("linearGradient", { id: "paint0_linear_1_1050", x1: "36.6036", y1: "-4.31391e-07", x2: "-12.6036", y2: "24", gradientUnits: "userSpaceOnUse" },
-            React.createElement("stop", { stopColor: "#F200F5" }),
-            React.createElement("stop", { offset: "1", stopColor: "#1EC8E6" }))))); };
-
-// export current step as an icon
-var ProgressStepperItem = function (_a) {
-    var _b;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _c = _a.direction, direction = _c === void 0 ? "horizontal" : _c, _d = _a.status, status = _d === void 0 ? "todo" : _d, _e = _a.size, size = _e === void 0 ? "large" : _e, isFluid = _a.isFluid, invertLabelPosition = _a.invertLabelPosition, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = index.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "invertLabelPosition", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden"]);
-    var statusIcons = {
-        todo: undefined,
-        completed: Complete,
-        current: Current,
-        warning: Warning,
-        error: Error
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    return (React.createElement("div", index.__assign({ className: index$1.classNames("arc-ProgressStepperItem", "arc-ProgressStepperItem--".concat(status), "arc-ProgressStepperItem--".concat(size), (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid && direction !== "vertical",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--hasInteractiveStatus"] = status !== "todo",
-            _b["arc-ProgressStepperItem--invertLabelPosition"] = direction !== "vertical" && invertLabelPosition,
-            _b)) }, index.filterAttrs(props)),
-        React.createElement("div", { className: "arc-ProgressStepperItem-iconSection" },
-            React.createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" },
-                React.createElement("span", { className: index$1.classNames("arc-ProgressStepperItem-statusIcon", {
-                        "arc-ProgressStepperItem-statusIcon--small": size === "small"
-                    }) }, status === "todo" ? null : status === "current" ? (React.createElement("div", { className: "arc-ProgressStepperItem-statusIconInner" })) : (React.createElement(Icon.Icon, { icon: statusIcons[status] }))))),
-        React.createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            titleHref || onClick ? (React.createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: index$1.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler },
-                title,
-                status !== "todo" ? (React.createElement(VisuallyHidden.VisuallyHidden, null,
-                    ":",
-                    index.capitaliseFirstLetter(status))) : (React.createElement(VisuallyHidden.VisuallyHidden, null, ":To do")))) : (React.createElement("div", { className: "arc-ProgressStepperItem-title" },
-                title,
-                status !== "todo" ? (React.createElement(VisuallyHidden.VisuallyHidden, null,
-                    ":",
-                    index.capitaliseFirstLetter(status))) : (React.createElement(VisuallyHidden.VisuallyHidden, null, ":To do")))),
-            React.createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            stepContent && !isStepContentHidden && direction === "vertical" && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "arc-ProgressStepperItem-nodeItem" }, stepContent))))));
-};
-
-/** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, invertLabelPosition = _a.invertLabelPosition, props = index.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable", "invertLabelPosition"]);
-    var items = React.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.createElement("div", index.__assign({ className: index$1.classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, index.filterAttrs(props)), items.map(function (item, index$1) { return (React.createElement(React.Fragment, { key: "StepperItem-".concat(index$1) },
-        React.createElement(ProgressStepperItem, index.__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, invertLabelPosition: invertLabelPosition, direction: direction, isExpandable: isExpandable, size: size, previousStep: getStepStatus(items[index$1 - 1]) }, index.filterAttrs(item.props))))); })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-exports.ProgressStepper = ProgressStepper;

package/dist/_shared/cjs/RadioCardGroup-DWZrK-Cs.js

@@ -1,80 +0,0 @@
-'use strict';
-
-var index$1 = require('./index-D6hGsItk.js');
-var React = require('react');
-var index = require('./index-CTlXMLug.js');
-var FormControl = require('./FormControl-x7kC-Srg.js');
-var Surface = require('./Surface-BCplA5V_.js');
-var Icon = require('./Icon-C5peYhWn.js');
-
-var RadioContext = React.createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = React.useContext(RadioContext);
-    return context;
-};
-
-var RadioCard = React.forwardRef(function (_a, ref) {
-    var id = _a.id, icon = _a.icon, label = _a.label, support = _a.support, isDisabled = _a.isDisabled, checked = _a.checked, defaultChecked = _a.defaultChecked, changeEvent = _a.changeEvent, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, children = _a.children, _b = _a.controlLocation, controlLocation = _b === void 0 ? "right" : _b, _c = _a.hideButton, hideButton = _c === void 0 ? false : _c;
-    var surface = React.useContext(Surface.Context).surface;
-    var idLabel = "".concat(id, "-label");
-    return (React.createElement("div", { className: index.classNames("arc-RadioCard", {
-            "arc-RadioCard--isDisabled": isDisabled,
-            "arc-RadioCard--onDarkSurface": surface === "dark",
-            "arc-RadioCard--isSelected": checked
-        }) },
-        React.createElement("label", { id: idLabel, htmlFor: id },
-            React.createElement("input", { className: "arc-RadioCard-input", id: id, checked: checked, defaultChecked: defaultChecked, disabled: isDisabled, onChange: changeEvent, onBlur: blurEvent, name: name, ref: ref, type: "radio", value: value, "aria-checked": checked }),
-            React.createElement("div", { className: "arc-RadioCard-inner arc-RadioCard--control".concat(index$1.capitaliseFirstLetter(controlLocation)) },
-                icon && (React.createElement("div", { className: "arc-RadioCard-icon" },
-                    React.createElement(Icon.Icon, { icon: icon, size: 24 }))),
-                React.createElement("div", { className: "arc-RadioCard-content" },
-                    React.createElement("span", { className: "arc-RadioCard-label" }, label),
-                    support && (React.createElement("span", { className: "arc-RadioCard-support" }, support))),
-                children && (React.createElement("div", { className: "arc-RadioCard-customContent" }, children)),
-                !hideButton && (React.createElement("div", { className: index.classNames("arc-RadioCard-radioIcon", {
-                        "arc-RadioCard-radioIcon--isSelected": checked
-                    }) }))))));
-});
-
-/**
- * Radio Card component.
- */
-var RadioCardGroupInput = React.forwardRef(function (_a, ref) {
-    var icon = _a.icon, support = _a.support, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, children = _a.children, controlLocation = _a.controlLocation, hideButton = _a.hideButton, props = index$1.__rest(_a, ["icon", "support", "id", "isDisabled", "label", "value", "children", "controlLocation", "hideButton"]);
-    var _b = useRadioContext(), name = _b.name, changeEvent = _b.changeEvent, checkedValue = _b.checkedValue, groupDisabled = _b.groupDisabled;
-    var isChecked = checkedValue === value ? true : false;
-    var checked = typeof changeEvent !== "function" ? undefined : isChecked;
-    var defaultChecked = typeof changeEvent !== "function" ? isChecked : undefined;
-    return (React.createElement(RadioCard, index$1.__assign({ icon: icon, ref: ref, id: id, support: support, label: label, name: name, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, value: value, isDisabled: isDisabled || groupDisabled, controlLocation: controlLocation, hideButton: hideButton }, props), children));
-});
-
-/**
- * Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
- */
-var RadioCardGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, errorMessage = _a.errorMessage, _c = _a.isRequired, isRequired = _c === void 0 ? true : _c, helper = _a.helper, _d = _a.helperUnderLabel, helperUnderLabel = _d === void 0 ? true : _d, label = _a.label, _e = _a.labelSize, labelSize = _e === void 0 ? "l" : _e, _f = _a.hideLabel, hideLabel = _f === void 0 ? false : _f, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _g = _a.layout, layout = _g === void 0 ? "column" : _g, isFluid = _a.isFluid, width = _a.width, props = index$1.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "errorMessage", "isRequired", "helper", "helperUnderLabel", "label", "labelSize", "hideLabel", "name", "onBlur", "onChange", "layout", "isFluid", "width"]);
-    React.useEffect(function () {
-        React.Children.map(children, function (item) {
-            if (item && item.type !== RadioCardGroupInput) {
-                throw new Error("Illegal child passed to <RadioCardGroup />. Ensure to only use <RadioCardGroup.RadioCard />.");
-            }
-        });
-    }, [children]);
-    return (React.createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            name: name
-        } },
-        React.createElement("div", index$1.__assign({ className: "arc-RadioCardGroup--form" }, index$1.filterAttrs(props)),
-            React.createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, isDisabled: isDisabled, requirementStatus: isRequired ? "required" : "optional", helperUnderLabel: helperUnderLabel, errorMessage: isRequired && checkedValue === "" ? errorMessage : "", hideLabel: hideLabel },
-                React.createElement("span", { style: { width: width }, className: index.classNames("arc-RadioCardGroup", {
-                        "arc-RadioCardGroup--row": layout === "row",
-                        "arc-RadioCardGroup--isConstrained": !isFluid
-                    }) }, children)))));
-};
-RadioCardGroup.RadioCard = RadioCardGroupInput;
-
-exports.RadioCardGroup = RadioCardGroup;

package/dist/_shared/cjs/RadioGroup-BoSuMksh.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var index$1 = require('./index-D6hGsItk.js');
-var React = require('react');
-var FormControl = require('./FormControl-x7kC-Srg.js');
-var index = require('./index-CTlXMLug.js');
-var Surface = require('./Surface-BCplA5V_.js');
-var VisuallyHidden = require('./VisuallyHidden-BItgxu3C.js');
-
-var RadioContext = React.createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = React.useContext(RadioContext);
-    return context;
-};
-
-var RadioButton = React.forwardRef(function (_a, ref) {
-    var id = _a.id, changeEvent = _a.changeEvent, isDisabled = _a.isDisabled, size = _a.size, labelSize = _a.labelSize, checked = _a.checked, defaultChecked = _a.defaultChecked, radioButtonAlignment = _a.radioButtonAlignment, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, label = _a.label, helper = _a.helper, hideLabel = _a.hideLabel, withMargin = _a.withMargin;
-    var surface = React.useContext(Surface.Context).surface;
-    var idLabel = "".concat(id, "-label");
-    return (React.createElement("div", { className: index.classNames({
-            "arc-RadioButton": true,
-            "arc-RadioButton--withMargin": withMargin,
-            "arc-RadioButton--withMarginSmall": withMargin && size === "s",
-            "arc-RadioButton--disabled": isDisabled,
-            "arc-RadioButton--small": size === "s",
-            "arc-RadioButton--smallLabel": labelSize === "s",
-            "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) },
-        React.createElement("label", { className: index.classNames("arc-RadioButton-label", {
-                "arc-RadioButton-label--alignTop": radioButtonAlignment === "top"
-            }), htmlFor: id, id: idLabel },
-            React.createElement("input", { className: "arc-RadioButton-input", checked: checked, defaultChecked: defaultChecked, disabled: isDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value, "aria-checked": checked }),
-            React.createElement("span", { className: index.classNames({
-                    "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
-                }) },
-                hideLabel ? React.createElement(VisuallyHidden.VisuallyHidden, null, label) : label,
-                helper && React.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
-});
-
-/**
- * Radio Button component.
- */
-var RadioButtonGroupInput = React.forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, _b = _a.radioButtonAlignment, radioButtonAlignment = _b === void 0 ? "center" : _b, value = _a.value, props = index$1.__rest(_a, ["helper", "id", "isDisabled", "label", "radioButtonAlignment", "value"]);
-    var _c = useRadioContext(), blurEvent = _c.blurEvent, changeEvent = _c.changeEvent, groupDisabled = _c.groupDisabled, checkedValue = _c.checkedValue, labelSize = _c.labelSize, name = _c.name, size = _c.size;
-    var isChecked = checkedValue === value ? true : false;
-    var checked = typeof changeEvent !== "function" ? undefined : isChecked;
-    var defaultChecked = typeof changeEvent !== "function" ? isChecked : undefined;
-    return (React.createElement(RadioButton, index$1.__assign({ withMargin: true, ref: ref, id: id, name: name, helper: helper, isDisabled: isDisabled || groupDisabled, labelSize: labelSize, size: size, radioButtonAlignment: radioButtonAlignment, label: label, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, blurEvent: blurEvent, value: value }, props)));
-});
-
-/**
- * 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, errorMessage = _a.errorMessage, _c = _a.isRequired, isRequired = _c === void 0 ? true : _c, helper = _a.helper, label = _a.label, _d = _a.labelSize, labelSize = _d === void 0 ? "l" : _d, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, props = index$1.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "errorMessage", "isRequired", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
-    React.useEffect(function () {
-        React.Children.map(children, function (item) {
-            if (item && item.type !== RadioButtonGroupInput) {
-                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
-            }
-        });
-    }, [children]);
-    return (React.createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            labelSize: labelSize,
-            name: name,
-            size: size
-        } },
-        React.createElement("div", index$1.__assign({ className: "arc-RadioGroup" }, index$1.filterAttrs(props)),
-            React.createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: isRequired ? "required" : "optional", helperUnderLabel: true, errorMessage: isRequired && checkedValue === "" ? errorMessage : "" },
-                React.createElement("span", { className: "arc-RadioGroup-radioButtonContainer" }, children)))));
-};
-RadioGroup.RadioButton = RadioButtonGroupInput;
-
-exports.RadioButton = RadioButton;
-exports.RadioGroup = RadioGroup;

package/dist/_shared/cjs/Section-DXB0XocO.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var index$1 = require('./index-CTlXMLug.js');
-var React = require('react');
-
-/**
- * Use `Section` to compose content into vertical page layouts.
- */
-var Section = function (_a) {
-    var children = _a.children, _b = _a.isFullWidth, isFullWidth = _b === void 0 ? false : _b, _c = _a.isDebugVisible, isDebugVisible = _c === void 0 ? false : _c, props = index.__rest(_a, ["children", "isFullWidth", "isDebugVisible"]);
-    return (React.createElement("div", index.__assign({ className: index$1.classNames({
-            "arc-Section": true,
-            "arc-Section--fullWidth": isFullWidth,
-            "arc-Section--debugVisible": isDebugVisible
-        }) }, index.filterAttrs(props)), children));
-};
-
-exports.Section = Section;

package/dist/_shared/cjs/SiteFooter-D5IeZC_c.js

@@ -1,66 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var index_es = require('./index.es-y9hyGBEL.js');
-var React = require('react');
-var BrandLogo = require('./BrandLogo-IAXn8lnd.js');
-var useMediaQuery = require('./use-media-query-BsUfHjPZ.js');
-var Section = require('./Section-DXB0XocO.js');
-var Surface = require('./Surface-BCplA5V_.js');
-var handleLinkClick = require('./handle-link-click-C7BvOIYa.js');
-var ThemeIcon = require('./ThemeIcon-CHgtRxWu.js');
-
-/**
- * Use `SiteFooter` to display information at the bottom of a page.
- */
-var SiteFooter = function (_a) {
-    var children = _a.children, currentYear = _a.currentYear, logoLabel = _a.logoLabel, main = _a.main, siteName = _a.siteName, props = index.__rest(_a, ["children", "currentYear", "logoLabel", "main", "siteName"]);
-    React.useEffect(function () {
-        React.Children.map(children, function (item) {
-            if (item && item.type !== SiteFooterItem) {
-                throw new Error("Illegal child passed to <SiteFooter />. Ensure to only use <SiteFooter.Item />.");
-            }
-        });
-    }, [children]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("footer", index.__assign({ className: "arc-SiteFooter" }, index.filterAttrs(props)),
-            React.createElement(Surface.Surface, { background: "dark-brand-01", paddingVertical: "24" },
-                (siteName || main) && (React.createElement(React.Fragment, null,
-                    React.createElement(Section.Section, null,
-                        siteName && (React.createElement("div", { className: "arc-SiteFooter-name" }, siteName)),
-                        main && React.createElement("div", { className: "arc-SiteFooter-main" }, main)),
-                    React.createElement("hr", { className: "arc-SiteFooter-rule" }))),
-                React.createElement(Section.Section, null,
-                    React.createElement("div", { className: "arc-SiteFooter-secondary" },
-                        children && (React.createElement("ul", { className: "arc-SiteFooter-secondaryItems" }, children)),
-                        React.createElement("div", { className: "arc-SiteFooter-brand" },
-                            React.createElement("div", { className: "arc-SiteFooter-copyright" },
-                                React.createElement("span", { className: "arc-SiteFooter-copyrightSymbol" }, "\u00A9"), " ".concat(currentYear || new Date().getFullYear())),
-                            React.createElement(BrandLogo.BrandLogo, { label: logoLabel }))))))));
-};
-var SiteFooterItemGroup = function (_a) {
-    var children = _a.children, title = _a.title;
-    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsM, ")"));
-    React.useEffect(function () {
-        React.Children.map(children, function (item) {
-            if (item && item.type !== SiteFooterItem && item.type !== React.Fragment) {
-                throw new Error("Illegal child passed to <SiteFooterItemGroup />. Ensure to only use <SiteFooter.Item />.");
-            }
-        });
-    }, [children]);
-    return (React.createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
-        React.createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
-            React.createElement("span", { className: "arc-SiteFooter-icon" },
-                React.createElement(ThemeIcon.ThemeIcon, { icon: "siteFooterExpand" })),
-            React.createElement("h2", { className: "arc-SiteFooter-title" }, title)),
-        React.createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
-};
-var SiteFooterItem = function (_a) {
-    var children = _a.children, href = _a.href, onClick = _a.onClick, props = index.__rest(_a, ["children", "href", "onClick"]);
-    return (React.createElement("li", index.__assign({ className: "arc-SiteFooter-item" }, index.filterAttrs(props)),
-        React.createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
-};
-SiteFooter.Item = SiteFooterItem;
-SiteFooter.ItemGroup = SiteFooterItemGroup;
-
-exports.SiteFooter = SiteFooter;