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

package/lib/_shared/esm/{RadioCardGroupInput-CwYJBtmO.mjs → RadioCardGroupInput-Cy1r7M8l.mjs}

@@ -3,7 +3,7 @@ import React__default, { createContext, useContext, forwardRef } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { c as capitaliseFirstLetter } from './capitalise-first-letter-Cubg2CS1.mjs';
 import { C as Context } from './Surface-Colbp3Zx.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 
 var RadioContext = createContext({});
 var Provider = RadioContext.Provider;

package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-C_rohQhn.mjs → SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs}

@@ -1,11 +1,12 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { createContext, useState, useRef, useEffect, useContext } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { d as ArcSizeBreakpointsL } from './index.es-JItYKukj.mjs';
-import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px-CWIIvs1E.mjs';
+import { d as ArcSizeBreakpointsL } from './index.es-C3WGtwrW.mjs';
+import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px-DzWb16fR.mjs';
 import { u as useMediaQuery } from './use-media-query-DmKuIDEM.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 import { S as Surface } from './Surface-Colbp3Zx.mjs';
-import { B as ButtonV2 } from './ButtonV2-CkFdHviV.mjs';
+import { B as ButtonV2 } from './ButtonV2-2U4PvnpS.mjs';
 import { h as handleLinkClick } from './handle-link-click-CIgZ7pa0.mjs';
 import { B as BrandLogo } from './BrandLogo-_2Z_8I2Y.mjs';
 
@@ -100,11 +101,11 @@ var SiteHeaderV2 = function (_a) {
                                 React__default.createElement("button", { className: "arc-SiteHeaderV2-mobileLogin", onClick: loginOnClick },
                                     loginTitle,
                                     React__default.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                                        React__default.createElement(BtIconChevronRight2Px, null))))) : (React__default.createElement("div", { className: "arc-SiteHeaderV2-mobileButtonContainer" },
+                                        React__default.createElement(Icon, { icon: BtIconChevronRight2Px }))))) : (React__default.createElement("div", { className: "arc-SiteHeaderV2-mobileButtonContainer" },
                                 React__default.createElement("a", { className: "arc-SiteHeaderV2-mobileLogin", href: loginHref },
                                     loginTitle,
                                     React__default.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                                        React__default.createElement(BtIconChevronRight2Px, null)))))))))),
+                                        React__default.createElement(Icon, { icon: BtIconChevronRight2Px })))))))))),
                     (basket || hasLogin || search) && (React__default.createElement("div", { className: "arc-SiteHeaderV2-secondary" },
                         search ? (React__default.createElement("div", { className: "arc-SiteHeaderV2-search" }, search)) : null,
                         basket ? (React__default.createElement("div", { className: "arc-SiteHeaderV2-basket" }, basket)) : null,
@@ -121,7 +122,7 @@ var SiteHeaderV2BackButton = function (_a) {
             setOpenPanelOnFirstClick(false);
         } },
         React__default.createElement("span", { className: "arc-SiteHeaderV2BackButton-icon" },
-            React__default.createElement(BtIconChevronLeft2Px, null)),
+            React__default.createElement(Icon, { icon: BtIconChevronLeft2Px })),
         React__default.createElement("span", { className: "arc-SiteHeaderV2BackButton-text" }, "Back")));
 };
 
@@ -401,7 +402,7 @@ var SiteHeaderV2NavItemWithSubNav = function (_a) {
                             _d["arc-SiteHeaderV2NavItem-link--itemHasChildren-primary"] = isPrimary,
                             _d)) }, title),
                     React__default.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                        React__default.createElement(BtIconChevronRight2Px, null)),
+                        React__default.createElement(Icon, { icon: BtIconChevronRight2Px })),
                     subTitle && !isPrimary && isMinWidthArcBreakpointL ? (React__default.createElement("div", { className: classNames((_e = {},
                             _e["arc-SiteHeaderV2NavItemWithSubNav-text"] = !isPrimary,
                             _e["arc-SiteHeaderV2NavItem-link--itemHasChildren-closeFirstPanel"] = !isPrimary && !opensFirstWithPanel,

package/lib/_shared/esm/{TemplateBanner-Cckao4N8.mjs → TemplateBanner-zc4VmeeW.mjs}

@@ -1,20 +1,13 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { a as ArcSizeBreakpointsM } from './index.es-JItYKukj.mjs';
+import { A as ArcSizeBreakpointsM } from './index.es-C3WGtwrW.mjs';
 import { u as useMediaQuery } from './use-media-query-DmKuIDEM.mjs';
 import { V as VerticalSpace } from './VerticalSpace-Duhm0zXP.mjs';
-import { T as Text } from './Text-CBlnm5CT.mjs';
 import { B as Box } from './Box-BYm_GTct.mjs';
 import { H as Heading } from './Heading-CxHWefi7.mjs';
 import { G as Grid, b as GridRow, a as GridCol } from './GridRow-Ddt5CtFn.mjs';
-import { I as Image } from './Image-Dl8oH1Rn.mjs';
-
-var BannerImage = function (_a) {
-    var sources = _a.sources, props = __rest(_a, ["sources"]);
-    return (React__default.createElement(Image, __assign({ fadeOnLoad: true }, props), sources &&
-        sources.map(function (source) { return React__default.createElement("source", __assign({ key: source.srcSet }, source)); })));
-};
+import { B as BannerImage } from './BannerImage-BTsixvUH.mjs';
 
 var TemplateBanner = function (_a) {
     var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? "center" : _c, additionalTopMargin = _a.additionalTopMargin, _d = _a.minHeight, minHeight = _d === void 0 ? 454 : _d, _e = _a.headingSize, headingSize = _e === void 0 ? "xl" : _e, _f = _a.isReversed, isReversed = _f === void 0 ? false : _f, _g = _a.isElevated, isElevated = _g === void 0 ? false : _g, _h = _a.headingLevel, headingLevel = _h === void 0 ? "2" : _h, _j = _a.type, type = _j === void 0 ? "light" : _j, props = __rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "headingSize", "isReversed", "isElevated", "headingLevel", "type"]);
@@ -31,7 +24,7 @@ var TemplateBanner = function (_a) {
     };
     var isContained = type === "contained";
     var borderWidth = isContained && !isElevated ? "thin" : undefined;
-    var direction = isReversed && isMinWidthArcBreakpointM ? "row" : "row-reverse";
+    var direction = isReversed && isMinWidthArcBreakpointM ? "row-reverse" : "row";
     var columnWithImgWidths = {
         "1/0": 12,
         "2/3": 8,
@@ -43,14 +36,10 @@ var TemplateBanner = function (_a) {
         React__default.createElement(Box, { isBorderRadius: true, "data-testid": "arc-TemplateBanner-box", borderWidth: borderWidth, surface: backgrounds[type], isSurfaceTransparent: !isContained },
             React__default.createElement(Grid, { isGutterless: true, isFluid: true },
                 React__default.createElement(GridRow, { "data-testid": "arc-TemplateBanner-gridRow", direction: direction },
-                    img && contentRatio !== "1/0" && (React__default.createElement(GridCol, __assign({ "data-coltype": "img", "data-testid": "arc-TemplateBanner-imageCol", align: img.fit !== "cover"
-                            ? { m: imageAlignment[img.alignment || "center"] }
-                            : undefined, xs: 12, order: { xs: isContained && isReversed ? 0 : 1, m: 0 } }, (contentRatio === "2/3" && img ? { m: 4 } : { m: 6 })),
-                        React__default.createElement(BannerImage, __assign({}, img)))),
                     React__default.createElement(GridCol, { "data-testid": "arc-TemplateBanner-contentCol", align: {
                             m: alignment === "start" ? "start" : "center",
                             xs: !img || contentRatio === "1/0" ? "center" : "start",
-                        }, xs: 12, m: img ? columnWithImgWidths[contentRatio] : 12 },
+                        }, xs: 12, order: { xs: isContained && isReversed ? 1 : 0, m: 0 }, m: img ? columnWithImgWidths[contentRatio] : 12 },
                         React__default.createElement("div", { className: classNames("arc-TemplateBanner-content", {
                                 "arc-TemplateBanner-content--additionalTopMargin": additionalTopMargin && alignment === "start",
                             }) },
@@ -60,11 +49,14 @@ var TemplateBanner = function (_a) {
                             React__default.createElement(Heading, { level: headingLevel, size: headingSize }, heading),
                             text && (React__default.createElement(React__default.Fragment, null,
                                 React__default.createElement(VerticalSpace, { size: "16" }),
-                                React__default.createElement("p", { className: "arc-TemplateBanner-text" },
-                                    React__default.createElement(Text, null, text)))),
+                                React__default.createElement("span", { className: "arc-TemplateBanner-text" }, text))),
                             children && (React__default.createElement(React__default.Fragment, null,
                                 React__default.createElement(VerticalSpace, { size: "32" }),
-                                children)))))))));
+                                children)))),
+                    img && contentRatio !== "1/0" && (React__default.createElement(GridCol, __assign({ "data-testid": "arc-TemplateBanner-imageCol", align: img.fit !== "cover"
+                            ? { m: imageAlignment[img.alignment || "center"] }
+                            : undefined, xs: 12 }, (contentRatio === "2/3" && img ? { m: 4 } : { m: 6 })),
+                        React__default.createElement(BannerImage, __assign({ ariaHidden: true }, img)))))))));
 };
 
 export { TemplateBanner as T };

package/lib/_shared/esm/index-BbAu4d3T.mjs

@@ -0,0 +1,76 @@
+'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-BpO6XTeS.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function createCollection(name) {
+  const PROVIDER_NAME = name + "CollectionProvider";
+  const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
+  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
+    PROVIDER_NAME,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  );
+  const CollectionProvider = (props) => {
+    const { scope, children } = props;
+    const ref = React__default.useRef(null);
+    const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+  };
+  CollectionProvider.displayName = PROVIDER_NAME;
+  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlot = React__default.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children } = props;
+      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+      return /* @__PURE__ */ jsx(Slot, { ref: composedRefs, children });
+    }
+  );
+  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
+  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+  const ITEM_DATA_ATTR = "data-radix-collection-item";
+  const CollectionItemSlot = React__default.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children, ...itemData } = props;
+      const ref = React__default.useRef(null);
+      const composedRefs = useComposedRefs(forwardedRef, ref);
+      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+      React__default.useEffect(() => {
+        context.itemMap.set(ref, { ref, ...itemData });
+        return () => void context.itemMap.delete(ref);
+      });
+      return /* @__PURE__ */ jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }
+  );
+  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+  function useCollection(scope) {
+    const context = useCollectionContext(name + "CollectionConsumer", scope);
+    const getItems = React__default.useCallback(() => {
+      const collectionNode = context.collectionRef.current;
+      if (!collectionNode) return [];
+      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      const items = Array.from(context.itemMap.values());
+      const orderedItems = items.sort(
+        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+      );
+      return orderedItems;
+    }, [context.collectionRef, context.itemMap]);
+    return getItems;
+  }
+  return [
+    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
+    useCollection,
+    createCollectionScope
+  ];
+}
+
+// packages/react/direction/src/Direction.tsx
+var DirectionContext = React.createContext(void 0);
+function useDirection(localDir) {
+  const globalDir = React.useContext(DirectionContext);
+  return localDir || globalDir || "ltr";
+}
+
+export { createCollection as c, useDirection as u };

package/lib/_shared/esm/index-CL6dwOYV.mjs

@@ -0,0 +1,135 @@
+import { g as getDefaultExportFromCjs } from './index-5C0-U8cc.mjs';
+
+var shorterCssColorNames;
+var hasRequiredShorterCssColorNames;
+
+function requireShorterCssColorNames () {
+	if (hasRequiredShorterCssColorNames) return shorterCssColorNames;
+	hasRequiredShorterCssColorNames = 1;
+	shorterCssColorNames = {
+	  aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+	  azure: /#f0ffff(ff)?(?!\w)/gi,
+	  beige: /#f5f5dc(ff)?(?!\w)/gi,
+	  bisque: /#ffe4c4(ff)?(?!\w)/gi,
+	  black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
+	  blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
+	  brown: /#a52a2a(ff)?(?!\w)/gi,
+	  coral: /#ff7f50(ff)?(?!\w)/gi,
+	  cornsilk: /#fff8dc(ff)?(?!\w)/gi,
+	  crimson: /#dc143c(ff)?(?!\w)/gi,
+	  cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+	  darkblue: /#00008b(ff)?(?!\w)/gi,
+	  darkcyan: /#008b8b(ff)?(?!\w)/gi,
+	  darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
+	  darkred: /#8b0000(ff)?(?!\w)/gi,
+	  deeppink: /#ff1493(ff)?(?!\w)/gi,
+	  dimgrey: /#696969(ff)?(?!\w)/gi,
+	  gold: /#ffd700(ff)?(?!\w)/gi,
+	  green: /#008000(ff)?(?!\w)/gi,
+	  grey: /#808080(ff)?(?!\w)/gi,
+	  honeydew: /#f0fff0(ff)?(?!\w)/gi,
+	  hotpink: /#ff69b4(ff)?(?!\w)/gi,
+	  indigo: /#4b0082(ff)?(?!\w)/gi,
+	  ivory: /#fffff0(ff)?(?!\w)/gi,
+	  khaki: /#f0e68c(ff)?(?!\w)/gi,
+	  lavender: /#e6e6fa(ff)?(?!\w)/gi,
+	  lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
+	  linen: /#faf0e6(ff)?(?!\w)/gi,
+	  maroon: /#800000(ff)?(?!\w)/gi,
+	  moccasin: /#ffe4b5(ff)?(?!\w)/gi,
+	  navy: /#000080(ff)?(?!\w)/gi,
+	  oldlace: /#fdf5e6(ff)?(?!\w)/gi,
+	  olive: /#808000(ff)?(?!\w)/gi,
+	  orange: /#ffa500(ff)?(?!\w)/gi,
+	  orchid: /#da70d6(ff)?(?!\w)/gi,
+	  peru: /#cd853f(ff)?(?!\w)/gi,
+	  pink: /#ffc0cb(ff)?(?!\w)/gi,
+	  plum: /#dda0dd(ff)?(?!\w)/gi,
+	  purple: /#800080(ff)?(?!\w)/gi,
+	  red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
+	  salmon: /#fa8072(ff)?(?!\w)/gi,
+	  seagreen: /#2e8b57(ff)?(?!\w)/gi,
+	  seashell: /#fff5ee(ff)?(?!\w)/gi,
+	  sienna: /#a0522d(ff)?(?!\w)/gi,
+	  silver: /#c0c0c0(ff)?(?!\w)/gi,
+	  skyblue: /#87ceeb(ff)?(?!\w)/gi,
+	  snow: /#fffafa(ff)?(?!\w)/gi,
+	  tan: /#d2b48c(ff)?(?!\w)/gi,
+	  teal: /#008080(ff)?(?!\w)/gi,
+	  thistle: /#d8bfd8(ff)?(?!\w)/gi,
+	  tomato: /#ff6347(ff)?(?!\w)/gi,
+	  violet: /#ee82ee(ff)?(?!\w)/gi,
+	  wheat: /#f5deb3(ff)?(?!\w)/gi,
+	  white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi,
+	};
+	return shorterCssColorNames;
+}
+
+var miniSvgDataUri;
+var hasRequiredMiniSvgDataUri;
+
+function requireMiniSvgDataUri () {
+	if (hasRequiredMiniSvgDataUri) return miniSvgDataUri;
+	hasRequiredMiniSvgDataUri = 1;
+	var shorterNames = requireShorterCssColorNames();
+	var REGEX = {
+	  whitespace: /\s+/g,
+	  urlHexPairs: /%[\dA-F]{2}/g,
+	  quotes: /"/g,
+	};
+
+	function collapseWhitespace(str) {
+	  return str.trim().replace(REGEX.whitespace, ' ');
+	}
+
+	function dataURIPayload(string) {
+	  return encodeURIComponent(string)
+	    .replace(REGEX.urlHexPairs, specialHexEncode);
+	}
+
+	// `#` gets converted to `%23`, so quite a few CSS named colors are shorter than
+	// their equivalent URL-encoded hex codes.
+	function colorCodeToShorterNames(string) {
+	  Object.keys(shorterNames).forEach(function(key) {
+	    if (shorterNames[key].test(string)) {
+	      string = string.replace(shorterNames[key], key);
+	    }
+	  });
+
+	  return string;
+	}
+
+	function specialHexEncode(match) {
+	  switch (match) { // Browsers tolerate these characters, and they're frequent
+	    case '%20': return ' ';
+	    case '%3D': return '=';
+	    case '%3A': return ':';
+	    case '%2F': return '/';
+	    default: return match.toLowerCase(); // compresses better
+	  }
+	}
+
+	function svgToTinyDataUri(svgString) {
+	  if (typeof svgString !== 'string') {
+	    throw new TypeError('Expected a string, but received ' + typeof svgString);
+	  }
+	  // Strip the Byte-Order Mark if the SVG has one
+	  if (svgString.charCodeAt(0) === 0xfeff) { svgString = svgString.slice(1); }
+
+	  var body = colorCodeToShorterNames(collapseWhitespace(svgString))
+	    .replace(REGEX.quotes, "'");
+	  return 'data:image/svg+xml,' + dataURIPayload(body);
+	}
+
+	svgToTinyDataUri.toSrcset = function toSrcset(svgString) {
+	  return svgToTinyDataUri(svgString).replace(/ /g, '%20');
+	};
+
+	miniSvgDataUri = svgToTinyDataUri;
+	return miniSvgDataUri;
+}
+
+var miniSvgDataUriExports = requireMiniSvgDataUri();
+var svgToMiniDataURI = /*@__PURE__*/getDefaultExportFromCjs(miniSvgDataUriExports);
+
+export { svgToMiniDataURI as s };

package/lib/_shared/esm/{index-CpOcAL8k.mjs → index-CYUcQl4W.mjs}

@@ -1,85 +1,17 @@
 'use client';
 import * as React from 'react';
-import React__default from 'react';
 import * as ReactDOM from 'react-dom';
-import { u as useComposedRefs, S as Slot, P as Primitive, c as composeEventHandlers, h as hideOthers, a as useFocusGuards, R as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, b as Portal$1 } from './Combination-CFD0IA8r.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-BpO6XTeS.mjs';
+import { c as createCollection, u as useDirection } from './index-BbAu4d3T.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-DLovItWo.mjs';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-DNxTGgc1.mjs';
 
 // packages/core/number/src/number.ts
 function clamp(value, [min, max]) {
   return Math.min(max, Math.max(min, value));
 }
 
-function createCollection(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
-  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
-    PROVIDER_NAME,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  );
-  const CollectionProvider = (props) => {
-    const { scope, children } = props;
-    const ref = React__default.useRef(null);
-    const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-  };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React__default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children } = props;
-      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx(Slot, { ref: composedRefs, children });
-    }
-  );
-  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
-  const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React__default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children, ...itemData } = props;
-      const ref = React__default.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
-      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React__default.useEffect(() => {
-        context.itemMap.set(ref, { ref, ...itemData });
-        return () => void context.itemMap.delete(ref);
-      });
-      return /* @__PURE__ */ jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-    }
-  );
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React__default.useCallback(() => {
-      const collectionNode = context.collectionRef.current;
-      if (!collectionNode) return [];
-      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-      const items = Array.from(context.itemMap.values());
-      const orderedItems = items.sort(
-        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
-      );
-      return orderedItems;
-    }, [context.collectionRef, context.itemMap]);
-    return getItems;
-  }
-  return [
-    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-    useCollection,
-    createCollectionScope
-  ];
-}
-
-// packages/react/direction/src/Direction.tsx
-var DirectionContext = React.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React.useContext(DirectionContext);
-  return localDir || globalDir || "ltr";
-}
-
 // packages/react/use-previous/src/usePrevious.tsx
 function usePrevious(value) {
   const ref = React.useRef({ value, previous: value });

package/lib/_shared/esm/{index-ZYyu0Vjh.mjs → index-CxrL7jIX.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-CFD0IA8r.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-BpO6XTeS.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-DNxTGgc1.mjs';
-import { P as Presence } from './index-BUp5JjoD.mjs';
+import { c as createPopperScope, A as Anchor, C as Content, a as Arrow, R as Root2$1 } from './index-DLovItWo.mjs';
+import { P as Presence } from './index-DXTwueLZ.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var POPOVER_NAME = "Popover";

package/lib/_shared/esm/{index-DNxTGgc1.mjs → index-DLovItWo.mjs}

@@ -1,7 +1,7 @@
 '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-CFD0IA8r.mjs';
+import { P as Primitive, u as useComposedRefs } from './Combination-BpO6XTeS.mjs';
 import { jsx } from 'react/jsx-runtime';
 import { c as createContextScope, f as useCallbackRef, b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
 

package/lib/_shared/esm/{index-BUp5JjoD.mjs → index-DXTwueLZ.mjs}

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { u as useComposedRefs } from './Combination-CFD0IA8r.mjs';
+import { u as useComposedRefs } from './Combination-BpO6XTeS.mjs';
 import { b as useLayoutEffect2 } from './index-Bz2JQq34.mjs';
 
 function useStateMachine(initialState, machine) {

package/lib/_shared/esm/{index-pkbjTTz_.mjs → index-J5IHetgg.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-CFD0IA8r.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-BpO6XTeS.mjs';
 import { c as createContextScope, d as createContext2, u as useControllableState, a as useId } from './index-Bz2JQq34.mjs';
-import { P as Presence } from './index-BUp5JjoD.mjs';
+import { P as Presence } from './index-DXTwueLZ.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DIALOG_NAME = "Dialog";

package/lib/_shared/esm/{index.es-JItYKukj.mjs → index.es-C3WGtwrW.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 06 Mar 2025 14:17:53 GMT
+ * Generated on Mon, 19 May 2025 14:54:16 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";
@@ -9,4 +9,4 @@ var ArcSizeBreakpointsL = "1024px";
 var ArcSizeBreakpointsXl = "1280px";
 var ArcSizeBreakpointsXxl = "1440px";
 
-export { ArcSizeBreakpointsS as A, ArcSizeBreakpointsM as a, ArcSizeBreakpointsXxl as b, ArcSizeBreakpointsXl as c, ArcSizeBreakpointsL as d, ArcSizeBreakpointsXs as e };
+export { ArcSizeBreakpointsM as A, ArcSizeBreakpointsS as a, ArcSizeBreakpointsXxl as b, ArcSizeBreakpointsXl as c, ArcSizeBreakpointsL as d, ArcSizeBreakpointsXs as e };