@arc-ui/components 11.1.0 → 11.3.0

package/dist/Select/Select.cjs.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-45bfb67b.js');
-var React$2 = require('react');
+var React$1 = require('react');
+var index_module = require('../_shared/cjs/index.module-af7c85f2.js');
 var $7SXl2$reactdom = require('react-dom');
 var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.js');
+var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 var Base = require('../_shared/cjs/Base-e2b846fe.js');
 require('../_shared/cjs/index-78b35bc1.js');
@@ -18,252 +20,31 @@ require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
-var React__namespace = /*#__PURE__*/_interopNamespace(React$2);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
 var $7SXl2$reactdom__default = /*#__PURE__*/_interopDefaultLegacy($7SXl2$reactdom);
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value, [min, max]) {
     return Math.min(max, Math.max(min, value));
 }
 
-function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
-    return function handleEvent(event) {
-        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
-        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-    };
-}
-
-/* -------------------------------------------------------------------------------------------------
- * createContextScope
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
-    let defaultContexts = [];
-    /* -----------------------------------------------------------------------------------------------
-   * createContext
-   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
-        const BaseContext = /*#__PURE__*/ React$2.createContext(defaultContext);
-        const index = defaultContexts.length;
-        defaultContexts = [
-            ...defaultContexts,
-            defaultContext
-        ];
-        function Provider(props) {
-            const { scope: scope , children: children , ...context } = props;
-            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            const value = React$2.useMemo(()=>context
-            , Object.values(context));
-            return /*#__PURE__*/ React$2.createElement(Context.Provider, {
-                value: value
-            }, children);
-        }
-        function useContext(consumerName, scope) {
-            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
-            const context = React$2.useContext(Context);
-            if (context) return context;
-            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
-            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-        }
-        Provider.displayName = rootComponentName + 'Provider';
-        return [
-            Provider,
-            useContext
-        ];
-    }
-    /* -----------------------------------------------------------------------------------------------
-   * createScope
-   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
-        const scopeContexts = defaultContexts.map((defaultContext)=>{
-            return /*#__PURE__*/ React$2.createContext(defaultContext);
-        });
-        return function useScope(scope) {
-            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
-            return React$2.useMemo(()=>({
-                    [`__scope${scopeName}`]: {
-                        ...scope,
-                        [scopeName]: contexts
-                    }
-                })
-            , [
-                scope,
-                contexts
-            ]);
-        };
-    };
-    createScope.scopeName = scopeName;
-    return [
-        $c512c27ab02ef895$export$fd42f52fd3ae1109,
-        $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
-    ];
-}
-/* -------------------------------------------------------------------------------------------------
- * composeContextScopes
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
-    const baseScope = scopes[0];
-    if (scopes.length === 1) return baseScope;
-    const createScope1 = ()=>{
-        const scopeHooks = scopes.map((createScope)=>({
-                useScope: createScope(),
-                scopeName: createScope.scopeName
-            })
-        );
-        return function useComposedScopes(overrideScopes) {
-            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
-                // We are calling a hook inside a callback which React warns against to avoid inconsistent
-                // renders, however, scoping doesn't have render side effects so we ignore the rule.
-                // eslint-disable-next-line react-hooks/rules-of-hooks
-                const scopeProps = useScope(overrideScopes);
-                const currentScope = scopeProps[`__scope${scopeName}`];
-                return {
-                    ...nextScopes,
-                    ...currentScope
-                };
-            }, {});
-            return React$2.useMemo(()=>({
-                    [`__scope${baseScope.scopeName}`]: nextScopes1
-                })
-            , [
-                nextScopes1
-            ]);
-        };
-    };
-    createScope1.scopeName = baseScope.scopeName;
-    return createScope1;
-}
-
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$var$setRef(ref, value) {
-    if (typeof ref === 'function') ref(value);
-    else if (ref !== null && ref !== undefined) ref.current = value;
-}
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
-        )
-    ;
-}
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React$2.useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
-}
-
-/* -------------------------------------------------------------------------------------------------
- * Slot
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    const childrenArray = React$2.Children.toArray(children);
-    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-    if (slottable) {
-        // the new element to render is the one passed as a child of `Slottable`
-        const newElement = slottable.props.children;
-        const newChildren = childrenArray.map((child)=>{
-            if (child === slottable) {
-                // because the new element will be the one rendered, we are only interested
-                // in grabbing its children (`newElement.props.children`)
-                if (React$2.Children.count(newElement) > 1) return React$2.Children.only(null);
-                return /*#__PURE__*/ React$2.isValidElement(newElement) ? newElement.props.children : null;
-            } else return child;
-        });
-        return /*#__PURE__*/ React$2.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-            ref: forwardedRef
-        }), /*#__PURE__*/ React$2.isValidElement(newElement) ? /*#__PURE__*/ React$2.cloneElement(newElement, undefined, newChildren) : null);
-    }
-    return /*#__PURE__*/ React$2.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-        ref: forwardedRef
-    }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
-/* -------------------------------------------------------------------------------------------------
- * SlotClone
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    if (/*#__PURE__*/ React$2.isValidElement(children)) return /*#__PURE__*/ React$2.cloneElement(children, {
-        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-        ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
-    });
-    return React$2.Children.count(children) > 1 ? React$2.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
-/* -------------------------------------------------------------------------------------------------
- * Slottable
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
-    return /*#__PURE__*/ React$2.createElement(React$2.Fragment, null, children);
-};
-/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
-    return /*#__PURE__*/ React$2.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-    // all child props should override
-    const overrideProps = {
-        ...childProps
-    };
-    for(const propName in childProps){
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            // if the handler exists on both, we compose them
-            if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
-                childPropValue(...args);
-                slotPropValue(...args);
-            };
-            else if (slotPropValue) overrideProps[propName] = slotPropValue;
-        } else if (propName === 'style') overrideProps[propName] = {
-            ...slotPropValue,
-            ...childPropValue
-        };
-        else if (propName === 'className') overrideProps[propName] = [
-            slotPropValue,
-            childPropValue
-        ].filter(Boolean).join(' ');
-    }
-    return {
-        ...slotProps,
-        ...overrideProps
-    };
-}
-
 // We have resorted to returning slots directly rather than exposing primitives that can then
 // be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
 // This is because we encountered issues with generic types that cannot be statically analysed
@@ -272,7 +53,7 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     /* -----------------------------------------------------------------------------------------------
    * CollectionProvider
    * ---------------------------------------------------------------------------------------------*/ const PROVIDER_NAME = name + 'CollectionProvider';
-    const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
+    const [createCollectionContext, createCollectionScope] = index_module.$c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
     const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
         collectionRef: {
             current: null
@@ -295,8 +76,8 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     const CollectionSlot = /*#__PURE__*/ React__default["default"].forwardRef((props, forwardedRef)=>{
         const { scope: scope , children: children  } = props;
         const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
-        return /*#__PURE__*/ React__default["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+        const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
+        return /*#__PURE__*/ React__default["default"].createElement(index_module.$5e63c961fc1ce211$export$8c6ed5c666ac1360, {
             ref: composedRefs
         }, children);
     });
@@ -307,7 +88,7 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     const CollectionItemSlot = /*#__PURE__*/ React__default["default"].forwardRef((props, forwardedRef)=>{
         const { scope: scope , children: children , ...itemData } = props;
         const ref = React__default["default"].useRef(null);
-        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+        const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
         const context = useCollectionContext(ITEM_SLOT_NAME, scope);
         React__default["default"].useEffect(()=>{
             context.itemMap.set(ref, {
@@ -317,7 +98,7 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
             return ()=>void context.itemMap.delete(ref)
             ;
         });
-        return /*#__PURE__*/ React__default["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+        return /*#__PURE__*/ React__default["default"].createElement(index_module.$5e63c961fc1ce211$export$8c6ed5c666ac1360, {
             [ITEM_DATA_ATTR]: '',
             ref: composedRefs
         }, children);
@@ -351,111 +132,17 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     ];
 }
 
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React$2.createContext(undefined);
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React$1.createContext(undefined);
 /* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React$2.useContext($f631663db3294ace$var$DirectionContext);
+    const globalDir = React$1.useContext($f631663db3294ace$var$DirectionContext);
     return localDir || globalDir || 'ltr';
 }
 
-const $8927f6f2acc4f386$var$NODES = [
-    'a',
-    'button',
-    'div',
-    'h2',
-    'h3',
-    'img',
-    'label',
-    'li',
-    'nav',
-    'ol',
-    'p',
-    'span',
-    'svg',
-    'ul'
-]; // Temporary while we await merge of this fix:
-// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
-// prettier-ignore
-/* -------------------------------------------------------------------------------------------------
- * Primitive
- * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
-    const Node = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
-        const { asChild: asChild , ...primitiveProps } = props;
-        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-        React$2.useEffect(()=>{
-            window[Symbol.for('radix-ui')] = true;
-        }, []);
-        return /*#__PURE__*/ React$2.createElement(Comp, _extends({}, primitiveProps, {
-            ref: forwardedRef
-        }));
-    });
-    Node.displayName = `Primitive.${node}`;
-    return {
-        ...primitive,
-        [node]: Node
-    };
-}, {});
-/* -------------------------------------------------------------------------------------------------
- * Utils
- * -----------------------------------------------------------------------------------------------*/ /**
- * Flush custom event dispatch
- * https://github.com/radix-ui/primitives/pull/1378
- *
- * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
- *
- * Internally, React prioritises events in the following order:
- *  - discrete
- *  - continuous
- *  - default
- *
- * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
- *
- * `discrete` is an  important distinction as updates within these events are applied immediately.
- * React however, is not able to infer the priority of custom event types due to how they are detected internally.
- * Because of this, it's possible for updates from custom events to be unexpectedly batched when
- * dispatched by another `discrete` event.
- *
- * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
- * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
- * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
- * For example:
- *
- * dispatching a known click 👎
- * target.dispatchEvent(new Event(‘click’))
- *
- * dispatching a custom type within a non-discrete event 👎
- * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
- *
- * dispatching a custom type within a `discrete` event 👍
- * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
- *
- * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use
- * this utility with them. This is because it's possible for those handlers to be called implicitly during render
- * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
- */ function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {
-    if (target) $7SXl2$reactdom.flushSync(()=>target.dispatchEvent(event)
-    );
-}
-
-/**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
- */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
-    const callbackRef = React$2.useRef(callback);
-    React$2.useEffect(()=>{
-        callbackRef.current = callback;
-    }); // https://github.com/facebook/react/issues/19240
-    return React$2.useMemo(()=>(...args)=>{
-            var _callbackRef$current;
-            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
-        }
-    , []);
-}
-
 /**
  * Listens for when the escape key is down
  */ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-    const onEscapeKeyDown = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
-    React$2.useEffect(()=>{
+    const onEscapeKeyDown = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
+    React$1.useEffect(()=>{
         const handleKeyDown = (event)=>{
             if (event.key === 'Escape') onEscapeKeyDown(event);
         };
@@ -472,19 +159,19 @@ const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
 const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
 let $5cb92bef7577960e$var$originalBodyPointerEvents;
-const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ React$2.createContext({
+const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ React$1.createContext({
     layers: new Set(),
     layersWithOutsidePointerEventsDisabled: new Set(),
     branches: new Set()
 });
-const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     var _node$ownerDocument;
     const { disableOutsidePointerEvents: disableOutsidePointerEvents = false , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , ...layerProps } = props;
-    const context = React$2.useContext($5cb92bef7577960e$var$DismissableLayerContext);
-    const [node1, setNode] = React$2.useState(null);
+    const context = React$1.useContext($5cb92bef7577960e$var$DismissableLayerContext);
+    const [node1, setNode] = React$1.useState(null);
     const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
-    const [, force] = React$2.useState({});
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
+    const [, force] = React$1.useState({});
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
     );
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [
@@ -525,7 +212,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardR
             onDismiss();
         }
     }, ownerDocument);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         if (!node1) return;
         if (disableOutsidePointerEvents) {
             if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -550,7 +237,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardR
    * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
    * and add it to the end again so the layering order wouldn't be _creation order_.
    * We only want them to be removed from context stacks when unmounted.
-   */ React$2.useEffect(()=>{
+   */ React$1.useEffect(()=>{
         return ()=>{
             if (!node1) return;
             context.layers.delete(node1);
@@ -561,22 +248,22 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardR
         node1,
         context
     ]);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         const handleUpdate = ()=>force({})
         ;
         document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
         return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
         ;
     }, []);
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({}, layerProps, {
         ref: composedRefs,
         style: {
             pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
             ...props.style
         },
-        onFocusCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
+        onFocusCapture: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
     }));
 });
 /* -----------------------------------------------------------------------------------------------*/ /**
@@ -584,10 +271,10 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardR
  * to mimic layer dismissing behaviour present in OS.
  * Returns props to pass to the node we want to check for outside events.
  */ function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-    const handlePointerDownOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
-    const isPointerInsideReactTreeRef = React$2.useRef(false);
-    const handleClickRef = React$2.useRef(()=>{});
-    React$2.useEffect(()=>{
+    const handlePointerDownOutside = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
+    const isPointerInsideReactTreeRef = React$1.useRef(false);
+    const handleClickRef = React$1.useRef(()=>{});
+    React$1.useEffect(()=>{
         const handlePointerDown = (event)=>{
             if (event.target && !isPointerInsideReactTreeRef.current) {
                 const eventDetail = {
@@ -652,9 +339,9 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React$2.forwardR
  * Listens for when focus happens outside a react subtree.
  * Returns props to pass to the root (node) of the subtree we want to check.
  */ function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-    const handleFocusOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
-    const isFocusInsideReactTreeRef = React$2.useRef(false);
-    React$2.useEffect(()=>{
+    const handleFocusOutside = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
+    const isFocusInsideReactTreeRef = React$1.useRef(false);
+    React$1.useEffect(()=>{
         const handleFocus = (event)=>{
             if (event.target && !isFocusInsideReactTreeRef.current) {
                 const eventDetail = {
@@ -692,7 +379,7 @@ function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name, handler, detai
     if (handler) target.addEventListener(name, handler, {
         once: true
     });
-    if (discrete) $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event);
+    if (discrete) index_module.$8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event);
     else target.dispatchEvent(event);
 }
 
@@ -701,7 +388,7 @@ function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name, handler, detai
  * Injects a pair of focus guards at the edges of the whole DOM tree
  * to ensure `focusin` & `focusout` events can be caught consistently.
  */ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         var _edgeGuards$, _edgeGuards$2;
         const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
         document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
@@ -728,15 +415,15 @@ const $d3863c46a17e8a28$var$EVENT_OPTIONS = {
     bubbles: false,
     cancelable: true
 };
-const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { loop: loop = false , trapped: trapped = false , onMountAutoFocus: onMountAutoFocusProp , onUnmountAutoFocus: onUnmountAutoFocusProp , ...scopeProps } = props;
-    const [container1, setContainer] = React$2.useState(null);
-    const onMountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp);
-    const onUnmountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp);
-    const lastFocusedElementRef = React$2.useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContainer(node)
+    const [container1, setContainer] = React$1.useState(null);
+    const onMountAutoFocus = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp);
+    const onUnmountAutoFocus = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp);
+    const lastFocusedElementRef = React$1.useRef(null);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContainer(node)
     );
-    const focusScope = React$2.useRef({
+    const focusScope = React$1.useRef({
         paused: false,
         pause () {
             this.paused = true;
@@ -745,7 +432,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$2.forwardR
             this.paused = false;
         }
     }).current; // Takes care of trapping focus if focus is moved outside programmatically for example
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         if (trapped) {
             function handleFocusIn(event) {
                 if (focusScope.paused || !container1) return;
@@ -773,7 +460,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$2.forwardR
         container1,
         focusScope.paused
     ]);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         if (container1) {
             $d3863c46a17e8a28$var$focusScopesStack.add(focusScope);
             const previouslyFocusedElement = document.activeElement;
@@ -812,7 +499,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$2.forwardR
         onUnmountAutoFocus,
         focusScope
     ]); // Takes care of looping focus (when tabbing whilst at the edges)
-    const handleKeyDown = React$2.useCallback((event)=>{
+    const handleKeyDown = React$1.useCallback((event)=>{
         if (!loop && !trapped) return;
         if (focusScope.paused) return;
         const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;
@@ -842,7 +529,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React$2.forwardR
         trapped,
         focusScope.paused
     ]);
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({
         tabIndex: -1
     }, scopeProps, {
         ref: composedRefs,
@@ -966,20 +653,12 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
     );
 }
 
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React$2.useLayoutEffect : ()=>{};
-
 const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
 );
 let $1746a345f3d73bb7$var$count = 0;
 function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
         );
     }, [
@@ -988,77 +667,16 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     return deterministicId || (id ? `radix-${id}` : '');
 }
 
-const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     var _globalThis$document;
     const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
-    return container ? /*#__PURE__*/ $7SXl2$reactdom__default["default"].createPortal(/*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
+    return container ? /*#__PURE__*/ $7SXl2$reactdom__default["default"].createPortal(/*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({}, portalProps, {
         ref: forwardedRef
     })), container) : null;
 });
 
-function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
-    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
-        defaultProp: defaultProp,
-        onChange: onChange
-    });
-    const isControlled = prop !== undefined;
-    const value1 = isControlled ? prop : uncontrolledProp;
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-    const setValue = React$2.useCallback((nextValue)=>{
-        if (isControlled) {
-            const setter = nextValue;
-            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
-            if (value !== prop) handleChange(value);
-        } else setUncontrolledProp(nextValue);
-    }, [
-        isControlled,
-        prop,
-        setUncontrolledProp,
-        handleChange
-    ]);
-    return [
-        value1,
-        setValue
-    ];
-}
-function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
-    const uncontrolledState = React$2.useState(defaultProp);
-    const [value] = uncontrolledState;
-    const prevValueRef = React$2.useRef(value);
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-    React$2.useEffect(()=>{
-        if (prevValueRef.current !== value) {
-            handleChange(value);
-            prevValueRef.current = value;
-        }
-    }, [
-        value,
-        prevValueRef,
-        handleChange
-    ]);
-    return uncontrolledState;
-}
-
-function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-    const ref = React$2.useRef({
-        value: value,
-        previous: value
-    }); // We compare values before making an update to ensure that
-    // a change has been made. This ensures the previous value is
-    // persisted correctly between renders.
-    return React$2.useMemo(()=>{
-        if (ref.current.value !== value) {
-            ref.current.previous = ref.current.value;
-            ref.current.value = value;
-        }
-        return ref.current.previous;
-    }, [
-        value
-    ]);
-}
-
-const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {
+const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({}, props, {
         ref: forwardedRef,
         style: {
             // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1300,7 +918,7 @@ function assignRef(ref, value) {
  * @returns {MutableRefObject}
  */
 function useCallbackRef(initialValue, callback) {
-    var ref = React$2.useState(function () { return ({
+    var ref = React$1.useState(function () { return ({
         // value
         value: initialValue,
         // last callback
@@ -1934,37 +1552,37 @@ const $cc7e05a45900e73f$var$SELECTION_KEYS = [
  * Select
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SELECT_NAME = 'Select';
 const [$cc7e05a45900e73f$var$Collection, $cc7e05a45900e73f$var$useCollection, $cc7e05a45900e73f$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($cc7e05a45900e73f$var$SELECT_NAME);
-const [$cc7e05a45900e73f$var$createSelectContext, $cc7e05a45900e73f$export$286727a75dc039bd] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cc7e05a45900e73f$var$SELECT_NAME, [
+const [$cc7e05a45900e73f$var$createSelectContext, $cc7e05a45900e73f$export$286727a75dc039bd] = index_module.$c512c27ab02ef895$export$50c7b4e9d9f19c1($cc7e05a45900e73f$var$SELECT_NAME, [
     $cc7e05a45900e73f$var$createCollectionScope
 ]);
 const [$cc7e05a45900e73f$var$SelectProvider, $cc7e05a45900e73f$var$useSelectContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
 const [$cc7e05a45900e73f$var$SelectNativeOptionsProvider, $cc7e05a45900e73f$var$useSelectNativeOptionsContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
 const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
     const { __scopeSelect: __scopeSelect , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange , dir: dir , name: name , autoComplete: autoComplete , disabled: disabled , required: required  } = props;
-    const [trigger, setTrigger] = React$2.useState(null);
-    const [valueNode, setValueNode] = React$2.useState(null);
-    const [valueNodeHasChildren, setValueNodeHasChildren] = React$2.useState(false);
+    const [trigger, setTrigger] = React$1.useState(null);
+    const [valueNode, setValueNode] = React$1.useState(null);
+    const [valueNodeHasChildren, setValueNodeHasChildren] = React$1.useState(false);
     const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-    const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    const [open = false, setOpen] = index_module.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: openProp,
         defaultProp: defaultOpen,
         onChange: onOpenChange
     });
-    const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    const [value, setValue] = index_module.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
     });
-    const triggerPointerDownPosRef = React$2.useRef(null); // We set this to true by default so that events bubble to forms without JS (SSR)
+    const triggerPointerDownPosRef = React$1.useRef(null); // We set this to true by default so that events bubble to forms without JS (SSR)
     const isFormControl = trigger ? Boolean(trigger.closest('form')) : true;
-    const [nativeOptionsSet, setNativeOptionsSet] = React$2.useState(new Set()); // The native `select` only associates the correct default value if the corresponding
+    const [nativeOptionsSet, setNativeOptionsSet] = React$1.useState(new Set()); // The native `select` only associates the correct default value if the corresponding
     // `option` is rendered as a child **at the same time** as itself.
     // Because it might take a few renders for our items to gather the information to build
     // the native `option`(s), we generate a key on the `select` to make sure React re-builds it
     // each time the options change.
     const nativeSelectKey = Array.from(nativeOptionsSet).map((option)=>option.props.value
     ).join(';');
-    return /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectProvider, {
+    return /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectProvider, {
         required: required,
         scope: __scopeSelect,
         trigger: trigger,
@@ -1981,22 +1599,22 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
         dir: direction,
         triggerPointerDownPosRef: triggerPointerDownPosRef,
         disabled: disabled
-    }, /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$Collection.Provider, {
+    }, /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$Collection.Provider, {
         scope: __scopeSelect
-    }, /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectNativeOptionsProvider, {
+    }, /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectNativeOptionsProvider, {
         scope: props.__scopeSelect,
-        onNativeOptionAdd: React$2.useCallback((option)=>{
+        onNativeOptionAdd: React$1.useCallback((option)=>{
             setNativeOptionsSet((prev)=>new Set(prev).add(option)
             );
         }, []),
-        onNativeOptionRemove: React$2.useCallback((option)=>{
+        onNativeOptionRemove: React$1.useCallback((option)=>{
             setNativeOptionsSet((prev)=>{
                 const optionsSet = new Set(prev);
                 optionsSet.delete(option);
                 return optionsSet;
             });
         }, [])
-    }, children)), isFormControl ? /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$BubbleSelect, {
+    }, children)), isFormControl ? /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$BubbleSelect, {
         key: nativeSelectKey,
         "aria-hidden": true,
         required: required,
@@ -2008,18 +1626,18 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
         onChange: (event)=>setValue(event.target.value)
         ,
         disabled: disabled
-    }, value === undefined ? /*#__PURE__*/ React$2.createElement("option", {
+    }, value === undefined ? /*#__PURE__*/ React$1.createElement("option", {
         value: ""
     }) : null, Array.from(nativeOptionsSet)) : null);
 };
 /* -------------------------------------------------------------------------------------------------
  * SelectTrigger
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$TRIGGER_NAME = 'SelectTrigger';
-const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , disabled: disabled = false , ...triggerProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME, __scopeSelect);
     const isDisabled = context.disabled || disabled;
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.onTriggerChange);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.onTriggerChange);
     const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = $cc7e05a45900e73f$var$useTypeaheadSearch((search)=>{
         const enabledItems = getItems().filter((item)=>!item.disabled
@@ -2035,7 +1653,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRe
             resetTypeahead();
         }
     };
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, index_module._extends({
         type: "button",
         role: "combobox",
         "aria-controls": context.contentId,
@@ -2050,7 +1668,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRe
     }, triggerProps, {
         ref: composedRefs // Enable compatibility with native label or custom `Label` "click" for Safari:
         ,
-        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onClick, (event)=>{
+        onClick: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onClick, (event)=>{
             // Whilst browsers generally have no issue focusing the trigger when clicking
             // on a label, Safari seems to struggle with the fact that there's no `onClick`.
             // We force `focus` in this case. Note: this doesn't create any other side-effect
@@ -2058,7 +1676,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRe
             // this only runs for a label "click"
             event.currentTarget.focus();
         }),
-        onPointerDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onPointerDown, (event)=>{
+        onPointerDown: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onPointerDown, (event)=>{
             // prevent implicit pointer capture
             // https://www.w3.org/TR/pointerevents3/#implicit-pointer-capture
             const target = event.target;
@@ -2074,7 +1692,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRe
                 event.preventDefault();
             }
         }),
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onKeyDown, (event)=>{
+        onKeyDown: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onKeyDown, (event)=>{
             const isTypingAhead = searchRef.current !== '';
             const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
             if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -2089,20 +1707,20 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ React$2.forwardRe
 /* -------------------------------------------------------------------------------------------------
  * SelectValue
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$VALUE_NAME = 'SelectValue';
-const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     // We ignore `className` and `style` as this part shouldn't be styled.
     const { __scopeSelect: __scopeSelect , className: className , style: style , children: children , placeholder: placeholder , ...valueProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME, __scopeSelect);
     const { onValueNodeHasChildrenChange: onValueNodeHasChildrenChange  } = context;
     const hasChildren = children !== undefined;
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.onValueNodeChange);
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.onValueNodeChange);
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         onValueNodeHasChildrenChange(hasChildren);
     }, [
         onValueNodeHasChildrenChange,
         hasChildren
     ]);
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, valueProps, {
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({}, valueProps, {
         ref: composedRefs // we don't want events from the portalled `SelectValue` children to bubble
         ,
         style: {
@@ -2110,67 +1728,67 @@ const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ React$2.forwardR
         }
     }), context.value === undefined && placeholder !== undefined ? placeholder : children);
 });
-const $cc7e05a45900e73f$export$99b400cabb58c515 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$99b400cabb58c515 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , children: children , ...iconProps } = props;
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({
         "aria-hidden": true
     }, iconProps, {
         ref: forwardedRef
     }), children || '▼');
 });
 const $cc7e05a45900e73f$export$b2af6c9944296213 = (props)=>{
-    return /*#__PURE__*/ React$2.createElement($f1701beae083dbae$export$602eac185826482c, _extends({
+    return /*#__PURE__*/ React$1.createElement($f1701beae083dbae$export$602eac185826482c, index_module._extends({
         asChild: true
     }, props));
 };
 /* -------------------------------------------------------------------------------------------------
  * SelectContent
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$CONTENT_NAME = 'SelectContent';
-const $cc7e05a45900e73f$export$c973a4b3cb86a03d = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$c973a4b3cb86a03d = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, props.__scopeSelect);
-    const [fragment, setFragment] = React$2.useState(); // setting the fragment in `useLayoutEffect` as `DocumentFragment` doesn't exist on the server
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const [fragment, setFragment] = React$1.useState(); // setting the fragment in `useLayoutEffect` as `DocumentFragment` doesn't exist on the server
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         setFragment(new DocumentFragment());
     }, []);
-    return /*#__PURE__*/ React$2.createElement(React$2.Fragment, null, context.open ? /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectContentImpl, _extends({}, props, {
+    return /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, context.open ? /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectContentImpl, index_module._extends({}, props, {
         ref: forwardedRef
-    })) : fragment ? /*#__PURE__*/ $7SXl2$reactdom.createPortal(/*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectContentProvider, {
+    })) : fragment ? /*#__PURE__*/ $7SXl2$reactdom.createPortal(/*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectContentProvider, {
         scope: props.__scopeSelect
-    }, /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$Collection.Slot, {
+    }, /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$Collection.Slot, {
         scope: props.__scopeSelect
-    }, /*#__PURE__*/ React$2.createElement("div", null, props.children))), fragment) : null);
+    }, /*#__PURE__*/ React$1.createElement("div", null, props.children))), fragment) : null);
 });
 const $cc7e05a45900e73f$var$CONTENT_MARGIN = 10;
 const [$cc7e05a45900e73f$var$SelectContentProvider, $cc7e05a45900e73f$var$useSelectContentContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME);
-const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, __scopeSelect);
-    const [contentWrapper, setContentWrapper] = React$2.useState(null);
-    const [content, setContent] = React$2.useState(null);
-    const [viewport, setViewport] = React$2.useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContent(node)
+    const [contentWrapper, setContentWrapper] = React$1.useState(null);
+    const [content, setContent] = React$1.useState(null);
+    const [viewport, setViewport] = React$1.useState(null);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContent(node)
     );
-    const [selectedItem, setSelectedItem] = React$2.useState(null);
-    const [selectedItemText, setSelectedItemText] = React$2.useState(null);
+    const [selectedItem, setSelectedItem] = React$1.useState(null);
+    const [selectedItemText, setSelectedItemText] = React$1.useState(null);
     const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
-    const [isPositioned, setIsPositioned] = React$2.useState(false);
-    const shouldRepositionRef = React$2.useRef(true);
-    const shouldExpandOnScrollRef = React$2.useRef(false);
-    const firstValidItemFoundRef = React$2.useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
-    React$2.useEffect(()=>{
+    const [isPositioned, setIsPositioned] = React$1.useState(false);
+    const shouldRepositionRef = React$1.useRef(true);
+    const shouldExpandOnScrollRef = React$1.useRef(false);
+    const firstValidItemFoundRef = React$1.useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
+    React$1.useEffect(()=>{
         if (content) return hideOthers(content);
     }, [
         content
     ]); // Make sure the whole tree has focus guards as our `Select` may be
     // the last element in the DOM (because of the `Portal`)
     $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
-    const [contentZIndex, setContentZIndex] = React$2.useState();
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const [contentZIndex, setContentZIndex] = React$1.useState();
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [
         content
     ]);
-    const focusFirst = React$2.useCallback((candidates)=>{
+    const focusFirst = React$1.useCallback((candidates)=>{
         const [firstItem, ...restItems] = getItems().map((item)=>item.ref.current
         );
         const [lastItem] = restItems.slice(-1);
@@ -2190,7 +1808,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         getItems,
         viewport
     ]);
-    const position = React$2.useCallback(()=>{
+    const position = React$1.useCallback(()=>{
         if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
             const triggerRect = context.trigger.getBoundingClientRect(); // -----------------------------------------------------------------------------------------
             //  Horizontal positioning
@@ -2281,11 +1899,11 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         selectedItemText,
         context.dir
     ]);
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>position()
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>position()
     , [
         position
     ]);
-    const focusSelectedItem = React$2.useCallback(()=>focusFirst([
+    const focusSelectedItem = React$1.useCallback(()=>focusFirst([
             selectedItem,
             content
         ])
@@ -2295,7 +1913,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         content
     ]); // Since this is not dependent on layout, we want to ensure this runs at the same time as
     // other effects across components. Hence why we don't call `focusSelectedItem` inside `position`.
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         if (isPositioned) focusSelectedItem();
     }, [
         isPositioned,
@@ -2304,7 +1922,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
     // Because it is part of the normal flow, it will push down the viewport, thus throwing our
     // trigger => selectedItem alignment off by the amount the viewport was pushed down.
     // We wait for this to happen and then re-run the positining logic one more time to account for it.
-    const handleScrollButtonChange = React$2.useCallback((node)=>{
+    const handleScrollButtonChange = React$1.useCallback((node)=>{
         if (node && shouldRepositionRef.current === true) {
             position();
             focusSelectedItem();
@@ -2316,7 +1934,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
     ]); // prevent selecting items on `pointerup` in some cases after opening from `pointerdown`
     // and close on `pointerup` outside.
     const { onOpenChange: onOpenChange , triggerPointerDownPosRef: triggerPointerDownPosRef  } = context;
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         if (content) {
             let pointerMoveDelta = {
                 x: 0,
@@ -2356,7 +1974,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         onOpenChange,
         triggerPointerDownPosRef
     ]);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         const close = ()=>onOpenChange(false)
         ;
         window.addEventListener('blur', close);
@@ -2380,7 +1998,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
        */ setTimeout(()=>nextItem.ref.current.focus()
         );
     });
-    const itemRefCallback = React$2.useCallback((node, value, disabled)=>{
+    const itemRefCallback = React$1.useCallback((node, value, disabled)=>{
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== undefined && context.value === value;
         if (isSelectedItem || isFirstValidItem) {
@@ -2390,18 +2008,18 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
     }, [
         context.value
     ]);
-    const handleItemLeave = React$2.useCallback(()=>content === null || content === void 0 ? void 0 : content.focus()
+    const handleItemLeave = React$1.useCallback(()=>content === null || content === void 0 ? void 0 : content.focus()
     , [
         content
     ]);
-    const itemTextRefCallback = React$2.useCallback((node, value, disabled)=>{
+    const itemTextRefCallback = React$1.useCallback((node, value, disabled)=>{
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== undefined && context.value === value;
         if (isSelectedItem || isFirstValidItem) setSelectedItemText(node);
     }, [
         context.value
     ]);
-    return /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectContentProvider, {
+    return /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectContentProvider, {
         scope: __scopeSelect,
         contentWrapper: contentWrapper,
         content: content,
@@ -2416,10 +2034,10 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         isPositioned: isPositioned,
         shouldExpandOnScrollRef: shouldExpandOnScrollRef,
         searchRef: searchRef
-    }, /*#__PURE__*/ React$2.createElement($01b9c$RemoveScroll, {
-        as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
+    }, /*#__PURE__*/ React$1.createElement($01b9c$RemoveScroll, {
+        as: index_module.$5e63c961fc1ce211$export$8c6ed5c666ac1360,
         allowPinchZoom: true
-    }, /*#__PURE__*/ React$2.createElement("div", {
+    }, /*#__PURE__*/ React$1.createElement("div", {
         ref: setContentWrapper,
         style: {
             display: 'flex',
@@ -2427,7 +2045,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
             position: 'fixed',
             zIndex: contentZIndex
         }
-    }, /*#__PURE__*/ React$2.createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
+    }, /*#__PURE__*/ React$1.createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
         asChild: true // we make sure we're not trapping once it's been closed
         ,
         trapped: context.open,
@@ -2435,14 +2053,14 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
             // we prevent open autofocus because we manually focus the selected item
             event.preventDefault();
         },
-        onUnmountAutoFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(onCloseAutoFocus, (event)=>{
+        onUnmountAutoFocus: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(onCloseAutoFocus, (event)=>{
             var _context$trigger;
             (_context$trigger = context.trigger) === null || _context$trigger === void 0 || _context$trigger.focus({
                 preventScroll: true
             });
             event.preventDefault();
         })
-    }, /*#__PURE__*/ React$2.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
+    }, /*#__PURE__*/ React$1.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, index_module._extends({
         role: "listbox",
         id: context.contentId,
         "data-state": context.open ? 'open' : 'closed',
@@ -2466,7 +2084,7 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
         ,
         onDismiss: ()=>context.onOpenChange(false)
         ,
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(contentProps.onKeyDown, (event)=>{
+        onKeyDown: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(contentProps.onKeyDown, (event)=>{
             const isModifierKey = event.ctrlKey || event.altKey || event.metaKey; // select should not be navigated using tab key so we prevent it
             if (event.key === 'Tab') event.preventDefault();
             if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -2505,18 +2123,18 @@ const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ React$2.forwardRef
 /* -------------------------------------------------------------------------------------------------
  * SelectViewport
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$VIEWPORT_NAME = 'SelectViewport';
-const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , ...viewportProps } = props;
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$VIEWPORT_NAME, __scopeSelect);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onViewportChange);
-    const prevScrollTopRef = React$2.useRef(0);
-    return /*#__PURE__*/ React$2.createElement(React$2.Fragment, null, /*#__PURE__*/ React$2.createElement("style", {
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onViewportChange);
+    const prevScrollTopRef = React$1.useRef(0);
+    return /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, /*#__PURE__*/ React$1.createElement("style", {
         dangerouslySetInnerHTML: {
             __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`
         }
-    }), /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$Collection.Slot, {
+    }), /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$Collection.Slot, {
         scope: __scopeSelect
-    }, /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    }, /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({
         "data-radix-select-viewport": "",
         role: "presentation"
     }, viewportProps, {
@@ -2530,7 +2148,7 @@ const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ React$2.forwardR
             overflow: 'auto',
             ...viewportProps.style
         },
-        onScroll: $e42e1063c40fb3ef$export$b9ecd428b558ff10(viewportProps.onScroll, (event)=>{
+        onScroll: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(viewportProps.onScroll, (event)=>{
             const viewport = event.currentTarget;
             const { contentWrapper: contentWrapper , shouldExpandOnScrollRef: shouldExpandOnScrollRef  } = contentContext;
             if (shouldExpandOnScrollRef !== null && shouldExpandOnScrollRef !== void 0 && shouldExpandOnScrollRef.current && contentWrapper) {
@@ -2564,14 +2182,14 @@ $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME);
  * SelectItem
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_NAME = 'SelectItem';
 const [$cc7e05a45900e73f$var$SelectItemContextProvider, $cc7e05a45900e73f$var$useSelectItemContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$ITEM_NAME);
-const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , value: value , disabled: disabled = false , textValue: textValueProp , ...itemProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
     const isSelected = context.value === value;
-    const [textValue, setTextValue] = React$2.useState(textValueProp !== null && textValueProp !== void 0 ? textValueProp : '');
-    const [isFocused, setIsFocused] = React$2.useState(false);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>{
+    const [textValue, setTextValue] = React$1.useState(textValueProp !== null && textValueProp !== void 0 ? textValueProp : '');
+    const [isFocused, setIsFocused] = React$1.useState(false);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>{
         var _contentContext$itemR;
         return (_contentContext$itemR = contentContext.itemRefCallback) === null || _contentContext$itemR === void 0 ? void 0 : _contentContext$itemR.call(contentContext, node, value, disabled);
     });
@@ -2582,24 +2200,24 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$2.forwardR
             context.onOpenChange(false);
         }
     };
-    return /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectItemContextProvider, {
+    return /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectItemContextProvider, {
         scope: __scopeSelect,
         value: value,
         disabled: disabled,
         textId: textId,
         isSelected: isSelected,
-        onItemTextChange: React$2.useCallback((node)=>{
+        onItemTextChange: React$1.useCallback((node)=>{
             setTextValue((prevTextValue)=>{
                 var _node$textContent;
                 return prevTextValue || ((_node$textContent = node === null || node === void 0 ? void 0 : node.textContent) !== null && _node$textContent !== void 0 ? _node$textContent : '').trim();
             });
         }, [])
-    }, /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$Collection.ItemSlot, {
+    }, /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$Collection.ItemSlot, {
         scope: __scopeSelect,
         value: value,
         disabled: disabled,
         textValue: textValue
-    }, /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    }, /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({
         role: "option",
         "aria-labelledby": textId,
         "data-highlighted": isFocused ? '' : undefined // `isFocused` caveat fixes stuttering in VoiceOver
@@ -2611,12 +2229,12 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$2.forwardR
         tabIndex: disabled ? undefined : -1
     }, itemProps, {
         ref: composedRefs,
-        onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onFocus, ()=>setIsFocused(true)
+        onFocus: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onFocus, ()=>setIsFocused(true)
         ),
-        onBlur: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onBlur, ()=>setIsFocused(false)
+        onBlur: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onBlur, ()=>setIsFocused(false)
         ),
-        onPointerUp: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerUp, handleSelect),
-        onPointerMove: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerMove, (event)=>{
+        onPointerUp: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerUp, handleSelect),
+        onPointerMove: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerMove, (event)=>{
             if (disabled) {
                 var _contentContext$onIte;
                 (_contentContext$onIte = contentContext.onItemLeave) === null || _contentContext$onIte === void 0 || _contentContext$onIte.call(contentContext);
@@ -2626,13 +2244,13 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$2.forwardR
                 preventScroll: true
             });
         }),
-        onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerLeave, (event)=>{
+        onPointerLeave: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerLeave, (event)=>{
             if (event.currentTarget === document.activeElement) {
                 var _contentContext$onIte2;
                 (_contentContext$onIte2 = contentContext.onItemLeave) === null || _contentContext$onIte2 === void 0 || _contentContext$onIte2.call(contentContext);
             }
         }),
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onKeyDown, (event)=>{
+        onKeyDown: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onKeyDown, (event)=>{
             var _contentContext$searc;
             const isTypingAhead = ((_contentContext$searc = contentContext.searchRef) === null || _contentContext$searc === void 0 ? void 0 : _contentContext$searc.current) !== '';
             if (isTypingAhead && event.key === ' ') return;
@@ -2644,21 +2262,21 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * SelectItemText
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_TEXT_NAME = 'SelectItemText';
-const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     // We ignore `className` and `style` as this part shouldn't be styled.
     const { __scopeSelect: __scopeSelect , className: className , style: style , ...itemTextProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
     const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
     const nativeOptionsContext = $cc7e05a45900e73f$var$useSelectNativeOptionsContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
-    const [itemTextNode, setItemTextNode] = React$2.useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setItemTextNode(node)
+    const [itemTextNode, setItemTextNode] = React$1.useState(null);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setItemTextNode(node)
     , itemContext.onItemTextChange, (node)=>{
         var _contentContext$itemT;
         return (_contentContext$itemT = contentContext.itemTextRefCallback) === null || _contentContext$itemT === void 0 ? void 0 : _contentContext$itemT.call(contentContext, node, itemContext.value, itemContext.disabled);
     });
     const textContent = itemTextNode === null || itemTextNode === void 0 ? void 0 : itemTextNode.textContent;
-    const nativeOption = React$2.useMemo(()=>/*#__PURE__*/ React$2.createElement("option", {
+    const nativeOption = React$1.useMemo(()=>/*#__PURE__*/ React$1.createElement("option", {
             key: itemContext.value,
             value: itemContext.value,
             disabled: itemContext.disabled
@@ -2669,7 +2287,7 @@ const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ React$2.forwardR
         textContent
     ]);
     const { onNativeOptionAdd: onNativeOptionAdd , onNativeOptionRemove: onNativeOptionRemove  } = nativeOptionsContext;
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         onNativeOptionAdd(nativeOption);
         return ()=>onNativeOptionRemove(nativeOption)
         ;
@@ -2678,7 +2296,7 @@ const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ React$2.forwardR
         onNativeOptionRemove,
         nativeOption
     ]);
-    return /*#__PURE__*/ React$2.createElement(React$2.Fragment, null, /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+    return /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({
         id: itemContext.textId
     }, itemTextProps, {
         ref: composedRefs
@@ -2687,10 +2305,10 @@ const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * SelectItemIndicator
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_INDICATOR_NAME = 'SelectItemIndicator';
-const $cc7e05a45900e73f$export$6b9198de19accfe6 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$6b9198de19accfe6 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , ...itemIndicatorProps } = props;
     const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+    return itemContext.isSelected ? /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({
         "aria-hidden": true
     }, itemIndicatorProps, {
         ref: forwardedRef
@@ -2699,11 +2317,11 @@ const $cc7e05a45900e73f$export$6b9198de19accfe6 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * SelectScrollUpButton
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME = 'SelectScrollUpButton';
-const $cc7e05a45900e73f$export$d8117927658af6d7 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$d8117927658af6d7 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-    const [canScrollUp1, setCanScrollUp] = React$2.useState(false);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onScrollButtonChange);
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const [canScrollUp1, setCanScrollUp] = React$1.useState(false);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onScrollButtonChange);
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         if (contentContext.viewport && contentContext.isPositioned) {
             const viewport = contentContext.viewport;
             function handleScroll() {
@@ -2719,7 +2337,7 @@ const $cc7e05a45900e73f$export$d8117927658af6d7 = /*#__PURE__*/ React$2.forwardR
         contentContext.viewport,
         contentContext.isPositioned
     ]);
-    return canScrollUp1 ? /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, _extends({}, props, {
+    return canScrollUp1 ? /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, index_module._extends({}, props, {
         ref: composedRefs,
         onAutoScroll: ()=>{
             const { viewport: viewport , selectedItem: selectedItem  } = contentContext;
@@ -2730,11 +2348,11 @@ const $cc7e05a45900e73f$export$d8117927658af6d7 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * SelectScrollDownButton
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton';
-const $cc7e05a45900e73f$export$ff951e476c12189 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$export$ff951e476c12189 = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-    const [canScrollDown1, setCanScrollDown] = React$2.useState(false);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onScrollButtonChange);
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const [canScrollDown1, setCanScrollDown] = React$1.useState(false);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentContext.onScrollButtonChange);
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         if (contentContext.viewport && contentContext.isPositioned) {
             const viewport = contentContext.viewport;
             function handleScroll() {
@@ -2752,7 +2370,7 @@ const $cc7e05a45900e73f$export$ff951e476c12189 = /*#__PURE__*/ React$2.forwardRe
         contentContext.viewport,
         contentContext.isPositioned
     ]);
-    return canScrollDown1 ? /*#__PURE__*/ React$2.createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, _extends({}, props, {
+    return canScrollDown1 ? /*#__PURE__*/ React$1.createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, index_module._extends({}, props, {
         ref: composedRefs,
         onAutoScroll: ()=>{
             const { viewport: viewport , selectedItem: selectedItem  } = contentContext;
@@ -2760,18 +2378,18 @@ const $cc7e05a45900e73f$export$ff951e476c12189 = /*#__PURE__*/ React$2.forwardRe
         }
     })) : null;
 });
-const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , onAutoScroll: onAutoScroll , ...scrollIndicatorProps } = props;
     const contentContext = $cc7e05a45900e73f$var$useSelectContentContext('SelectScrollButton', __scopeSelect);
-    const autoScrollTimerRef = React$2.useRef(null);
+    const autoScrollTimerRef = React$1.useRef(null);
     const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
-    const clearAutoScrollTimer = React$2.useCallback(()=>{
+    const clearAutoScrollTimer = React$1.useCallback(()=>{
         if (autoScrollTimerRef.current !== null) {
             window.clearInterval(autoScrollTimerRef.current);
             autoScrollTimerRef.current = null;
         }
     }, []);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         return ()=>clearAutoScrollTimer()
         ;
     }, [
@@ -2780,7 +2398,7 @@ const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$2.forwa
     // Because it is part of the normal flow, it will push down (top button) or shrink (bottom button)
     // the viewport, potentially causing the active item to now be partially out of view.
     // We re-run the `scrollIntoView` logic to make sure it stays within the viewport.
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         var _activeItem$ref$curre;
         const activeItem = getItems().find((item)=>item.ref.current === document.activeElement
         );
@@ -2790,7 +2408,7 @@ const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$2.forwa
     }, [
         getItems
     ]);
-    return /*#__PURE__*/ React$2.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    return /*#__PURE__*/ React$1.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, index_module._extends({
         "aria-hidden": true
     }, scrollIndicatorProps, {
         ref: forwardedRef,
@@ -2798,22 +2416,22 @@ const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$2.forwa
             flexShrink: 0,
             ...scrollIndicatorProps.style
         },
-        onPointerMove: $e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerMove, ()=>{
+        onPointerMove: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerMove, ()=>{
             var _contentContext$onIte3;
             (_contentContext$onIte3 = contentContext.onItemLeave) === null || _contentContext$onIte3 === void 0 || _contentContext$onIte3.call(contentContext);
             if (autoScrollTimerRef.current === null) autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }),
-        onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerLeave, ()=>{
+        onPointerLeave: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerLeave, ()=>{
             clearAutoScrollTimer();
         })
     }));
 });
-/* -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$BubbleSelect = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+/* -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$BubbleSelect = /*#__PURE__*/ React$1.forwardRef((props, forwardedRef)=>{
     const { value: value , ...selectProps } = props;
-    const ref = React$2.useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-    const prevValue = $010c2913dbd2fe3d$export$5cae361ad82dce8b(value); // Bubble value change to parents (e.g form change event)
-    React$2.useEffect(()=>{
+    const ref = React$1.useRef(null);
+    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+    const prevValue = index_module.$010c2913dbd2fe3d$export$5cae361ad82dce8b(value); // Bubble value change to parents (e.g form change event)
+    React$1.useEffect(()=>{
         const select = ref.current;
         const selectProto = window.HTMLSelectElement.prototype;
         const descriptor = Object.getOwnPropertyDescriptor(selectProto, 'value');
@@ -2840,19 +2458,19 @@ const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ React$2.forwa
    *
    * We use `VisuallyHidden` rather than `display: "none"` because Safari autofill
    * won't work otherwise.
-   */ return /*#__PURE__*/ React$2.createElement($ea1ef594cf570d83$export$439d29a4e110a164, {
+   */ return /*#__PURE__*/ React$1.createElement($ea1ef594cf570d83$export$439d29a4e110a164, {
         asChild: true
-    }, /*#__PURE__*/ React$2.createElement("select", _extends({}, selectProps, {
+    }, /*#__PURE__*/ React$1.createElement("select", index_module._extends({}, selectProps, {
         ref: composedRefs,
         defaultValue: value
     })));
 });
 $cc7e05a45900e73f$var$BubbleSelect.displayName = 'BubbleSelect';
 function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange) {
-    const handleSearchChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onSearchChange);
-    const searchRef = React$2.useRef('');
-    const timerRef = React$2.useRef(0);
-    const handleTypeaheadSearch = React$2.useCallback((key)=>{
+    const handleSearchChange = index_module.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onSearchChange);
+    const searchRef = React$1.useRef('');
+    const timerRef = React$1.useRef(0);
+    const handleTypeaheadSearch = React$1.useCallback((key)=>{
         const search = searchRef.current + key;
         handleSearchChange(search);
         (function updateSearch(value) {
@@ -2864,11 +2482,11 @@ function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange) {
     }, [
         handleSearchChange
     ]);
-    const resetTypeahead = React$2.useCallback(()=>{
+    const resetTypeahead = React$1.useCallback(()=>{
         searchRef.current = '';
         window.clearTimeout(timerRef.current);
     }, []);
-    React$2.useEffect(()=>{
+    React$1.useEffect(()=>{
         return ()=>window.clearTimeout(timerRef.current)
         ;
     }, []);
@@ -2927,28 +2545,8 @@ const $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b919
 const $cc7e05a45900e73f$export$2f60d3ec9ad468f2 = $cc7e05a45900e73f$export$d8117927658af6d7;
 const $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
 
-const React$1 = React__default["default"];
-const BtIconChevronUp2Px = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M28.999,23.5a.99676.99676,0,0,1-.707-.293l-12.28515-12.293L3.708,23.207A.99989.99989,0,0,1,2.294,21.793l13.71289-13.707L29.70605,21.793a.99976.99976,0,0,1-.707,1.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronUp2Px_2 = BtIconChevronUp2Px;
-
 const React = React__default["default"];
-const BtIconTickAlt2Px = props =>
+const BtIconChevronUp2Px = props =>
   /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
@@ -2961,23 +2559,27 @@ const BtIconTickAlt2Px = props =>
     /*#__PURE__*/ React.createElement("defs", null),
     /*#__PURE__*/ React.createElement("path", {
       d:
-        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
+        "M28.999,23.5a.99676.99676,0,0,1-.707-.293l-12.28515-12.293L3.708,23.207A.99989.99989,0,0,1,2.294,21.793l13.71289-13.707L29.70605,21.793a.99976.99976,0,0,1-.707,1.707Z",
       fill: "currentColor"
     })
   );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
+var BtIconChevronUp2Px_2 = BtIconChevronUp2Px;
 
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
     var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure;
-    var id = React$2.useId();
-    var arcRootElement = React$2.useContext(Base.ArcRootElementContext);
-    var surface = React$2.useContext(Surface.Context).surface;
-    var _b = React$2.useState(defaultValue), selectedValue = _b[0], setSelectedValue = _b[1];
+    var id = React$1.useId();
+    var arcRootElement = React$1.useContext(Base.ArcRootElementContext);
+    var surface = React$1.useContext(Surface.Context).surface;
+    var _b = React$1.useState(defaultValue), selectedValue = _b[0], setSelectedValue = _b[1];
     var onValueChange = function (value) {
         onChange && onChange(value);
         setSelectedValue(value);
     };
+    var getSelectedValueName = function (value) {
+        var _a;
+        return (_a = options.find(function (option) { return option.value === value; })) === null || _a === void 0 ? void 0 : _a.name;
+    };
     return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
         React__default["default"].createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
             React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, { id: id, name: name, onBlur: onBlur, className: index.classNames("arc-Select-trigger", {
@@ -2985,7 +2587,7 @@ var Select = function (_a) {
                     "arc-Select-trigger--onDarkSurface": surface === "dark",
                     "arc-Select-trigger--invalid": errorMessage
                 }) },
-                React__default["default"].createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": selectedValue }, !selectedValue ? (React__default["default"].createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default["default"].createElement("span", { className: "arc-Select-valueItem" }, selectedValue))),
+                React__default["default"].createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": getSelectedValueName(selectedValue) }, !selectedValue ? (React__default["default"].createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default["default"].createElement("span", { className: "arc-Select-valueItem" }, getSelectedValueName(selectedValue)))),
                 React__default["default"].createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
                     React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronDown2Px.BtIconChevronDown2Px_2, size: 20 }))),
             React__default["default"].createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement },
@@ -3001,7 +2603,7 @@ var Select = function (_a) {
                                 React__default["default"].createElement($cc7e05a45900e73f$export$d6e5bf9c43ea9319, { asChild: true },
                                     React__default["default"].createElement("span", { className: "arc-Select-itemText" }, name))),
                             React__default["default"].createElement($cc7e05a45900e73f$export$c3468e2714d175fa, null,
-                                React__default["default"].createElement(Icon.Icon, { icon: BtIconTickAlt2Px_2, size: 20 }))));
+                                React__default["default"].createElement(Icon.Icon, { icon: BtIconTickAlt2Px.BtIconTickAlt2Px_2, size: 20 }))));
                     })),
                     React__default["default"].createElement($cc7e05a45900e73f$export$bf1aedc3039c8d63, { className: "arc-Select-scrollButton" },
                         React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronDown2Px.BtIconChevronDown2Px_2, size: 16 })))))));