@arc-ui/components 12.0.0-beta.22 → 12.0.0-beta.24

package/lib/use-media-query/use-media-query.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useMediaQuery = require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
+var useMediaQuery = require('../_shared/cjs/use-media-query-DqZqShGX.cjs');
 require('react');
 
 

package/lib/use-media-query/use-media-query.mjs

@@ -1,2 +1,2 @@
-export { u as useMediaQuery } from '../_shared/esm/use-media-query-DmKuIDEM.mjs';
+export { u as useMediaQuery } from '../_shared/esm/use-media-query-BmsMeo2M.mjs';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.22",
+  "version": "12.0.0-beta.24",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./lib/index.cjs",
@@ -95,13 +95,14 @@
     "ts-jest": "^29.2.5",
     "tslib": "^2.8.1",
     "typescript": "5.6.3",
-    "@arc-ui/css-config": "^12.0.0-beta.22",
-    "@arc-ui/eslint-config": "^12.0.0-beta.22",
-    "@arc-ui/helpers": "^12.0.0-beta.22",
-    "@arc-ui/icons": "^12.0.0-beta.22",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.22",
-    "@arc-ui/typescript-config": "^12.0.0-beta.22",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.22"
+    "@arc-ui/eslint-config": "^11.24.1",
+    "@arc-ui/gradients": "^12.0.0-beta.24",
+    "@arc-ui/css-config": "^11.24.1",
+    "@arc-ui/helpers": "^12.0.0-beta.24",
+    "@arc-ui/icons": "^12.0.0-beta.24",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.24",
+    "@arc-ui/typescript-config": "^11.24.1",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.24"
   },
   "browserslist": [
     "defaults",

package/lib/_shared/cjs/Badge-CQVEPH9v.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
-
-/** Use `Badge` as a static, non-interactive way to provide short updates. */
-var Badge = function (_a) {
-    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = filterAttrs.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Badge", suffixModifier.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), filterAttrs.filterAttrs(props)), children));
-};
-
-exports.Badge = Badge;

package/lib/_shared/cjs/BannerImage-kdAKagG-.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var Image = require('./Image-C1pcrfnN.cjs');
-
-var BannerImage = function (_a) {
-    var sources = _a.sources, ariaHidden = _a.ariaHidden, props = filterAttrs.__rest(_a, ["sources", "ariaHidden"]);
-    return (React.createElement(Image.Image, filterAttrs.__assign({ "aria-hidden": ariaHidden, fadeOnLoad: true }, props), sources &&
-        sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); })));
-};
-
-exports.BannerImage = BannerImage;

package/lib/_shared/cjs/BreadcrumbsLink-CDmk3Y3m.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var handleLinkClick = require('./handle-link-click-C7BvOIYa.cjs');
-
-var BreadcrumbsLink = React.forwardRef(function (_a, ref) {
-    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children;
-    return (React.createElement(React.Fragment, null, isActive || href === undefined ? (React.createElement("span", { onClick: onClick, className: index.classNames({
-            "arc-Breadcrumbs-text": true,
-            "arc-Breadcrumbs-text--active": isActive,
-        }) }, children)) : (React.createElement("a", filterAttrs.__assign({}, (onClick && ref
-        ? { onClick: onClick }
-        : { onClick: handleLinkClick.handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }), children))));
-});
-
-exports.BreadcrumbsLink = BreadcrumbsLink;

package/lib/_shared/cjs/ButtonV2-Bta5SVVY.cjs

@@ -1,55 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var Icon = require('./Icon-CzhyKqMd.cjs');
-var Surface = require('./Surface-BFx1yNsq.cjs');
-var Spinner = require('./Spinner-bbrOwxv2.cjs');
-
-var ButtonV2 = React.forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, isSpan = _a.isSpan, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = filterAttrs.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "isSpan", "onClick", "href", "id", "rel", "target", "type", "form"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var ButtonElement = isSpan ? "span" : "button";
-    var iconSizes = {
-        s: 16,
-        m: 32,
-        l: 40,
-    };
-    var ButtonV2Classes = index.classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
-        "arc-ButtonV2--onDarkSurface": surface === "dark",
-        "arc-ButtonV2--emptyLabel": !label,
-        "arc-ButtonV2--isLoading": isLoading,
-        "arc-ButtonV2--isFullWidth": isFullWidth,
-        "arc-ButtonV2--withIcon": icon || isLoading,
-        "arc-ButtonV2--withIconBeforeText": iconPosition === "beforeText" && (icon || isLoading),
-    });
-    var commonProps = filterAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterAttrs.filterAttrs(props));
-    var getIconColor = function (buttonStyle) {
-        switch (buttonStyle) {
-            case "compact":
-            case "secondary":
-            case "tertiary":
-                return "brand-alt";
-            default:
-                return "auto";
-        }
-    };
-    var buttonContent = (React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-            "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
-        }) },
-        label && React.createElement("span", { className: "arc-ButtonV2-label" }, label),
-        isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
-            React.createElement(Spinner.Spinner, { size: size }))),
-        icon && !isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
-            React.createElement(Icon.Icon, { color: getIconColor(buttonStyle), size: iconSizes[size], icon: icon })))));
-    if (href && !isLoading) {
-        return (React.createElement("a", filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, href: href, rel: rel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, target: target }), buttonContent));
-    }
-    return (React.createElement(ButtonElement, filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, disabled: isLoading, type: type, form: form }),
-        React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-                "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
-            }) }, buttonContent)));
-});
-
-exports.ButtonV2 = ButtonV2;

package/lib/_shared/cjs/Checkbox-DfZMjO1Y.cjs

@@ -1,88 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var FormControl = require('./FormControl-BPnKQrCm.cjs');
-var Surface = require('./Surface-BFx1yNsq.cjs');
-var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
-var VisuallyHidden = require('./VisuallyHidden-B4XCvPYP.cjs');
-
-/**
- *  Use `Checkbox` to allow users to select individual options.
- */
-var Checkbox = React.forwardRef(function (_a, ref) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "m" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, _h = _a.indeterminate, indeterminate = _h === void 0 ? false : _h, props = filterAttrs.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment", "indeterminate"]);
-    var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
-    var surface = React.useContext(Surface.Context).surface;
-    var _j = FormControl.useAriaDescribedby({
-        id: id,
-        errorMessage: errorMessage,
-    }), ariaDescribedby = _j.ariaDescribedby, idError = _j.idError;
-    var internalRef = React.useRef(null);
-    var synchronizeRefs = function (el) {
-        internalRef.current = el;
-        if (typeof ref === "object" && ref !== null) {
-            ref.current = el;
-        }
-        else if (typeof ref === "function") {
-            ref(el);
-        }
-    };
-    React.useEffect(function () {
-        if (internalRef.current) {
-            internalRef.current.indeterminate = indeterminate;
-        }
-    }, [indeterminate, checked]);
-    var tickSize = {
-        s: { width: 14, height: 11 },
-        m: { width: 18, height: 14 },
-    };
-    var idLabel = "".concat(id, "-label");
-    var checkedProps = {};
-    if (typeof onChange === "function") {
-        checkedProps.checked = checked;
-    }
-    else if (checked && !onChange) {
-        checkedProps.defaultChecked = true;
-    }
-    if (!checked && onChange) {
-        indeterminate = false;
-    }
-    if (requirementStatus === "required") {
-        isRequired = true;
-    }
-    return (React.createElement("div", { className: index.classNames({
-            "arc-Checkbox": true,
-            "arc-Checkbox--disabled": isDisabled,
-            "arc-Checkbox--invalid": errorMessage,
-            "arc-Checkbox--small": size === "s",
-            "arc-Checkbox--onDarkSurface": surface === "dark",
-        }) },
-        React.createElement("label", { id: idLabel, htmlFor: id, className: index.classNames("arc-Checkbox-label", {
-                "arc-Checkbox-label--top": checkboxAlignment === "top",
-            }) },
-            React.createElement("input", filterAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked && !indeterminate
-                    ? "true"
-                    : indeterminate && checked
-                        ? "mixed"
-                        : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: synchronizeRefs, required: isRequired, type: "checkbox", value: value }, filterAttrs.filterAttrs(props))),
-            React.createElement("span", { className: "arc-Checkbox-box" }, indeterminate ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none" },
-                React.createElement("rect", { x: "4", y: "8", width: "7.51", height: "1", rx: "0.5", fill: "currentColor" }))) : (React.createElement("svg", { style: tickSize[size], viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("path", { d: "M5.99459 14L0.350576 8.23277C0.126079 8.00285 0 7.69132 0 7.36653C0 7.04173 0.126079 6.7302 0.350576 6.50028C0.578979 6.27752 0.88258 6.15324 1.19832 6.15324C1.51405 6.15324 1.81765 6.27752 2.04606 6.50028L5.99459 10.535L15.9385 0.374054C16.0491 0.25703 16.1814 0.163688 16.3277 0.0994738C16.474 0.0352599 16.6313 0.00145997 16.7905 4.626e-05C16.9497 -0.00136745 17.1076 0.0296342 17.255 0.0912406C17.4023 0.152847 17.5362 0.243825 17.6488 0.358867C17.7614 0.473908 17.8504 0.610709 17.9107 0.761287C17.971 0.911865 18.0013 1.0732 18 1.23589C17.9986 1.39858 17.9655 1.55936 17.9026 1.70884C17.8398 1.85833 17.7485 1.99352 17.6339 2.10655L5.99459 14Z", fill: "currentColor" })))),
-            React.createElement("span", filterAttrs.__assign({}, (checkboxAlignment === "top" && {
-                className: "arc-Checkbox-content--marginTop",
-            })), hideLabel ? (React.createElement(VisuallyHidden.VisuallyHidden, null,
-                label,
-                !isRequired && requirementStatus !== "optional" ? (React.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
-                helper && (React.createElement("span", { className: "arc-Checkbox-helper" }, helper)))) : (React.createElement(React.Fragment, null,
-                label,
-                !isRequired && requirementStatus !== "optional" ? (React.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
-                helper && (React.createElement("span", { className: "arc-Checkbox-helper" }, helper)))))),
-        errorMessage && (React.createElement("div", { id: idError, className: "arc-Checkbox-error" },
-            React.createElement("span", { className: "arc-Checkbox-error--icon" },
-                React.createElement(ThemeIcon.ThemeIcon, { icon: "checkboxError" })),
-            errorMessage))));
-});
-
-exports.Checkbox = Checkbox;

package/lib/_shared/cjs/ComboBox-BGUhlqx1.cjs

@@ -1,281 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index$2 = require('./index-CaO6cOF0.cjs');
-var index$1 = require('./index-CTlXMLug.cjs');
-var FormControl = require('./FormControl-BPnKQrCm.cjs');
-var index = require('./index-DXNM3D1d.cjs');
-var Box = require('./Box-COPXU1Jf.cjs');
-var Icon = require('./Icon-CzhyKqMd.cjs');
-var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
-
-/**
- * Do not edit directly
- * Generated file
- */
-
-const BtIconChevronDown2Px =
-  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M15.993 23.914 2.294 10.207a1 1 0 1 1 1.414-1.414l12.285 12.293L28.292 8.793a1 1 0 1 1 1.414 1.414Z'/%3e%3c/svg%3e";
-
-var filterOptions = function (options, value) {
-    return options.filter(function (option) {
-        return value ? option.toLowerCase().includes(value.toLowerCase()) : true;
-    });
-};
-var getSelectedOptions = function (option, selectedOptions) {
-    return selectedOptions.indexOf(option) !== -1
-        ? selectedOptions.filter(function (selectedOption) { return selectedOption !== option; })
-        : filterAttrs.__spreadArray(filterAttrs.__spreadArray([], selectedOptions, true), [option], false);
-};
-var findOptionIndex = function (options, searchOption) {
-    return options.findIndex(function (option) { return option === searchOption; });
-};
-var isSelected = function (option, selectedOptions) {
-    return selectedOptions.some(function (selectedOption) { return option === selectedOption; });
-};
-
-var reducer = function (initialOptions) {
-    return function (state, action) {
-        switch (action.type) {
-            case "OPEN": {
-                var isMultiSelectable = action.payload.isMultiSelectable;
-                var selectedOptions = state.selectedOptions, options = state.options;
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: true, highlightedOptionIndex: isMultiSelectable && selectedOptions.length
-                        ? findOptionIndex(options, selectedOptions[selectedOptions.length - 1])
-                        : 0 });
-            }
-            case "CLOSE": {
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: false, highlightedOptionIndex: 0 });
-            }
-            case "INPUT_CHANGE": {
-                var _a = action.payload, value = _a.value, isAutocomplete = _a.isAutocomplete;
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { value: value, options: isAutocomplete
-                        ? filterOptions(initialOptions, value)
-                        : state.options, highlightedOptionIndex: 0, isExpanded: true });
-            }
-            case "SINGLE_SELECT": {
-                var _b = action.payload, selectedOption = _b.option, isAutocomplete = _b.isAutocomplete;
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: false, options: isAutocomplete
-                        ? filterOptions(initialOptions, selectedOption)
-                        : state.options, value: selectedOption });
-            }
-            case "MULTI_SELECT": {
-                var selectedOption = action.payload.option;
-                var selectedOptions = state.selectedOptions, options = state.options;
-                var newSelectedOptions = getSelectedOptions(selectedOption, selectedOptions);
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { value: "", options: initialOptions, highlightedOptionIndex: findOptionIndex(options, selectedOption), selectedOptions: newSelectedOptions });
-            }
-            case "MULTI_SELECT_REMOVE": {
-                var option_1 = action.payload.option;
-                var selectedOptions = state.selectedOptions;
-                return filterAttrs.__assign(filterAttrs.__assign({}, state), { selectedOptions: selectedOptions.filter(function (selectedOption) { return option_1 !== selectedOption; }) });
-            }
-            case "KEYDOWN": {
-                var _c = action.payload, key = _c.key, isAutocomplete = _c.isAutocomplete, isMultiSelectable = _c.isMultiSelectable;
-                var isExpanded = state.isExpanded, highlightedOptionIndex = state.highlightedOptionIndex, options = state.options, selectedOptions = state.selectedOptions;
-                if (key === "Escape" && isExpanded) {
-                    return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: false, highlightedOptionIndex: 0 });
-                }
-                if (key === "ArrowDown" && isExpanded) {
-                    return filterAttrs.__assign(filterAttrs.__assign({}, state), { highlightedOptionIndex: highlightedOptionIndex === options.length - 1
-                            ? 0
-                            : highlightedOptionIndex + 1 });
-                }
-                if (key === "ArrowUp" && isExpanded) {
-                    return filterAttrs.__assign(filterAttrs.__assign({}, state), { highlightedOptionIndex: highlightedOptionIndex === 0
-                            ? options.length - 1
-                            : highlightedOptionIndex - 1 });
-                }
-                if (key === "ArrowDown" && !isExpanded) {
-                    return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: true, highlightedOptionIndex: isMultiSelectable && selectedOptions.length
-                            ? findOptionIndex(options, selectedOptions[selectedOptions.length - 1])
-                            : 0 });
-                }
-                if (key === "ArrowUp" && !isExpanded) {
-                    return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: true, highlightedOptionIndex: isMultiSelectable && selectedOptions.length
-                            ? findOptionIndex(options, selectedOptions[selectedOptions.length - 1])
-                            : options.length - 1 });
-                }
-                if (key === "Enter" && isExpanded) {
-                    if (isMultiSelectable) {
-                        var newSelectedOptionIds = getSelectedOptions(options[highlightedOptionIndex], selectedOptions);
-                        return filterAttrs.__assign(filterAttrs.__assign({}, state), { value: "", options: initialOptions, selectedOptions: newSelectedOptionIds });
-                    }
-                    else {
-                        return filterAttrs.__assign(filterAttrs.__assign({}, state), { isExpanded: false, options: isAutocomplete
-                                ? filterOptions(initialOptions, options[highlightedOptionIndex])
-                                : options, value: options[highlightedOptionIndex] });
-                    }
-                }
-                return state;
-            }
-            default:
-                return state;
-        }
-    };
-};
-
-var ComboBox = React.forwardRef(function (_a, ref) {
-    var name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, label = _a.label, helper = _a.helper, id = _a.id, initialOptions = _a.options, hideLabel = _a.hideLabel, isFluid = _a.isFluid, errorMessage = _a.errorMessage, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, listBoxAriaLabel = _a.listBoxAriaLabel, _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.isMultiSelectable, isMultiSelectable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.isAutocomplete, isAutocomplete = _g === void 0 ? false : _g, props = filterAttrs.__rest(_a, ["name", "onBlur", "onFocus", "label", "helper", "id", "options", "hideLabel", "isFluid", "errorMessage", "disclosureTitle", "disclosureText", "onClickDisclosure", "listBoxAriaLabel", "defaultValue", "labelSize", "isMultiSelectable", "isDisabled", "isRequired", "isAutocomplete"]);
-    var listBoxId = React.useId();
-    var listItemRefs = React.useRef([]);
-    var containerRef = React.useRef(null);
-    var inputRef = React.useRef(null);
-    var _h = index.useThemeElement(), themeElement = _h[0], setThemeElement = _h[1];
-    var _j = React.useReducer(reducer(initialOptions), {
-        isExpanded: false,
-        value: defaultValue,
-        options: initialOptions,
-        highlightedOptionIndex: 0,
-        selectedOptions: [],
-    }), _k = _j[0], isExpanded = _k.isExpanded, value = _k.value, options = _k.options, highlightedOptionIndex = _k.highlightedOptionIndex, selectedOptions = _k.selectedOptions, dispatch = _j[1];
-    var ariaDescribedby = FormControl.useAriaDescribedby({
-        errorMessage: errorMessage,
-        id: id,
-        helper: helper,
-        disclosureText: disclosureText,
-    }).ariaDescribedby;
-    var getTextInputRef = function (elementRef) {
-        inputRef.current = elementRef;
-        if (ref && typeof ref === "object") {
-            ref.current = elementRef;
-        }
-        if (ref && typeof ref === "function") {
-            ref(elementRef);
-        }
-    };
-    var setScrollPosition = function (listEl) {
-        var listItemEl = listItemRefs.current[highlightedOptionIndex];
-        if (listItemEl && listEl) {
-            var selectedOptionIsBelowOverFlow = listItemEl.offsetTop + listItemEl.offsetHeight >
-                listEl.offsetHeight + listEl.scrollTop;
-            var selectedOptionIsAboveOverFlow = listItemEl.offsetTop < listEl.scrollTop;
-            if (selectedOptionIsBelowOverFlow) {
-                listEl.scrollTop =
-                    listItemEl.offsetTop +
-                        listItemEl.offsetHeight -
-                        listEl.offsetHeight;
-            }
-            if (selectedOptionIsAboveOverFlow) {
-                listEl.scrollTop = listItemEl.offsetTop;
-            }
-        }
-    };
-    var onItemClick = function (itemOption) {
-        return function (e) {
-            var _a;
-            e.preventDefault();
-            if (isMultiSelectable) {
-                dispatch({
-                    type: "MULTI_SELECT",
-                    payload: {
-                        option: itemOption,
-                    },
-                });
-            }
-            else {
-                dispatch({
-                    type: "SINGLE_SELECT",
-                    payload: {
-                        isAutocomplete: isAutocomplete,
-                        option: itemOption,
-                    },
-                });
-            }
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        };
-    };
-    var onInputChange = function (e) {
-        dispatch({
-            type: "INPUT_CHANGE",
-            payload: {
-                isAutocomplete: isAutocomplete,
-                value: e.target.value,
-            },
-        });
-    };
-    var onInputClick = function () {
-        isAutocomplete &&
-            dispatch({
-                type: "OPEN",
-                payload: {
-                    isMultiSelectable: isMultiSelectable,
-                },
-            });
-    };
-    var onInteractOutside = function (e) {
-        if (containerRef.current &&
-            !containerRef.current.contains(e.currentTarget)) {
-            dispatch({
-                type: "CLOSE",
-            });
-        }
-    };
-    var onInputKeyDown = function (e) {
-        dispatch({
-            type: "KEYDOWN",
-            payload: {
-                key: e.key,
-                isAutocomplete: isAutocomplete,
-                isMultiSelectable: isMultiSelectable,
-            },
-        });
-    };
-    var onMultiSelectRemove = function (option) { return function (e) {
-        var _a;
-        e.preventDefault();
-        e.stopPropagation();
-        dispatch({
-            type: "MULTI_SELECT_REMOVE",
-            payload: {
-                option: option,
-            },
-        });
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }; };
-    var onOpenAutoFocus = function (e) {
-        var _a;
-        e.preventDefault();
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    return (React.createElement("div", { ref: setThemeElement, className: index$1.classNames("arc-ComboBox", {
-            "arc-ComboBox--constrained": !isFluid,
-        }) },
-        React.createElement("div", { ref: containerRef },
-            React.createElement(index$2.Root2, { open: isExpanded },
-                React.createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
-                    React.createElement("div", { onClick: onInputClick, className: index$1.classNames("arc-ComboBox-container", {
-                            "arc-ComboBox-container--cursor": isAutocomplete,
-                        }) },
-                        React.createElement("div", { className: index$1.classNames("arc-ComboBox-inputWrapper", {
-                                "arc-ComboBox-inputWrapper--multiSelect": isMultiSelectable,
-                            }) },
-                            selectedOptions.length > 0 &&
-                                selectedOptions.map(function (option, i) { return (React.createElement("div", { className: "arc-ComboBox-tag", key: "".concat(listBoxId, "-selectedOption-").concat(i) },
-                                    React.createElement("span", null, option),
-                                    React.createElement("button", { className: "arc-ComboBox-tagButton", "aria-label": "".concat(option, ", press space or enter to remove"), onClick: onMultiSelectRemove(option) },
-                                        React.createElement(ThemeIcon.ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 })))); }),
-                            React.createElement("input", filterAttrs.__assign({ className: "arc-ComboBox-input", ref: getTextInputRef, "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", type: "text", role: "combobox", autoComplete: "off", "aria-autocomplete": "list", "aria-controls": listBoxId, "aria-expanded": isExpanded, "aria-activedescendant": highlightedOptionIndex
-                                    ? "".concat(listBoxId, "-").concat(highlightedOptionIndex)
-                                    : undefined, id: id, name: name, onFocus: onFocus, onBlur: onBlur, onChange: onInputChange, onKeyDown: onInputKeyDown, disabled: isDisabled, required: isRequired, value: value }, filterAttrs.filterAttrs(props)))),
-                        isAutocomplete && (React.createElement("div", { className: index$1.classNames("arc-ComboBox-inputIcon", {
-                                "arc-ComboBox-inputIcon--expanded": isExpanded,
-                            }) },
-                            React.createElement(Icon.Icon, { icon: BtIconChevronDown2Px, size: 24 }))))),
-                React.createElement(index$2.Anchor2, null),
-                React.createElement(index$2.Portal, { container: themeElement },
-                    React.createElement(index$2.Content2, { align: "start", sideOffset: 5, onInteractOutside: onInteractOutside, onOpenAutoFocus: onOpenAutoFocus },
-                        React.createElement("div", { className: "arc-ComboBox-listboxContainer" },
-                            React.createElement(Box.Box, { elevationLevel: "1" },
-                                React.createElement("ul", { ref: setScrollPosition, id: listBoxId, className: "arc-ComboBox-list", role: "listbox", "aria-label": listBoxAriaLabel, "aria-multiselectable": isMultiSelectable }, options.length ? (options.map(function (option, i) { return (React.createElement("li", { id: "".concat(listBoxId, "-").concat(i), ref: function (el) { return (listItemRefs.current[i] = el); }, key: option, className: index$1.classNames("arc-ComboBox-listItem", {
-                                        "arc-ComboBox-listItem--highlighted": i === highlightedOptionIndex,
-                                    }), onMouseDown: onItemClick(option), role: "option", "aria-selected": isSelected(option, selectedOptions) },
-                                    React.createElement("div", { className: "arc-ComboBox-listItemText" }, option),
-                                    React.createElement("div", { className: index$1.classNames("arc-ComboBox-listItemIcon", {
-                                            "arc-ComboBox-listItemIcon--visible": isSelected(option, selectedOptions),
-                                        }) },
-                                        React.createElement(ThemeIcon.ThemeIcon, { size: 20, icon: "selectIndicator" })))); })) : (React.createElement("li", { className: "arc-ComboBox-listItem", role: "option", "aria-selected": false, "aria-disabled": true }, "No matches found")))))))))));
-});
-
-exports.ComboBox = ComboBox;

package/lib/_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-BCu-VH8y.cjs');
-var Text = require('./Text-Cr5nmYmx.cjs');
-
-var ContentSwitcherTab = React.forwardRef(function (_a, ref) {
-    var label = _a.label, value = _a.value, onClick = _a.onClick, props = filterAttrs.__rest(_a, ["label", "value", "onClick"]);
-    return (React.createElement(index.$69cb30bb0017df05$export$41fb9f06171c75f4, filterAttrs.__assign({ className: "arc-ContentSwitcherTab", value: value, ref: ref, onClick: onClick }, filterAttrs.filterAttrs(props)),
-        React.createElement(Text.Text, { size: "m" }, label)));
-});
-
-exports.ContentSwitcherTab = ContentSwitcherTab;