@arc-ui/components 11.2.0 → 11.3.0

package/dist/_shared/esm/{BtIconTickAlt2Px-2c4ec3be.js → index.module-599b86dd.js}

@@ -1,4 +1,4 @@
-import React__default, { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useEffect, useRef, useLayoutEffect, useState } from 'react';
+import { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useEffect, useRef, useLayoutEffect, useState } from 'react';
 import { flushSync } from 'react-dom';
 
 function _extends() {
@@ -385,24 +385,4 @@ function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
     ]);
 }
 
-const React = React__default;
-const BtIconTickAlt2Px = 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:
-        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
-
-export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, BtIconTickAlt2Px_2 as B, _extends as _, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as b, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as c, $8927f6f2acc4f386$export$250ffa63cdc0d034 as d, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as e, $8927f6f2acc4f386$export$6d1a0317bde7de7f as f, $9f79659886946c16$export$e5c5a5f917a5871c as g, $71cd76cc60e0454e$export$6f32135080cb4c3 as h, $010c2913dbd2fe3d$export$5cae361ad82dce8b as i };
+export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, _extends as _, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as b, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as c, $8927f6f2acc4f386$export$250ffa63cdc0d034 as d, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as e, $8927f6f2acc4f386$export$6d1a0317bde7de7f as f, $9f79659886946c16$export$e5c5a5f917a5871c as g, $71cd76cc60e0454e$export$6f32135080cb4c3 as h, $010c2913dbd2fe3d$export$5cae361ad82dce8b as i };

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import * as React$a from 'react';
+import * as React$9 from 'react';
 import React__default, { createContext, useContext, useRef, useState, useEffect, forwardRef, useMemo, createElement, useCallback, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useId } from 'react';
 
 /*! *****************************************************************************
@@ -853,9 +853,9 @@ function debounce(func, wait, options) {
 
 var debounce_1 = debounce;
 
-const React$9 = React__default;
+const React$8 = React__default;
 const BtIconChevronLeft2Px = props =>
-  /*#__PURE__*/ React$9.createElement(
+  /*#__PURE__*/ React$8.createElement(
     "svg",
     Object.assign(
       {
@@ -864,8 +864,8 @@ const BtIconChevronLeft2Px = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$9.createElement("defs", null),
-    /*#__PURE__*/ React$9.createElement("path", {
+    /*#__PURE__*/ React$8.createElement("defs", null),
+    /*#__PURE__*/ React$8.createElement("path", {
       d:
         "M22.5,29.99854a.99676.99676,0,0,1-.707-.293L8.08594,15.99268,21.793,2.294A1.00023,1.00023,0,0,1,23.207,3.709l-12.293,12.28467L23.207,28.2915a1,1,0,0,1-.707,1.707Z",
       fill: "currentColor"
@@ -873,9 +873,9 @@ const BtIconChevronLeft2Px = props =>
   );
 var BtIconChevronLeft2Px_2 = BtIconChevronLeft2Px;
 
-const React$8 = React__default;
+const React$7 = React__default;
 const BtIconChevronRight2Px = props =>
-  /*#__PURE__*/ React$8.createElement(
+  /*#__PURE__*/ React$7.createElement(
     "svg",
     Object.assign(
       {
@@ -884,8 +884,8 @@ const BtIconChevronRight2Px = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$8.createElement("defs", null),
-    /*#__PURE__*/ React$8.createElement("path", {
+    /*#__PURE__*/ React$7.createElement("defs", null),
+    /*#__PURE__*/ React$7.createElement("path", {
       d:
         "M9.5,29.99854A1.00025,1.00025,0,0,1,8.793,28.291l12.293-12.28467L8.793,3.7085A.99989.99989,0,0,1,10.207,2.29443l13.707,13.71289L10.207,29.70605A.99827.99827,0,0,1,9.5,29.99854Z",
       fill: "currentColor"
@@ -893,9 +893,9 @@ const BtIconChevronRight2Px = props =>
   );
 var BtIconChevronRight2Px_2 = BtIconChevronRight2Px;
 
-const React$7 = React__default;
+const React$6 = React__default;
 const ArcIconArc = props =>
-  /*#__PURE__*/ React$7.createElement(
+  /*#__PURE__*/ React$6.createElement(
     "svg",
     Object.assign(
       {
@@ -904,7 +904,7 @@ const ArcIconArc = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$7.createElement("path", {
+    /*#__PURE__*/ React$6.createElement("path", {
       fill: "none",
       d: "M3.472 11.69a6.5 6.5 0 012.321-6.839A6.5 6.5 0 0113 4.38",
       stroke: "currentColor"
@@ -1097,9 +1097,9 @@ var BrandLogo = function (_a) {
         } }, filterDataAttrs(props)), label ? React__default.createElement("span", { className: "arc-BrandLogo-text" }, label) : null));
 };
 
-const React$6 = React__default;
+const React$5 = React__default;
 const BtIconChevronLeftMid = props =>
-  /*#__PURE__*/ React$6.createElement(
+  /*#__PURE__*/ React$5.createElement(
     "svg",
     Object.assign(
       {
@@ -1109,7 +1109,7 @@ const BtIconChevronLeftMid = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$6.createElement("path", {
+    /*#__PURE__*/ React$5.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d:
@@ -1119,9 +1119,9 @@ const BtIconChevronLeftMid = props =>
   );
 var BtIconChevronLeftMid_2 = BtIconChevronLeftMid;
 
-const React$5 = React__default;
+const React$4 = React__default;
 const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React$5.createElement(
+  /*#__PURE__*/ React$4.createElement(
     "svg",
     Object.assign(
       {
@@ -1131,7 +1131,7 @@ const BtIconChevronRightMid = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$5.createElement("path", {
+    /*#__PURE__*/ React$4.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d:
@@ -1441,9 +1441,9 @@ var CardLink = function (_a) {
             React__default.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_2, size: 16 })))));
 };
 
-const React$4 = React__default;
-const BtIconTickVariant = props =>
-  /*#__PURE__*/ React$4.createElement(
+const React$3 = React__default;
+const BtIconTickAlt2Px = props =>
+  /*#__PURE__*/ React$3.createElement(
     "svg",
     Object.assign(
       {
@@ -1452,18 +1452,18 @@ const BtIconTickVariant = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$4.createElement("defs", null),
-    /*#__PURE__*/ React$4.createElement("path", {
+    /*#__PURE__*/ React$3.createElement("defs", null),
+    /*#__PURE__*/ React$3.createElement("path", {
       d:
-        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
+        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
       fill: "currentColor"
     })
   );
-var BtIconTickVariant_2 = BtIconTickVariant;
+var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
 
-const React$3 = React__default;
+const React$2 = React__default;
 const BtIconAlert = props =>
-  /*#__PURE__*/ React$3.createElement(
+  /*#__PURE__*/ React$2.createElement(
     "svg",
     Object.assign(
       {
@@ -1472,17 +1472,17 @@ const BtIconAlert = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$3.createElement("defs", null),
-    /*#__PURE__*/ React$3.createElement("path", {
+    /*#__PURE__*/ React$2.createElement("defs", null),
+    /*#__PURE__*/ React$2.createElement("path", {
       d:
         "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$3.createElement("path", {
+    /*#__PURE__*/ React$2.createElement("path", {
       fill: "currentColor",
       d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z"
     }),
-    /*#__PURE__*/ React$3.createElement("path", {
+    /*#__PURE__*/ React$2.createElement("path", {
       d:
         "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
       fill: "currentColor"
@@ -1543,14 +1543,14 @@ var Provider$3 = Context$2.Provider;
  * Use `FormControl` to provide inputs with labels, helper text and error messages
  */
 var FormControl = function (_a) {
-    var children = _a.children, _b = _a.elementType, ElementType = _b === void 0 ? "div" : _b, errorMessage = _a.errorMessage, helper = _a.helper, htmlFor = _a.htmlFor, id = _a.id, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.requirementStatus, requirementStatus = _d === void 0 ? "optional" : _d, isDisabled = _a.isDisabled, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest$2(_a, ["children", "elementType", "errorMessage", "helper", "htmlFor", "id", "label", "labelSize", "requirementStatus", "isDisabled", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
+    var children = _a.children, _b = _a.elementType, ElementType = _b === void 0 ? "div" : _b, errorMessage = _a.errorMessage, helper = _a.helper, htmlFor = _a.htmlFor, id = _a.id, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.requirementStatus, requirementStatus = _d === void 0 ? "optional" : _d, _e = _a.helperUnderLabel, helperUnderLabel = _e === void 0 ? false : _e, isDisabled = _a.isDisabled, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest$2(_a, ["children", "elementType", "errorMessage", "helper", "htmlFor", "id", "label", "labelSize", "requirementStatus", "helperUnderLabel", "isDisabled", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
     var surface = useContext(Context$3).surface;
-    var _e = useAriaDescribedby({
+    var _f = useAriaDescribedby({
         disclosureText: disclosureText,
         errorMessage: errorMessage,
         helper: helper,
         id: htmlFor || id // `htmlFor` is preference to keep this deterministic with TextInput
-    }), ariaDescribedby = _e.ariaDescribedby, idError = _e.idError, idHelper = _e.idHelper, idDisclosure = _e.idDisclosure;
+    }), ariaDescribedby = _f.ariaDescribedby, idError = _f.idError, idHelper = _f.idHelper, idDisclosure = _f.idDisclosure;
     var LabelType = ElementType === "div" ? "label" : "legend";
     var elementProps = {};
     var labelProps = {};
@@ -1576,11 +1576,12 @@ var FormControl = function (_a) {
             React__default.createElement(LabelType, __assign$2({ className: "arc-FormControl-label" }, labelProps),
                 label,
                 requirementStatus === "optional" && (React__default.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
+            helperUnderLabel && (React__default.createElement(React__default.Fragment, null, helper && (React__default.createElement("div", { className: "arc-FormControl-helper arc-FormControl-helper--underLabel", id: idHelper }, helper)))),
             children,
-            errorMessage ? (React__default.createElement("div", { className: "arc-FormControl-error", id: idError },
+            !helperUnderLabel && (React__default.createElement(React__default.Fragment, null, errorMessage ? (React__default.createElement("div", { className: "arc-FormControl-error", id: idError },
                 React__default.createElement("span", { className: "arc-FormControl-error--icon" },
                     React__default.createElement(BtIconAlert_2, null)),
-                errorMessage)) : disclosureTitle ? (React__default.createElement(FormControlDisclosure, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText)) : (helper && (React__default.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))));
+                errorMessage)) : disclosureTitle ? (React__default.createElement(FormControlDisclosure, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText)) : (helper && (React__default.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))))));
 };
 
 /**
@@ -1615,7 +1616,7 @@ var Checkbox = forwardRef(function (_a, ref) {
         React__default.createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
             React__default.createElement("input", __assign$2({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
             React__default.createElement("span", { className: "arc-Checkbox-box" },
-                React__default.createElement(BtIconTickVariant_2, null)),
+                React__default.createElement(BtIconTickAlt2Px_2, null)),
             React__default.createElement("span", null,
                 label,
                 !isRequired && requirementStatus !== "optional" ? (React__default.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
@@ -1719,9 +1720,9 @@ var Curve = function (_a) {
             _b)) }, filterDataAttrs(props))));
 };
 
-const React$2 = React__default;
+const React$1 = React__default;
 const BtIconChevronDown2Px = props =>
-  /*#__PURE__*/ React$2.createElement(
+  /*#__PURE__*/ React$1.createElement(
     "svg",
     Object.assign(
       {
@@ -1730,8 +1731,8 @@ const BtIconChevronDown2Px = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.createElement("path", {
       d:
         "M15.99316,23.91406,2.294,10.207A.99989.99989,0,1,1,3.708,8.793l12.28515,12.293L28.292,8.793A.99989.99989,0,1,1,29.70605,10.207Z",
       fill: "currentColor"
@@ -1931,7 +1932,7 @@ var RadioGroup = function (_a) {
             size: size
         } },
         React__default.createElement("div", __assign$2({ className: "arc-RadioGroup" }, filterDataAttrs(props)),
-            React__default.createElement(FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable" }, children))));
+            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;
@@ -33755,11 +33756,11 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
  * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
  */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : ()=>{};
 
-const $1746a345f3d73bb7$var$useReactId = React$a['useId'.toString()] || (()=>undefined
+const $1746a345f3d73bb7$var$useReactId = React$9['useId'.toString()] || (()=>undefined
 );
 let $1746a345f3d73bb7$var$count = 0;
 function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
-    const [id, setId] = React$a.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
+    const [id, setId] = React$9.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
     $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
         );
@@ -34244,7 +34245,7 @@ var SideCar$1 = function (_a) {
     if (!Target) {
         throw new Error('Sidecar medium not found');
     }
-    return React$a.createElement(Target, __assign({}, rest));
+    return React$9.createElement(Target, __assign({}, rest));
 };
 SideCar$1.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -34260,9 +34261,9 @@ var nothing = function () {
 /**
  * Removes scrollbar from the page and contain the scroll within the Lock
  */
-var RemoveScroll = React$a.forwardRef(function (props, parentRef) {
-    var ref = React$a.useRef(null);
-    var _a = React$a.useState({
+var RemoveScroll = React$9.forwardRef(function (props, parentRef) {
+    var ref = React$9.useRef(null);
+    var _a = React$9.useState({
         onScrollCapture: nothing,
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
@@ -34271,9 +34272,9 @@ var RemoveScroll = React$a.forwardRef(function (props, parentRef) {
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
     var containerProps = __assign$1(__assign$1({}, rest), callbacks);
-    return (React$a.createElement(React$a.Fragment, null,
-        enabled && (React$a.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
-        forwardProps ? (React$a.cloneElement(React$a.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React$a.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
+    return (React$9.createElement(React$9.Fragment, null,
+        enabled && (React$9.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
+        forwardProps ? (React$9.cloneElement(React$9.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React$9.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
     enabled: true,
@@ -34352,7 +34353,7 @@ var stylesheetSingleton = function () {
 var styleHookSingleton = function () {
     var sheet = stylesheetSingleton();
     return function (styles, isDynamic) {
-        React$a.useEffect(function () {
+        React$9.useEffect(function () {
             sheet.add(styles);
             return function () {
                 sheet.remove();
@@ -34433,8 +34434,8 @@ var RemoveScrollBar = function (props) {
      however it will be used only by the "first" invocation
      due to singleton nature of <Style
      */
-    var gap = React$a.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
-    return React$a.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
+    var gap = React$9.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
+    return React$9.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
 };
 
 var passiveSupported = false;
@@ -34566,16 +34567,16 @@ var generateStyle = function (id) { return "\n  .block-interactivity-".concat(id
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-    var shouldPreventQueue = React$a.useRef([]);
-    var touchStartRef = React$a.useRef([0, 0]);
-    var activeAxis = React$a.useRef();
-    var id = React$a.useState(idCounter++)[0];
-    var Style = React$a.useState(function () { return styleSingleton(); })[0];
-    var lastProps = React$a.useRef(props);
-    React$a.useEffect(function () {
+    var shouldPreventQueue = React$9.useRef([]);
+    var touchStartRef = React$9.useRef([0, 0]);
+    var activeAxis = React$9.useRef();
+    var id = React$9.useState(idCounter++)[0];
+    var Style = React$9.useState(function () { return styleSingleton(); })[0];
+    var lastProps = React$9.useRef(props);
+    React$9.useEffect(function () {
         lastProps.current = props;
     }, [props]);
-    React$a.useEffect(function () {
+    React$9.useEffect(function () {
         if (props.inert) {
             document.body.classList.add("block-interactivity-".concat(id));
             var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -34587,7 +34588,7 @@ function RemoveScrollSideCar(props) {
         }
         return;
     }, [props.inert, props.lockRef.current, props.shards]);
-    var shouldCancelEvent = React$a.useCallback(function (event, parent) {
+    var shouldCancelEvent = React$9.useCallback(function (event, parent) {
         if ('touches' in event && event.touches.length === 2) {
             return !lastProps.current.allowPinchZoom;
         }
@@ -34626,7 +34627,7 @@ function RemoveScrollSideCar(props) {
         var cancelingAxis = activeAxis.current || currentAxis;
         return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);
     }, []);
-    var shouldPrevent = React$a.useCallback(function (_event) {
+    var shouldPrevent = React$9.useCallback(function (_event) {
         var event = _event;
         if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
             // not the last active
@@ -34655,24 +34656,24 @@ function RemoveScrollSideCar(props) {
             }
         }
     }, []);
-    var shouldCancel = React$a.useCallback(function (name, delta, target, should) {
+    var shouldCancel = React$9.useCallback(function (name, delta, target, should) {
         var event = { name: name, delta: delta, target: target, should: should };
         shouldPreventQueue.current.push(event);
         setTimeout(function () {
             shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });
         }, 1);
     }, []);
-    var scrollTouchStart = React$a.useCallback(function (event) {
+    var scrollTouchStart = React$9.useCallback(function (event) {
         touchStartRef.current = getTouchXY(event);
         activeAxis.current = undefined;
     }, []);
-    var scrollWheel = React$a.useCallback(function (event) {
+    var scrollWheel = React$9.useCallback(function (event) {
         shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
     }, []);
-    var scrollTouchMove = React$a.useCallback(function (event) {
+    var scrollTouchMove = React$9.useCallback(function (event) {
         shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
     }, []);
-    React$a.useEffect(function () {
+    React$9.useEffect(function () {
         lockStack.push(Style);
         props.setCallbacks({
             onScrollCapture: scrollWheel,
@@ -34690,14 +34691,14 @@ function RemoveScrollSideCar(props) {
         };
     }, []);
     var removeScrollBar = props.removeScrollBar, inert = props.inert;
-    return (React$a.createElement(React$a.Fragment, null,
-        inert ? React$a.createElement(Style, { styles: generateStyle(id) }) : null,
-        removeScrollBar ? React$a.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
+    return (React$9.createElement(React$9.Fragment, null,
+        inert ? React$9.createElement(Style, { styles: generateStyle(id) }) : null,
+        removeScrollBar ? React$9.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
 }
 
 var SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 
-var ReactRemoveScroll = React$a.forwardRef(function (props, ref) { return (React$a.createElement(RemoveScroll, __assign$1({}, props, { ref: ref, sideCar: SideCar }))); });
+var ReactRemoveScroll = React$9.forwardRef(function (props, ref) { return (React$9.createElement(RemoveScroll, __assign$1({}, props, { ref: ref, sideCar: SideCar }))); });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var $01b9c$RemoveScroll = ReactRemoveScroll;
 
@@ -35708,28 +35709,8 @@ const $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b919
 const $cc7e05a45900e73f$export$2f60d3ec9ad468f2 = $cc7e05a45900e73f$export$d8117927658af6d7;
 const $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
 
-const React$1 = React__default;
-const BtIconChevronUp2Px = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M28.999,23.5a.99676.99676,0,0,1-.707-.293l-12.28515-12.293L3.708,23.207A.99989.99989,0,0,1,2.294,21.793l13.71289-13.707L29.70605,21.793a.99976.99976,0,0,1-.707,1.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronUp2Px_2 = BtIconChevronUp2Px;
-
 const React = React__default;
-const BtIconTickAlt2Px = props =>
+const BtIconChevronUp2Px = props =>
   /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
@@ -35742,11 +35723,11 @@ const BtIconTickAlt2Px = props =>
     /*#__PURE__*/ React.createElement("defs", null),
     /*#__PURE__*/ React.createElement("path", {
       d:
-        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
+        "M28.999,23.5a.99676.99676,0,0,1-.707-.293l-12.28515-12.293L3.708,23.207A.99989.99989,0,0,1,2.294,21.793l13.71289-13.707L29.70605,21.793a.99976.99976,0,0,1-.707,1.707Z",
       fill: "currentColor"
     })
   );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
+var BtIconChevronUp2Px_2 = BtIconChevronUp2Px;
 
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {