@arc-ui/components 12.0.0-beta.18 → 12.0.0-beta.20

package/lib/Switch/Switch.cjs

@@ -6,15 +6,15 @@ var React = require('react');
 var index$1 = require('../_shared/cjs/index-CTlXMLug.cjs');
 var index = require('../_shared/cjs/index-CztwwwKE.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-var FormControl = require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
+var FormControl = require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
-var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
 require('react-dom');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
-require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
+require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
 
 function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
     const ref = React.useRef({
@@ -197,8 +197,9 @@ const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07b
 
 /** Use `Switch` to allow users to immediately toggle between two states. */
 var Switch = function (_a) {
-    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "top" : _b, name = _a.name, onBlur = _a.onBlur, value = _a.value, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, id = _a.id, _d = _a.labelSize, labelSize = _d === void 0 ? "s" : _d, onStatusText = _a.onStatusText, offStatusText = _a.offStatusText, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, ariaLabel = _a.ariaLabel, props = filterAttrs.__rest(_a, ["defaultChecked", "onCheckedChange", "label", "labelPosition", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "onStatusText", "offStatusText", "hideLabel", "ariaLabel"]);
-    var _f = React.useState(defaultChecked), switchState = _f[0], setSwitchState = _f[1];
+    var _b;
+    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? "top" : _c, name = _a.name, onBlur = _a.onBlur, value = _a.value, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, errorMessage = _a.errorMessage, id = _a.id, _e = _a.size, size = _e === void 0 ? "m" : _e, onStatusText = _a.onStatusText, offStatusText = _a.offStatusText, _f = _a.hideLabel, hideLabel = _f === void 0 ? false : _f, ariaLabel = _a.ariaLabel, props = filterAttrs.__rest(_a, ["defaultChecked", "onCheckedChange", "label", "labelPosition", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "size", "onStatusText", "offStatusText", "hideLabel", "ariaLabel"]);
+    var _g = React.useState(defaultChecked), switchState = _g[0], setSwitchState = _g[1];
     var surface = React.useContext(Surface.Context).surface;
     if (!onStatusText) {
         onStatusText = offStatusText;
@@ -210,11 +211,11 @@ var Switch = function (_a) {
         setSwitchState(function (previous) { return !previous; });
         onCheckedChange && onCheckedChange(checked);
     };
-    return (React.createElement(FormControl.FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, labelPosition: labelPosition, requirementStatus: "not-applicable" },
-        !hideLabel && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+    return (React.createElement(FormControl.FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: size, labelPosition: labelPosition, requirementStatus: "not-applicable" },
+        !hideLabel && React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
         React.createElement("div", { className: "arc-Switch-container" },
             React.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, filterAttrs.__assign({ id: id, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedHandler, checked: switchState, disabled: isDisabled, className: index$1.classNames("arc-Switch", {
-                    "arc-Switch--large": labelSize === "l",
+                    "arc-Switch--medium": size === "m",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark",
                 }), "aria-label": ariaLabel }, filterAttrs.filterAttrs(props)),
@@ -222,12 +223,14 @@ var Switch = function (_a) {
                     React.createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React.createElement("div", { className: "arc-Switch-thumbIcon" },
                             React.createElement("div", { className: "arc-Switch-icon", "data-testid": "arc-switch-thumb-icon" },
-                                React.createElement(ThemeIcon.ThemeIcon, { icon: "switchToggle", color: "brand", size: labelSize === "l" ? 24 : 16 }))))),
-                React.createElement("div", { className: index$1.classNames("arc-Switch-statusText", {
-                        "arc-Switch-statusText--isDisabled": isDisabled,
-                        "arc-Switch-statusText--onDarkSurface": surface === "dark",
-                    }) },
-                    React.createElement(Text.Text, { size: labelSize, "aria-hidden": true }, switchState ? onStatusText : offStatusText))))));
+                                React.createElement(ThemeIcon.ThemeIcon, { icon: "switchToggle", color: "brand", size: size === "m" ? 32 : 24 }))))),
+                React.createElement("div", { className: index$1.classNames("arc-Switch-statusText", (_b = {
+                            "arc-Switch-statusText--isDisabled": isDisabled,
+                            "arc-Switch-statusText--onDarkSurface": surface === "dark"
+                        },
+                        _b["arc-Switch-statusText--".concat(size)] = size === "m",
+                        _b)) },
+                    React.createElement("p", { "aria-hidden": true }, switchState ? onStatusText : offStatusText))))));
 };
 
 exports.Switch = Switch;

package/lib/Switch/Switch.mjs

@@ -4,15 +4,15 @@ import React__default, { useRef, useMemo, useState, forwardRef, createElement, u
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 import { c as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, f as $71cd76cc60e0454e$export$6f32135080cb4c3, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-DXHprNQ6.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import { F as FormControl } from '../_shared/esm/FormControl-B9fp1ilz.mjs';
+import { F as FormControl } from '../_shared/esm/FormControl-CWyrVi1u.mjs';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
-import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
 import 'react-dom';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
-import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
+import '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
 
 function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
     const ref = useRef({
@@ -195,8 +195,9 @@ const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07b
 
 /** Use `Switch` to allow users to immediately toggle between two states. */
 var Switch = function (_a) {
-    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "top" : _b, name = _a.name, onBlur = _a.onBlur, value = _a.value, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, id = _a.id, _d = _a.labelSize, labelSize = _d === void 0 ? "s" : _d, onStatusText = _a.onStatusText, offStatusText = _a.offStatusText, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, ariaLabel = _a.ariaLabel, props = __rest(_a, ["defaultChecked", "onCheckedChange", "label", "labelPosition", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "onStatusText", "offStatusText", "hideLabel", "ariaLabel"]);
-    var _f = useState(defaultChecked), switchState = _f[0], setSwitchState = _f[1];
+    var _b;
+    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? "top" : _c, name = _a.name, onBlur = _a.onBlur, value = _a.value, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, errorMessage = _a.errorMessage, id = _a.id, _e = _a.size, size = _e === void 0 ? "m" : _e, onStatusText = _a.onStatusText, offStatusText = _a.offStatusText, _f = _a.hideLabel, hideLabel = _f === void 0 ? false : _f, ariaLabel = _a.ariaLabel, props = __rest(_a, ["defaultChecked", "onCheckedChange", "label", "labelPosition", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "size", "onStatusText", "offStatusText", "hideLabel", "ariaLabel"]);
+    var _g = useState(defaultChecked), switchState = _g[0], setSwitchState = _g[1];
     var surface = useContext(Context).surface;
     if (!onStatusText) {
         onStatusText = offStatusText;
@@ -208,11 +209,11 @@ var Switch = function (_a) {
         setSwitchState(function (previous) { return !previous; });
         onCheckedChange && onCheckedChange(checked);
     };
-    return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, labelPosition: labelPosition, requirementStatus: "not-applicable" },
-        !hideLabel && React__default.createElement(VerticalSpace, { size: "8" }),
+    return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: size, labelPosition: labelPosition, requirementStatus: "not-applicable" },
+        !hideLabel && React__default.createElement(VerticalSpace, { size: "12" }),
         React__default.createElement("div", { className: "arc-Switch-container" },
             React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, __assign({ id: id, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedHandler, checked: switchState, disabled: isDisabled, className: classNames("arc-Switch", {
-                    "arc-Switch--large": labelSize === "l",
+                    "arc-Switch--medium": size === "m",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark",
                 }), "aria-label": ariaLabel }, filterAttrs(props)),
@@ -220,12 +221,14 @@ var Switch = function (_a) {
                     React__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React__default.createElement("div", { className: "arc-Switch-thumbIcon" },
                             React__default.createElement("div", { className: "arc-Switch-icon", "data-testid": "arc-switch-thumb-icon" },
-                                React__default.createElement(ThemeIcon, { icon: "switchToggle", color: "brand", size: labelSize === "l" ? 24 : 16 }))))),
-                React__default.createElement("div", { className: classNames("arc-Switch-statusText", {
-                        "arc-Switch-statusText--isDisabled": isDisabled,
-                        "arc-Switch-statusText--onDarkSurface": surface === "dark",
-                    }) },
-                    React__default.createElement(Text, { size: labelSize, "aria-hidden": true }, switchState ? onStatusText : offStatusText))))));
+                                React__default.createElement(ThemeIcon, { icon: "switchToggle", color: "brand", size: size === "m" ? 32 : 24 }))))),
+                React__default.createElement("div", { className: classNames("arc-Switch-statusText", (_b = {
+                            "arc-Switch-statusText--isDisabled": isDisabled,
+                            "arc-Switch-statusText--onDarkSurface": surface === "dark"
+                        },
+                        _b["arc-Switch-statusText--".concat(size)] = size === "m",
+                        _b)) },
+                    React__default.createElement("p", { "aria-hidden": true }, switchState ? onStatusText : offStatusText))))));
 };
 
 export { Switch };

package/lib/Switch/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-Switch,.arc-v12-0-0-beta-18 .arc .arc-Switch-thumb{--arc-switch-height:var(--switch-size-s);--arc-switch-width:48px;--arc-switch-thumb-size:24px}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-18 .arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc-v12-0-0-beta-18 .arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc-v12-0-0-beta-18 .arc .arc-Switch{align-items:center;background:transparent;border:none;display:flex;gap:12px;padding:0}.arc-v12-0-0-beta-18 .arc .arc-Switch:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-subtle);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0;position:relative}.arc-v12-0-0-beta-18 .arc .arc-Switch-thumb{background:transparent;display:block;height:var(--arc-switch-thumb-size);right:0.5px;width:var(--arc-switch-thumb-size);z-index:100}.arc-v12-0-0-beta-18 .arc .arc-Switch--large,.arc-v12-0-0-beta-18 .arc .arc-Switch--large .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc-v12-0-0-beta-18 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc-v12-0-0-beta-18 .arc .arc-Switch-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc-v12-0-0-beta-18 .arc .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:var(--switch-border-radius-s);bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-subtle)}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-strong)}.arc-v12-0-0-beta-18 .arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-strong);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-subtle);border-color:var(--switch-colors-dark-border-strong)}.arc-v12-0-0-beta-18 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc-v12-0-0-beta-18 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-default)}.arc-v12-0-0-beta-18 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-default)}.arc-v12-0-0-beta-18 .arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc-v12-0-0-beta-18 .arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc-v12-0-0-beta-18 .arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-fg-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface.arc-Switch[data-state="checked"].arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-dark-fg-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-light-text-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch-statusText--onDarkSurface .arc-Text{color:var(--switch-colors-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-dark-text-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc-v12-0-0-beta-18 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v12-0-0-beta-18 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}
+.arc-v12-0-0-beta-20 .arc .arc-Switch,.arc-v12-0-0-beta-20 .arc .arc-Switch-thumb{--arc-switch-height:var(--switch-size-s);--arc-switch-width:48px;--arc-switch-thumb-size:24px}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-20 .arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc-v12-0-0-beta-20 .arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc-v12-0-0-beta-20 .arc .arc-Switch{align-items:center;background:transparent;border:none;display:flex;gap:var(--switch-gap-m);padding:0}.arc-v12-0-0-beta-20 .arc .arc-Switch:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-disabled);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-disabled);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-secondary);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0;position:relative}.arc-v12-0-0-beta-20 .arc .arc-Switch-thumb{background:transparent;display:block;height:var(--arc-switch-thumb-size);right:0.5px;width:var(--arc-switch-thumb-size);z-index:100}.arc-v12-0-0-beta-20 .arc .arc-Switch--medium,.arc-v12-0-0-beta-20 .arc .arc-Switch--medium .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc-v12-0-0-beta-20 .arc .arc-Switch--medium{gap:var(--switch-gap-l)}.arc-v12-0-0-beta-20 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc-v12-0-0-beta-20 .arc .arc-Switch-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc-v12-0-0-beta-20 .arc .arc-Switch-wrapper::after{border:var(--switch-border-weight) solid var(--switch-colors-light-border-default);border-radius:var(--switch-border-radius-s);bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-default)}.arc-v12-0-0-beta-20 .arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-default);border:var(--switch-border-weight) solid var(--switch-colors-light-border-default);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-default);border-color:var(--switch-colors-dark-border-default)}.arc-v12-0-0-beta-20 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc-v12-0-0-beta-20 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc-v12-0-0-beta-20 .arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc-v12-0-0-beta-20 .arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface.arc-Switch[data-state="checked"].arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText{color:var(--switch-colors-light-text-default);font:var(--switch-type-input-default-s)}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText p{margin:0}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText--isDisabled{color:var(--switch-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText--onDarkSurface{color:var(--switch-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled{color:var(--switch-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch-statusText--m{font:var(--switch-type-input-default-m)}.arc-v12-0-0-beta-20 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight) solid var(--switch-colors-light-border-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-fg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}

package/lib/TabbedBanner/TabbedBanner.cjs

@@ -4,13 +4,12 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var debounce = require('../_shared/cjs/debounce-BeIT3oyF.cjs');
-var index_es = require('../_shared/cjs/index.es-sqSQUWYg.cjs');
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-BMi77IGK.cjs');
-var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-I7jCZn8C.cjs');
+var index_es = require('../_shared/cjs/index.es-DBEGtWPg.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-CGtTUy81.cjs');
+var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-nlxMHXs-.cjs');
 var ContentSwitcherTab = require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
-var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-CAWaAMZN.cjs');
+var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-U5ZTbJTe.cjs');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/Box-COPXU1Jf.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
@@ -20,6 +19,7 @@ require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/GridRow-BW2ZGtND.cjs');
 require('../_shared/cjs/BannerImage-kdAKagG-.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
+require('../_shared/cjs/Visible-Dx__9oZG.cjs');
 require('../_shared/cjs/index-BCu-VH8y.cjs');
 require('../_shared/cjs/index-CztwwwKE.cjs');
 require('react-dom');
@@ -47,7 +47,10 @@ var TabbedBanner = function (_a) {
     React.useEffect(function () {
         handleResize();
         window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
+        return function () {
+            window.removeEventListener("resize", handleResize);
+            handleResize.cancel();
+        };
     }, [isBelowArcSizeBreakpointsM]);
     return (React.createElement("div", { className: "arc-TabbedBanner" }, !isBelowArcSizeBreakpointsM ? (React.createElement("div", null,
         React.createElement(ContentSwitcherList.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },

package/lib/TabbedBanner/TabbedBanner.mjs

@@ -2,13 +2,12 @@
 import { a as __assign } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default, { useState, useEffect } from 'react';
 import { d as debounce } from '../_shared/esm/debounce-mCD9-ufA.mjs';
-import { A as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C3WGtwrW.mjs';
-import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-zc4VmeeW.mjs';
-import { C as ContentSwitcher, b as ContentSwitcherList, a as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-OnZoE86O.mjs';
+import { A as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DCvYtQfu.mjs';
+import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-Up6cR-3_.mjs';
+import { C as ContentSwitcher, b as ContentSwitcherList, a as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-DKPD9GfN.mjs';
 import { C as ContentSwitcherTab } from '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
-import { C as ContentSwitcherDropdown, a as ContentSwitcherDropdownContent } from '../_shared/esm/ContentSwitcherDropdown-dktkyAjY.mjs';
+import { C as ContentSwitcherDropdown, a as ContentSwitcherDropdownContent } from '../_shared/esm/ContentSwitcherDropdown-BCkuAfwC.mjs';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/Box-BYm_GTct.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
@@ -18,6 +17,7 @@ import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/GridRow-Ddt5CtFn.mjs';
 import '../_shared/esm/BannerImage-BTsixvUH.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
+import '../_shared/esm/Visible-C-jVXUWp.mjs';
 import '../_shared/esm/index-BDWwJ5x2.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';
 import 'react-dom';
@@ -45,7 +45,10 @@ var TabbedBanner = function (_a) {
     useEffect(function () {
         handleResize();
         window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
+        return function () {
+            window.removeEventListener("resize", handleResize);
+            handleResize.cancel();
+        };
     }, [isBelowArcSizeBreakpointsM]);
     return (React__default.createElement("div", { className: "arc-TabbedBanner" }, !isBelowArcSizeBreakpointsM ? (React__default.createElement("div", null,
         React__default.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },

package/lib/TabbedBanner/styles.css

@@ -1 +1 @@
-@media not all and (min-width:768px){.arc-v12-0-0-beta-18 .arc-TemplateBanner-background--contained .arc-Grid-order--xs1 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v12-0-0-beta-18 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%;z-index:-1}.arc-v12-0-0-beta-18 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-18 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-18 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-18 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}
+@media not all and (min-width:768px){.arc-v12-0-0-beta-20 .arc-TemplateBanner-background--contained .arc-Grid-order--xs1 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%;z-index:-1}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}

package/lib/Tabs/Tabs.cjs

@@ -5,7 +5,7 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-BCu-VH8y.cjs');
 var index$1 = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 var suffixModifier = require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-CztwwwKE.cjs');

package/lib/Tabs/Tabs.mjs

@@ -3,7 +3,7 @@ import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/fil
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { a as $69cb30bb0017df05$export$be92b6f5f03c0fe9, $ as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from '../_shared/esm/index-BDWwJ5x2.mjs';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';

package/lib/Tabs/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-18 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-18 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-18 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-18 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-18 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v12-0-0-beta-18 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}
+.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-20 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-20 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}

package/lib/Tag/Tag.cjs

@@ -4,7 +4,7 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');

package/lib/Tag/Tag.mjs

@@ -2,7 +2,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default, { useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';

package/lib/Tag/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-18 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-18 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-18 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-18 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc-v12-0-0-beta-18 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-18 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-Tag--removed{display:none}
+.arc-v12-0-0-beta-20 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-20 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-20 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc-v12-0-0-beta-20 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-20 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-Tag--removed{display:none}

package/lib/TemplateBanner/TemplateBanner.cjs

@@ -1,12 +1,10 @@
 'use client';
 'use strict';
 
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-BMi77IGK.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-CGtTUy81.cjs');
 require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/index.es-sqSQUWYg.cjs');
-require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/Box-COPXU1Jf.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
@@ -16,6 +14,7 @@ require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/GridRow-BW2ZGtND.cjs');
 require('../_shared/cjs/BannerImage-kdAKagG-.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
+require('../_shared/cjs/Visible-Dx__9oZG.cjs');
 
 
 

package/lib/TemplateBanner/TemplateBanner.mjs

@@ -1,10 +1,8 @@
 'use client';
-export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-zc4VmeeW.mjs';
+export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-Up6cR-3_.mjs';
 import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/index.es-C3WGtwrW.mjs';
-import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/Box-BYm_GTct.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
@@ -14,3 +12,4 @@ import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/GridRow-Ddt5CtFn.mjs';
 import '../_shared/esm/BannerImage-BTsixvUH.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
+import '../_shared/esm/Visible-C-jVXUWp.mjs';

package/lib/TemplateBanner/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}
+.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}

package/lib/Text/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-18 .arc .arc-Text--alignCenter{text-align:center}.arc-v12-0-0-beta-18 .arc .arc-Text--alignLeft{text-align:left}.arc-v12-0-0-beta-18 .arc .arc-Text--alignRight{text-align:right}.arc-v12-0-0-beta-18 .arc .arc-Text--inline{display:inline}.arc-v12-0-0-beta-18 .arc .arc-Text--measured{max-width:32em}.arc-v12-0-0-beta-18 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v12-0-0-beta-18 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-18 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-18 .arc .arc-Text--muted{color:var(--sem-color-fg-secondary-light-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-18 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-18 .arc .arc-Text--supporting{color:var(--sem-color-fg-secondary-light-muted)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-18 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-muted)}
+.arc-v12-0-0-beta-20 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-20 .arc .arc-Text--alignCenter{text-align:center}.arc-v12-0-0-beta-20 .arc .arc-Text--alignLeft{text-align:left}.arc-v12-0-0-beta-20 .arc .arc-Text--alignRight{text-align:right}.arc-v12-0-0-beta-20 .arc .arc-Text--inline{display:inline}.arc-v12-0-0-beta-20 .arc .arc-Text--measured{max-width:32em}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--muted{color:var(--sem-color-fg-secondary-light-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--supporting{color:var(--sem-color-fg-secondary-light-muted)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-muted)}

package/lib/TextArea/TextArea.cjs

@@ -4,37 +4,38 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var FormControl = require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
+var FormControl = require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
 require('../_shared/cjs/debounce-BeIT3oyF.cjs');
 require('../_shared/cjs/BreadcrumbsLink-CDmk3Y3m.cjs');
-require('../_shared/cjs/Button-CKTa6bQL.cjs');
-require('../_shared/cjs/ButtonV2-CRNNZ_nd.cjs');
-require('../_shared/cjs/Calendar-C5C0evEy.cjs');
+require('../_shared/cjs/Button-uD9mR8w-.cjs');
+require('../_shared/cjs/ButtonV2-Bta5SVVY.cjs');
+require('../_shared/cjs/Calendar-D4ZSaHHU.cjs');
 var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/keynames-Cx13-hWr.cjs');
-require('../_shared/cjs/Checkbox-D2UQsmiB.cjs');
-require('../_shared/cjs/ComboBox-BIMxZhJp.cjs');
+require('../_shared/cjs/Checkbox-DfZMjO1Y.cjs');
+require('../_shared/cjs/ComboBox-BGUhlqx1.cjs');
 require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
-require('../_shared/cjs/DatePicker-BgU6iidG.cjs');
-require('../_shared/cjs/HeroButton-CiIygZ16.cjs');
-require('../_shared/cjs/MediaCard-kcqfmeue.cjs');
-require('../_shared/cjs/MenuSubContent-Bs2_ebS3.cjs');
+require('../_shared/cjs/DatePicker-DS6fAvxD.cjs');
+require('../_shared/cjs/TextInput-ByySubi5.cjs');
 require('../_shared/cjs/index-CqYNiqix.cjs');
-require('../_shared/cjs/RadioCardGroupInput-BmntgyWB.cjs');
-require('../_shared/cjs/RadioGroupInput-D3trTxB5.cjs');
-require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs');
-require('../_shared/cjs/TextInput-DT4hi02U.cjs');
+require('../_shared/cjs/HeroButton-CrzkTUwP.cjs');
+require('../_shared/cjs/MediaCard-BEZFbiYO.cjs');
+require('../_shared/cjs/MenuItemMultiLevelContent-vLr6hSBm.cjs');
+require('../_shared/cjs/ProgressStepperOverflow-v-TyS5Sp.cjs');
+require('../_shared/cjs/RadioCardGroupInput-CeUM3yPS.cjs');
+require('../_shared/cjs/RadioGroupInput-w2qkfsnG.cjs');
+require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-fQPk0gZU.cjs');
 require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
 require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/handle-link-click-C7BvOIYa.cjs');
-require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
-require('../_shared/cjs/index.es-sqSQUWYg.cjs');
+require('../_shared/cjs/index.es-DBEGtWPg.cjs');
 require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/Heading-BEMSkLYR.cjs');
 require('../_shared/cjs/BtIconChevronRightMid-eGxk3ae6.cjs');
@@ -53,9 +54,10 @@ require('../_shared/cjs/index-DmvtEa22.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
 require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/CardHeading-Cl0D1Khp.cjs');
-require('../_shared/cjs/CardFooter-DwE-u0Om.cjs');
+require('../_shared/cjs/CardFooter-ChphRFHe.cjs');
 require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.cjs');
 require('../_shared/cjs/index-EFXw1jWg.cjs');
+require('../_shared/cjs/ProgressStepper-BL9Y5c4X.cjs');
 require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
 require('../_shared/cjs/BtIconChevronRight2Px-CIRaur2B.cjs');
 require('../_shared/cjs/BrandLogo-D5wlIFmm.cjs');

package/lib/TextArea/TextArea.mjs

@@ -2,37 +2,38 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-B9fp1ilz.mjs';
+import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-CWyrVi1u.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
 import '../_shared/esm/debounce-mCD9-ufA.mjs';
 import '../_shared/esm/BreadcrumbsLink-BxTurGNa.mjs';
-import '../_shared/esm/Button-9L4AksQP.mjs';
-import '../_shared/esm/ButtonV2-2U4PvnpS.mjs';
-import '../_shared/esm/Calendar-L6u3D8xb.mjs';
+import '../_shared/esm/Button-BxuM3_gz.mjs';
+import '../_shared/esm/ButtonV2-DwYBAojW.mjs';
+import '../_shared/esm/Calendar-CjqPM7ta.mjs';
 import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/keynames-B5whqsjh.mjs';
-import '../_shared/esm/Checkbox-NxnK40uZ.mjs';
-import '../_shared/esm/ComboBox-DUTrEu0N.mjs';
+import '../_shared/esm/Checkbox-CwOHzlQF.mjs';
+import '../_shared/esm/ComboBox-CRlJjeev.mjs';
 import '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
-import '../_shared/esm/DatePicker-CccSfg17.mjs';
-import '../_shared/esm/HeroButton-HYskwyvn.mjs';
-import '../_shared/esm/MediaCard-CjTDOvmx.mjs';
-import '../_shared/esm/MenuSubContent-Cv9mSn58.mjs';
+import '../_shared/esm/DatePicker-3sYJ3wGn.mjs';
+import '../_shared/esm/TextInput-Dk7qNGoh.mjs';
 import '../_shared/esm/index-CL6dwOYV.mjs';
-import '../_shared/esm/RadioCardGroupInput-Cy1r7M8l.mjs';
-import '../_shared/esm/RadioGroupInput-DiRS2jwQ.mjs';
-import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs';
-import '../_shared/esm/TextInput-Vp_cBbpQ.mjs';
+import '../_shared/esm/HeroButton-jdjjV_Gf.mjs';
+import '../_shared/esm/MediaCard-DqMaNWsE.mjs';
+import '../_shared/esm/MenuItemMultiLevelContent-JTOHqpzg.mjs';
+import '../_shared/esm/ProgressStepperOverflow-B9ba8ljs.mjs';
+import '../_shared/esm/RadioCardGroupInput-D7W28geB.mjs';
+import '../_shared/esm/RadioGroupInput-zAWSV29m.mjs';
+import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-BMoBdUxK.mjs';
 import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
 import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/handle-link-click-CIgZ7pa0.mjs';
-import '../_shared/esm/Icon-MZfaoOo9.mjs';
+import '../_shared/esm/Icon-CcPOJcQm.mjs';
 import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
 import '../_shared/esm/index-Cr6KeQLU.mjs';
-import '../_shared/esm/index.es-C3WGtwrW.mjs';
+import '../_shared/esm/index.es-DCvYtQfu.mjs';
 import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/Heading-CxHWefi7.mjs';
 import '../_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs';
@@ -51,9 +52,10 @@ import '../_shared/esm/index-6HtUz28p.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
 import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/CardHeading-_setRRjq.mjs';
-import '../_shared/esm/CardFooter-CgDDDI7Z.mjs';
+import '../_shared/esm/CardFooter-fsAY4cc6.mjs';
 import '../_shared/esm/ConditionalWrapper-WoJxFYwS.mjs';
 import '../_shared/esm/index-BbAu4d3T.mjs';
+import '../_shared/esm/ProgressStepper-CLBtBNy2.mjs';
 import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
 import '../_shared/esm/BtIconChevronRight2Px-DzWb16fR.mjs';
 import '../_shared/esm/BrandLogo-_2Z_8I2Y.mjs';

package/lib/TextArea/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius-s);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;margin-top:var(--textarea-gap-m);padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-18 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-18 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-18 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v12-0-0-beta-18 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-18 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-18 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v12-0-0-beta-18 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v12-0-0-beta-18 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v12-0-0-beta-18 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}
+.arc-v12-0-0-beta-20 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-20 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-20 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-20 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-20 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}

package/lib/TextInput/TextInput.cjs

@@ -1,11 +1,11 @@
 'use client';
 'use strict';
 
-var TextInput = require('../_shared/cjs/TextInput-DT4hi02U.cjs');
+var TextInput = require('../_shared/cjs/TextInput-ByySubi5.cjs');
 require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
+require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');