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

package/lib/_shared/cjs/{RadioCardGroupInput-DT0Xce4L.cjs → RadioCardGroupInput-BmntgyWB.cjs}

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var capitaliseFirstLetter = require('./capitalise-first-letter-CdhexpSx.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
-var Icon = require('./Icon-DdqFr6bT.cjs');
+var Icon = require('./Icon-KMACQ1i3.cjs');
 
 var RadioContext = React.createContext({});
 var Provider = RadioContext.Provider;

package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-XnnzUfOs.cjs → SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs}

@@ -3,11 +3,12 @@
 var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
-var index_es = require('./index.es-CY6h69at.cjs');
-var BtIconChevronRight2Px = require('./BtIconChevronRight2Px-CnplmEFZ.cjs');
+var index_es = require('./index.es-sqSQUWYg.cjs');
+var BtIconChevronRight2Px = require('./BtIconChevronRight2Px-CIRaur2B.cjs');
 var useMediaQuery = require('./use-media-query-BsUfHjPZ.cjs');
+var Icon = require('./Icon-KMACQ1i3.cjs');
 var Surface = require('./Surface-BFx1yNsq.cjs');
-var ButtonV2 = require('./ButtonV2-s8OF4enU.cjs');
+var ButtonV2 = require('./ButtonV2-CRNNZ_nd.cjs');
 var handleLinkClick = require('./handle-link-click-C7BvOIYa.cjs');
 var BrandLogo = require('./BrandLogo-D5wlIFmm.cjs');
 
@@ -102,11 +103,11 @@ var SiteHeaderV2 = function (_a) {
                                 React.createElement("button", { className: "arc-SiteHeaderV2-mobileLogin", onClick: loginOnClick },
                                     loginTitle,
                                     React.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                                        React.createElement(BtIconChevronRight2Px.BtIconChevronRight2Px, null))))) : (React.createElement("div", { className: "arc-SiteHeaderV2-mobileButtonContainer" },
+                                        React.createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronRight2Px }))))) : (React.createElement("div", { className: "arc-SiteHeaderV2-mobileButtonContainer" },
                                 React.createElement("a", { className: "arc-SiteHeaderV2-mobileLogin", href: loginHref },
                                     loginTitle,
                                     React.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                                        React.createElement(BtIconChevronRight2Px.BtIconChevronRight2Px, null)))))))))),
+                                        React.createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronRight2Px })))))))))),
                     (basket || hasLogin || search) && (React.createElement("div", { className: "arc-SiteHeaderV2-secondary" },
                         search ? (React.createElement("div", { className: "arc-SiteHeaderV2-search" }, search)) : null,
                         basket ? (React.createElement("div", { className: "arc-SiteHeaderV2-basket" }, basket)) : null,
@@ -123,7 +124,7 @@ var SiteHeaderV2BackButton = function (_a) {
             setOpenPanelOnFirstClick(false);
         } },
         React.createElement("span", { className: "arc-SiteHeaderV2BackButton-icon" },
-            React.createElement(BtIconChevronRight2Px.BtIconChevronLeft2Px, null)),
+            React.createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronLeft2Px })),
         React.createElement("span", { className: "arc-SiteHeaderV2BackButton-text" }, "Back")));
 };
 
@@ -403,7 +404,7 @@ var SiteHeaderV2NavItemWithSubNav = function (_a) {
                             _d["arc-SiteHeaderV2NavItem-link--itemHasChildren-primary"] = isPrimary,
                             _d)) }, title),
                     React.createElement("span", { className: "arc-SiteHeaderV2-mobileChevron" },
-                        React.createElement(BtIconChevronRight2Px.BtIconChevronRight2Px, null)),
+                        React.createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronRight2Px })),
                     subTitle && !isPrimary && isMinWidthArcBreakpointL ? (React.createElement("div", { className: index.classNames((_e = {},
                             _e["arc-SiteHeaderV2NavItemWithSubNav-text"] = !isPrimary,
                             _e["arc-SiteHeaderV2NavItem-link--itemHasChildren-closeFirstPanel"] = !isPrimary && !opensFirstWithPanel,

package/lib/_shared/cjs/{TemplateBanner-BCbI7NLb.cjs → TemplateBanner-BMi77IGK.cjs}

@@ -3,20 +3,13 @@
 var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
-var index_es = require('./index.es-CY6h69at.cjs');
+var index_es = require('./index.es-sqSQUWYg.cjs');
 var useMediaQuery = require('./use-media-query-BsUfHjPZ.cjs');
 var VerticalSpace = require('./VerticalSpace-BJvST6WP.cjs');
-var Text = require('./Text-Cr5nmYmx.cjs');
 var Box = require('./Box-COPXU1Jf.cjs');
 var Heading = require('./Heading-BEMSkLYR.cjs');
 var GridRow = require('./GridRow-BW2ZGtND.cjs');
-var Image = require('./Image-C1pcrfnN.cjs');
-
-var BannerImage = function (_a) {
-    var sources = _a.sources, props = filterAttrs.__rest(_a, ["sources"]);
-    return (React.createElement(Image.Image, filterAttrs.__assign({ fadeOnLoad: true }, props), sources &&
-        sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); })));
-};
+var BannerImage = require('./BannerImage-kdAKagG-.cjs');
 
 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 = filterAttrs.__rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "headingSize", "isReversed", "isElevated", "headingLevel", "type"]);
@@ -33,7 +26,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,
@@ -45,14 +38,10 @@ var TemplateBanner = function (_a) {
         React.createElement(Box.Box, { isBorderRadius: true, "data-testid": "arc-TemplateBanner-box", borderWidth: borderWidth, surface: backgrounds[type], isSurfaceTransparent: !isContained },
             React.createElement(GridRow.Grid, { isGutterless: true, isFluid: true },
                 React.createElement(GridRow.GridRow, { "data-testid": "arc-TemplateBanner-gridRow", direction: direction },
-                    img && contentRatio !== "1/0" && (React.createElement(GridRow.GridCol, filterAttrs.__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.createElement(BannerImage, filterAttrs.__assign({}, img)))),
                     React.createElement(GridRow.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.createElement("div", { className: index.classNames("arc-TemplateBanner-content", {
                                 "arc-TemplateBanner-content--additionalTopMargin": additionalTopMargin && alignment === "start",
                             }) },
@@ -62,11 +51,14 @@ var TemplateBanner = function (_a) {
                             React.createElement(Heading.Heading, { level: headingLevel, size: headingSize }, heading),
                             text && (React.createElement(React.Fragment, null,
                                 React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
-                                React.createElement("p", { className: "arc-TemplateBanner-text" },
-                                    React.createElement(Text.Text, null, text)))),
+                                React.createElement("span", { className: "arc-TemplateBanner-text" }, text))),
                             children && (React.createElement(React.Fragment, null,
                                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
-                                children)))))))));
+                                children)))),
+                    img && contentRatio !== "1/0" && (React.createElement(GridRow.GridCol, filterAttrs.__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.createElement(BannerImage.BannerImage, filterAttrs.__assign({ ariaHidden: true }, img)))))))));
 };
 
 exports.TemplateBanner = TemplateBanner;

package/lib/_shared/cjs/{index-DbQ2PCr3.cjs → index-Bt7hfZBc.cjs}

@@ -3,7 +3,7 @@
 
 var React = require('react');
 var index$1 = require('./index-B11wQrRa.cjs');
-var Combination = require('./Combination-iNPq-pNP.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('./index-DXNM3D1d.cjs');
 

package/lib/_shared/cjs/{index-BcWpGxUd.cjs → index-C_Rl7v2g.cjs}

@@ -3,10 +3,11 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var Combination = require('./Combination-iNPq-pNP.cjs');
-var index = require('./index-DXNM3D1d.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
+var index = require('./index-EFXw1jWg.cjs');
+var index$1 = require('./index-DXNM3D1d.cjs');
+var index$2 = require('./index-Bt7hfZBc.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('./index-DbQ2PCr3.cjs');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -33,74 +34,6 @@ function clamp(value, [min, max]) {
   return Math.min(max, Math.max(min, value));
 }
 
-function createCollection(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = index.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.useRef(null);
-    const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-  };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children } = props;
-      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = Combination.useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsxRuntime.jsx(Combination.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.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children, ...itemData } = props;
-      const ref = React.useRef(null);
-      const composedRefs = Combination.useComposedRefs(forwardedRef, ref);
-      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React.useEffect(() => {
-        context.itemMap.set(ref, { ref, ...itemData });
-        return () => void context.itemMap.delete(ref);
-      });
-      return /* @__PURE__ */ jsxRuntime.jsx(Combination.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-    }
-  );
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React.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__namespace.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React__namespace.useContext(DirectionContext);
-  return localDir || globalDir || "ltr";
-}
-
 // packages/react/use-previous/src/usePrevious.tsx
 function usePrevious(value) {
   const ref = React__namespace.useRef({ value, previous: value });
@@ -145,12 +78,12 @@ VisuallyHidden.displayName = NAME;
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
-var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
-var [createSelectContext, createSelectScope] = index.createContextScope(SELECT_NAME, [
+var [Collection, useCollection, createCollectionScope] = index.createCollection(SELECT_NAME);
+var [createSelectContext, createSelectScope] = index$1.createContextScope(SELECT_NAME, [
   createCollectionScope,
-  index$1.createPopperScope
+  index$2.createPopperScope
 ]);
-var usePopperScope = index$1.createPopperScope();
+var usePopperScope = index$2.createPopperScope();
 var [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
 var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
 var Select = (props) => {
@@ -174,13 +107,13 @@ var Select = (props) => {
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [valueNode, setValueNode] = React__namespace.useState(null);
   const [valueNodeHasChildren, setValueNodeHasChildren] = React__namespace.useState(false);
-  const direction = useDirection(dir);
-  const [open = false, setOpen] = index.useControllableState({
+  const direction = index.useDirection(dir);
+  const [open = false, setOpen] = index$1.useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  const [value, setValue] = index.useControllableState({
+  const [value, setValue] = index$1.useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange
@@ -189,7 +122,7 @@ var Select = (props) => {
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React__namespace.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(index$2.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
     SelectProvider,
     {
       required,
@@ -200,7 +133,7 @@ var Select = (props) => {
       onValueNodeChange: setValueNode,
       valueNodeHasChildren,
       onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: index.useId(),
+      contentId: index$1.useId(),
       value,
       onValueChange: setValue,
       open,
@@ -280,7 +213,7 @@ var SelectTrigger = React__namespace.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
       Combination.Primitive.button,
       {
         type: "button",
@@ -336,7 +269,7 @@ var SelectValue = React__namespace.forwardRef(
     const { onValueNodeHasChildrenChange } = context;
     const hasChildren = children !== void 0;
     const composedRefs = Combination.useComposedRefs(forwardedRef, context.onValueNodeChange);
-    index.useLayoutEffect2(() => {
+    index$1.useLayoutEffect2(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -369,7 +302,7 @@ var SelectContent = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
     const [fragment, setFragment] = React__namespace.useState();
-    index.useLayoutEffect2(() => {
+    index$1.useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
@@ -730,9 +663,9 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
     context.dir,
     onPlaced
   ]);
-  index.useLayoutEffect2(() => position(), [position]);
+  index$1.useLayoutEffect2(() => position(), [position]);
   const [contentZIndex, setContentZIndex] = React__namespace.useState();
-  index.useLayoutEffect2(() => {
+  index$1.useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
   const handleScrollButtonChange = React__namespace.useCallback(
@@ -793,7 +726,7 @@ var SelectPopperPosition = React__namespace.forwardRef((props, forwardedRef) =>
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.Content,
+    index$2.Content,
     {
       ...popperScope,
       ...popperProps,
@@ -891,7 +824,7 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
-    const groupId = index.useId();
+    const groupId = index$1.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Combination.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
@@ -925,7 +858,7 @@ var SelectItem = React__namespace.forwardRef(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
-    const textId = index.useId();
+    const textId = index$1.useId();
     const pointerTypeRef = React__namespace.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
@@ -1029,7 +962,7 @@ var SelectItemText = React__namespace.forwardRef(
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
-    index.useLayoutEffect2(() => {
+    index$1.useLayoutEffect2(() => {
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
@@ -1055,7 +988,7 @@ var SelectScrollUpButton = React__namespace.forwardRef((props, forwardedRef) =>
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const [canScrollUp, setCanScrollUp] = React__namespace.useState(false);
   const composedRefs = Combination.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index.useLayoutEffect2(() => {
+  index$1.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const canScrollUp2 = viewport.scrollTop > 0;
@@ -1088,7 +1021,7 @@ var SelectScrollDownButton = React__namespace.forwardRef((props, forwardedRef) =
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const [canScrollDown, setCanScrollDown] = React__namespace.useState(false);
   const composedRefs = Combination.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index.useLayoutEffect2(() => {
+  index$1.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const maxScroll = viewport.scrollHeight - viewport.clientHeight;
@@ -1130,7 +1063,7 @@ var SelectScrollButtonImpl = React__namespace.forwardRef((props, forwardedRef) =
   React__namespace.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
-  index.useLayoutEffect2(() => {
+  index$1.useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
@@ -1173,7 +1106,7 @@ var SelectArrow = React__namespace.forwardRef(
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(ARROW_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME;
@@ -1205,7 +1138,7 @@ var BubbleSelect = React__namespace.forwardRef(
 );
 BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
-  const handleSearchChange = index.useCallbackRef(onSearchChange);
+  const handleSearchChange = index$1.useCallbackRef(onSearchChange);
   const searchRef = React__namespace.useRef("");
   const timerRef = React__namespace.useRef(0);
   const handleTypeaheadSearch = React__namespace.useCallback(

package/lib/_shared/cjs/{index-Cn7XSNle.cjs → index-CaO6cOF0.cjs}

@@ -2,10 +2,10 @@
 'use strict';
 
 var React = require('react');
-var Combination = require('./Combination-iNPq-pNP.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
 var index = require('./index-DXNM3D1d.cjs');
-var index$1 = require('./index-DbQ2PCr3.cjs');
-var index$2 = require('./index-DNgUhsBO.cjs');
+var index$1 = require('./index-Bt7hfZBc.cjs');
+var index$2 = require('./index-Dv1xvB_E.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespaceDefault(e) {

package/lib/_shared/cjs/index-CqYNiqix.cjs

@@ -0,0 +1,137 @@
+'use strict';
+
+var index = require('./index-CTlXMLug.cjs');
+
+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__*/index.getDefaultExportFromCjs(miniSvgDataUriExports);
+
+exports.svgToMiniDataURI = svgToMiniDataURI;

package/lib/_shared/cjs/{index-BMs6MHwq.cjs → index-DAr_oO4-.cjs}

@@ -2,9 +2,9 @@
 'use strict';
 
 var React = require('react');
-var Combination = require('./Combination-iNPq-pNP.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
 var index = require('./index-DXNM3D1d.cjs');
-var index$1 = require('./index-DNgUhsBO.cjs');
+var index$1 = require('./index-Dv1xvB_E.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespaceDefault(e) {

package/lib/_shared/cjs/{index-DNgUhsBO.cjs → index-Dv1xvB_E.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var React = require('react');
-var Combination = require('./Combination-iNPq-pNP.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
 var index = require('./index-DXNM3D1d.cjs');
 
 function _interopNamespaceDefault(e) {