@arc-ui/components 11.18.0 → 11.20.0

package/dist/Modal/Modal.cjs.js

@@ -11,10 +11,10 @@ var index = require('../_shared/cjs/index-dd1d18ea.js');
 var index$1 = require('../_shared/cjs/index-6eb396a3.js');
 var Combination = require('../_shared/cjs/Combination-9974f2e2.js');
 var index$2 = require('../_shared/cjs/index-d38f1bd0.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
-var Button = require('../_shared/cjs/Button-4fed080a.js');
+var Button = require('../_shared/cjs/Button-84533dc8.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('react-dom');

package/dist/Modal/Modal.esm.js

@@ -7,10 +7,10 @@ import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $71cd76cc60e0454e$e
 import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efa9be1a.js';
 import { $ as $f1701beae083dbae$export$602eac185826482c, a as $01b9c$RemoveScroll, h as hideOthers, b as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c, c as $d3863c46a17e8a28$export$20e40289641fbbb6, d as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/Combination-e9f7e64e.js';
 import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+import { B as Button } from '../_shared/esm/Button-3f294e64.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import 'react-dom';

package/dist/Pagination/Pagination.cjs.js

@@ -7,7 +7,7 @@ var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var BtIconChevronRightMid_esm = require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 var BtIconChevronLeftMid_esm = require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 

package/dist/Pagination/Pagination.esm.js

@@ -3,7 +3,7 @@ import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useMemo, useContext, useState } from 'react';
 import { B as BtIconChevronRightMid } from '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import { B as BtIconChevronLeftMid } from '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 

package/dist/PaginationSimple/PaginationSimple.cjs.js

@@ -7,7 +7,7 @@ var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var BtIconChevronRightMid_esm = require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 var BtIconChevronLeftMid_esm = require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -3,7 +3,7 @@ import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
 import { B as BtIconChevronRightMid } from '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import { B as BtIconChevronLeftMid } from '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -8,7 +8,7 @@ var React = require('react');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');

package/dist/ProgressBar/ProgressBar.esm.js

@@ -4,7 +4,7 @@ import React__default, { useContext } from 'react';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';

package/dist/ProgressStepper/ProgressStepper.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ProgressStepper = require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
+var ProgressStepper = require('../_shared/cjs/ProgressStepper-3af8a210.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/VerticalSpace-dc53bb70.js');

package/dist/ProgressStepper/ProgressStepper.esm.js

@@ -1,9 +1,9 @@
-export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-f51f86c3.js';
+export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-d4c5b6d9.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/VerticalSpace-43cd9138.js';

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-23c964ae.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-07bb155e.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
-require('../_shared/cjs/FormControl-b26ad353.js');
+require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,7 +1,7 @@
-export { R as RadioGroup } from '../_shared/esm/RadioGroup-37fdb06b.js';
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-362be63f.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
-import '../_shared/esm/FormControl-f0b8fe91.js';
+import '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Rule/Rule.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,14 +12,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * Use `Rule` to display a horizontal rule.
+ * Use `Rule` to display a horizontal or vertical rule.
  */
-var Rule = function (props) {
+var Rule = function (_a, props) {
+    var _b;
+    var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("hr", filterDataAttrs.__assign({ className: index.classNames({
-            "arc-Rule": true,
-            "arc-Rule--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props))));
+    return (React__default["default"].createElement("hr", filterDataAttrs.__assign({ className: index.classNames((_b = {
+                "arc-Rule": true
+            },
+            _b["arc-Rule--".concat(orientation)] = true,
+            _b["arc-Rule--onDarkSurface"] = surface === "dark",
+            _b)) }, filterDataAttrs.filterDataAttrs(props))));
 };
 
 exports.Rule = Rule;

package/dist/Rule/Rule.esm.js

@@ -1,17 +1,21 @@
 import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 
 /**
- * Use `Rule` to display a horizontal rule.
+ * Use `Rule` to display a horizontal or vertical rule.
  */
-var Rule = function (props) {
+var Rule = function (_a, props) {
+    var _b;
+    var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
     var surface = useContext(Context).surface;
-    return (React__default.createElement("hr", __assign({ className: classNames({
-            "arc-Rule": true,
-            "arc-Rule--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props))));
+    return (React__default.createElement("hr", __assign({ className: classNames((_b = {
+                "arc-Rule": true
+            },
+            _b["arc-Rule--".concat(orientation)] = true,
+            _b["arc-Rule--onDarkSurface"] = surface === "dark",
+            _b)) }, filterDataAttrs(props))));
 };
 
 export { Rule };

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -6,7 +6,7 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var debounce = require('../_shared/cjs/debounce-123468fb.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 
@@ -57,7 +57,7 @@ var ScrollToTop = function (_a) {
             "arc-ScrollToTop--visible": appear === "always" || (appear === "afterScroll" && hasScrolled)
         }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ScrollToTop-textWrapper" },
-            React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Scroll to top")),
+            React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
         React__default["default"].createElement("span", { className: "arc-ScrollToTop-iconContainer" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowAltUp, size: 44 }))));
 };

package/dist/ScrollToTop/ScrollToTop.esm.js

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useState, useEffect } from 'react';
 import { d as debounce_1 } from '../_shared/esm/debounce-6fed6b84.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 
@@ -49,7 +49,7 @@ var ScrollToTop = function (_a) {
             "arc-ScrollToTop--visible": appear === "always" || (appear === "afterScroll" && hasScrolled)
         }) }, filterDataAttrs(props)),
         React__default.createElement("div", { className: "arc-ScrollToTop-textWrapper" },
-            React__default.createElement("span", { className: "arc-ScrollToTop-text" }, "Scroll to top")),
+            React__default.createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
         React__default.createElement("span", { className: "arc-ScrollToTop-iconContainer" },
             React__default.createElement(Icon, { icon: BtIconArrowAltUp, size: 44 }))));
 };

package/dist/Select/Select.cjs.js

@@ -16,8 +16,8 @@ var index$2 = require('../_shared/cjs/index-77ab5c6a.js');
 var index$5 = require('../_shared/cjs/index-a31e64a9.js');
 var BtIconChevronDown2Px_esm = require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
-var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
+var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
 require('../_shared/cjs/index-74004a9c.js');
@@ -1167,14 +1167,16 @@ const BtIconChevronUp2Px = (props) =>
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
     var _b;
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, hideLabel = _a.hideLabel, name = _a.name, width = _a.width, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = filterDataAttrs.__rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "hideLabel", "name", "width", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, value = _a.value, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, hideLabel = _a.hideLabel, name = _a.name, width = _a.width, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = filterDataAttrs.__rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "value", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "hideLabel", "name", "width", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = React.useId();
     var arcRootElement = React.useContext(Base.ArcRootElementContext);
     var surface = React.useContext(Surface.Context).surface;
-    var _e = React.useState(defaultValue), selectedValue = _e[0], setSelectedValue = _e[1];
+    var _e = React.useState(defaultValue), uncontrolledValue = _e[0], setUncontrolledValue = _e[1];
+    var isControlled = typeof value !== "undefined";
+    var selectValue = isControlled ? value : uncontrolledValue;
     var onValueChange = function (value) {
         onChange && onChange(value);
-        setSelectedValue(value);
+        setUncontrolledValue(value);
     };
     var getSelectedValueName = function (value) {
         var _a;
@@ -1191,7 +1193,7 @@ var Select = function (_a) {
         }
     };
     return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
-        React__default["default"].createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
+        React__default["default"].createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
             React__default["default"].createElement("div", { className: "arc-Select-wrapper" },
                 React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, filterDataAttrs.__assign({ id: id, name: name, onBlur: onBlur, "aria-label": ariaLabel, style: { width: width }, className: index$6.classNames("arc-Select-trigger", (_b = {
                             "arc-Select-trigger--constrained": !isFluid,
@@ -1200,7 +1202,7 @@ var Select = function (_a) {
                         },
                         _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
                         _b)) }, filterDataAttrs.filterDataAttrs(props)),
-                    React__default["default"].createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { className: "arc-Select-triggerText", placeholder: placeholder, "aria-label": getSelectedValueName(selectedValue) }),
+                    React__default["default"].createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { className: "arc-Select-triggerText", placeholder: placeholder, "aria-label": getSelectedValueName(uncontrolledValue) }),
                     React__default["default"].createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
                         React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronDown2Px_esm.BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
                 React__default["default"].createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },

package/dist/Select/Select.esm.js

@@ -12,8 +12,8 @@ import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$ex
 import { $ as $ea1ef594cf570d83$export$439d29a4e110a164 } from '../_shared/esm/index-25a5b393.js';
 import { B as BtIconChevronDown2Px } from '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
-import { F as FormControl } from '../_shared/esm/FormControl-f0b8fe91.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
+import { F as FormControl } from '../_shared/esm/FormControl-cc99cde0.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
 import '../_shared/esm/index-2cfab9f2.js';
@@ -1159,14 +1159,16 @@ const BtIconChevronUp2Px = (props) =>
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
     var _b;
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, hideLabel = _a.hideLabel, name = _a.name, width = _a.width, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "hideLabel", "name", "width", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, value = _a.value, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, hideLabel = _a.hideLabel, name = _a.name, width = _a.width, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "value", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "hideLabel", "name", "width", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = useId();
     var arcRootElement = useContext(ArcRootElementContext);
     var surface = useContext(Context).surface;
-    var _e = useState(defaultValue), selectedValue = _e[0], setSelectedValue = _e[1];
+    var _e = useState(defaultValue), uncontrolledValue = _e[0], setUncontrolledValue = _e[1];
+    var isControlled = typeof value !== "undefined";
+    var selectValue = isControlled ? value : uncontrolledValue;
     var onValueChange = function (value) {
         onChange && onChange(value);
-        setSelectedValue(value);
+        setUncontrolledValue(value);
     };
     var getSelectedValueName = function (value) {
         var _a;
@@ -1183,7 +1185,7 @@ var Select = function (_a) {
         }
     };
     return (React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
-        React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
+        React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
             React__default.createElement("div", { className: "arc-Select-wrapper" },
                 React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, "aria-label": ariaLabel, style: { width: width }, className: classNames("arc-Select-trigger", (_b = {
                             "arc-Select-trigger--constrained": !isFluid,
@@ -1192,7 +1194,7 @@ var Select = function (_a) {
                         },
                         _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
                         _b)) }, filterDataAttrs(props)),
-                    React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { className: "arc-Select-triggerText", placeholder: placeholder, "aria-label": getSelectedValueName(selectedValue) }),
+                    React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { className: "arc-Select-triggerText", placeholder: placeholder, "aria-label": getSelectedValueName(uncontrolledValue) }),
                     React__default.createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
                         React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
                 React__default.createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-df053a52.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-ea49f8d5.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
@@ -13,10 +13,10 @@ require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Button-4fed080a.js');
+require('../_shared/cjs/Button-84533dc8.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 
 

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,4 +1,4 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-32bdcd88.js';
+export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-65c8cf71.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
@@ -9,8 +9,8 @@ import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Button-a453e8e4.js';
+import '../_shared/esm/Button-3f294e64.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/Text-14f586ac.js';

package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeaderV2 = require('../_shared/cjs/SiteHeaderV2-79930632.js');
+var SiteHeaderV2 = require('../_shared/cjs/SiteHeaderV2-301c765c.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('react');
@@ -13,9 +13,9 @@ require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Button-4fed080a.js');
+require('../_shared/cjs/Button-84533dc8.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 
 

package/dist/SiteHeaderV2/SiteHeaderV2.esm.js

@@ -1,4 +1,4 @@
-export { S as SiteHeaderV2 } from '../_shared/esm/SiteHeaderV2-9e7e7d3b.js';
+export { S as SiteHeaderV2 } from '../_shared/esm/SiteHeaderV2-0096e25b.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/use-media-query-4c807227.js';
 import 'react';
@@ -9,7 +9,7 @@ import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Button-a453e8e4.js';
+import '../_shared/esm/Button-3f294e64.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/Text-14f586ac.js';

package/dist/SkipLink/SkipLink.cjs.js

@@ -0,0 +1,23 @@
+'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);
+
+var SkipLinkItem = function (_a, props) {
+    var href = _a.href, id = _a.id, label = _a.label;
+    return (React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-SkipLinkItem", href: href, id: id }, filterDataAttrs.filterDataAttrs(props)), label));
+};
+
+var SkipLink = function (_a, props) {
+    var children = _a.children;
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-SkipLink" }, filterDataAttrs.filterDataAttrs(props)), children));
+};
+SkipLink.Item = SkipLinkItem;
+
+exports.SkipLink = SkipLink;

package/dist/SkipLink/SkipLink.esm.js

@@ -0,0 +1,15 @@
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default from 'react';
+
+var SkipLinkItem = function (_a, props) {
+    var href = _a.href, id = _a.id, label = _a.label;
+    return (React__default.createElement("a", __assign({ className: "arc-SkipLinkItem", href: href, id: id }, filterDataAttrs(props)), label));
+};
+
+var SkipLink = function (_a, props) {
+    var children = _a.children;
+    return (React__default.createElement("div", __assign({ className: "arc-SkipLink" }, filterDataAttrs(props)), children));
+};
+SkipLink.Item = SkipLinkItem;
+
+export { SkipLink };

package/dist/SkipLink/package.json

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

package/dist/Switch/Switch.cjs.js

@@ -7,10 +7,10 @@ var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var _extends = require('../_shared/cjs/extends-8c5e4b48.js');
 require('react-dom');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
+var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');

package/dist/Switch/Switch.esm.js

@@ -3,10 +3,10 @@ import React__default, { useCallback, createContext, useMemo, createElement, use
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
 import 'react-dom';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { F as FormControl } from '../_shared/esm/FormControl-f0b8fe91.js';
+import { F as FormControl } from '../_shared/esm/FormControl-cc99cde0.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/Tabs/Tabs.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tabs = require('../_shared/cjs/Tabs-34db6bc1.js');
+var Tabs = require('../_shared/cjs/Tabs-24e6f45b.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
@@ -12,7 +12,7 @@ require('../_shared/cjs/index-9f99d686.js');
 require('../_shared/cjs/index-6eb396a3.js');
 require('../_shared/cjs/index-dcfdd5da.js');
 require('../_shared/cjs/index-d38f1bd0.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/Tabs/Tabs.esm.js

@@ -1,4 +1,4 @@
-export { T as Tabs } from '../_shared/esm/Tabs-df9965dd.js';
+export { T as Tabs } from '../_shared/esm/Tabs-a85af483.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
@@ -8,7 +8,7 @@ import '../_shared/esm/index-044da8d0.js';
 import '../_shared/esm/index-efa9be1a.js';
 import '../_shared/esm/index-a624de47.js';
 import '../_shared/esm/index-ca72c9d5.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Tag/Tag.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tag = require('../_shared/cjs/Tag-42ddca45.js');
+var Tag = require('../_shared/cjs/Tag-8723b324.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/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 

package/dist/Tag/Tag.esm.js

@@ -1,7 +1,7 @@
-export { T as Tag } from '../_shared/esm/Tag-92c088a9.js';
+export { T as Tag } from '../_shared/esm/Tag-664b85c8.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/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';