@arc-ui/components 11.0.0 → 11.2.0

package/dist/Columns/Columns.esm.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useEffect } from 'react';
+import React__default, { useEffect } from 'react';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
 
 /**
@@ -9,22 +9,22 @@ import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js'
 var Columns = function (_a) {
     var children = _a.children, _b = _a.isGutterless, isGutterless = _b === void 0 ? false : _b, props = __rest(_a, ["children", "isGutterless"]);
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== Col) {
                 throw new Error("Illegal child passed to <Columns />. Ensure to only use <Columns.Col />.");
             }
         });
     }, [children]);
-    return (React.createElement("div", __assign({ className: classNames({
+    return (React__default.createElement("div", __assign({ className: classNames({
             "arc-Columns": true,
             "arc-Columns--gutterless": isGutterless
         }) }, filterDataAttrs(props)),
-        React.createElement("div", { className: "arc-Columns-inner" }, children)));
+        React__default.createElement("div", { className: "arc-Columns-inner" }, children)));
 };
 var Col = function (_a) {
     var _b;
     var align = _a.align, children = _a.children, _c = _a.isDebugVisible, isDebugVisible = _c === void 0 ? false : _c, offset = _a.offset, offsetS = _a.offsetS, offsetM = _a.offsetM, offsetL = _a.offsetL, offsetXL = _a.offsetXL, span = _a.span, spanS = _a.spanS, spanM = _a.spanM, spanL = _a.spanL, spanXL = _a.spanXL, props = __rest(_a, ["align", "children", "isDebugVisible", "offset", "offsetS", "offsetM", "offsetL", "offsetXL", "span", "spanS", "spanM", "spanL", "spanXL"]);
-    return (React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Columns-col"] = true,
             _b[suffixModifier("arc-Columns-col--align", align || "")] = align,
             _b["arc-Columns-col--".concat(span)] = typeof span !== "undefined",

package/dist/Curve/Curve.esm.d.ts

@@ -1 +1 @@
-export { Curve } from "../_shared/esm/Curve-cfdca379";
+export { Curve } from "../_shared/esm/Curve-50697f7e";

package/dist/Curve/Curve.esm.js

@@ -1,4 +1,4 @@
-export { C as Curve } from '../_shared/esm/Curve-cfdca379.js';
+export { C as Curve } from '../_shared/esm/Curve-50697f7e.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Disclosure/Disclosure.esm.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/esm/Heading-183be76c";
+import { HeadingLevel } from "../_shared/esm/Heading-eb1e42db";
 /**
  * Use `Disclosure` to display content that is only visible when toggled into
  * an "open" state.

package/dist/Disclosure/Disclosure.esm.js

@@ -1,9 +1,9 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useContext } from 'react';
-import { H as Heading } from '../_shared/esm/Heading-183be76c.js';
-import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-4abd079b.js';
-import { C as Context } from '../_shared/esm/Surface-d515d212.js';
+import React__default, { useContext } from 'react';
+import { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
+import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import { C as Context } from '../_shared/esm/Surface-bf201530.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
 
 /**
@@ -13,16 +13,16 @@ import '../_shared/esm/suffix-modifier-f5e28822.js';
 var Disclosure = function (_a) {
     var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = __rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
     var surface = useContext(Context).surface;
-    return (React.createElement("details", __assign({ className: classNames({
+    return (React__default.createElement("details", __assign({ className: classNames({
             "arc-Disclosure": true,
             "arc-Disclosure--indentDetails": indentDetails,
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, filterDataAttrs(props)),
-        React.createElement("summary", { className: "arc-Disclosure-summary" },
-            React.createElement("span", { className: "arc-Disclosure-summary-icon" },
-                React.createElement(BtIconChevronDown2Px_2, null)),
-            React.createElement(Heading, { level: headingLevel, size: "s" }, summary)),
-        React.createElement("div", { className: "arc-Disclosure-details" }, children)));
+        React__default.createElement("summary", { className: "arc-Disclosure-summary" },
+            React__default.createElement("span", { className: "arc-Disclosure-summary-icon" },
+                React__default.createElement(BtIconChevronDown2Px_2, null)),
+            React__default.createElement(Heading, { level: headingLevel, size: "s" }, summary)),
+        React__default.createElement("div", { className: "arc-Disclosure-details" }, children)));
 };
 
 export { Disclosure };

package/dist/Elevation/Elevation.esm.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React from 'react';
+import React__default from 'react';
 
 /**
  * Use `Elevation` to elevate what matters.
@@ -8,7 +8,7 @@ import React from 'react';
 var Elevation = function (_a) {
     var _b;
     var children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, props = __rest(_a, ["children", "isFullWidth"]);
-    return (React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Elevation"] = true,
             _b["arc-Elevation--fullWidth"] = isFullWidth,
             _b)) }, filterDataAttrs(props)), children));

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-a1b7421b";
+export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-e6b7d7c5";

package/dist/FormControl/FormControl.cjs.js

@@ -2,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-a1b7421b.js');
+var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.js');
 require('../_shared/cjs/index-78b35bc1.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 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');
 
 
 

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-feedc495";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-84c9ace6";

package/dist/FormControl/FormControl.esm.js

@@ -1,5 +1,8 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-feedc495.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-84c9ace6.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/Surface-d515d212.js';
+import '../_shared/esm/Surface-bf201530.js';
+import '../_shared/esm/Text-6b958ad8.js';
+import '../_shared/esm/suffix-modifier-f5e28822.js';
+import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';

package/dist/Group/Group.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useContext, useEffect } from 'react';
-import { C as Context } from '../_shared/esm/Surface-d515d212.js';
+import React__default, { useContext, useEffect } from 'react';
+import { C as Context } from '../_shared/esm/Surface-bf201530.js';
 
 /**
  * Use `Group` to arrange flexible items in a row.
@@ -11,13 +11,13 @@ var Group = function (_a) {
     var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = __rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
     var surface = useContext(Context).surface;
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== GroupItem) {
                 throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
             }
         });
     }, [children]);
-    return (React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Group"] = true,
             _b["arc-Group--grow"] = grow,
             _b["arc-Group--growEqual"] = growEqual,
@@ -25,12 +25,12 @@ var Group = function (_a) {
             _b["arc-Group--noWrap"] = noWrap,
             _b["arc-Group--onDarkSurface"] = surface === "dark",
             _b)) }, filterDataAttrs(props)),
-        React.createElement("div", { className: "arc-Group-inner" }, children)));
+        React__default.createElement("div", { className: "arc-Group-inner" }, children)));
 };
 var GroupItem = function (_a) {
     var _b;
     var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = __rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Group-item"] = true,
             _b["arc-Group-item--grow"] = grow,
             _b["arc-Group-item--debugVisible"] = isDebugVisible,

package/dist/Heading/Heading.esm.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/esm/Heading-183be76c";
+export { Heading } from "../_shared/esm/Heading-eb1e42db";

package/dist/Heading/Heading.esm.js

@@ -1,6 +1,6 @@
-export { H as Heading } from '../_shared/esm/Heading-183be76c.js';
+export { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-d515d212.js';
+import '../_shared/esm/Surface-bf201530.js';

package/dist/Icon/Icon.esm.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/esm/Icon-76d0d8c0";
+export { Icon } from "../_shared/esm/Icon-61f7237a";

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-76d0d8c0.js';
+export { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
 import '../_shared/esm/index-229fc864.js';
 import 'react';
 import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-d515d212.js';
+import '../_shared/esm/Surface-bf201530.js';

package/dist/Image/Image.esm.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-7e4948f6";
+export { Image } from "../_shared/esm/Image-c0f3d42f";

package/dist/Image/Image.esm.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../_shared/esm/Image-7e4948f6.js';
+export { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-d515d212.js';
+import React__default, { useContext } from 'react';
+import { C as Context } from '../_shared/esm/Surface-bf201530.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.
@@ -9,7 +9,7 @@ import { C as Context } from '../_shared/esm/Surface-d515d212.js';
 var Markup = function (_a) {
     var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = __rest(_a, ["children", "isMeasured"]);
     var surface = useContext(Context).surface;
-    return (React.createElement("div", __assign({ className: classNames({
+    return (React__default.createElement("div", __assign({ className: classNames({
             "arc-Markup": true,
             "arc-Markup--measured": isMeasured,
             "arc-Markup--onDarkSurface": surface === "dark"

package/dist/Poster/Poster.esm.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FC, ReactNode } from "react";
 import { anchorPoints } from "../_shared/esm/index-9483ad5f";
-import { loadingOptions } from "../_shared/esm/Image-7e4948f6";
+import { loadingOptions } from "../_shared/esm/Image-c0f3d42f";
 declare const PosterImage: FC<PosterImageProps>;
 interface PosterImageProps {
     /**

package/dist/Poster/Poster.esm.js

@@ -1,20 +1,20 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React from 'react';
-import { S as Surface } from '../_shared/esm/Surface-d515d212.js';
-import { I as Image } from '../_shared/esm/Image-7e4948f6.js';
+import React__default from 'react';
+import { S as Surface } from '../_shared/esm/Surface-bf201530.js';
+import { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
 
 var PosterImage = function (_a) {
     var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = __rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
-    return (React.createElement(Image, __assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
+    return (React__default.createElement(Image, __assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
 };
 PosterImage.displayName = "Poster.Image";
 
 var PosterVideo = function (_a) {
     var _b;
     var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = __rest(_a, ["anchor", "autoPlay", "children", "loop"]);
-    return (React.createElement("video", __assign({ className: classNames((_b = {
+    return (React__default.createElement("video", __assign({ className: classNames((_b = {
                 "arc-PosterVideo": true
             },
             _b[suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
@@ -27,14 +27,14 @@ PosterVideo.displayName = "Poster.Video";
  */
 var Poster = function (_a) {
     var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "darker" : _c, props = __rest(_a, ["background", "children", "overlay", "surface"]);
-    return (React.createElement(Surface, { background: surface },
-        React.createElement("div", __assign({ className: classNames({
+    return (React__default.createElement(Surface, { background: surface },
+        React__default.createElement("div", __assign({ className: classNames({
                 "arc-Poster": true,
                 "arc-Poster--overlay": overlay,
                 "arc-Poster--overlayLight": surface === "lighter"
             }) }, filterDataAttrs(props)),
-            React.createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
-            React.createElement("div", { className: "arc-Poster-body" }, children))));
+            React__default.createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
+            React__default.createElement("div", { className: "arc-Poster-body" }, children))));
 };
 PosterImage.displayName = "Poster.Image";
 Poster.Image = PosterImage;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-a1b7421b";
+import { FormControlProps } from "../_shared/cjs/FormControl-e6b7d7c5";
 /**
  * Radio Button component.
  */

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
 var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-a1b7421b.js');
+var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-feedc495";
+import { FormControlProps } from "../_shared/esm/FormControl-84c9ace6";
 /**
  * Radio Button component.
  */

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,8 +1,11 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
-import React, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-feedc495.js';
+import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
+import { F as FormControl } from '../_shared/esm/FormControl-84c9ace6.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-d515d212.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;
@@ -20,18 +23,18 @@ var RadioButton = forwardRef(function (_a, ref) {
     var surface = useContext(Context).surface;
     var idLabel = "".concat(id, "-label");
     var checked = checkedValue === value ? true : false;
-    return (React.createElement("div", __assign({ className: classNames({
+    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.createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
-            React.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.createElement("span", null,
+        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.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
+                helper && React__default.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
 });
 
 /**
@@ -40,13 +43,13 @@ var RadioButton = forwardRef(function (_a, ref) {
 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.Children.map(children, function (item) {
+        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.createElement(Provider, { value: {
+    return (React__default.createElement(Provider, { value: {
             blurEvent: onBlur,
             changeEvent: onChange,
             groupDisabled: isDisabled,
@@ -55,8 +58,8 @@ var RadioGroup = function (_a) {
             name: name,
             size: size
         } },
-        React.createElement("div", __assign({ className: "arc-RadioGroup" }, filterDataAttrs(props)),
-            React.createElement(FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable" }, children))));
+        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" }, children))));
 };
 RadioButton.displayName = "RadioGroup.RadioButton";
 RadioGroup.RadioButton = RadioButton;

package/dist/Rule/Rule.esm.js

@@ -1,14 +1,14 @@
 import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-d515d212.js';
+import React__default, { useContext } from 'react';
+import { C as Context } from '../_shared/esm/Surface-bf201530.js';
 
 /**
  * Use `Rule` to display a horizontal rule.
  */
 var Rule = function (props) {
     var surface = useContext(Context).surface;
-    return (React.createElement("hr", __assign({ className: classNames({
+    return (React__default.createElement("hr", __assign({ className: classNames({
             "arc-Rule": true,
             "arc-Rule--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs(props))));

package/dist/Section/Section.esm.d.ts

@@ -1 +1 @@
-export { Section } from "../_shared/esm/Section-f1256c87";
+export { Section } from "../_shared/esm/Section-7bc71e26";

package/dist/Section/Section.esm.js

@@ -1,4 +1,4 @@
-export { S as Section } from '../_shared/esm/Section-f1256c87.js';
+export { S as Section } from '../_shared/esm/Section-7bc71e26.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Select/Select.cjs.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import React from "react";
+import { FocusEvent } from "react";
+import { FormControlProps } from "../_shared/cjs/FormControl-e6b7d7c5";
+/** Use `Select` to choose from a dropdown list of options. */
+declare const Select: React.FC<SelectProps>;
+interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id"> {
+    name: string;
+    label: string;
+    placeholder: string;
+    options: {
+        name: string;
+        value: string;
+    }[];
+    errorMessage?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onBlur?: (e: FocusEvent) => void;
+    onOpenChange?: () => void;
+    isFluid?: boolean;
+    isDisabled?: boolean;
+    isDefaultOpen?: boolean;
+    isRequired?: boolean;
+}
+export { Select };