@arc-ui/components 11.4.2 → 11.6.0

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -2,24 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var React$2 = require('react');
-var Text = require('../_shared/cjs/Text-1d3844be.js');
-var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-7aed88ab.js');
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var React$1 = require('react');
+var Text = require('../_shared/cjs/Text-6f2827e6.js');
+var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
+var BtIconCrossAlt2Px = require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 
-const React$1 = React__default["default"];
+const React = React__default["default"];
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
       {
@@ -28,13 +29,13 @@ const BtIconRefresh = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
@@ -42,30 +43,10 @@ const BtIconRefresh = props =>
   );
 var BtIconRefresh_2 = BtIconRefresh;
 
-const React = React__default["default"];
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
-
 var PROGRESS_BAR_ICON_MAP = {
     refresh: BtIconRefresh_2,
     tick: BtIconTickAlt2Px.BtIconTickAlt2Px_2,
-    cross: BtIconCrossAlt2Px_2
+    cross: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2
 };
 
 var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
@@ -75,8 +56,8 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
         "aria-label": ariaLabel,
         tabIndex: 0
     };
-    var indeterminateProps = index.__assign(index.__assign({}, commonProps), { className: index$1.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
-    var determinateProps = index.__assign(index.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
+    var indeterminateProps = filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonProps), { className: index.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
+    var determinateProps = filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
             transform: "translateX(".concat(-100 + progressValue, "%)")
         } });
     return isIndeterminate ? indeterminateProps : determinateProps;
@@ -84,9 +65,9 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
 
 var ProgressBar = function (_a) {
     var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue;
-    var surface = React$2.useContext(Surface.Context).surface;
+    var surface = React$1.useContext(Surface.Context).surface;
     var progressValue = Math.min(100, Math.max(0, value));
-    return (React__default["default"].createElement("div", { "data-testid": "progress", className: index$1.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
+    return (React__default["default"].createElement("div", { "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
             "arc-ProgressBar--onDarkSurface": surface === "dark"
         }) },
         React__default["default"].createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
@@ -98,7 +79,7 @@ var ProgressBar = function (_a) {
                 React__default["default"].createElement(Text.Text, null, displayValue)))),
         React__default["default"].createElement("div", { className: "arc-ProgressBar-container" },
             React__default["default"].createElement("div", { className: "arc-ProgressBar-outerBar" },
-                React__default["default"].createElement("div", index.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
+                React__default["default"].createElement("div", filterDataAttrs.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
             description && (React__default["default"].createElement("div", { className: "arc-ProgressBar-description" },
                 React__default["default"].createElement(Text.Text, { tone: state !== "error" ? "supporting" : "default" }, description))),
             action && (React__default["default"].createElement(React__default["default"].Fragment, null,

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,17 +1,18 @@
-import { a as __assign } from '../_shared/esm/index-229fc864.js';
+import { a as __assign } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { T as Text } from '../_shared/esm/Text-6b958ad8.js';
-import { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-3579b20e.js';
-import { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { T as Text } from '../_shared/esm/Text-00e9743b.js';
+import { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
+import { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
+import { B as BtIconCrossAlt2Px_2 } from '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 
-const React$1 = React__default;
+const React = React__default;
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
       {
@@ -20,13 +21,13 @@ const BtIconRefresh = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
@@ -34,26 +35,6 @@ const BtIconRefresh = props =>
   );
 var BtIconRefresh_2 = BtIconRefresh;
 
-const React = React__default;
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
-
 var PROGRESS_BAR_ICON_MAP = {
     refresh: BtIconRefresh_2,
     tick: BtIconTickAlt2Px_2,

package/dist/RadioGroup/RadioGroup.cjs.d.ts

@@ -1,85 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-d4d9c665";
-/**
- * Radio Button component.
- */
-declare const RadioButton: FC<RadioButtonProps>;
-interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
-    id: string;
-    /**
-     * Should the RadioButton be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper text for the RadioButton, shown below the label.
-     */
-    helper?: string;
-    /**
-     * Label for the RadioButton.
-     */
-    label: string;
-    /**
-     * Current value (controlled).
-     */
-    value: string;
-}
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
-};
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel"> {
-    /**
-     * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
-     */
-    children?: React.ReactNode;
-    /**
-     * Value of the RadioButton that should be checked by default.
-     */
-    checkedValue: string;
-    /**
-     * Should all controls be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper message for the RadioGroup.
-     */
-    helper?: string;
-    /**
-     * ID for the RadioGroup.
-     */
-    id: string;
-    /**
-     * Label for the RadioGroup.
-     */
-    label: string;
-    /**
-     * Label size for the RadioGroup
-     */
-    labelSize?: "s" | "l";
-    /**
-     * Name for the RadioGroup.
-     */
-    name: string;
-    /**
-     * Function to call when the RadioGroup loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the RadioGroup's controlled `checkedValue` prop,
-     * for example `e => setCheckedValue(e.target.value)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the RadioGroup.
-     */
-    size?: "s" | "l";
-}
-export { RadioGroup };
+export { RadioGroup } from "../_shared/cjs/RadioGroup-81805ef9";

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,74 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-81805ef9.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('react');
+require('../_shared/cjs/FormControl-9aaddd54.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.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 = index.__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", index.__assign({ className: index$1.classNames({
-            "arc-RadioButton": true,
-            "arc-RadioButton--disabled": isDisabled || groupDisabled,
-            "arc-RadioButton--small": size === "s",
-            "arc-RadioButton--smallLabel": labelSize === "s",
-            "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, index.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 = index.__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", index.__assign({ className: "arc-RadioGroup" }, index.filterDataAttrs(props)),
-            React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
-};
-RadioButton.displayName = "RadioGroup.RadioButton";
-RadioGroup.RadioButton = RadioButton;
-
-exports.RadioGroup = RadioGroup;
+exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/RadioGroup/RadioGroup.esm.d.ts

@@ -1,85 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-2cb96de7";
-/**
- * Radio Button component.
- */
-declare const RadioButton: FC<RadioButtonProps>;
-interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
-    id: string;
-    /**
-     * Should the RadioButton be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper text for the RadioButton, shown below the label.
-     */
-    helper?: string;
-    /**
-     * Label for the RadioButton.
-     */
-    label: string;
-    /**
-     * Current value (controlled).
-     */
-    value: string;
-}
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
-};
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel"> {
-    /**
-     * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
-     */
-    children?: React.ReactNode;
-    /**
-     * Value of the RadioButton that should be checked by default.
-     */
-    checkedValue: string;
-    /**
-     * Should all controls be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper message for the RadioGroup.
-     */
-    helper?: string;
-    /**
-     * ID for the RadioGroup.
-     */
-    id: string;
-    /**
-     * Label for the RadioGroup.
-     */
-    label: string;
-    /**
-     * Label size for the RadioGroup
-     */
-    labelSize?: "s" | "l";
-    /**
-     * Name for the RadioGroup.
-     */
-    name: string;
-    /**
-     * Function to call when the RadioGroup loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the RadioGroup's controlled `checkedValue` prop,
-     * for example `e => setCheckedValue(e.target.value)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the RadioGroup.
-     */
-    size?: "s" | "l";
-}
-export { RadioGroup };
+export { RadioGroup } from "../_shared/esm/RadioGroup-1fd0f389";

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,67 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
-import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-2cb96de7.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-import '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
-
-var RadioContext = createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = useContext(RadioContext);
-    return context;
-};
-
-/**
- * Radio Button component.
- */
-var RadioButton = forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __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 = useContext(Context).surface;
-    var idLabel = "".concat(id, "-label");
-    var checked = checkedValue === value ? true : false;
-    return (React__default.createElement("div", __assign({ className: 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(props)),
-        React__default.createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
-            React__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.createElement("span", null,
-                label,
-                helper && React__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 = __rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
-    useEffect(function () {
-        React__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.createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            labelSize: labelSize,
-            name: name,
-            size: size
-        } },
-        React__default.createElement("div", __assign({ className: "arc-RadioGroup" }, filterDataAttrs(props)),
-            React__default.createElement(FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
-};
-RadioButton.displayName = "RadioGroup.RadioButton";
-RadioGroup.RadioButton = RadioButton;
-
-export { RadioGroup };
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-1fd0f389.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import 'react';
+import '../_shared/esm/FormControl-5e3fdca3.js';
+import '../_shared/esm/index-2ae58626.js';
+import '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/Rule/Rule.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,10 +16,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Rule = function (props) {
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("hr", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("hr", filterDataAttrs.__assign({ className: index.classNames({
             "arc-Rule": true,
             "arc-Rule--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props))));
+        }) }, filterDataAttrs.filterDataAttrs(props))));
 };
 
 exports.Rule = Rule;

package/dist/Rule/Rule.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 
 /**
  * Use `Rule` to display a horizontal rule.

package/dist/ScrollToTop/ScrollToTop.cjs.d.ts

@@ -0,0 +1,25 @@
+import { FC } from "react";
+/**
+ * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
+ */
+declare const ScrollToTop: FC<ScrollToTopProps>;
+interface ScrollToTopProps {
+    /**
+     * If true, the button will stick to the bottom right corner of the screen.
+     */
+    isFixed?: boolean;
+    /**
+     * Sets when the scroll button should appear. `always` will show the button all the time.
+     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
+     */
+    appear?: "always" | "afterScroll";
+    /**
+     * Z-index for the button. Used to fine tune the overlapping of other page elements.
+     */
+    zIndex?: number;
+    /**
+     * Button fill.
+     */
+    fill?: "solid" | "outlined";
+}
+export { ScrollToTop };