@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta7

package/dist/_shared/cjs/{ProgressStepper-aaff6b51.js → ProgressStepper-c59ec56c.js}

@@ -4,7 +4,7 @@ var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var Icon = require('./Icon-08447959.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,56 +13,33 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Error = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("g", { clipPath: "url(#a)" },
         React__default["default"].createElement("path", { d: "m13.06 12 2.845-2.845a.75.75 0 0 0-1.06-1.06L12 10.94 9.155 8.095a.75.75 0 0 0-1.06 1.06L10.939 12l-2.844 2.845a.75.75 0 1 0 1.06 1.06L12 13.061l2.845 2.844a.75.75 0 0 0 1.06-1.06L13.06 12Z", fill: "currentColor" })),
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("defs", null,
         React__default["default"].createElement("clipPath", { id: "a" },
             React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
 
 var Warning = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("path", { d: "M12 15.747a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm.004-1.487a.375.375 0 0 0 .375-.375l.001-6.757a.375.375 0 1 0-.75 0l-.001 6.757a.375.375 0 0 0 .375.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: ".3" }))); };
 
 var Complete = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("g", { clipPath: "url(#a)" },
         React__default["default"].createElement("path", { d: "m10.125 16.435-3.53-3.53a.75.75 0 0 1 0-1.06.768.768 0 0 1 1.06 0l2.47 2.47 6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.28 7.28Z", fill: "currentColor" })),
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }),
     React__default["default"].createElement("defs", null,
         React__default["default"].createElement("clipPath", null,
             React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12" }))))); };
 
 var Current = function () { return (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default["default"].createElement("rect", { x: "0.666667", y: "0.666667", width: "22.6667", height: "22.6667", rx: "11.3333", stroke: "url(#paint0_linear_1_1050)", strokeWidth: "1.33333" }),
     React__default["default"].createElement("circle", { cx: "12", cy: "12", r: "7", fill: "currentColor" }),
     React__default["default"].createElement("defs", null,
         React__default["default"].createElement("linearGradient", { id: "paint0_linear_1_1050", x1: "36.6036", y1: "-4.31391e-07", x2: "-12.6036", y2: "24", gradientUnits: "userSpaceOnUse" },
             React__default["default"].createElement("stop", { stopColor: "#F200F5" }),
             React__default["default"].createElement("stop", { offset: "1", stopColor: "#1EC8E6" }))))); };
 
-var Todo = function () { return (React__default["default"].createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-    React__default["default"].createElement("rect", { x: ".667", y: ".667", width: "22.667", height: "22.667", rx: "11.333", stroke: "currentColor", strokeWidth: "1.333" }))); };
-
 // export current step as an icon
 var ProgressStepperItem = function (_a) {
-    // TODO: Revise icons missing in BT theme
-    // const statusIcons: Record<
-    //   Exclude<ProgressStatus, "todo">,
-    //   Extract<
-    //     ThemeIconNames,
-    //     | "progressStepperComplete"
-    //     | "progressStepperCurrent"
-    //     | "progressStepperWarning"
-    //     | "progressStepperError"
-    //   >
-    // > = {
-    //   completed: "progressStepperComplete",
-    //   current: "progressStepperCurrent",
-    //   warning: "progressStepperWarning",
-    //   error: "progressStepperError",
-    // };
     var _b;
     var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _c = _a.direction, direction = _c === void 0 ? "horizontal" : _c, _d = _a.status, status = _d === void 0 ? "todo" : _d, _e = _a.size, size = _e === void 0 ? "large" : _e, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = index_es.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden"]);
     var statusIcons = {
-        todo: Todo,
+        todo: undefined,
         completed: Complete,
         current: Current,
         warning: Warning,
@@ -83,11 +60,10 @@ var ProgressStepperItem = function (_a) {
             _b["arc-ProgressStepperItem--hasInteractiveStatus"] = status !== "todo",
             _b)) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSection" },
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
-                    width: size === "small" ? "16px" : "24px",
-                    height: size === "small" ? "16px" : "24px"
-                } })) : (React__default["default"].createElement("span", { className: "arc-ProgressStepperItem-statusIcon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 24, icon: statusIcons[status] }))))),
+            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" },
+                React__default["default"].createElement("span", { className: index.classNames("arc-ProgressStepperItem-statusIcon", {
+                        "arc-ProgressStepperItem-statusIcon--small": size === "small"
+                    }) }, status === "todo" ? null : status === "current" ? (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-statusIconInner" })) : (React__default["default"].createElement(Icon.Icon, { icon: statusIcons[status] }))))),
         React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
             titleHref || onClick ? (React__default["default"].createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: index.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler },
                 title,

package/dist/_shared/cjs/{RadioGroup-6142dceb.js → RadioGroup-11f4b232.js}

@@ -2,9 +2,9 @@
 
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var FormControl = require('./FormControl-5c963e6e.js');
+var FormControl = require('./FormControl-0fba93b8.js');
 var index = require('./index-9947ac13.js');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{SiteFooter-cfe7163f.js → SiteFooter-d839f66a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var index_es = require('./index.es-c26e8978.js');
-var index_es$1 = require('./index.es-ba095ee5.js');
+var index_es$1 = require('./index.es-f23456fa.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-ce65cd74.js');
+var BrandLogo = require('./BrandLogo-d4a6fd05.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
 var Section = require('./Section-46646353.js');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{SiteHeaderV2-043d976a.js → SiteHeaderV2-3793453c.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var index_es = require('./index.es-c26e8978.js');
-var index_es$1 = require('./index.es-ba095ee5.js');
+var index_es$1 = require('./index.es-f23456fa.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-ce65cd74.js');
+var BrandLogo = require('./BrandLogo-d4a6fd05.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-3e8d18a9.js');
 var ConditionalWrapper = require('./ConditionalWrapper-bf944594.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-var ButtonV2 = require('./ButtonV2-373877da.js');
-var Text = require('./Text-284a7314.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var ButtonV2 = require('./ButtonV2-7c437d1a.js');
+var Text = require('./Text-c187d9ef.js');
+var Icon = require('./Icon-08447959.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/Spinner-56122c43.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Use `Spinner` to display a loading state.
+ */
+var Spinner = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? "m" : _b, color = _a.color;
+    var props = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        props[_i - 1] = arguments[_i];
+    }
+    return (React__default["default"].createElement("svg", index_es.__assign({ className: index.classNames("arc-Spinner", "arc-Spinner-".concat(color), "arc-Spinner-size--".concat(size)), width: typeof size === "number" ? "".concat(size, "px") : undefined, "data-testid": "arc-Spinner", "aria-label": "loading", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement("circle", { cx: "24", cy: "24", fill: "none", r: "22", "stroke-width": "4", "stroke-linecap": "round" })));
+};
+
+exports.Spinner = Spinner;

package/dist/_shared/cjs/{Surface-7500f314.js → Surface-1b5c2ac8.js}

@@ -132,7 +132,7 @@ var Provider = Context.Provider;
  */
 var Surface = function (_a) {
     var _b;
-    var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, props = index_es.__rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical"]);
+    var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, isTransparent = _a.isTransparent, props = index_es.__rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical", "isTransparent"]);
     var surface = "light";
     if (background === "dark-black" ||
         background === "dark-brand-01" ||
@@ -150,6 +150,7 @@ var Surface = function (_a) {
                 _b["arc-Surface--padding".concat(padding)] = padding,
                 _b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
                 _b["arc-Surface--paddingVertical".concat(paddingVertical)] = paddingVertical,
+                _b["arc-Surface--isTransparent"] = isTransparent,
                 _b)) }, index_es.filterDataAttrs(props)), children)));
 };
 var backgroundsShared = [

package/dist/_shared/cjs/Tabs-30a12f1a.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var index_es = require('./index.es-c26e8978.js');
+var React = require('react');
+var index = require('./index-1e7a1fce.js');
+var Icon = require('./Icon-08447959.js');
+var Surface = require('./Surface-1b5c2ac8.js');
+var index$1 = require('./index-9947ac13.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Tab = function (_a) {
+    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = index_es.__rest(_a, ["label", "value", "icon", "iconActive"]);
+    var surface = React.useContext(Surface.Context).surface;
+    return (React__default["default"].createElement(index.$69cb30bb0017df05$export$41fb9f06171c75f4, index_es.__assign({ className: index$1.classNames("arc-Tab-trigger", {
+            "arc-Tab-trigger--onDarkSurface": surface === "dark",
+            "arc-Tab-trigger--hasIcon": icon || iconActive
+        }), value: value }, index_es.filterDataAttrs(props)),
+        icon && (React__default["default"].createElement("div", { className: "arc-Tab-triggerIcon", "data-testid": "arc-Tab-TriggerIcon" },
+            React__default["default"].createElement(Icon.Icon, { icon: icon }))),
+        iconActive && (React__default["default"].createElement("div", { className: "arc-Tab-triggerIcon arc-Tab-triggerIcon--active", "data-testid": "arc-Tab-TriggerIconActive" },
+            React__default["default"].createElement(Icon.Icon, { icon: iconActive }))),
+        React__default["default"].createElement("span", { className: "arc-Tab-triggerText" }, label)));
+};
+
+var TabContent = function (_a) {
+    var children = _a.children, value = _a.value, props = index_es.__rest(_a, ["children", "value"]);
+    return (React__default["default"].createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, index_es.__assign({ className: "arc-Tab-content", value: value }, index_es.filterDataAttrs(props)), children));
+};
+
+var TabsList = function (_a) {
+    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, props = index_es.__rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
+    var surface = React.useContext(Surface.Context).surface;
+    var tabsRef = React.useRef(null);
+    var _b = React.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
+    var _c = React.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
+    var checkOverflow = function (element) {
+        if (element) {
+            if (element.scrollWidth > element.clientWidth) {
+                setRightOverflow(true);
+            }
+            if (element.scrollLeft + 10 >=
+                element.scrollWidth - element.clientWidth) {
+                setRightOverflow(false);
+            }
+            if (element.scrollLeft >= 1) {
+                setLeftOverflow(true);
+            }
+            else {
+                setLeftOverflow(false);
+            }
+        }
+    };
+    React.useEffect(function () {
+        checkOverflow(tabsRef.current);
+    }, []);
+    var scrollTabs = function (scrollAmount) {
+        if (tabsRef.current) {
+            tabsRef.current.scrollLeft += scrollAmount;
+        }
+    };
+    var onScroll = function (event) {
+        checkOverflow(event.currentTarget);
+    };
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(index.$69cb30bb0017df05$export$54c2e3dc7acea9f5, index_es.__assign({ onScroll: onScroll, className: index$1.classNames("arc-Tabs", {
+                "arc-Tabs--contained": type === "contained",
+                "arc-Tabs--isJustified": isJustified,
+                "arc-Tabs--onDarkSurface": surface === "dark"
+            }), ref: tabsRef, "aria-label": ariaLabel }, index_es.filterDataAttrs(props)), children),
+        leftOverflow && (React__default["default"].createElement("button", { className: index$1.classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
+                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
+            }), onClick: function () { return scrollTabs(-300); }, "aria-label": "Scroll Tabs Left", "data-testid": "arc-Tabs-overflowIconLeft" },
+            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tabsPrevious", size: 40, color: "brand" }))),
+        rightOverflow && (React__default["default"].createElement("button", { className: index$1.classNames("arc-Tabs-overflowIcon", {
+                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
+            }), onClick: function () { return scrollTabs(300); }, "aria-label": "Scroll Tabs Right", "data-testid": "arc-Tabs-overflowIconRight" },
+            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tabsNext", size: 40, color: "brand" })))));
+};
+
+/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
+var Tabs = function (_a) {
+    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = index_es.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
+    return (React__default["default"].createElement(index.$69cb30bb0017df05$export$be92b6f5f03c0fe9, index_es.__assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, index_es.filterDataAttrs(props)), children));
+};
+Tabs.Tab = Tab;
+Tabs.List = TabsList;
+Tabs.Content = TabContent;
+
+exports.Tabs = Tabs;

package/dist/_shared/cjs/{Text-284a7314.js → Text-c187d9ef.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{TextInput-bcc3f86c.js → TextInput-d39f5a80.js}

@@ -3,10 +3,10 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var FormControl = require('./FormControl-5c963e6e.js');
-var Surface = require('./Surface-7500f314.js');
+var FormControl = require('./FormControl-0fba93b8.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var Icon = require('./Icon-08447959.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{ThemeIcon-c3dc056d.js → ThemeIcon-7f537bd2.js}

@@ -3,7 +3,7 @@
 var index_es = require('./index.es-c26e8978.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Toast-69020185.js → Toast-35c83925.js}

@@ -2,13 +2,13 @@
 
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 var ReactDOM = require('react-dom');
-var index$2 = require('./index-677557a4.js');
-var index$1 = require('./index-6cbaf5e0.js');
-var index$3 = require('./index-dbab0ad6.js');
+var index$2 = require('./index-dbc843d3.js');
+var index$1 = require('./index-2bf59363.js');
+var index$3 = require('./index-527f962b.js');
 var index$4 = require('./index-9947ac13.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{UniversalHeader-07be88fd.js → UniversalHeader-f9ef793f.js}

@@ -2,7 +2,7 @@
 
 var index_es = require('./index.es-c26e8978.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-1b5c2ac8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Tabs-bd1f208d.js → index-1e7a1fce.js}

@@ -1,19 +1,10 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index$1 = require('./index-76f7dd53.js');
 var React = require('react');
-var index$1 = require('./index-6f33b8c0.js');
-var index = require('./index-677557a4.js');
-var index$2 = require('./index-568bc1da.js');
-var index$3 = require('./index-dbab0ad6.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var Surface = require('./Surface-7500f314.js');
-var index$4 = require('./index-9947ac13.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index = require('./index-dbc843d3.js');
+var index$2 = require('./index-879e71ee.js');
+var index$3 = require('./index-527f962b.js');
 
 const $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
 const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
@@ -382,82 +373,7 @@ const $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d
 const $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
 const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
 
-var Tab = function (_a) {
-    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = index_es.__rest(_a, ["label", "value", "icon", "iconActive"]);
-    var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement($69cb30bb0017df05$export$41fb9f06171c75f4, index_es.__assign({ className: index$4.classNames("arc-Tab-trigger", {
-            "arc-Tab-trigger--onDarkSurface": surface === "dark",
-            "arc-Tab-trigger--hasIcon": icon || iconActive
-        }), value: value }, index_es.filterDataAttrs(props)),
-        icon && (React__default["default"].createElement("div", { className: "arc-Tab-triggerIcon", "data-testid": "arc-Tab-TriggerIcon" },
-            React__default["default"].createElement(Icon.Icon, { icon: icon }))),
-        iconActive && (React__default["default"].createElement("div", { className: "arc-Tab-triggerIcon arc-Tab-triggerIcon--active", "data-testid": "arc-Tab-TriggerIconActive" },
-            React__default["default"].createElement(Icon.Icon, { icon: iconActive }))),
-        React__default["default"].createElement("span", { className: "arc-Tab-triggerText" }, label)));
-};
-
-var TabContent = function (_a) {
-    var children = _a.children, value = _a.value, props = index_es.__rest(_a, ["children", "value"]);
-    return (React__default["default"].createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, index_es.__assign({ className: "arc-Tab-content", value: value }, index_es.filterDataAttrs(props)), children));
-};
-
-var TabsList = function (_a) {
-    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, props = index_es.__rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var tabsRef = React.useRef(null);
-    var _b = React.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
-    var _c = React.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
-    var checkOverflow = function (element) {
-        if (element) {
-            if (element.scrollWidth > element.clientWidth) {
-                setRightOverflow(true);
-            }
-            if (element.scrollLeft + 10 >=
-                element.scrollWidth - element.clientWidth) {
-                setRightOverflow(false);
-            }
-            if (element.scrollLeft >= 1) {
-                setLeftOverflow(true);
-            }
-            else {
-                setLeftOverflow(false);
-            }
-        }
-    };
-    React.useEffect(function () {
-        checkOverflow(tabsRef.current);
-    }, []);
-    var scrollTabs = function (scrollAmount) {
-        if (tabsRef.current) {
-            tabsRef.current.scrollLeft += scrollAmount;
-        }
-    };
-    var onScroll = function (event) {
-        checkOverflow(event.currentTarget);
-    };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, index_es.__assign({ onScroll: onScroll, className: index$4.classNames("arc-Tabs", {
-                "arc-Tabs--contained": type === "contained",
-                "arc-Tabs--isJustified": isJustified,
-                "arc-Tabs--onDarkSurface": surface === "dark"
-            }), ref: tabsRef, "aria-label": ariaLabel }, index_es.filterDataAttrs(props)), children),
-        leftOverflow && (React__default["default"].createElement("button", { className: index$4.classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(-300); }, "aria-label": "Scroll Tabs Left", "data-testid": "arc-Tabs-overflowIconLeft" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tabsPrevious", size: 40, color: "brand" }))),
-        rightOverflow && (React__default["default"].createElement("button", { className: index$4.classNames("arc-Tabs-overflowIcon", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(300); }, "aria-label": "Scroll Tabs Right", "data-testid": "arc-Tabs-overflowIconRight" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tabsNext", size: 40, color: "brand" })))));
-};
-
-/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
-var Tabs = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = index_es.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
-    return (React__default["default"].createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, index_es.__assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, index_es.filterDataAttrs(props)), children));
-};
-Tabs.Tab = Tab;
-Tabs.List = TabsList;
-Tabs.Content = TabContent;
-
-exports.Tabs = Tabs;
+exports.$69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$41fb9f06171c75f4;
+exports.$69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$54c2e3dc7acea9f5;
+exports.$69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$7c6e2c02157bb7d2;
+exports.$69cb30bb0017df05$export$be92b6f5f03c0fe9 = $69cb30bb0017df05$export$be92b6f5f03c0fe9;

package/dist/_shared/cjs/{index-6cbaf5e0.js → index-2bf59363.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 /**
  * Listens for when the escape key is down

package/dist/_shared/cjs/{index-dbab0ad6.js → index-527f962b.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
     return React.useReducer((state, event)=>{

package/dist/_shared/cjs/{index-568bc1da.js → index-879e71ee.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -23,12 +23,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
 const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
 );
 let $1746a345f3d73bb7$var$count = 0;
@@ -43,5 +37,11 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     return deterministicId || (id ? `radix-${id}` : '');
 }
 
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
 exports.$1746a345f3d73bb7$export$f680877a34711e37 = $1746a345f3d73bb7$export$f680877a34711e37;
 exports.$f631663db3294ace$export$b39126d51d94e6f3 = $f631663db3294ace$export$b39126d51d94e6f3;