@arc-ui/components 12.0.0 → 13.0.0

package/lib/_shared/esm/{Calendar-DzsQqJlh.mjs → Calendar-CzFIMyD1.mjs}

@@ -1,15 +1,15 @@
 import { b as __spreadArray, a as __assign, _ as __rest } from './tslib.es6-w7hdJ3oZ.mjs';
-import React__default, { createContext, forwardRef, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
+import React__default, { createContext, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
 import { r as requiredArgs, t as toDate, b as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-Cr6KeQLU.mjs';
-import { c as ArcSizeBreakpointsM } from './index.es-f0R-yhhl.mjs';
+import { a as ArcSizeBreakpointsM } from './index.es-99J0r2va.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
-import { u as useMediaQuery } from './use-media-query-BmsMeo2M.mjs';
+import { u as useMediaQuery } from './use-media-query-l6Sou0dd.mjs';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { T as Text } from './Text-BAzOkkzN.mjs';
-import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
 import './index-Spae4j7j.mjs';
 import { S as Surface } from './Surface-C69KVzkY.mjs';
 import { H as Heading } from './Heading-Da-o0d5x.mjs';
+import { T as Text } from './Text-BAzOkkzN.mjs';
+import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
 import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
 import { I as Icon } from './Icon-CCUbr_AO.mjs';
 
@@ -1063,8 +1063,8 @@ function isEqual(dirtyLeftDate, dirtyRightDate) {
 
 var ArcCalendarContext = createContext(null);
 
-var CalendarDayNumber = forwardRef(function (_a, autoFocusRef) {
-    var date = _a.date, shouldRender = _a.shouldRender, isFocusWithinDayGrid = _a.isFocusWithinDayGrid;
+var CalendarDayNumber = function (_a) {
+    var autoFocusRef = _a.ref, date = _a.date, shouldRender = _a.shouldRender, isFocusWithinDayGrid = _a.isFocusWithinDayGrid;
     var context = useContext(ArcCalendarContext);
     var isFocusDate = context && isEqual(date, context.focusDate);
     var tableCellRef = useCallback(function (el) {
@@ -1125,7 +1125,7 @@ var CalendarDayNumber = forwardRef(function (_a, autoFocusRef) {
             React__default.createElement("div", { className: "arc-CalendarDayNumber-buttonInner" },
                 React__default.createElement(Text, { size: "s" },
                     React__default.createElement("span", { "aria-hidden": true }, getDate(date)))))))));
-});
+};
 
 /**
  * Do not edit directly

package/lib/_shared/esm/{CardHeading-CfPEEmBO.mjs → CardHeading-CV14vmox.mjs}

@@ -5,8 +5,8 @@ import { H as Heading } from './Heading-Da-o0d5x.mjs';
 
 /** Use `CardHeading` internally within card components to display a title, icon, or leading content at the top of a card. */
 var CardHeading = function (_a) {
-    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;
-    return (React__default.createElement(Heading, { level: headingLevel, size: size, isWordWrap: false }, href ? (React__default.createElement("a", __assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterAttrs(linkData)), heading)) : (heading)));
+    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.headingWordWrap, headingWordWrap = _e === void 0 ? false : _e;
+    return (React__default.createElement(Heading, { level: headingLevel, size: size, isWordWrap: headingWordWrap }, href ? (React__default.createElement("a", __assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterAttrs(linkData)), heading)) : (heading)));
 };
 
 export { CardHeading as C };

package/lib/_shared/esm/{CheckboxIcon-BcVQe6mC.mjs → CheckboxIcon-CzRn1j8X.mjs}

@@ -7,15 +7,16 @@ import { C as Context } from './FormControl-DopDD_nC.mjs';
 
 /** Use `CheckboxIcon` to display a visual checkbox indicator that reflects a checked, unchecked, or indeterminate state. */
 var CheckboxIcon = function (_a) {
-    var id = _a.id, name = _a.name, checked = _a.checked, _b = _a.indeterminate, indeterminate = _b === void 0 ? false : _b, isDisabled = _a.isDisabled, isRequired = _a.isRequired, _c = _a.size, size = _c === void 0 ? "m" : _c, value = _a.value, error = _a.error, ariaDescribedBy = _a.ariaDescribedBy, onBlur = _a.onBlur, onChange = _a.onChange, props = __rest(_a, ["id", "name", "checked", "indeterminate", "isDisabled", "isRequired", "size", "value", "error", "ariaDescribedBy", "onBlur", "onChange"]);
+    var id = _a.id, name = _a.name, checked = _a.checked, _b = _a.indeterminate, indeterminate = _b === void 0 ? false : _b, isDisabled = _a.isDisabled, isRequired = _a.isRequired, _c = _a.size, size = _c === void 0 ? "m" : _c, value = _a.value, error = _a.error, ariaDescribedBy = _a.ariaDescribedBy, onBlur = _a.onBlur, onChange = _a.onChange, ref = _a.ref, props = __rest(_a, ["id", "name", "checked", "indeterminate", "isDisabled", "isRequired", "size", "value", "error", "ariaDescribedBy", "onBlur", "onChange", "ref"]);
     var requirementStatus = useContext(Context).requirementStatus;
     var internalRef = useRef(null);
     var surface = useContext(Context$1).surface;
+    var inputRef = (ref || internalRef);
     useEffect(function () {
-        if (internalRef.current) {
-            internalRef.current.indeterminate = indeterminate;
+        if (inputRef.current) {
+            inputRef.current.indeterminate = indeterminate;
         }
-    }, [indeterminate, checked]);
+    }, [indeterminate, checked, inputRef]);
     var tickSize = {
         s: 14,
         m: 18,
@@ -43,7 +44,7 @@ var CheckboxIcon = function (_a) {
                 ? true
                 : indeterminate && checked
                     ? "mixed"
-                    : false, className: classNames("arc-CheckboxIcon-input"), disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: internalRef, required: isRequired, type: "checkbox", value: value }, checkedProps, props)),
+                    : false, className: classNames("arc-CheckboxIcon-input"), disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: inputRef, required: isRequired, type: "checkbox", value: value }, checkedProps, props)),
         React__default.createElement("span", { className: classNames("arc-CheckboxIcon-box") }, indeterminate ? (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none" },
             React__default.createElement("rect", { x: "4", y: "8", width: "7.51", height: "1", rx: "0.5", fill: "currentColor" }))) : (React__default.createElement(ThemeIcon, { icon: "checkboxChecked", size: tickSize[size] })))));
 };

package/lib/_shared/esm/{Combination-BQ4XBtF-.mjs → Combination-BW0YAEZD.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useState } from 'react';
-import { g as useEscapeKeydown, f as useCallbackRef$1, b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
+import { g as useEscapeKeydown, f as useCallbackRef$1, b as useLayoutEffect2 } from './index-DkAfUbDx.mjs';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';

package/lib/_shared/esm/{ContentSwitcherDropdown-ckPG4pry.mjs → ContentSwitcherDropdown-CwoMd63a.mjs}

@@ -1,10 +1,10 @@
 import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useState, useEffect, isValidElement } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { R as Root2, T as Trigger, V as Value, I as Icon, P as Portal, C as Content2, S as ScrollUpButton, a as Viewport, b as Item, c as ItemText, d as ItemIndicator, e as ScrollDownButton } from './index-vnVJe9rH.mjs';
+import { R as Root2, T as Trigger, V as Value, I as Icon, P as Portal, C as Content2, S as ScrollUpButton, a as Viewport, b as Item, c as ItemText, d as ItemIndicator, e as ScrollDownButton } from './index-Dfz5UgHo.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
 import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
-import { e as useThemeElement } from './index-Bz2JQq34.mjs';
+import { e as useThemeElement } from './index-DkAfUbDx.mjs';
 import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
 
 // src/get-text-width/get-text-width.ts

package/lib/_shared/esm/{ContentSwitcherList-i4m4nAzP.mjs → ContentSwitcherList-Bvp9Zl85.mjs}

@@ -1,8 +1,9 @@
 import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
-import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
-import { $ as $69cb30bb0017df05$export$be92b6f5f03c0fe9, a as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from './index-BWkI4Dwz.mjs';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { $ as $69cb30bb0017df05$export$be92b6f5f03c0fe9, a as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from './index-CfXVJXLq.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
 import { T as Text } from './Text-BAzOkkzN.mjs';
+import { S as Surface } from './Surface-C69KVzkY.mjs';
 import { d as debounce } from './debounce-D_Nx5go6.mjs';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 
@@ -13,11 +14,12 @@ var ContentSwitcher = function (_a) {
         React__default.createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, __assign({ className: "arc-ContentSwitcher-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode, value: value }, filterAttrs(props)), children)));
 };
 
-var ContentSwitcherTab = forwardRef(function (_a, ref) {
-    var label = _a.label, value = _a.value, onClick = _a.onClick, onFocus = _a.onFocus, props = __rest(_a, ["label", "value", "onClick", "onFocus"]);
-    return (React__default.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, __assign({ className: "arc-ContentSwitcherTab", value: value, ref: ref, onClick: onClick, onFocus: onFocus }, filterAttrs(props)),
-        React__default.createElement(Text, { size: "m" }, label)));
-});
+var ContentSwitcherTab = function (_a) {
+    var label = _a.label, value = _a.value, onClick = _a.onClick, onFocus = _a.onFocus, ref = _a.ref, props = __rest(_a, ["label", "value", "onClick", "onFocus", "ref"]);
+    return (React__default.createElement(Surface, { isTransparent: true },
+        React__default.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, __assign({ className: "arc-ContentSwitcherTab", value: value, ref: ref, onClick: onClick, onFocus: onFocus }, filterAttrs(props)),
+            React__default.createElement(Text, { size: "m" }, label))));
+};
 
 var ContentSwitcherContent = function (_a) {
     var children = _a.children, value = _a.value, _b = _a.hidden, hidden = _b === void 0 ? undefined : _b, _c = _a.forceMount, forceMount = _c === void 0 ? true : _c, props = __rest(_a, ["children", "value", "hidden", "forceMount"]);
@@ -32,13 +34,6 @@ var ContentSwitcherList = function (_a) {
     var _d = useState(0), contentSwitcherListWidth = _d[0], setContentSwitcherListWidth = _d[1];
     var tabRefs = useRef([]);
     var listRef = useRef(null);
-    var checkOverflow = function () {
-        if (listRef.current) {
-            setRightOverflow(listRef.current.scrollLeft + listRef.current.clientWidth <
-                listRef.current.scrollWidth - 1);
-            setLeftOverflow(listRef.current.scrollLeft > 0);
-        }
-    };
     var scrollTabIntoView = function (tabRef) {
         if (tabRef.current && listRef.current) {
             var scrollLeft = tabRef.current.offsetLeft -
@@ -57,6 +52,13 @@ var ContentSwitcherList = function (_a) {
     }, 100);
     useEffect(function () {
         var list = listRef.current;
+        var checkOverflow = function () {
+            if (listRef.current) {
+                setRightOverflow(listRef.current.scrollLeft + listRef.current.clientWidth <
+                    listRef.current.scrollWidth - 1);
+                setLeftOverflow(listRef.current.scrollLeft > 0);
+            }
+        };
         var updateLayout = function () {
             checkOverflow();
             handleResize();
@@ -74,7 +76,7 @@ var ContentSwitcherList = function (_a) {
             window.removeEventListener("resize", updateLayout);
             handleResize.cancel();
         };
-    }, [children, checkOverflow, handleResize]);
+    }, [children, handleResize]);
     return (React__default.createElement("span", { className: classNames("arc-ContentSwitcherList-wrapper", {
             "arc-ContentSwitcherList-wrapper--isInset": isInset,
         }), tabIndex: -1 },
@@ -83,14 +85,23 @@ var ContentSwitcherList = function (_a) {
                 "arc-ContentSwitcherList--isJustified": isJustified,
             }), ref: listRef, "aria-label": ariaLabel }, filterAttrs(props)),
             React__default.createElement("div", { className: "arc-ContentSwitcherList-inner" }, React__default.Children.map(children, function (child, index) {
-                if (tabRefs) {
+                if (!React__default.isValidElement(child)) {
+                    return null;
+                }
+                if (tabRefs.current[index] !== null) {
                     return React__default.cloneElement(child, {
-                        ref: function (el) { return (tabRefs.current[index] = el); },
+                        ref: function (el) {
+                            tabRefs.current[index] = el;
+                        },
                         onClick: function () {
-                            return scrollTabIntoView({ current: tabRefs.current[index] });
+                            var el = tabRefs.current[index];
+                            if (el)
+                                scrollTabIntoView({ current: el });
                         },
                         onFocus: function () {
-                            return scrollTabIntoView({ current: tabRefs.current[index] });
+                            var el = tabRefs.current[index];
+                            if (el)
+                                scrollTabIntoView({ current: el });
                         },
                     });
                 }

package/lib/_shared/esm/{Popover-BHCEpLSa.mjs → Popover-DRQSgAog.mjs}

@@ -1,17 +1,17 @@
 import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
 import React__default from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { R as Root2, A as Anchor2, T as Trigger, P as Portal, C as Content2, a as PopoverArrow } from './index-Do2wfP-X.mjs';
+import { R as Root2, A as Anchor2, T as Trigger, P as Portal, C as Content2, a as PopoverArrow } from './index-Dd3yZ_Kk.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
-import { e as useThemeElement } from './index-Bz2JQq34.mjs';
+import { e as useThemeElement } from './index-DkAfUbDx.mjs';
 import { S as Surface } from './Surface-C69KVzkY.mjs';
 
 /**
  * Use `Popover` to display content in a portal, triggered by a button.
  */
 var Popover = function (_a) {
-    var align = _a.align, ariaLabel = _a.ariaLabel, alignOffset = _a.alignOffset, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.asChild, asChild = _d === void 0 ? false : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? 452 : _e, minHeight = _a.minHeight, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, _f = _a.constrainToViewport, constrainToViewport = _f === void 0 ? true : _f, side = _a.side, _g = _a.sideOffset, sideOffset = _g === void 0 ? 0 : _g, _h = _a.zIndex, zIndex = _h === void 0 ? 100 : _h, _j = _a.hideWhenDetached, hideWhenDetached = _j === void 0 ? false : _j, _k = _a.useBespokeTrigger, useBespokeTrigger = _k === void 0 ? false : _k, props = __rest(_a, ["align", "ariaLabel", "alignOffset", "arrow", "background", "children", "content", "asChild", "maxWidth", "minHeight", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "constrainToViewport", "side", "sideOffset", "zIndex", "hideWhenDetached", "useBespokeTrigger"]);
-    var _l = useThemeElement(), themeElement = _l[0], setThemeElement = _l[1];
+    var align = _a.align, ariaLabel = _a.ariaLabel, alignOffset = _a.alignOffset, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.asChild, asChild = _d === void 0 ? false : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? 452 : _e, minHeight = _a.minHeight, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, _f = _a.constrainToViewport, constrainToViewport = _f === void 0 ? true : _f, side = _a.side, _g = _a.sideOffset, sideOffset = _g === void 0 ? 0 : _g, _h = _a.zIndex, zIndex = _h === void 0 ? 100 : _h, _j = _a.hideWhenDetached, hideWhenDetached = _j === void 0 ? false : _j, _k = _a.useBespokeTrigger, useBespokeTrigger = _k === void 0 ? false : _k, _l = _a.isFluidToViewport, isFluidToViewport = _l === void 0 ? false : _l, _m = _a.contentMargin, contentMargin = _m === void 0 ? false : _m, _o = _a.isFullBleed, isFullBleed = _o === void 0 ? false : _o, props = __rest(_a, ["align", "ariaLabel", "alignOffset", "arrow", "background", "children", "content", "asChild", "maxWidth", "minHeight", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "constrainToViewport", "side", "sideOffset", "zIndex", "hideWhenDetached", "useBespokeTrigger", "isFluidToViewport", "contentMargin", "isFullBleed"]);
+    var _p = useThemeElement(), themeElement = _p[0], setThemeElement = _p[1];
     var alignOffsetDefault = align === "center" ? 0 : -16;
     return (React__default.createElement("div", __assign({ className: "arc-Popover" }, filterAttrs(props)),
         React__default.createElement(Root2, { open: open, onOpenChange: onOpenChange },
@@ -25,6 +25,9 @@ var Popover = function (_a) {
                                         "arc-Popover-content--dark": background === "dark",
                                         "arc-Popover-content--brand": background === "brand",
                                         "arc-Popover-content--constrainToViewport": constrainToViewport,
+                                        "arc-Popover-content--isFluidToViewport": isFluidToViewport,
+                                        "arc-Popover-content--contentMargin": contentMargin,
+                                        "arc-Popover-content--isFullBleed": isFullBleed,
                                     }), style: { maxWidth: maxWidth, minHeight: minHeight }, "aria-labelledby": "popover-content" },
                                     content && React__default.createElement("div", { id: "popover-content" }, content),
                                     arrow && (React__default.createElement(PopoverArrow, { className: "arc-Popover-arrow" })))))))))));

package/lib/_shared/esm/{ProgressStepper-CujHLQsm.mjs → ProgressStepper-DTPHHVFe.mjs}

@@ -1,9 +1,9 @@
 import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import { g as getDefaultExportFromCjs, c as classNames } from './index-5C0-U8cc.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
-import { c as capitaliseFirstLetter } from './capitalise-first-letter-Cubg2CS1.mjs';
 import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
+import { C as ConditionalWrapper } from './ConditionalWrapper-CbEvXHTj.mjs';
 import { I as Icon } from './Icon-CCUbr_AO.mjs';
 
 var shorterCssColorNames;
@@ -148,7 +148,8 @@ var Current = "\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w
 
 var ProgressStepperItem = function (_a) {
     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, invertLabelPosition = _a.invertLabelPosition, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = __rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "invertLabelPosition", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden"]);
+    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, invertLabelPosition = _a.invertLabelPosition, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, isViewing = _a.isViewing, props = __rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "isFluid", "invertLabelPosition", "ariaLabel", "onClick", "previousStep", "stepContent", "isStepContentHidden", "isViewing"]);
+    var id = useId();
     var statusIcons = {
         todo: undefined,
         completed: Complete,
@@ -161,46 +162,46 @@ var ProgressStepperItem = function (_a) {
         onClick && onClick();
     };
     var statusIcon = statusIcons[status];
-    return (React__default.createElement("div", __assign({ className: classNames("arc-ProgressStepperItem", "arc-ProgressStepperItem--".concat(status), "arc-ProgressStepperItem--".concat(size), (_b = {
+    var accessibleStatusLabel = "".concat(status === "todo" ? "to do" : status).concat(isViewing ? " - currently viewing" : "");
+    return (React__default.createElement("li", __assign({ "data-progress-stepper-item-id": id, className: classNames("arc-ProgressStepperItem", "arc-ProgressStepperItem--".concat(status), "arc-ProgressStepperItem--".concat(size), (_b = {
                 "arc-ProgressStepperItem--vertical": direction === "vertical",
                 "arc-ProgressStepperItem--isFluid": isFluid && direction !== "vertical",
                 "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
             },
-            _b["arc-ProgressStepperItem--hasInteractiveStatus"] = status !== "todo",
+            _b["arc-ProgressStepperItem--hasInteractiveStatus"] = onClick || titleHref || status !== "todo",
             _b["arc-ProgressStepperItem--invertLabelPosition"] = direction !== "vertical" && invertLabelPosition,
             _b)) }, filterAttrs(props)),
         React__default.createElement("div", { className: "arc-ProgressStepperItem-iconSection" },
             React__default.createElement("div", { className: "arc-ProgressStepperItem-iconWrapper", "data-testid": "arc-ProgressStepperItem-iconWrapper" },
                 React__default.createElement("span", { className: classNames("arc-ProgressStepperItem-statusIcon", {
                         "arc-ProgressStepperItem-statusIcon--small": size === "small",
-                    }) }, status === "todo" ? null : status === "current" ? (React__default.createElement("div", { className: "arc-ProgressStepperItem-statusIconInner" })) : (React__default.createElement(Icon, { icon: statusIcon && svgToMiniDataURI(statusIcon) }))))),
+                    }) },
+                    status === "todo" && !isViewing ? null : isViewing ? (React__default.createElement("div", { className: "arc-ProgressStepperItem-statusIconInner" })) : (status !== "current" && (React__default.createElement(Icon, { icon: statusIcon && svgToMiniDataURI(statusIcon) }))),
+                    status === "current" && isViewing === undefined ? (React__default.createElement(Icon, { icon: statusIcon && svgToMiniDataURI(statusIcon) })) : null))),
         React__default.createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            titleHref || onClick ? (React__default.createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler },
-                title,
-                status !== "todo" ? (React__default.createElement(VisuallyHidden, null,
-                    ":",
-                    capitaliseFirstLetter(status))) : (React__default.createElement(VisuallyHidden, null, ":To do")))) : (React__default.createElement("div", { className: "arc-ProgressStepperItem-title" },
-                title,
-                status !== "todo" ? (React__default.createElement(VisuallyHidden, null,
-                    ":",
-                    capitaliseFirstLetter(status))) : (React__default.createElement(VisuallyHidden, null, ":To do")))),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
+            React__default.createElement(ConditionalWrapper, { condition: Boolean(titleHref || onClick), wrapper: function (children) { return (React__default.createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, className: classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler, "aria-label": ariaLabel ||
+                        (status !== "current"
+                            ? "".concat(title, ", ").concat(accessibleStatusLabel)
+                            : undefined), "aria-current": status === "current" && "step" }, children)); }, fallback: function (children) { return (React__default.createElement("div", { className: "arc-ProgressStepperItem-title" },
+                    children,
+                    React__default.createElement(VisuallyHidden, null, " - ".concat(accessibleStatusLabel)))); } }, title),
+            subTitle && (React__default.createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle)),
             stepContent && !isStepContentHidden && direction === "vertical" && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement("div", { className: "arc-ProgressStepperItem-nodeItem" }, stepContent))))));
 };
 
 /** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
 var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, invertLabelPosition = _a.invertLabelPosition, ref = _a.ref, props = __rest(_a, ["children", "size", "isFluid", "direction", "isExpandable", "invertLabelPosition", "ref"]);
+    var ref = _a.ref, children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, invertLabelPosition = _a.invertLabelPosition, currentStep = _a.currentStep, props = __rest(_a, ["ref", "children", "size", "isFluid", "direction", "isExpandable", "invertLabelPosition", "currentStep"]);
     var items = React__default.Children.toArray(children);
     var getStepStatus = function (item) {
         var _a;
         return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
     };
-    return (React__default.createElement("div", __assign({ ref: ref, className: classNames("arc-ProgressStepper", {
+    return (React__default.createElement("ol", __assign({ ref: ref, className: classNames("arc-ProgressStepper", {
             "arc-ProgressStepper--vertical": direction === "vertical",
         }) }, filterAttrs(props)), items.map(function (item, index) { return (React__default.createElement(React__default.Fragment, { key: "StepperItem-".concat(index) },
-        React__default.createElement(ProgressStepperItem, __assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, invertLabelPosition: invertLabelPosition, direction: direction, isExpandable: isExpandable, size: size, previousStep: getStepStatus(items[index - 1]) }, filterAttrs(item.props))))); })));
+        React__default.createElement(ProgressStepperItem, __assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, ariaLabel: item.props.ariaLabel, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, invertLabelPosition: invertLabelPosition, direction: direction, isExpandable: isExpandable, size: size, isViewing: currentStep !== undefined ? currentStep === index : undefined, previousStep: getStepStatus(items[index - 1]) }, filterAttrs(item.props))))); })));
 };
 
 export { ProgressStepper as P, ProgressStepperItem as a };

package/lib/_shared/esm/{Rule-I1w3EaZi.mjs → Rule-Bz3QPezk.mjs}

@@ -1,4 +1,4 @@
-import { a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
+import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useContext } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
@@ -7,9 +7,9 @@ import { C as Context } from './Surface-C69KVzkY.mjs';
 /**
  * Use `Rule` to display a horizontal or vertical rule.
  */
-var Rule = function (_a, props) {
+var Rule = function (_a) {
     var _b;
-    var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
+    var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c, props = __rest(_a, ["orientation"]);
     var surface = useContext(Context).surface;
     return (React__default.createElement("hr", __assign({ className: classNames((_b = {
                 "arc-Rule": true

package/lib/_shared/esm/{TemplateBanner-CZSTdma0.mjs → TemplateBanner-BPzuH5bz.mjs}

@@ -21,7 +21,7 @@ var BannerRow = function (_a) {
 
 /** Use `TemplateBanner` as a base structure for banner components; other banner variants extend or consume this template. */
 var TemplateBanner = function (_a) {
-    var heading = _a.heading, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, label = _a.label, _c = _a.labelLevel, labelLevel = _c === void 0 ? "3" : _c, text = _a.text, img = _a.img, _d = _a.contentRatio, contentRatio = _d === void 0 ? "1/1" : _d, children = _a.children, _e = _a.alignment, alignment = _e === void 0 ? "center" : _e, additionalTopMargin = _a.additionalTopMargin, _f = _a.minHeight, minHeight = _f === void 0 ? 454 : _f, minHeightM = _a.minHeightM, minHeightL = _a.minHeightL, minHeightXL = _a.minHeightXL, _g = _a.headingSize, headingSize = _g === void 0 ? "xl" : _g, _h = _a.isReversed, isReversed = _h === void 0 ? false : _h, _j = _a.isElevated, isElevated = _j === void 0 ? false : _j, _k = _a.headingLevel, headingLevel = _k === void 0 ? "2" : _k, _l = _a.type, type = _l === void 0 ? "light" : _l, props = __rest(_a, ["heading", "fontStyle", "label", "labelLevel", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "minHeightM", "minHeightL", "minHeightXL", "headingSize", "isReversed", "isElevated", "headingLevel", "type"]);
+    var heading = _a.heading, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, label = _a.label, _c = _a.labelLevel, labelLevel = _c === void 0 ? "3" : _c, text = _a.text, img = _a.img, _d = _a.contentRatio, contentRatio = _d === void 0 ? "1/1" : _d, children = _a.children, _e = _a.alignment, alignment = _e === void 0 ? "center" : _e, additionalTopMargin = _a.additionalTopMargin, _f = _a.minHeight, minHeight = _f === void 0 ? 454 : _f, minHeightM = _a.minHeightM, minHeightL = _a.minHeightL, minHeightXL = _a.minHeightXL, _g = _a.headingSize, headingSize = _g === void 0 ? "xl" : _g, _h = _a.isReversed, isReversed = _h === void 0 ? false : _h, _j = _a.isElevated, isElevated = _j === void 0 ? false : _j, _k = _a.headingLevel, headingLevel = _k === void 0 ? "2" : _k, _l = _a.headingWordWrap, headingWordWrap = _l === void 0 ? false : _l, _m = _a.type, type = _m === void 0 ? "light" : _m, props = __rest(_a, ["heading", "fontStyle", "label", "labelLevel", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "minHeightM", "minHeightL", "minHeightXL", "headingSize", "isReversed", "isElevated", "headingLevel", "headingWordWrap", "type"]);
     var backgrounds = {
         dark: "dark-brand-02",
         light: "light-white",
@@ -66,7 +66,7 @@ var TemplateBanner = function (_a) {
                             label && (React__default.createElement(React__default.Fragment, null,
                                 React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline", isWordWrap: false }, label),
                                 React__default.createElement(VerticalSpace, { size: "8" }))),
-                            React__default.createElement(Heading, { level: headingLevel, size: headingSize, fontStyle: fontStyle, isWordWrap: false }, heading),
+                            React__default.createElement(Heading, { level: headingLevel, size: headingSize, fontStyle: fontStyle, isWordWrap: headingWordWrap }, heading),
                             text && (React__default.createElement(React__default.Fragment, null,
                                 React__default.createElement(VerticalSpace, { size: "16" }),
                                 React__default.createElement("span", { className: "arc-TemplateBanner-text" }, text))),

package/lib/_shared/esm/{TextInput-CZaNXVHl.mjs → TextInput-BCvKXfM_.mjs}

@@ -1,5 +1,5 @@
-import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
-import React__default, { forwardRef, useState, useContext } from 'react';
+import { a as __assign, _ as __rest } from './tslib.es6-w7hdJ3oZ.mjs';
+import React__default, { useState, useContext } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
 import { u as useAriaDescribedby, F as FormControl } from './FormControl-DopDD_nC.mjs';
@@ -7,7 +7,7 @@ import { C as Context } from './Surface-C69KVzkY.mjs';
 import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
 import { S as Spinner } from './Spinner-DvngCIwx.mjs';
 import { I as Icon } from './Icon-CCUbr_AO.mjs';
-import { T as Tooltip } from './Tooltip-BpSzN3Tx.mjs';
+import { T as Tooltip } from './Tooltip-DY8nS1to.mjs';
 import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
 
 /**
@@ -108,9 +108,9 @@ var TrailingSlot = function (_a) {
 };
 
 /** Use `TextInput` as a single-line field that allows users to enter short text, such as names, email, search queries or passwords. */
-var TextInputComponent = forwardRef(function (_a, ref) {
+var TextInputComponent = function (_a) {
     var _b;
-    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, placeholder = _a.placeholder, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _j = _a.size, size = _j === void 0 ? "m" : _j, leadingSlot = _a.leadingSlot, trailingSlot = _a.trailingSlot, _k = _a.inputAlignment, inputAlignment = _k === void 0 ? "left" : _k, width = _a.width, autoComplete = _a.autoComplete, isLoading = _a.isLoading, isErrorAlert = _a.isErrorAlert, prefix = _a.prefix, suffix = _a.suffix, clearButton = _a.clearButton, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "maxLength", "minLength", "name", "onBlur", "onFocus", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "size", "leadingSlot", "trailingSlot", "inputAlignment", "width", "autoComplete", "isLoading", "isErrorAlert", "prefix", "suffix", "clearButton"]);
+    var ref = _a.ref, _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, placeholder = _a.placeholder, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _j = _a.size, size = _j === void 0 ? "m" : _j, leadingSlot = _a.leadingSlot, trailingSlot = _a.trailingSlot, _k = _a.inputAlignment, inputAlignment = _k === void 0 ? "left" : _k, width = _a.width, autoComplete = _a.autoComplete, isLoading = _a.isLoading, isErrorAlert = _a.isErrorAlert, prefix = _a.prefix, suffix = _a.suffix, clearButton = _a.clearButton, props = __rest(_a, ["ref", "defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "maxLength", "minLength", "name", "onBlur", "onFocus", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "size", "leadingSlot", "trailingSlot", "inputAlignment", "width", "autoComplete", "isLoading", "isErrorAlert", "prefix", "suffix", "clearButton"]);
     var _l = useState(false), showPasswordToggle = _l[0], setShowPasswordToggle = _l[1];
     var inferredInputProps = useNumericInput({
         inputMode: inputMode,
@@ -149,11 +149,11 @@ var TextInputComponent = forwardRef(function (_a, ref) {
                     isLoading ||
                     (clearButton === null || clearButton === void 0 ? void 0 : clearButton.onClick)) && (React__default.createElement(TrailingSlot, { showPassword: showPassword, isReadOnly: isReadOnly, isLoading: isLoading, clearButton: clearButton, trailingSlot: trailingSlot, isPasswordVisible: showPasswordToggle, onTogglePassword: function () { return setShowPasswordToggle(function (prev) { return !prev; }); }, size: size, isDisabled: isDisabled })),
                 suffix && (React__default.createElement("span", { className: "arc-TextInput-suffix arc-TextInput-affixes", "aria-hidden": true }, suffix))))));
-});
+};
 /**
  * Use `TextInput` to allow users to enter short form text.
  */
-var TextInput = forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
-var TextInputWithPlaceHolder = forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
+var TextInput = function (props) { return (React__default.createElement(TextInputComponent, __assign({}, props))); };
+var TextInputWithPlaceHolder = function (props) { return React__default.createElement(TextInputComponent, __assign({}, props)); };
 
 export { InputIcon as I, TextInput as T, TextInputWithPlaceHolder as a };

package/lib/_shared/esm/{Tooltip-BpSzN3Tx.mjs → Tooltip-DY8nS1to.mjs}

@@ -2,11 +2,11 @@
 import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
 import * as React from 'react';
 import React__default from 'react';
-import { g as useEscapeKeydown, f as useCallbackRef, b as useLayoutEffect2, c as createContextScope$1, a as useId, u as useControllableState, e as useThemeElement } from './index-Bz2JQq34.mjs';
+import { g as useEscapeKeydown, f as useCallbackRef, b as useLayoutEffect2, c as createContextScope$1, a as useId, u as useControllableState, e as useThemeElement } from './index-DkAfUbDx.mjs';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, f as flip, c as size, d as arrow, h as hide } from './index-CWHcEz3_.mjs';
+import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, f as flip, c as size, d as arrow, h as hide, l as limitShift } from './index-Cgsjp3NL.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
 import { S as Surface } from './Surface-C69KVzkY.mjs';
 import { I as Icon } from './Icon-CCUbr_AO.mjs';

package/lib/_shared/esm/{arc-breakpoints-Br78xe-f.mjs → arc-breakpoints-ChQgbftE.mjs}

@@ -1,4 +1,4 @@
-import { A as ArcSizeBreakpointsXxl, a as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsL, c as ArcSizeBreakpointsM, d as ArcSizeBreakpointsS, e as ArcSizeBreakpointsXs } from './index.es-f0R-yhhl.mjs';
+import { A as ArcSizeBreakpointsS, a as ArcSizeBreakpointsM, b as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, d as ArcSizeBreakpointsXxl, e as ArcSizeBreakpointsXs } from './index.es-99J0r2va.mjs';
 
 /**
  * Provides an object of breakpoints for responsive designs.

package/lib/_shared/esm/{index-u47CK8Y0.mjs → index-B3ewsmrD.mjs}

@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
 import React__default from 'react';
-import { c as createContextScope } from './index-Bz2JQq34.mjs';
-import { u as useComposedRefs, S as Slot } from './Combination-BQ4XBtF-.mjs';
+import { c as createContextScope } from './index-DkAfUbDx.mjs';
+import { u as useComposedRefs, S as Slot } from './Combination-BW0YAEZD.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function createCollection(name) {

package/lib/_shared/esm/{index-GCEHSsY8.mjs → index-BMmvMegf.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
-import { u as useComposedRefs } from './Combination-BQ4XBtF-.mjs';
-import { b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
+import { u as useComposedRefs } from './Combination-BW0YAEZD.mjs';
+import { b as useLayoutEffect2 } from './index-DkAfUbDx.mjs';
 
 function useStateMachine(initialState, machine) {
   return React.useReducer((state, event) => {

package/lib/_shared/esm/{index-DXHprNQ6.mjs → index-C_mwuZg6.mjs}

@@ -361,4 +361,4 @@ function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp ,
     return uncontrolledState;
 }
 
-export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, _extends as _, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as b, $9f79659886946c16$export$e5c5a5f917a5871c as c, $8927f6f2acc4f386$export$250ffa63cdc0d034 as d, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as e, $71cd76cc60e0454e$export$6f32135080cb4c3 as f, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as g, $8927f6f2acc4f386$export$6d1a0317bde7de7f as h };
+export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, _extends as _, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as b, $9f79659886946c16$export$e5c5a5f917a5871c as c, $71cd76cc60e0454e$export$6f32135080cb4c3 as d, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as e, $8927f6f2acc4f386$export$250ffa63cdc0d034 as f, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as g, $8927f6f2acc4f386$export$6d1a0317bde7de7f as h };

package/lib/_shared/esm/{index-BWkI4Dwz.mjs → index-CfXVJXLq.mjs}

@@ -1,7 +1,7 @@
-import { c as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, f as $71cd76cc60e0454e$export$6f32135080cb4c3, g as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a } from './index-DXHprNQ6.mjs';
+import { c as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, _ as _extends, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, f as $8927f6f2acc4f386$export$250ffa63cdc0d034, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from './index-C_mwuZg6.mjs';
 import * as React from 'react';
-import { useContext, createContext, forwardRef, useEffect, createElement, useRef, useState, useCallback } from 'react';
-import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2, a as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-6HtUz28p.mjs';
+import { useContext, createContext, forwardRef, createElement, useRef, useState, useEffect, useCallback } from 'react';
+import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2, a as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-Drb5ngQr.mjs';
 
 const $1746a345f3d73bb7$var$useReactId = React['useId'.toString()] || (()=>undefined
 );

package/lib/_shared/esm/{index-CWHcEz3_.mjs → index-Cgsjp3NL.mjs}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useLayoutEffect, useEffect } from 'react';
 import * as ReactDOM from 'react-dom';
-import { b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
+import { b as useLayoutEffect2 } from './index-DkAfUbDx.mjs';
 
 /**
  * Custom positioning reference element.

package/lib/_shared/esm/{index-CN4hP3Wu.mjs → index-CjeQnMcn.mjs}

@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { u as useComposedRefs, P as Primitive, c as composeEventHandlers, R as ReactRemoveScroll, S as Slot, h as hideOthers, a as useFocusGuards, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BQ4XBtF-.mjs';
-import { c as createContextScope, d as createContext2, u as useControllableState, a as useId } from './index-Bz2JQq34.mjs';
-import { P as Presence } from './index-GCEHSsY8.mjs';
+import { u as useComposedRefs, P as Primitive, c as composeEventHandlers, R as ReactRemoveScroll, S as Slot, h as hideOthers, a as useFocusGuards, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BW0YAEZD.mjs';
+import { c as createContextScope, d as createContext2, u as useControllableState, a as useId } from './index-DkAfUbDx.mjs';
+import { P as Presence } from './index-BMmvMegf.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DIALOG_NAME = "Dialog";

package/lib/_shared/esm/{index-BFKdmv_g.mjs → index-DNvlT7G_.mjs}

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
-import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, f as flip, c as size, d as arrow, h as hide, l as limitShift } from './index-CWHcEz3_.mjs';
-import { P as Primitive, u as useComposedRefs } from './Combination-BQ4XBtF-.mjs';
+import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, f as flip, c as size, d as arrow, h as hide, l as limitShift } from './index-Cgsjp3NL.mjs';
+import { P as Primitive, u as useComposedRefs } from './Combination-BW0YAEZD.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { c as createContextScope, f as useCallbackRef, b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
+import { c as createContextScope, f as useCallbackRef, b as useLayoutEffect2 } from './index-DkAfUbDx.mjs';
 
 // packages/react/arrow/src/arrow.tsx
 var NAME = "Arrow";

package/lib/_shared/esm/{index-Do2wfP-X.mjs → index-Dd3yZ_Kk.mjs}

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
-import { u as useComposedRefs, P as Primitive, c as composeEventHandlers, h as hideOthers, R as ReactRemoveScroll, S as Slot, a as useFocusGuards, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BQ4XBtF-.mjs';
-import { c as createContextScope, u as useControllableState, a as useId } from './index-Bz2JQq34.mjs';
-import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-BFKdmv_g.mjs';
-import { P as Presence } from './index-GCEHSsY8.mjs';
+import { u as useComposedRefs, P as Primitive, c as composeEventHandlers, h as hideOthers, R as ReactRemoveScroll, S as Slot, a as useFocusGuards, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BW0YAEZD.mjs';
+import { c as createContextScope, u as useControllableState, a as useId } from './index-DkAfUbDx.mjs';
+import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-DNvlT7G_.mjs';
+import { P as Presence } from './index-BMmvMegf.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var POPOVER_NAME = "Popover";

package/lib/_shared/esm/{index-vnVJe9rH.mjs → index-Dfz5UgHo.mjs}

@@ -1,10 +1,10 @@
 'use client';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { P as Primitive, u as useComposedRefs, c as composeEventHandlers, h as hideOthers, a as useFocusGuards, R as ReactRemoveScroll, S as Slot, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BQ4XBtF-.mjs';
-import { c as createCollection, u as useDirection } from './index-u47CK8Y0.mjs';
-import { c as createContextScope, b as useLayoutEffect2, a as useId, f as useCallbackRef, u as useControllableState } from './index-Bz2JQq34.mjs';
-import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-BFKdmv_g.mjs';
+import { P as Primitive, u as useComposedRefs, c as composeEventHandlers, h as hideOthers, a as useFocusGuards, R as ReactRemoveScroll, S as Slot, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-BW0YAEZD.mjs';
+import { c as createCollection, u as useDirection } from './index-B3ewsmrD.mjs';
+import { c as createContextScope, b as useLayoutEffect2, a as useId, f as useCallbackRef, u as useControllableState } from './index-DkAfUbDx.mjs';
+import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-DNvlT7G_.mjs';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // packages/core/number/src/number.ts

package/lib/_shared/esm/{index-Bz2JQq34.mjs → index-DkAfUbDx.mjs}

@@ -119,9 +119,9 @@ var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React.useState(useReactId());
   useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+    setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
-  return deterministicId || (id ? `radix-${id}` : "");
+  return (id ? `radix-${id}` : "");
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx

package/lib/_shared/esm/{index-6HtUz28p.mjs → index-Drb5ngQr.mjs}

@@ -1,5 +1,5 @@
 import React__default, { Children, cloneElement, useState, useRef, useEffect, useCallback, useReducer } from 'react';
-import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $5e63c961fc1ce211$export$8c6ed5c666ac1360, c as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-DXHprNQ6.mjs';
+import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $5e63c961fc1ce211$export$8c6ed5c666ac1360, c as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-C_mwuZg6.mjs';
 import { flushSync } from 'react-dom';
 
 // We have resorted to returning slots directly rather than exposing primitives that can then