@strapi/ui-primitives 2.0.1 → 2.1.0

package/dist/index.mjs

@@ -1,216 +1,169 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { createContextScope, createContext } from "@radix-ui/react-context";
-import { Slot } from "@radix-ui/react-slot";
-import { composeEventHandlers as composeEventHandlers$1 } from "@radix-ui/primitive";
-import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
-import { useFocusGuards } from "@radix-ui/react-focus-guards";
-import { FocusScope } from "@radix-ui/react-focus-scope";
-import { useId } from "@radix-ui/react-id";
-import * as PopperPrimitive from "@radix-ui/react-popper";
-import { createPopperScope } from "@radix-ui/react-popper";
-import { Portal as Portal$2 } from "@radix-ui/react-portal";
-import { Primitive } from "@radix-ui/react-primitive";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
-import { hideOthers } from "aria-hidden";
-import * as ReactDOM from "react-dom";
-import { RemoveScroll } from "react-remove-scroll";
-import { useVirtualizer } from "@tanstack/react-virtual";
-import { clamp } from "@radix-ui/number";
-import { createCollection as createCollection$1 } from "@radix-ui/react-collection";
-import { useDirection } from "@radix-ui/react-direction";
-import { usePrevious } from "@radix-ui/react-use-previous";
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
-function createCollection(name) {
-  const PROVIDER_NAME = `${name}CollectionProvider`;
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
-  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+import { jsx as d, jsxs as ye, Fragment as Se } from "react/jsx-runtime";
+import * as s from "react";
+import { useComposedRefs as A } from "@radix-ui/react-compose-refs";
+import { createContextScope as st, createContext as it } from "@radix-ui/react-context";
+import { Slot as Ee } from "@radix-ui/react-slot";
+import { composeEventHandlers as P } from "@radix-ui/primitive";
+import { DismissableLayer as ct } from "@radix-ui/react-dismissable-layer";
+import { useFocusGuards as at } from "@radix-ui/react-focus-guards";
+import { FocusScope as ut } from "@radix-ui/react-focus-scope";
+import { useId as se } from "@radix-ui/react-id";
+import * as ie from "@radix-ui/react-popper";
+import { createPopperScope as dt } from "@radix-ui/react-popper";
+import { Portal as pt } from "@radix-ui/react-portal";
+import { Primitive as N } from "@radix-ui/react-primitive";
+import { useControllableState as de } from "@radix-ui/react-use-controllable-state";
+import { useLayoutEffect as $ } from "@radix-ui/react-use-layout-effect";
+import { hideOthers as ft } from "aria-hidden";
+import * as we from "react-dom";
+import { RemoveScroll as mt } from "react-remove-scroll";
+import { useVirtualizer as jt } from "@tanstack/react-virtual";
+import { clamp as rt } from "@radix-ui/number";
+import { createCollection as Yt } from "@radix-ui/react-collection";
+import { useDirection as qt } from "@radix-ui/react-direction";
+import { usePrevious as Xt } from "@radix-ui/react-use-previous";
+import { VisuallyHidden as Zt } from "@radix-ui/react-visually-hidden";
+function Jt(o) {
+  const i = `${o}CollectionProvider`, [e, t] = st(i), [n, r] = e(i, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Set()
-  });
-  const CollectionProvider = (props) => {
-    const { scope, children } = props;
-    const ref = React.useRef(null);
-    const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
-    const listeners = React.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, listeners, children });
+  }), c = (u) => {
+    const { scope: f, children: h } = u, b = s.useRef(null), x = s.useRef(/* @__PURE__ */ new Map()).current, p = s.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ d(n, { scope: f, itemMap: x, collectionRef: b, listeners: p, children: h });
   };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = `${name}CollectionSlot`;
-  const CollectionSlot = React.forwardRef((props, forwardedRef) => {
-    const { scope, children } = props;
-    const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-    const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx(Slot, { ref: composedRefs, children });
+  c.displayName = i;
+  const l = `${o}CollectionSlot`, a = s.forwardRef((u, f) => {
+    const { scope: h, children: b } = u, x = r(l, h), p = A(f, x.collectionRef);
+    return /* @__PURE__ */ d(Ee, { ref: p, children: b });
   });
-  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-  const ITEM_SLOT_NAME = `${name}CollectionItemSlot`;
-  const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React.forwardRef((props, forwardedRef) => {
-    const { scope, children, ...itemData } = props;
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React.useEffect(() => {
-      const previousMap = Array.from(context.itemMap.values());
-      context.itemMap.set(ref, { ref, ...itemData });
-      context.listeners.forEach((listener) => listener(Array.from(context.itemMap.values()), previousMap));
-      return () => {
-        const previousMap2 = Array.from(context.itemMap.values());
-        context.itemMap.delete(ref);
-        context.listeners.forEach((listener) => listener(Array.from(context.itemMap.values()), previousMap2));
+  a.displayName = l;
+  const m = `${o}CollectionItemSlot`, C = "data-radix-collection-item", v = s.forwardRef((u, f) => {
+    const { scope: h, children: b, ...x } = u, p = s.useRef(null), y = A(f, p), E = r(m, h);
+    return s.useEffect(() => {
+      const O = Array.from(E.itemMap.values());
+      return E.itemMap.set(p, { ref: p, ...x }), E.listeners.forEach((F) => F(Array.from(E.itemMap.values()), O)), () => {
+        const F = Array.from(E.itemMap.values());
+        E.itemMap.delete(p), E.listeners.forEach((_) => _(Array.from(E.itemMap.values()), F));
       };
-    });
-    return /* @__PURE__ */ jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }), /* @__PURE__ */ d(Ee, { [C]: "", ref: y, children: b });
   });
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection2(scope) {
-    const context = useCollectionContext(`${name}CollectionConsumer`, scope);
-    const getItems = React.useCallback(() => {
-      const collectionNode = context.collectionRef.current;
-      if (!collectionNode)
-        return [];
-      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-      const items = Array.from(context.itemMap.values());
-      const orderedItems = items.sort(
-        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+  v.displayName = m;
+  function g(u) {
+    const f = r(`${o}CollectionConsumer`, u), h = s.useCallback(() => {
+      const x = f.collectionRef.current;
+      if (!x) return [];
+      const p = Array.from(x.querySelectorAll(`[${C}]`));
+      return Array.from(f.itemMap.values()).sort(
+        (O, F) => p.indexOf(O.ref.current) - p.indexOf(F.ref.current)
       );
-      return orderedItems;
-    }, [context.collectionRef, context.itemMap]);
-    const subscribe = React.useCallback(
-      (listener) => {
-        context.listeners.add(listener);
-        return () => context.listeners.delete(listener);
-      },
-      [context.listeners]
+    }, [f.collectionRef, f.itemMap]), b = s.useCallback(
+      (x) => (f.listeners.add(x), () => f.listeners.delete(x)),
+      [f.listeners]
     );
-    return { getItems, subscribe };
+    return { getItems: h, subscribe: b };
   }
   return [
-    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-    useCollection2,
-    createCollectionScope2
+    { Provider: c, Slot: a, ItemSlot: v },
+    g,
+    t
   ];
 }
-const cache = /* @__PURE__ */ new Map();
-function useCollator(locale, options) {
-  const cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
-  if (cache.has(cacheKey)) {
-    return cache.get(cacheKey);
-  }
-  const formatter = new Intl.Collator(locale, options);
-  cache.set(cacheKey, formatter);
-  return formatter;
+const Pe = /* @__PURE__ */ new Map();
+function Qt(o, i) {
+  const e = o + (i ? Object.entries(i).sort((n, r) => n[0] < r[0] ? -1 : 1).join() : "");
+  if (Pe.has(e))
+    return Pe.get(e);
+  const t = new Intl.Collator(o, i);
+  return Pe.set(e, t), t;
 }
-function useFilter(locale, options) {
-  const collator = useCollator(locale, {
+function De(o, i) {
+  const e = Qt(o, {
     usage: "search",
-    ...options
+    ...i
   });
   return {
-    startsWith(string, substring) {
-      if (substring.length === 0) {
-        return true;
-      }
-      string = string.normalize("NFC");
-      substring = substring.normalize("NFC");
-      return collator.compare(string.slice(0, substring.length), substring) === 0;
+    startsWith(t, n) {
+      return n.length === 0 ? !0 : (t = t.normalize("NFC"), n = n.normalize("NFC"), e.compare(t.slice(0, n.length), n) === 0);
     },
-    endsWith(string, substring) {
-      if (substring.length === 0) {
-        return true;
-      }
-      string = string.normalize("NFC");
-      substring = substring.normalize("NFC");
-      return collator.compare(string.slice(-substring.length), substring) === 0;
+    endsWith(t, n) {
+      return n.length === 0 ? !0 : (t = t.normalize("NFC"), n = n.normalize("NFC"), e.compare(t.slice(-n.length), n) === 0);
     },
-    contains(string, substring) {
-      if (substring.length === 0) {
-        return true;
+    contains(t, n) {
+      if (n.length === 0)
+        return !0;
+      t = t.normalize("NFC"), n = n.normalize("NFC");
+      let r = 0;
+      const c = n.length;
+      for (; r + c <= t.length; r++) {
+        const l = t.slice(r, r + c);
+        if (e.compare(n, l) === 0)
+          return !0;
       }
-      string = string.normalize("NFC");
-      substring = substring.normalize("NFC");
-      let scan = 0;
-      const sliceLen = substring.length;
-      for (; scan + sliceLen <= string.length; scan++) {
-        const slice = string.slice(scan, scan + sliceLen);
-        if (collator.compare(substring, slice) === 0) {
-          return true;
-        }
-      }
-      return false;
+      return !1;
     }
   };
 }
-const usePrev = (value) => {
-  const ref = React.useRef();
-  React.useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
-const VirtualizedViewport = React.forwardRef(
-  ({ children, estimatedItemSize = 40, overscan = 5, getItemCount, onViewportChange, ...props }, forwardedRef) => {
-    const parentRef = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, parentRef, onViewportChange);
-    const childArray = React.useMemo(() => React.Children.toArray(children), [children]);
-    const virtualizer = useVirtualizer({
-      count: getItemCount(),
-      getScrollElement: () => parentRef.current,
-      estimateSize: () => estimatedItemSize,
-      overscan
-    });
-    const virtualItems = virtualizer.getVirtualItems();
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
+const eo = (o) => {
+  const i = s.useRef();
+  return s.useEffect(() => {
+    i.current = o;
+  }), i.current;
+}, ht = s.forwardRef(
+  ({ children: o, estimatedItemSize: i = 40, overscan: e = 5, getItemCount: t, onViewportChange: n, ...r }, c) => {
+    const l = s.useRef(null), a = A(c, l, n), m = s.useMemo(() => s.Children.toArray(o), [o]), C = jt({
+      count: t(),
+      getScrollElement: () => l.current,
+      estimateSize: () => i,
+      overscan: e
+    }), v = C.getVirtualItems();
+    return /* @__PURE__ */ ye(Se, { children: [
+      /* @__PURE__ */ d(
         "style",
         {
           dangerouslySetInnerHTML: {
-            __html: `[data-radix-combobox-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-combobox-viewport]::-webkit-scrollbar{display:none}`
+            __html: "[data-radix-combobox-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-combobox-viewport]::-webkit-scrollbar{display:none}"
           }
         }
       ),
-      /* @__PURE__ */ jsx(
-        Primitive.div,
+      /* @__PURE__ */ d(
+        N.div,
         {
           "data-radix-combobox-viewport": "",
           role: "presentation",
-          ...props,
-          ref: composedRefs,
+          ...r,
+          ref: a,
           style: {
             position: "relative",
             flex: 1,
             overflow: "auto",
-            ...props.style
+            ...r.style
           },
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ d(
             "div",
             {
               style: {
-                height: `${virtualizer.getTotalSize()}px`,
+                height: `${C.getTotalSize()}px`,
                 width: "100%",
                 position: "relative"
               },
-              children: virtualItems.map((virtualItem) => {
-                const child = childArray[virtualItem.index];
-                return /* @__PURE__ */ jsx(
+              children: v.map((g) => {
+                const u = m[g.index];
+                return /* @__PURE__ */ d(
                   "div",
                   {
-                    "data-index": virtualItem.index,
-                    ref: virtualizer.measureElement,
+                    "data-index": g.index,
+                    ref: C.measureElement,
                     style: {
                       position: "absolute",
                       top: 0,
                       left: 0,
                       width: "100%",
-                      transform: `translateY(${virtualItem.start}px)`
+                      transform: `translateY(${g.start}px)`
                     },
-                    children: child
+                    children: u
                   },
-                  virtualItem.key
+                  g.key
                 );
               })
             }
@@ -220,515 +173,352 @@ const VirtualizedViewport = React.forwardRef(
     ] });
   }
 );
-VirtualizedViewport.displayName = "VirtualizedViewport";
-const OPEN_KEYS$1 = [" ", "Enter", "ArrowUp", "ArrowDown"];
-const SELECTION_KEYS$1 = ["Enter"];
-const defaultIsPrintableCharacter = (str) => {
-  return Boolean(str.length === 1 && str.match(/\S| /));
-};
-const COMBOBOX_NAME = "Combobox";
-const [Collection$1, useCollection$1] = createCollection(COMBOBOX_NAME);
-const [ComboboxProvider, useComboboxContext] = createContext(COMBOBOX_NAME);
-const ComboboxProviders = ({ children }) => /* @__PURE__ */ jsx(PopperPrimitive.Root, { children: /* @__PURE__ */ jsx(Collection$1.Provider, { scope: void 0, children }) });
-const formatAutocomplete = (autocomplete) => {
-  if (typeof autocomplete === "string") {
-    if (autocomplete === "none") {
-      return {
-        type: autocomplete,
-        filter: void 0
-      };
-    }
-    return {
-      type: autocomplete,
-      filter: "startsWith"
-    };
-  }
-  return autocomplete;
-};
-const Combobox = (props) => {
+ht.displayName = "VirtualizedViewport";
+const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !!(o.length === 1 && o.match(/\S| /)), gt = "Combobox", [re, xe] = Jt(gt), [ro, Y] = it(gt), lo = ({ children: o }) => /* @__PURE__ */ d(ie.Root, { children: /* @__PURE__ */ d(re.Provider, { scope: void 0, children: o }) }), so = (o) => typeof o == "string" ? o === "none" ? {
+  type: o,
+  filter: void 0
+} : {
+  type: o,
+  filter: "startsWith"
+} : o, io = (o) => {
   const {
-    allowCustomValue = false,
-    autocomplete = "none",
-    children,
-    open: openProp,
-    defaultOpen,
-    onOpenChange,
-    value: valueProp,
-    defaultValue,
-    onValueChange,
-    disabled,
-    required = false,
-    locale = "en-EN",
-    onTextValueChange,
-    textValue: textValueProp,
-    defaultTextValue,
-    filterValue: filterValueProp,
-    defaultFilterValue,
-    onFilterValueChange,
-    isPrintableCharacter = defaultIsPrintableCharacter,
-    visible = false,
-    virtualized = "auto",
-    estimatedItemSize = 40,
-    overscan = 5
-  } = props;
-  const [trigger, setTrigger] = React.useState(null);
-  const [viewport, setViewport] = React.useState(null);
-  const [content, setContent] = React.useState(null);
-  const [visuallyFocussedItem, setVisuallyFocussedItem] = React.useState(null);
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange
-  });
-  const [textValue, setTextValue] = useControllableState({
-    prop: textValueProp,
-    defaultProp: allowCustomValue && !defaultTextValue ? valueProp : defaultTextValue,
-    onChange: onTextValueChange
-  });
-  const [filterValue, setFilterValue] = useControllableState({
-    prop: filterValueProp,
-    defaultProp: defaultFilterValue,
-    onChange: onFilterValueChange
-  });
-  const id = useId();
-  const focusFirst = React.useCallback(
-    (candidates, items) => {
-      const allItems = items.map((item) => item.ref.current);
-      const [firstItem, ...restItems] = allItems;
-      const [lastItem] = restItems.slice(-1);
-      const PREVIOUSLY_FOCUSED_ELEMENT = visuallyFocussedItem ?? items.find((item) => item.value === value)?.ref.current;
-      for (const candidate of candidates) {
-        if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
-          return;
-        candidate?.scrollIntoView({ block: "nearest" });
-        if (candidate === firstItem && viewport)
-          viewport.scrollTop = 0;
-        if (candidate === lastItem && viewport)
-          viewport.scrollTop = viewport.scrollHeight;
-        setVisuallyFocussedItem(candidate);
-        if (autocomplete === "both") {
-          const item = items.find((item2) => item2.ref.current === candidate);
-          if (item) {
-            setTextValue(item.textValue);
-          }
+    allowCustomValue: i = !1,
+    autocomplete: e = "none",
+    children: t,
+    open: n,
+    defaultOpen: r,
+    onOpenChange: c,
+    value: l,
+    defaultValue: a,
+    onValueChange: m,
+    disabled: C,
+    required: v = !1,
+    locale: g = "en-EN",
+    onTextValueChange: u,
+    textValue: f,
+    defaultTextValue: h,
+    filterValue: b,
+    defaultFilterValue: x,
+    onFilterValueChange: p,
+    isPrintableCharacter: y = no,
+    visible: E = !1,
+    virtualized: O = "auto",
+    estimatedItemSize: F = 40,
+    overscan: _ = 5
+  } = o, [k, Z] = s.useState(null), [U, z] = s.useState(null), [R, H] = s.useState(null), [L, W] = s.useState(null), [J = !1, Q] = de({
+    prop: n,
+    defaultProp: r,
+    onChange: c
+  }), [K, G] = de({
+    prop: l,
+    defaultProp: a,
+    onChange: m
+  }), [ce, ee] = de({
+    prop: f,
+    defaultProp: i && !h ? l : h,
+    onChange: u
+  }), [fe, me] = de({
+    prop: b,
+    defaultProp: x,
+    onChange: p
+  }), te = se(), ae = s.useCallback(
+    (S, I) => {
+      var j;
+      const M = I.map((D) => D.ref.current), [V, ...T] = M, [w] = T.slice(-1), B = L ?? ((j = I.find((D) => D.value === K)) == null ? void 0 : j.ref.current);
+      for (const D of S) {
+        if (D === B) return;
+        if (D == null || D.scrollIntoView({ block: "nearest" }), D === V && U && (U.scrollTop = 0), D === w && U && (U.scrollTop = U.scrollHeight), W(D), e === "both") {
+          const ue = I.find((he) => he.ref.current === D);
+          ue && ee(ue.textValue);
         }
-        if (candidate !== PREVIOUSLY_FOCUSED_ELEMENT)
-          return;
+        if (D !== B) return;
       }
     },
-    [autocomplete, setTextValue, viewport, visuallyFocussedItem, value]
-  );
-  const autocompleteObject = formatAutocomplete(autocomplete);
-  React.useEffect(() => {
-    if (autocomplete !== "both") {
-      setVisuallyFocussedItem(null);
-    }
-  }, [textValue, autocomplete]);
-  React.useEffect(() => {
-    if (content && trigger)
-      return hideOthers([content, trigger]);
-  }, [content, trigger]);
-  return /* @__PURE__ */ jsx(ComboboxProviders, { children: /* @__PURE__ */ jsx(
-    ComboboxProvider,
+    [e, ee, U, L, K]
+  ), ne = so(e);
+  return s.useEffect(() => {
+    e !== "both" && W(null);
+  }, [ce, e]), s.useEffect(() => {
+    if (R && k) return ft([R, k]);
+  }, [R, k]), /* @__PURE__ */ d(lo, { children: /* @__PURE__ */ d(
+    ro,
     {
-      allowCustomValue,
-      autocomplete: autocompleteObject,
-      required,
-      trigger,
-      onTriggerChange: setTrigger,
-      contentId: id,
-      value,
-      onValueChange: setValue,
-      open,
-      onOpenChange: setOpen,
-      disabled,
-      locale,
-      focusFirst,
-      textValue,
-      onTextValueChange: setTextValue,
-      onViewportChange: setViewport,
-      onContentChange: setContent,
-      visuallyFocussedItem,
-      filterValue,
-      onFilterValueChange: setFilterValue,
-      onVisuallyFocussedItemChange: setVisuallyFocussedItem,
-      isPrintableCharacter,
-      visible,
-      virtualized,
-      estimatedItemSize,
-      overscan,
-      children
+      allowCustomValue: i,
+      autocomplete: ne,
+      required: v,
+      trigger: k,
+      onTriggerChange: Z,
+      contentId: te,
+      value: K,
+      onValueChange: G,
+      open: J,
+      onOpenChange: Q,
+      disabled: C,
+      locale: g,
+      focusFirst: ae,
+      textValue: ce,
+      onTextValueChange: ee,
+      onViewportChange: z,
+      onContentChange: H,
+      visuallyFocussedItem: L,
+      filterValue: fe,
+      onFilterValueChange: me,
+      onVisuallyFocussedItemChange: W,
+      isPrintableCharacter: y,
+      visible: E,
+      virtualized: O,
+      estimatedItemSize: F,
+      overscan: _,
+      children: t
     }
   ) });
-};
-const TRIGGER_NAME$1 = "ComboboxTrigger";
-const ComboboxTrigger = React.forwardRef((props, forwardedRef) => {
-  const { ...triggerProps } = props;
-  const context = useComboboxContext(TRIGGER_NAME$1);
-  const handleOpen = () => {
-    if (!context.disabled) {
-      context.onOpenChange(true);
-    }
+}, xt = "ComboboxTrigger", Ct = s.forwardRef((o, i) => {
+  const { ...e } = o, t = Y(xt), n = () => {
+    t.disabled || t.onOpenChange(!0);
   };
-  return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, children: /* @__PURE__ */ jsx(
-    FocusScope,
+  return /* @__PURE__ */ d(ie.Anchor, { asChild: !0, children: /* @__PURE__ */ d(
+    ut,
     {
-      asChild: true,
-      trapped: context.open,
-      onMountAutoFocus: (event) => {
-        event.preventDefault();
+      asChild: !0,
+      trapped: t.open,
+      onMountAutoFocus: (r) => {
+        r.preventDefault();
       },
-      onUnmountAutoFocus: (event) => {
-        context.trigger?.focus({ preventScroll: true });
-        document.getSelection()?.empty();
-        event.preventDefault();
+      onUnmountAutoFocus: (r) => {
+        var c, l;
+        (c = t.trigger) == null || c.focus({ preventScroll: !0 }), (l = document.getSelection()) == null || l.empty(), r.preventDefault();
       },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ d(
         "div",
         {
-          ref: forwardedRef,
-          "data-disabled": context.disabled ? "" : void 0,
-          ...triggerProps,
-          onClick: composeEventHandlers$1(triggerProps.onClick, (event) => {
-            if (context.disabled) {
-              event.preventDefault();
+          ref: i,
+          "data-disabled": t.disabled ? "" : void 0,
+          ...e,
+          onClick: P(e.onClick, (r) => {
+            var c;
+            if (t.disabled) {
+              r.preventDefault();
               return;
             }
-            context.trigger?.focus();
+            (c = t.trigger) == null || c.focus();
           }),
-          onPointerDown: composeEventHandlers$1(triggerProps.onPointerDown, (event) => {
-            if (context.disabled) {
-              event.preventDefault();
+          onPointerDown: P(e.onPointerDown, (r) => {
+            var a;
+            if (t.disabled) {
+              r.preventDefault();
               return;
             }
-            const target = event.target;
-            if (target.hasPointerCapture(event.pointerId)) {
-              target.releasePointerCapture(event.pointerId);
-            }
-            const buttonTarg = target.closest("button") ?? target.closest("div");
-            if (buttonTarg !== event.currentTarget) {
-              return;
-            }
-            if (event.button === 0 && event.ctrlKey === false) {
-              handleOpen();
-              context.trigger?.focus();
-            }
+            const c = r.target;
+            c.hasPointerCapture(r.pointerId) && c.releasePointerCapture(r.pointerId), (c.closest("button") ?? c.closest("div")) === r.currentTarget && r.button === 0 && r.ctrlKey === !1 && (n(), (a = t.trigger) == null || a.focus());
           })
         }
       )
     }
   ) });
 });
-ComboboxTrigger.displayName = TRIGGER_NAME$1;
-const INPUT_NAME = "ComboboxInput";
-const ComboxboxTextInput = React.forwardRef((props, forwardedRef) => {
-  const context = useComboboxContext(INPUT_NAME);
-  const inputRef = React.useRef(null);
-  const { getItems } = useCollection$1(void 0);
-  const { startsWith } = useFilter(context.locale, { sensitivity: "base" });
-  const isDisabled = context.disabled;
-  const composedRefs = useComposedRefs(inputRef, forwardedRef, context.onTriggerChange);
-  const handleOpen = () => {
-    if (!isDisabled) {
-      context.onOpenChange(true);
-    }
-  };
-  const previousFilter = usePrev(context.filterValue);
-  useLayoutEffect(() => {
-    const timeout = setTimeout(() => {
-      if (context.textValue === "" || context.textValue === void 0 || context.filterValue === "" || context.filterValue === void 0)
+Ct.displayName = xt;
+const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
+  var C;
+  const e = Y(vt), t = s.useRef(null), { getItems: n } = xe(void 0), { startsWith: r } = De(e.locale, { sensitivity: "base" }), c = e.disabled, l = A(t, i, e.onTriggerChange), a = () => {
+    c || e.onOpenChange(!0);
+  }, m = eo(e.filterValue);
+  return $(() => {
+    const v = setTimeout(() => {
+      var f;
+      if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
-      const firstItem = getItems().find(
-        (item) => item.type === "option" && startsWith(item.textValue, context.textValue)
-      );
-      const characterChangedAtIndex = findChangedIndex(previousFilter ?? "", context.filterValue);
-      if (firstItem && !context.visuallyFocussedItem && characterChangedAtIndex === context.filterValue.length) {
-        inputRef.current?.setSelectionRange(context.filterValue.length, context.textValue.length);
-      }
+      const g = n().find(
+        (h) => h.type === "option" && r(h.textValue, e.textValue)
+      ), u = wo(m ?? "", e.filterValue);
+      g && !e.visuallyFocussedItem && u === e.filterValue.length && ((f = t.current) == null || f.setSelectionRange(e.filterValue.length, e.textValue.length));
     });
-    return () => clearTimeout(timeout);
-  }, [context.textValue, context.filterValue, startsWith, context.visuallyFocussedItem, getItems, previousFilter]);
-  return /* @__PURE__ */ jsx(
+    return () => clearTimeout(v);
+  }, [e.textValue, e.filterValue, r, e.visuallyFocussedItem, n, m]), /* @__PURE__ */ d(
     "input",
     {
       type: "text",
       role: "combobox",
-      "aria-controls": context.contentId,
-      "aria-expanded": context.open,
-      "aria-required": context.required,
-      "aria-autocomplete": context.autocomplete.type,
-      "data-state": context.open ? "open" : "closed",
-      "aria-disabled": isDisabled,
-      "aria-activedescendant": context.visuallyFocussedItem?.id,
-      disabled: isDisabled,
-      "data-disabled": isDisabled ? "" : void 0,
-      "data-placeholder": context.textValue === void 0 ? "" : void 0,
-      value: context.textValue ?? "",
-      ...props,
-      ref: composedRefs,
-      onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
-          if (!context.open) {
-            handleOpen();
-          }
-          setTimeout(() => {
-            const items = getItems().filter((item) => !item.disabled && item.isVisible);
-            let candidateNodes = items.map((item) => item.ref.current);
-            if (["ArrowUp", "End"].includes(event.key)) {
-              candidateNodes = candidateNodes.slice().reverse();
-            }
-            if (["ArrowUp", "ArrowDown"].includes(event.key)) {
-              const currentElement = context.visuallyFocussedItem ?? getItems().find((item) => item.value === context.value)?.ref.current;
-              if (currentElement) {
-                let currentIndex = candidateNodes.indexOf(currentElement);
-                if (currentIndex === candidateNodes.length - 1) {
-                  currentIndex = -1;
-                }
-                candidateNodes = candidateNodes.slice(currentIndex + 1);
+      "aria-controls": e.contentId,
+      "aria-expanded": e.open,
+      "aria-required": e.required,
+      "aria-autocomplete": e.autocomplete.type,
+      "data-state": e.open ? "open" : "closed",
+      "aria-disabled": c,
+      "aria-activedescendant": (C = e.visuallyFocussedItem) == null ? void 0 : C.id,
+      disabled: c,
+      "data-disabled": c ? "" : void 0,
+      "data-placeholder": e.textValue === void 0 ? "" : void 0,
+      value: e.textValue ?? "",
+      ...o,
+      ref: l,
+      onKeyDown: P(o.onKeyDown, (v) => {
+        var g, u;
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(v.key))
+          e.open || a(), setTimeout(() => {
+            var b;
+            let h = n().filter((x) => !x.disabled && x.isVisible).map((x) => x.ref.current);
+            if (["ArrowUp", "End"].includes(v.key) && (h = h.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(v.key)) {
+              const x = e.visuallyFocussedItem ?? ((b = n().find((p) => p.value === e.value)) == null ? void 0 : b.ref.current);
+              if (x) {
+                let p = h.indexOf(x);
+                p === h.length - 1 && (p = -1), h = h.slice(p + 1);
               }
             }
-            if (["ArrowDown"].includes(event.key) && context.autocomplete.type === "both" && candidateNodes.length > 1) {
-              const [firstItem, ...restItems] = candidateNodes;
-              const firstItemText = getItems().find((item) => item.ref.current === firstItem).textValue;
-              if (context.textValue === firstItemText) {
-                candidateNodes = restItems;
-              }
+            if (["ArrowDown"].includes(v.key) && e.autocomplete.type === "both" && h.length > 1) {
+              const [x, ...p] = h, y = n().find((E) => E.ref.current === x).textValue;
+              e.textValue === y && (h = p);
             }
-            context.focusFirst(candidateNodes, getItems());
-          });
-          event.preventDefault();
-        } else if (["Tab"].includes(event.key) && context.open) {
-          event.preventDefault();
-        } else if (["Escape"].includes(event.key)) {
-          if (context.open) {
-            context.onOpenChange(false);
+            e.focusFirst(h, n());
+          }), v.preventDefault();
+        else if (["Tab"].includes(v.key) && e.open)
+          v.preventDefault();
+        else if (["Escape"].includes(v.key))
+          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), v.preventDefault();
+        else if (oo.includes(v.key)) {
+          if (e.visuallyFocussedItem) {
+            const f = n().find((h) => h.ref.current === e.visuallyFocussedItem);
+            f && (e.onValueChange(f.value), e.onTextValueChange(f.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(f.textValue), (g = f.ref.current) == null || g.click());
           } else {
-            context.onValueChange(void 0);
-            context.onTextValueChange("");
-          }
-          event.preventDefault();
-        } else if (SELECTION_KEYS$1.includes(event.key)) {
-          if (context.visuallyFocussedItem) {
-            const focussedItem = getItems().find((item) => item.ref.current === context.visuallyFocussedItem);
-            if (focussedItem) {
-              context.onValueChange(focussedItem.value);
-              context.onTextValueChange(focussedItem.textValue);
-              if (context.autocomplete.type === "both") {
-                context.onFilterValueChange(focussedItem.textValue);
-              }
-              focussedItem.ref.current?.click();
-            }
-          } else {
-            const matchedItem = getItems().find(
-              (item) => item.type === "option" && !item.disabled && item.textValue === context.textValue
+            const f = n().find(
+              (h) => h.type === "option" && !h.disabled && h.textValue === e.textValue
             );
-            if (matchedItem) {
-              context.onValueChange(matchedItem.value);
-              context.onTextValueChange(matchedItem.textValue);
-              if (context.autocomplete.type === "both") {
-                context.onFilterValueChange(matchedItem.textValue);
-              }
-              matchedItem.ref.current?.click();
-            }
+            f && (e.onValueChange(f.value), e.onTextValueChange(f.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(f.textValue), (u = f.ref.current) == null || u.click());
           }
-          context.onOpenChange(false);
-          event.preventDefault();
-        } else {
-          context.onVisuallyFocussedItemChange(null);
-        }
+          e.onOpenChange(!1), v.preventDefault();
+        } else
+          e.onVisuallyFocussedItemChange(null);
       }),
-      onChange: composeEventHandlers$1(props.onChange, (event) => {
-        context.onTextValueChange(event.currentTarget.value);
-        if (context.autocomplete.type === "both") {
-          context.onFilterValueChange(event.currentTarget.value);
-        }
+      onChange: P(o.onChange, (v) => {
+        e.onTextValueChange(v.currentTarget.value), e.autocomplete.type === "both" && e.onFilterValueChange(v.currentTarget.value);
       }),
-      onKeyUp: composeEventHandlers$1(props.onKeyUp, (event) => {
-        if (!context.open && (context.isPrintableCharacter(event.key) || ["Backspace"].includes(event.key))) {
-          handleOpen();
-        }
-        setTimeout(() => {
-          if (context.autocomplete.type === "both" && context.isPrintableCharacter(event.key) && context.filterValue !== void 0) {
-            const value = context.filterValue;
-            const firstItem = getItems().find((item) => startsWith(item.textValue, value));
-            if (firstItem) {
-              context.onTextValueChange(firstItem.textValue);
-            }
-          }
-        });
-        if (context.autocomplete.type === "none" && context.isPrintableCharacter(event.key)) {
-          const value = context.textValue ?? "";
-          const nextItem = getItems().find((item) => startsWith(item.textValue, value));
-          if (nextItem) {
-            context.onVisuallyFocussedItemChange(nextItem.ref.current);
-            nextItem.ref.current?.scrollIntoView();
+      onKeyUp: P(o.onKeyUp, (v) => {
+        var g;
+        if (!e.open && (e.isPrintableCharacter(v.key) || ["Backspace"].includes(v.key)) && a(), setTimeout(() => {
+          if (e.autocomplete.type === "both" && e.isPrintableCharacter(v.key) && e.filterValue !== void 0) {
+            const u = e.filterValue, f = n().find((h) => r(h.textValue, u));
+            f && e.onTextValueChange(f.textValue);
           }
+        }), e.autocomplete.type === "none" && e.isPrintableCharacter(v.key)) {
+          const u = e.textValue ?? "", f = n().find((h) => r(h.textValue, u));
+          f && (e.onVisuallyFocussedItemChange(f.ref.current), (g = f.ref.current) == null || g.scrollIntoView());
         }
       }),
-      onBlur: composeEventHandlers$1(props.onBlur, () => {
-        if (context.open) {
+      onBlur: P(o.onBlur, () => {
+        if (e.open)
           return;
-        }
-        context.onVisuallyFocussedItemChange(null);
-        const [activeItem] = getItems().filter(
-          (item) => item.textValue === context.textValue && item.type === "option"
+        e.onVisuallyFocussedItemChange(null);
+        const [v] = n().filter(
+          (u) => u.textValue === e.textValue && u.type === "option"
         );
-        if (activeItem) {
-          context.onValueChange(activeItem.value);
-          if (context.autocomplete.type === "both") {
-            context.onFilterValueChange(activeItem.textValue);
-          }
+        if (v) {
+          e.onValueChange(v.value), e.autocomplete.type === "both" && e.onFilterValueChange(v.textValue);
           return;
         }
-        if (context.allowCustomValue) {
-          context.onValueChange(context.textValue);
-          if (context.autocomplete.type === "both") {
-            context.onFilterValueChange(context.textValue);
-          }
+        if (e.allowCustomValue) {
+          e.onValueChange(e.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(e.textValue);
           return;
         }
-        const [previousItem] = getItems().filter((item) => item.value === context.value && item.type === "option");
-        if (previousItem && context.textValue !== "") {
-          context.onTextValueChange(previousItem.textValue);
-          if (context.autocomplete.type === "both") {
-            context.onFilterValueChange(previousItem.textValue);
-          }
-        } else {
-          context.onValueChange(void 0);
-          context.onTextValueChange("");
-        }
+        const [g] = n().filter((u) => u.value === e.value && u.type === "option");
+        g && e.textValue !== "" ? (e.onTextValueChange(g.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(g.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
       })
     }
   );
 });
-ComboxboxTextInput.displayName = "ComboboxTextInput";
-const ComboboxIcon = React.forwardRef((props, forwardedRef) => {
-  const { children, ...iconProps } = props;
-  const context = useComboboxContext(INPUT_NAME);
-  const isDisabled = context.disabled;
-  const handleOpen = () => {
-    if (!isDisabled) {
-      context.onOpenChange(true);
-      context.trigger?.focus();
-    }
+bt.displayName = "ComboboxTextInput";
+const yt = s.forwardRef((o, i) => {
+  const { children: e, ...t } = o, n = Y(vt), r = n.disabled, c = () => {
+    var l;
+    r || (n.onOpenChange(!0), (l = n.trigger) == null || l.focus());
   };
-  return /* @__PURE__ */ jsx(
-    Primitive.button,
+  return /* @__PURE__ */ d(
+    N.button,
     {
-      "aria-hidden": true,
+      "aria-hidden": !0,
       type: "button",
-      "aria-disabled": isDisabled,
-      "aria-controls": context.contentId,
-      "aria-expanded": context.open,
-      disabled: isDisabled,
-      "data-disabled": isDisabled ? "" : void 0,
-      ...iconProps,
+      "aria-disabled": r,
+      "aria-controls": n.contentId,
+      "aria-expanded": n.open,
+      disabled: r,
+      "data-disabled": r ? "" : void 0,
+      ...t,
       tabIndex: -1,
-      ref: forwardedRef,
-      onClick: composeEventHandlers$1(iconProps.onClick, () => {
-        context.trigger?.focus();
+      ref: i,
+      onClick: P(t.onClick, () => {
+        var l;
+        (l = n.trigger) == null || l.focus();
       }),
-      onPointerDown: composeEventHandlers$1(iconProps.onPointerDown, (event) => {
-        if (event.button === 0 && event.ctrlKey === false) {
-          handleOpen();
-          event.preventDefault();
-        }
+      onPointerDown: P(t.onPointerDown, (l) => {
+        l.button === 0 && l.ctrlKey === !1 && (c(), l.preventDefault());
       }),
-      onKeyDown: composeEventHandlers$1(iconProps.onKeyDown, (event) => {
-        if (OPEN_KEYS$1.includes(event.key)) {
-          handleOpen();
-          event.preventDefault();
-        }
+      onKeyDown: P(t.onKeyDown, (l) => {
+        to.includes(l.key) && (c(), l.preventDefault());
       }),
-      children: children || "▼"
+      children: e || "▼"
     }
   );
 });
-ComboboxIcon.displayName = "ComboboxIcon";
-const PORTAL_NAME$1 = "ComboboxPortal";
-const ComboboxPortal = (props) => {
-  return /* @__PURE__ */ jsx(Portal$2, { asChild: true, ...props });
-};
-ComboboxPortal.displayName = PORTAL_NAME$1;
-const CONTENT_NAME$1 = "ComboboxContent";
-const ComboboxContent = React.forwardRef((props, forwardedRef) => {
-  const context = useComboboxContext(CONTENT_NAME$1);
-  const { getItems } = useCollection$1(void 0);
-  const [fragment, setFragment] = React.useState();
-  useLayoutEffect(() => {
-    setFragment(new DocumentFragment());
-  }, []);
-  useLayoutEffect(() => {
-    if (context.open && context.autocomplete.type === "none") {
-      setTimeout(() => {
-        const activeItem = getItems().find((item) => item.value === context.value);
-        activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
-      });
-    }
-  }, [getItems, context.autocomplete, context.value, context.open]);
-  if (!context.open) {
-    const frag = fragment;
-    return frag ? ReactDOM.createPortal(
-      /* @__PURE__ */ jsx(Collection$1.Slot, { scope: void 0, children: /* @__PURE__ */ jsx("div", { children: props.children }) }),
-      frag
+yt.displayName = "ComboboxIcon";
+const co = "ComboboxPortal", St = (o) => /* @__PURE__ */ d(pt, { asChild: !0, ...o });
+St.displayName = co;
+const ke = "ComboboxContent", wt = s.forwardRef((o, i) => {
+  const e = Y(ke), { getItems: t } = xe(void 0), [n, r] = s.useState();
+  if ($(() => {
+    r(new DocumentFragment());
+  }, []), $(() => {
+    e.open && e.autocomplete.type === "none" && setTimeout(() => {
+      var l;
+      const c = t().find((a) => a.value === e.value);
+      (l = c == null ? void 0 : c.ref.current) == null || l.scrollIntoView({ block: "nearest" });
+    });
+  }, [t, e.autocomplete, e.value, e.open]), !e.open) {
+    const c = n;
+    return c ? we.createPortal(
+      /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: o.children }) }),
+      c
     ) : null;
   }
-  return /* @__PURE__ */ jsx(ComboboxContentImpl, { ...props, ref: forwardedRef });
+  return /* @__PURE__ */ d(It, { ...o, ref: i });
 });
-ComboboxContent.displayName = CONTENT_NAME$1;
-const CONTENT_MARGIN$1 = 10;
-const ComboboxContentImpl = React.forwardRef(
-  (props, forwardedRef) => {
-    const { onEscapeKeyDown, onPointerDownOutside, ...contentProps } = props;
-    const context = useComboboxContext(CONTENT_NAME$1);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => context.onContentChange(node));
-    const { onOpenChange } = context;
-    useFocusGuards();
-    React.useEffect(() => {
-      const close = () => {
-        onOpenChange(false);
+wt.displayName = ke;
+const ao = 10, It = s.forwardRef(
+  (o, i) => {
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...n } = o, r = Y(ke), c = A(i, (a) => r.onContentChange(a)), { onOpenChange: l } = r;
+    return at(), s.useEffect(() => {
+      const a = () => {
+        l(!1);
       };
-      window.addEventListener("blur", close);
-      window.addEventListener("resize", close);
-      return () => {
-        window.removeEventListener("blur", close);
-        window.removeEventListener("resize", close);
+      return window.addEventListener("blur", a), window.addEventListener("resize", a), () => {
+        window.removeEventListener("blur", a), window.removeEventListener("resize", a);
       };
-    }, [onOpenChange]);
-    return /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, children: /* @__PURE__ */ jsx(
-      DismissableLayer,
+    }, [l]), /* @__PURE__ */ d(mt, { allowPinchZoom: !0, children: /* @__PURE__ */ d(
+      ct,
       {
-        asChild: true,
-        onEscapeKeyDown,
-        onPointerDownOutside,
-        onFocusOutside: (event) => {
-          event.preventDefault();
+        asChild: !0,
+        onEscapeKeyDown: e,
+        onPointerDownOutside: t,
+        onFocusOutside: (a) => {
+          a.preventDefault();
         },
         onDismiss: () => {
-          context.onOpenChange(false);
-          context.trigger?.focus({ preventScroll: true });
+          var a;
+          r.onOpenChange(!1), (a = r.trigger) == null || a.focus({ preventScroll: !0 });
         },
-        children: /* @__PURE__ */ jsx(
-          ComboboxPopperPosition,
+        children: /* @__PURE__ */ d(
+          Tt,
           {
             role: "listbox",
-            id: context.contentId,
-            "data-state": context.open ? "open" : "closed",
-            onContextMenu: (event) => event.preventDefault(),
-            ...contentProps,
-            ref: composedRefs,
+            id: r.contentId,
+            "data-state": r.open ? "open" : "closed",
+            onContextMenu: (a) => a.preventDefault(),
+            ...n,
+            ref: c,
             style: {
               // flex layout so we can place the scroll buttons properly
               display: "flex",
               flexDirection: "column",
               // reset the outline by default as the content MAY get focused
               outline: "none",
-              ...contentProps.style
+              ...n.style
             }
           }
         )
@@ -736,71 +526,60 @@ const ComboboxContentImpl = React.forwardRef(
     ) });
   }
 );
-ComboboxContentImpl.displayName = "ComboboxContentImpl";
-const ComboboxPopperPosition = React.forwardRef(
-  (props, forwardedRef) => {
-    const { align = "start", collisionPadding = CONTENT_MARGIN$1, ...popperProps } = props;
-    return /* @__PURE__ */ jsx(
-      PopperPrimitive.Content,
+It.displayName = "ComboboxContentImpl";
+const Tt = s.forwardRef(
+  (o, i) => {
+    const { align: e = "start", collisionPadding: t = ao, ...n } = o;
+    return /* @__PURE__ */ d(
+      ie.Content,
       {
-        ...popperProps,
-        ref: forwardedRef,
-        align,
-        collisionPadding,
+        ...n,
+        ref: i,
+        align: e,
+        collisionPadding: t,
         style: {
           // Ensure border-box for floating-ui calculations
           boxSizing: "border-box",
-          ...popperProps.style,
-          // re-namespace exposed content custom properties
-          ...{
-            "--radix-combobox-content-transform-origin": "var(--radix-popper-transform-origin)",
-            "--radix-combobox-content-available-width": "var(--radix-popper-available-width)",
-            "--radix-combobox-content-available-height": "var(--radix-popper-available-height)",
-            "--radix-combobox-trigger-width": "var(--radix-popper-anchor-width)",
-            "--radix-combobox-trigger-height": "var(--radix-popper-anchor-height)"
-          }
+          ...n.style,
+          "--radix-combobox-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-combobox-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-combobox-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-combobox-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-combobox-trigger-height": "var(--radix-popper-anchor-height)"
         }
       }
     );
   }
 );
-ComboboxPopperPosition.displayName = "ComboboxPopperPosition";
-const VIEWPORT_NAME$1 = "ComboboxViewport";
-const ComboboxViewport = React.forwardRef((props, forwardedRef) => {
-  const comboboxContext = useComboboxContext(VIEWPORT_NAME$1);
-  const composedRefs = useComposedRefs(forwardedRef, comboboxContext.onViewportChange);
-  const childArray = React.useMemo(() => React.Children.toArray(props.children), [props.children]);
-  const itemCount = childArray.length;
-  const shouldVirtualize = comboboxContext.virtualized === true || comboboxContext.virtualized === "auto" && itemCount > 100;
-  if (shouldVirtualize) {
-    return /* @__PURE__ */ jsx(Collection$1.Slot, { scope: void 0, children: /* @__PURE__ */ jsx(
-      VirtualizedViewport,
-      {
-        ...props,
-        ref: composedRefs,
-        getItemCount: () => itemCount,
-        estimatedItemSize: comboboxContext.estimatedItemSize,
-        overscan: comboboxContext.overscan,
-        onViewportChange: comboboxContext.onViewportChange
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+Tt.displayName = "ComboboxPopperPosition";
+const Vt = "ComboboxViewport", Pt = s.forwardRef((o, i) => {
+  const e = Y(Vt), t = A(i, e.onViewportChange), r = s.useMemo(() => s.Children.toArray(o.children), [o.children]).length;
+  return e.virtualized === !0 || e.virtualized === "auto" && r > 100 ? /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+    ht,
+    {
+      ...o,
+      ref: t,
+      getItemCount: () => r,
+      estimatedItemSize: e.estimatedItemSize,
+      overscan: e.overscan,
+      onViewportChange: e.onViewportChange
+    }
+  ) }) : /* @__PURE__ */ ye(Se, { children: [
+    /* @__PURE__ */ d(
       "style",
       {
         dangerouslySetInnerHTML: {
-          __html: `[data-radix-combobox-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-combobox-viewport]::-webkit-scrollbar{display:none}`
+          __html: "[data-radix-combobox-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-combobox-viewport]::-webkit-scrollbar{display:none}"
         }
       }
     ),
-    /* @__PURE__ */ jsx(Collection$1.Slot, { scope: void 0, children: /* @__PURE__ */ jsx(
-      Primitive.div,
+    /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+      N.div,
       {
         "data-radix-combobox-viewport": "",
         role: "presentation",
-        ...props,
-        ref: composedRefs,
+        ...o,
+        ref: t,
         style: {
           // we use position: 'relative' here on the `viewport` so that when we call
           // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
@@ -808,774 +587,542 @@ const ComboboxViewport = React.forwardRef((props, forwardedRef) => {
           position: "relative",
           flex: 1,
           overflow: "auto",
-          ...props.style
+          ...o.style
         }
       }
     ) })
   ] });
 });
-ComboboxViewport.displayName = VIEWPORT_NAME$1;
-const ITEM_NAME$1 = "ComboboxItem";
-const [ComboboxItemProvider, useComboboxItemContext] = createContext(ITEM_NAME$1);
-const ComboboxItem = React.forwardRef((props, forwardedRef) => {
-  const { value, disabled = false, textValue: textValueProp, ...restProps } = props;
-  const [fragment, setFragment] = React.useState();
-  useLayoutEffect(() => {
-    setFragment(new DocumentFragment());
+Pt.displayName = Vt;
+const Ie = "ComboboxItem", [lt, Fe] = it(Ie), Le = s.forwardRef((o, i) => {
+  const { value: e, disabled: t = !1, textValue: n, ...r } = o, [c, l] = s.useState();
+  $(() => {
+    l(new DocumentFragment());
   }, []);
-  const { onTextValueChange, textValue: contextTextValue, ...context } = useComboboxContext(ITEM_NAME$1);
-  const textId = useId();
-  const [textValue, setTextValue] = React.useState(textValueProp ?? "");
-  const isSelected = context.value === value;
-  const { startsWith, contains } = useFilter(context.locale, { sensitivity: "base" });
-  const handleTextValueChange = React.useCallback((node) => {
-    setTextValue((prevTextValue) => {
-      return prevTextValue || (node?.textContent ?? "").trim();
-    });
+  const { onTextValueChange: a, textValue: m, ...C } = Y(Ie), v = se(), [g, u] = s.useState(n ?? ""), f = C.value === e, { startsWith: h, contains: b } = De(C.locale, { sensitivity: "base" }), x = s.useCallback((p) => {
+    u((y) => y || ((p == null ? void 0 : p.textContent) ?? "").trim());
   }, []);
-  React.useEffect(() => {
-    if (isSelected && contextTextValue === void 0 && textValue !== "") {
-      onTextValueChange(textValue);
-    }
-  }, [textValue, isSelected, contextTextValue, onTextValueChange]);
-  if (context.autocomplete.type === "both" && textValue && context.filterValue && !startsWith(textValue, context.filterValue) || context.autocomplete.type === "list" && context.autocomplete.filter === "startsWith" && textValue && contextTextValue && !startsWith(textValue, contextTextValue) || context.autocomplete.type === "list" && context.autocomplete.filter === "contains" && textValue && contextTextValue && !contains(textValue, contextTextValue)) {
-    return fragment ? ReactDOM.createPortal(
-      /* @__PURE__ */ jsx(
-        ComboboxItemProvider,
-        {
-          textId,
-          onTextValueChange: handleTextValueChange,
-          isSelected,
-          textValue,
-          children: /* @__PURE__ */ jsx(
-            Collection$1.ItemSlot,
-            {
-              scope: void 0,
-              value,
-              textValue,
-              disabled,
-              type: "option",
-              isVisible: false,
-              children: /* @__PURE__ */ jsx(ComboboxItemImpl, { ref: forwardedRef, value, disabled, ...restProps })
-            }
-          )
-        }
-      ),
-      fragment
-    ) : null;
-  }
-  return /* @__PURE__ */ jsx(
-    ComboboxItemProvider,
+  return s.useEffect(() => {
+    f && m === void 0 && g !== "" && a(g);
+  }, [g, f, m, a]), C.autocomplete.type === "both" && g && C.filterValue && !h(g, C.filterValue) || C.autocomplete.type === "list" && C.autocomplete.filter === "startsWith" && g && m && !h(g, m) || C.autocomplete.type === "list" && C.autocomplete.filter === "contains" && g && m && !b(g, m) ? c ? we.createPortal(
+    /* @__PURE__ */ d(
+      lt,
+      {
+        textId: v,
+        onTextValueChange: x,
+        isSelected: f,
+        textValue: g,
+        children: /* @__PURE__ */ d(
+          re.ItemSlot,
+          {
+            scope: void 0,
+            value: e,
+            textValue: g,
+            disabled: t,
+            type: "option",
+            isVisible: !1,
+            children: /* @__PURE__ */ d(Ne, { ref: i, value: e, disabled: t, ...r })
+          }
+        )
+      }
+    ),
+    c
+  ) : null : /* @__PURE__ */ d(
+    lt,
     {
-      textId,
-      onTextValueChange: handleTextValueChange,
-      isSelected,
-      textValue,
-      children: /* @__PURE__ */ jsx(
-        Collection$1.ItemSlot,
+      textId: v,
+      onTextValueChange: x,
+      isSelected: f,
+      textValue: g,
+      children: /* @__PURE__ */ d(
+        re.ItemSlot,
         {
           scope: void 0,
-          value,
-          textValue,
-          disabled,
+          value: e,
+          textValue: g,
+          disabled: t,
           type: "option",
-          isVisible: true,
-          children: /* @__PURE__ */ jsx(ComboboxItemImpl, { ref: forwardedRef, value, disabled, ...restProps })
+          isVisible: !0,
+          children: /* @__PURE__ */ d(Ne, { ref: i, value: e, disabled: t, ...r })
         }
       )
     }
   );
 });
-ComboboxItem.displayName = ITEM_NAME$1;
-const ITEM_IMPL_NAME = "ComboboxItemImpl";
-const ComboboxItemImpl = React.forwardRef((props, forwardedRef) => {
-  const { value, disabled = false, ...restProps } = props;
-  const itemRef = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, itemRef);
-  const { getItems } = useCollection$1(void 0);
-  const { onTextValueChange, visuallyFocussedItem, ...context } = useComboboxContext(ITEM_NAME$1);
-  const { isSelected, textValue, textId } = useComboboxItemContext(ITEM_IMPL_NAME);
-  const handleSelect = () => {
-    if (!disabled) {
-      context.onValueChange(value);
-      onTextValueChange(textValue);
-      context.onOpenChange(false);
-      if (context.autocomplete.type === "both") {
-        context.onFilterValueChange(textValue);
-      }
-      context.trigger?.focus({ preventScroll: true });
-    }
-  };
-  const isFocused = React.useMemo(() => {
-    return visuallyFocussedItem === getItems().find((item) => item.ref.current === itemRef.current)?.ref.current;
-  }, [getItems, visuallyFocussedItem]);
-  const id = useId();
-  return /* @__PURE__ */ jsx(
-    Primitive.div,
+Le.displayName = Ie;
+const Et = "ComboboxItemImpl", Ne = s.forwardRef((o, i) => {
+  const { value: e, disabled: t = !1, ...n } = o, r = s.useRef(null), c = A(i, r), { getItems: l } = xe(void 0), { onTextValueChange: a, visuallyFocussedItem: m, ...C } = Y(Ie), { isSelected: v, textValue: g, textId: u } = Fe(Et), f = () => {
+    var x;
+    t || (C.onValueChange(e), a(g), C.onOpenChange(!1), C.autocomplete.type === "both" && C.onFilterValueChange(g), (x = C.trigger) == null || x.focus({ preventScroll: !0 }));
+  }, h = s.useMemo(() => {
+    var x;
+    return m === ((x = l().find((p) => p.ref.current === r.current)) == null ? void 0 : x.ref.current);
+  }, [l, m]), b = se();
+  return /* @__PURE__ */ d(
+    N.div,
     {
       role: "option",
-      "aria-labelledby": textId,
-      "data-highlighted": isFocused ? "" : void 0,
-      "aria-selected": isSelected && isFocused,
-      "data-state": isSelected ? "checked" : "unchecked",
-      "aria-disabled": disabled || void 0,
-      "data-disabled": disabled ? "" : void 0,
-      tabIndex: disabled ? void 0 : -1,
-      ...restProps,
-      id,
-      ref: composedRefs,
-      onPointerUp: composeEventHandlers$1(restProps.onPointerUp, handleSelect)
+      "aria-labelledby": u,
+      "data-highlighted": h ? "" : void 0,
+      "aria-selected": v && h,
+      "data-state": v ? "checked" : "unchecked",
+      "aria-disabled": t || void 0,
+      "data-disabled": t ? "" : void 0,
+      tabIndex: t ? void 0 : -1,
+      ...n,
+      id: b,
+      ref: c,
+      onPointerUp: P(n.onPointerUp, f)
     }
   );
 });
-ComboboxItemImpl.displayName = ITEM_IMPL_NAME;
-const ITEM_TEXT_NAME$1 = "ComboboxItemText";
-const ComboboxItemText = React.forwardRef((props, forwardedRef) => {
-  const { className: _unusedClassName, style: _unusedStyle, ...itemTextProps } = props;
-  const itemContext = useComboboxItemContext(ITEM_TEXT_NAME$1);
-  const composedRefs = useComposedRefs(forwardedRef, itemContext.onTextValueChange);
-  return /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs });
+Ne.displayName = Et;
+const Nt = "ComboboxItemText", Rt = s.forwardRef((o, i) => {
+  const { className: e, style: t, ...n } = o, r = Fe(Nt), c = A(i, r.onTextValueChange);
+  return /* @__PURE__ */ d(N.span, { id: r.textId, ...n, ref: c });
 });
-ComboboxItemText.displayName = ITEM_TEXT_NAME$1;
-const ITEM_INDICATOR_NAME$1 = "ComboboxItemIndicator";
-const ComboboxItemIndicator = React.forwardRef((props, forwardedRef) => {
-  const { isSelected } = useComboboxItemContext(ITEM_INDICATOR_NAME$1);
-  return isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...props, ref: forwardedRef }) : null;
+Rt.displayName = Nt;
+const At = "ComboboxItemIndicator", _t = s.forwardRef((o, i) => {
+  const { isSelected: e } = Fe(At);
+  return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: i }) : null;
 });
-ComboboxItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
-const NO_VALUE_FOUND_NAME = "ComboboxNoValueFound";
-const ComboboxNoValueFound = React.forwardRef((props, ref) => {
+_t.displayName = At;
+const Be = "ComboboxNoValueFound", Mt = s.forwardRef((o, i) => {
   const {
-    textValue = "",
-    filterValue = "",
-    visible = false,
-    locale,
-    autocomplete
-  } = useComboboxContext(NO_VALUE_FOUND_NAME);
-  const [items, setItems] = React.useState([]);
-  const { subscribe } = useCollection$1(void 0);
-  const { startsWith, contains } = useFilter(locale, { sensitivity: "base" });
-  React.useEffect(() => {
-    const unsub = subscribe((state) => {
-      if (visible) {
-        const filteredItems = state.filter((item) => item.type !== "create");
-        setItems(filteredItems);
-      } else {
-        setItems(state);
-      }
+    textValue: e = "",
+    filterValue: t = "",
+    visible: n = !1,
+    locale: r,
+    autocomplete: c
+  } = Y(Be), [l, a] = s.useState([]), { subscribe: m } = xe(void 0), { startsWith: C, contains: v } = De(r, { sensitivity: "base" });
+  return s.useEffect(() => {
+    const g = m((u) => {
+      if (n) {
+        const f = u.filter((h) => h.type !== "create");
+        a(f);
+      } else
+        a(u);
     });
     return () => {
-      unsub();
+      g();
     };
-  }, [visible, subscribe]);
-  if (autocomplete.type === "none" && items.length > 0)
-    return null;
-  if (autocomplete.type === "list" && autocomplete.filter === "startsWith" && items.some((item) => startsWith(item.textValue, textValue))) {
-    return null;
-  }
-  if (autocomplete.type === "both" && items.some((item) => startsWith(item.textValue, filterValue))) {
-    return null;
-  }
-  if (autocomplete.type === "list" && autocomplete.filter === "contains" && items.some((item) => contains(item.textValue, textValue))) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref });
+  }, [n, m]), c.type === "none" && l.length > 0 || c.type === "list" && c.filter === "startsWith" && l.some((g) => C(g.textValue, e)) || c.type === "both" && l.some((g) => C(g.textValue, t)) || c.type === "list" && c.filter === "contains" && l.some((g) => v(g.textValue, e)) ? null : /* @__PURE__ */ d(N.div, { ...o, ref: i });
 });
-ComboboxNoValueFound.displayName = NO_VALUE_FOUND_NAME;
-const ComboboxCreateItem = React.forwardRef((props, ref) => {
-  const { disabled = false, ...restProps } = props;
-  const context = useComboboxContext(NO_VALUE_FOUND_NAME);
-  const { textValue, visuallyFocussedItem } = context;
-  const { getItems, subscribe } = useCollection$1(void 0);
-  const itemRef = React.useRef(null);
-  const [show, setShow] = React.useState(false);
-  const composedRefs = useComposedRefs(ref, itemRef);
-  const isFocused = React.useMemo(() => {
-    return visuallyFocussedItem === getItems().find((item) => item.ref.current === itemRef.current)?.ref.current;
-  }, [getItems, visuallyFocussedItem]);
-  const id = useId();
-  const handleSelect = () => {
-    if (!disabled && textValue) {
-      context.onValueChange(textValue);
-      context.onTextValueChange(textValue);
-      context.onOpenChange(false);
-      if (context.autocomplete.type === "both") {
-        context.onFilterValueChange(textValue);
-      }
-      context.trigger?.focus({ preventScroll: true });
-    }
+Mt.displayName = Be;
+const Ot = s.forwardRef((o, i) => {
+  const { disabled: e = !1, ...t } = o, n = Y(Be), { textValue: r, visuallyFocussedItem: c } = n, { getItems: l, subscribe: a } = xe(void 0), m = s.useRef(null), [C, v] = s.useState(!1), g = A(i, m), u = s.useMemo(() => {
+    var b;
+    return c === ((b = l().find((x) => x.ref.current === m.current)) == null ? void 0 : b.ref.current);
+  }, [l, c]), f = se(), h = () => {
+    var b;
+    !e && r && (n.onValueChange(r), n.onTextValueChange(r), n.onOpenChange(!1), n.autocomplete.type === "both" && n.onFilterValueChange(r), (b = n.trigger) == null || b.focus({ preventScroll: !0 }));
   };
-  useLayoutEffect(() => {
-    const unsub = subscribe((state) => {
-      setShow(!state.some((item) => item.textValue === textValue && item.type !== "create"));
+  return $(() => {
+    const b = a((x) => {
+      v(!x.some((p) => p.textValue === r && p.type !== "create"));
     });
-    if (getItems().length === 0) {
-      setShow(true);
-    }
-    return () => {
-      unsub();
+    return l().length === 0 && v(!0), () => {
+      b();
     };
-  }, [textValue, subscribe, getItems]);
-  if ((!textValue || !show) && !context.visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Collection$1.ItemSlot,
+  }, [r, a, l]), (!r || !C) && !n.visible ? null : /* @__PURE__ */ d(
+    re.ItemSlot,
     {
       scope: void 0,
-      value: textValue ?? "",
-      textValue: textValue ?? "",
-      disabled,
-      isVisible: true,
+      value: r ?? "",
+      textValue: r ?? "",
+      disabled: e,
+      isVisible: !0,
       type: "create",
-      children: /* @__PURE__ */ jsx(
-        Primitive.div,
+      children: /* @__PURE__ */ d(
+        N.div,
         {
           role: "option",
-          tabIndex: disabled ? void 0 : -1,
-          "aria-disabled": disabled || void 0,
-          "data-disabled": disabled ? "" : void 0,
-          "data-highlighted": isFocused ? "" : void 0,
-          ...restProps,
-          id,
-          ref: composedRefs,
-          onPointerUp: composeEventHandlers$1(restProps.onPointerUp, handleSelect)
+          tabIndex: e ? void 0 : -1,
+          "aria-disabled": e || void 0,
+          "data-disabled": e ? "" : void 0,
+          "data-highlighted": u ? "" : void 0,
+          ...t,
+          id: f,
+          ref: g,
+          onPointerUp: P(t.onPointerUp, h)
         }
       )
     }
   );
 });
-ComboboxCreateItem.displayName = "ComboboxCreateItem";
-const Root$1 = Combobox;
-const Trigger$1 = ComboboxTrigger;
-const TextInput = ComboxboxTextInput;
-const Icon$1 = ComboboxIcon;
-const Portal$1 = ComboboxPortal;
-const Content$1 = ComboboxContent;
-const Viewport$1 = ComboboxViewport;
-const Item$1 = ComboboxItem;
-const ItemText$1 = ComboboxItemText;
-const ItemIndicator$1 = ComboboxItemIndicator;
-const NoValueFound = ComboboxNoValueFound;
-const CreateItem = ComboboxCreateItem;
-function findChangedIndex(a, b) {
-  const length = Math.min(a.length, b.length);
-  for (let i = 0; i < length; i++) {
-    if (a[i] !== b[i]) {
-      return i;
-    }
-  }
-  return length;
+Ot.displayName = "ComboboxCreateItem";
+const uo = io, po = Ct, fo = bt, mo = yt, ho = St, go = wt, xo = Pt, Co = Le, vo = Rt, bo = _t, yo = Mt, So = Ot;
+function wo(o, i) {
+  const e = Math.min(o.length, i.length);
+  for (let t = 0; t < e; t++)
+    if (o[t] !== i[t])
+      return t;
+  return e;
 }
-const Combobox$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ComboboxItem,
-  Content: Content$1,
-  CreateItem,
-  Icon: Icon$1,
-  Item: Item$1,
-  ItemIndicator: ItemIndicator$1,
-  ItemText: ItemText$1,
-  NoValueFound,
-  Portal: Portal$1,
-  Root: Root$1,
-  TextInput,
-  Trigger: Trigger$1,
-  Viewport: Viewport$1
+  ComboboxItem: Le,
+  Content: go,
+  CreateItem: So,
+  Icon: mo,
+  Item: Co,
+  ItemIndicator: bo,
+  ItemText: vo,
+  NoValueFound: yo,
+  Portal: ho,
+  Root: uo,
+  TextInput: fo,
+  Trigger: po,
+  Viewport: xo
 }, Symbol.toStringTag, { value: "Module" }));
-function useCallbackRef(callback) {
-  const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+function Io(o) {
+  const i = s.useRef(o);
+  return s.useEffect(() => {
+    i.current = o;
+  }), s.useMemo(() => (...e) => {
+    var t;
+    return (t = i.current) == null ? void 0 : t.call(i, ...e);
+  }, []);
 }
-const OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
-const SELECTION_KEYS = [" ", "Enter"];
-const SELECT_NAME = "Select";
-const [Collection, useCollection, createCollectionScope] = createCollection$1(SELECT_NAME);
-const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
-  createCollectionScope,
-  createPopperScope
-]);
-const usePopperScope = createPopperScope();
-const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
-const [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
-const Select = (props) => {
+const To = [" ", "Enter", "ArrowUp", "ArrowDown"], Vo = [" ", "Enter"], Ce = "Select", [Te, ve, Po] = Yt(Ce), [pe, Eo] = st(Ce, [
+  Po,
+  dt
+]), Ve = dt(), [No, X] = pe(Ce), [Ro, Ao] = pe(Ce), $e = (o) => {
   const {
-    __scopeSelect,
-    children,
-    open: openProp,
-    defaultOpen,
-    onOpenChange,
-    value: valueProp,
-    defaultValue,
-    onValueChange,
-    dir,
+    __scopeSelect: i,
+    children: e,
+    open: t,
+    defaultOpen: n,
+    onOpenChange: r,
+    value: c,
+    defaultValue: l,
+    onValueChange: a,
+    dir: m,
     // name,
     // autoComplete,
-    disabled,
-    required,
-    multi = false
-  } = props;
-  const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React.useState(null);
-  const [valueNode, setValueNode] = React.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
-  const direction = useDirection(dir);
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange(value2) {
-      if (onValueChange) {
-        if (Array.isArray(value2)) {
-          onValueChange(value2);
-        } else {
-          onValueChange(value2);
-        }
-      }
+    disabled: C,
+    required: v,
+    multi: g = !1
+  } = o, u = Ve(i), [f, h] = s.useState(null), [b, x] = s.useState(null), [p, y] = s.useState(!1), E = qt(m), [O = !1, F] = de({
+    prop: t,
+    defaultProp: n,
+    onChange: r
+  }), [_, k] = de({
+    prop: c,
+    defaultProp: l,
+    onChange(R) {
+      a && (Array.isArray(R), a(R));
     }
-  });
-  const triggerPointerDownPosRef = React.useRef(null);
-  const [_nativeOptionsSet, setNativeOptionsSet] = React.useState(/* @__PURE__ */ new Set());
-  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(
-    SelectProvider,
+  }), Z = s.useRef(null), [U, z] = s.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ d(ie.Root, { ...u, children: /* @__PURE__ */ d(
+    No,
     {
-      required,
-      scope: __scopeSelect,
-      trigger,
-      onTriggerChange: setTrigger,
-      valueNode,
-      onValueNodeChange: setValueNode,
-      valueNodeHasChildren,
-      onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: useId(),
-      value,
-      onValueChange: setValue,
-      open,
-      onOpenChange: setOpen,
-      dir: direction,
-      triggerPointerDownPosRef,
-      disabled,
-      multi,
-      children: /* @__PURE__ */ jsx(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        SelectNativeOptionsProvider,
+      required: v,
+      scope: i,
+      trigger: f,
+      onTriggerChange: h,
+      valueNode: b,
+      onValueNodeChange: x,
+      valueNodeHasChildren: p,
+      onValueNodeHasChildrenChange: y,
+      contentId: se(),
+      value: _,
+      onValueChange: k,
+      open: O,
+      onOpenChange: F,
+      dir: E,
+      triggerPointerDownPosRef: Z,
+      disabled: C,
+      multi: g,
+      children: /* @__PURE__ */ d(Te.Provider, { scope: i, children: /* @__PURE__ */ d(
+        Ro,
         {
-          scope: props.__scopeSelect,
-          onNativeOptionAdd: React.useCallback((option) => {
-            setNativeOptionsSet((prev) => new Set(prev).add(option));
+          scope: o.__scopeSelect,
+          onNativeOptionAdd: s.useCallback((R) => {
+            z((H) => new Set(H).add(R));
           }, []),
-          onNativeOptionRemove: React.useCallback((option) => {
-            setNativeOptionsSet((prev) => {
-              const optionsSet = new Set(prev);
-              optionsSet.delete(option);
-              return optionsSet;
+          onNativeOptionRemove: s.useCallback((R) => {
+            z((H) => {
+              const L = new Set(H);
+              return L.delete(R), L;
             });
           }, []),
-          children
+          children: e
         }
       ) })
     }
   ) });
 };
-Select.displayName = SELECT_NAME;
-const TRIGGER_NAME = "SelectTrigger";
-const SelectTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...triggerProps } = props;
-    const popperScope = usePopperScope(__scopeSelect);
-    const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
-    const isDisabled = context.disabled;
-    const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
-    const getItems = useCollection(__scopeSelect);
-    const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
-      const enabledItems = getItems().filter((item) => !item.disabled);
-      const currentItem = enabledItems.find((item) => item.value === context.value);
-      const nextItem = findNextItem(enabledItems, search, currentItem);
-      if (nextItem !== void 0 && !Array.isArray(nextItem.value)) {
-        const newValue = context.multi ? [nextItem.value] : nextItem.value;
-        context.onValueChange(newValue);
-      }
-    });
-    const handleOpen = () => {
-      if (!isDisabled) {
-        context.onOpenChange(true);
-        resetTypeahead();
+$e.displayName = Ce;
+const Dt = "SelectTrigger", Ue = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o, n = Ve(e), r = X(Dt, e), c = r.disabled, l = A(i, r.onTriggerChange), a = ve(e), [m, C, v] = zt((u) => {
+      const f = a().filter((x) => !x.disabled), h = f.find((x) => x.value === r.value), b = Kt(f, u, h);
+      if (b !== void 0 && !Array.isArray(b.value)) {
+        const x = r.multi ? [b.value] : b.value;
+        r.onValueChange(x);
       }
+    }), g = () => {
+      c || (r.onOpenChange(!0), v());
     };
-    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.div,
+    return /* @__PURE__ */ d(ie.Anchor, { asChild: !0, ...n, children: /* @__PURE__ */ d(
+      N.div,
       {
         role: "combobox",
-        "aria-controls": context.contentId,
-        "aria-expanded": context.open,
-        "aria-required": context.required,
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open,
+        "aria-required": r.required,
         "aria-autocomplete": "none",
-        dir: context.dir,
-        "data-state": context.open ? "open" : "closed",
-        "data-disabled": isDisabled ? "" : void 0,
-        "data-placeholder": context.value === void 0 ? "" : void 0,
-        tabIndex: isDisabled ? void 0 : 0,
-        ...triggerProps,
-        ref: composedRefs,
-        onClick: composeEventHandlers$1(triggerProps.onClick, (event) => {
-          event.currentTarget.focus();
+        dir: r.dir,
+        "data-state": r.open ? "open" : "closed",
+        "data-disabled": c ? "" : void 0,
+        "data-placeholder": r.value === void 0 ? "" : void 0,
+        tabIndex: c ? void 0 : 0,
+        ...t,
+        ref: l,
+        onClick: P(t.onClick, (u) => {
+          u.currentTarget.focus();
         }),
-        onPointerDown: composeEventHandlers$1(triggerProps.onPointerDown, (event) => {
-          const target = event.target;
-          if (target.hasPointerCapture(event.pointerId)) {
-            target.releasePointerCapture(event.pointerId);
-          }
-          const buttonTarg = target.closest("button") ?? target.closest("div");
-          if (buttonTarg !== event.currentTarget) {
-            return;
-          }
-          if (event.button === 0 && event.ctrlKey === false) {
-            handleOpen();
-            context.triggerPointerDownPosRef.current = {
-              x: Math.round(event.pageX),
-              y: Math.round(event.pageY)
-            };
-            event.preventDefault();
-          }
+        onPointerDown: P(t.onPointerDown, (u) => {
+          const f = u.target;
+          f.hasPointerCapture(u.pointerId) && f.releasePointerCapture(u.pointerId), (f.closest("button") ?? f.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (g(), r.triggerPointerDownPosRef.current = {
+            x: Math.round(u.pageX),
+            y: Math.round(u.pageY)
+          }, u.preventDefault());
         }),
-        onKeyDown: composeEventHandlers$1(triggerProps.onKeyDown, (event) => {
-          const isTypingAhead = searchRef.current !== "";
-          const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-          const target = event.target;
-          const buttonTarg = target.closest("button") ?? target.closest("div");
-          if (buttonTarg !== event.currentTarget) {
-            return;
-          }
-          if (!isModifierKey && event.key.length === 1)
-            handleTypeaheadSearch(event.key);
-          if (isTypingAhead && event.key === " ")
-            return;
-          if (OPEN_KEYS.includes(event.key)) {
-            handleOpen();
-            event.preventDefault();
-          }
+        onKeyDown: P(t.onKeyDown, (u) => {
+          const f = m.current !== "", h = u.ctrlKey || u.altKey || u.metaKey, b = u.target;
+          (b.closest("button") ?? b.closest("div")) === u.currentTarget && (!h && u.key.length === 1 && C(u.key), !(f && u.key === " ") && To.includes(u.key) && (g(), u.preventDefault()));
         })
       }
     ) });
   }
 );
-SelectTrigger.displayName = TRIGGER_NAME;
-const VALUE_NAME = "SelectValue";
-const SelectValue = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, children, placeholder, ...valueProps } = props;
-    const context = useSelectContext(VALUE_NAME, __scopeSelect);
-    const { onValueNodeHasChildrenChange } = context;
-    const hasChildren = children !== void 0;
-    const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
-    const [valuedItems, setValuedItems] = React.useState([]);
-    const getItems = useCollection(__scopeSelect);
-    useLayoutEffect(() => {
-      onValueNodeHasChildrenChange(hasChildren);
-    }, [onValueNodeHasChildrenChange, hasChildren]);
-    React.useLayoutEffect(() => {
-      if (Array.isArray(context.value) && valuedItems.length !== context.value.length) {
-        const timeout = setTimeout(() => {
-          const valuedItems2 = getItems().filter(
-            (item) => !Array.isArray(item.value) ? context.value?.includes(item.value) : false
+Ue.displayName = Dt;
+const kt = "SelectValue", He = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, children: t, placeholder: n, ...r } = o, c = X(kt, e), { onValueNodeHasChildrenChange: l } = c, a = t !== void 0, m = A(i, c.onValueNodeChange), [C, v] = s.useState([]), g = ve(e);
+    $(() => {
+      l(a);
+    }, [l, a]), s.useLayoutEffect(() => {
+      if (Array.isArray(c.value) && C.length !== c.value.length) {
+        const f = setTimeout(() => {
+          const h = g().filter(
+            (b) => {
+              var x;
+              return Array.isArray(b.value) ? !1 : (x = c.value) == null ? void 0 : x.includes(b.value);
+            }
           );
-          setValuedItems(valuedItems2);
+          v(h);
         });
         return () => {
-          clearTimeout(timeout);
+          clearTimeout(f);
         };
       }
-    }, [context.value, getItems, valuedItems]);
-    let renderValue;
-    if ((context.value === void 0 || context.value.length === 0) && placeholder !== void 0) {
-      renderValue = /* @__PURE__ */ jsx("span", { children: placeholder });
-    } else if (typeof children === "function") {
-      if (Array.isArray(context.value)) {
-        const childrenArray = context.value.map((value) => {
-          const valueItem = valuedItems.find((item) => item.value === value);
-          if (!valueItem) {
-            return null;
-          }
-          return children({ value, textValue: valueItem?.textValue });
+    }, [c.value, g, C]);
+    let u;
+    if ((c.value === void 0 || c.value.length === 0) && n !== void 0)
+      u = /* @__PURE__ */ d("span", { children: n });
+    else if (typeof t == "function")
+      if (Array.isArray(c.value)) {
+        const f = c.value.map((h) => {
+          const b = C.find((x) => x.value === h);
+          return b ? t({ value: h, textValue: b == null ? void 0 : b.textValue }) : null;
         });
-        renderValue = childrenArray.every((child) => child === null) ? placeholder : childrenArray;
-      } else {
-        renderValue = children(context.value);
-      }
-    } else {
-      renderValue = children;
-    }
-    return /* @__PURE__ */ jsx(Primitive.span, { ...valueProps, ref: composedRefs, children: renderValue || null });
+        u = f.every((h) => h === null) ? n : f;
+      } else
+        u = t(c.value);
+    else
+      u = t;
+    return /* @__PURE__ */ d(N.span, { ...r, ref: m, children: u || null });
   }
 );
-SelectValue.displayName = VALUE_NAME;
-const ICON_NAME = "SelectIcon";
-const SelectIcon = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+He.displayName = kt;
+const _o = "SelectIcon", We = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, children: t, ...n } = o;
+    return /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t || "▼" });
   }
 );
-SelectIcon.displayName = ICON_NAME;
-const PORTAL_NAME = "SelectPortal";
-const SelectPortal = (props) => {
-  return /* @__PURE__ */ jsx(Portal$2, { asChild: true, ...props });
-};
-SelectPortal.displayName = PORTAL_NAME;
-const CONTENT_NAME = "SelectContent";
-const SelectContent = React.forwardRef(
-  (props, forwardedRef) => {
-    const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
-    const [fragment, setFragment] = React.useState();
-    useLayoutEffect(() => {
-      setFragment(new DocumentFragment());
-    }, []);
-    if (!context.open) {
-      const frag = fragment;
-      return frag ? ReactDOM.createPortal(
-        /* @__PURE__ */ jsx(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx("div", { children: props.children }) }) }),
-        frag
+We.displayName = _o;
+const Mo = "SelectPortal", ze = (o) => /* @__PURE__ */ d(pt, { asChild: !0, ...o });
+ze.displayName = Mo;
+const le = "SelectContent", Ke = s.forwardRef(
+  (o, i) => {
+    const e = X(le, o.__scopeSelect), [t, n] = s.useState();
+    if ($(() => {
+      n(new DocumentFragment());
+    }, []), !e.open) {
+      const r = t;
+      return r ? we.createPortal(
+        /* @__PURE__ */ d(Ft, { scope: o.__scopeSelect, children: /* @__PURE__ */ d(Te.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ d("div", { children: o.children }) }) }),
+        r
       ) : null;
     }
-    return /* @__PURE__ */ jsx(SelectContentImpl, { ...props, ref: forwardedRef });
+    return /* @__PURE__ */ d(Lt, { ...o, ref: i });
   }
 );
-SelectContent.displayName = CONTENT_NAME;
-const CONTENT_MARGIN = 10;
-const [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
-const CONTENT_IMPL_NAME = "SelectContentImpl";
-const SelectContentImpl = React.forwardRef(
-  (props, forwardedRef) => {
+Ke.displayName = le;
+const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
+  (o, i) => {
     const {
-      __scopeSelect,
-      position = "item-aligned",
-      onCloseAutoFocus,
-      onEscapeKeyDown,
-      onPointerDownOutside,
+      __scopeSelect: e,
+      position: t = "item-aligned",
+      onCloseAutoFocus: n,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: c,
       //
       // PopperContent props
-      side,
-      sideOffset,
-      align,
-      alignOffset,
-      arrowPadding,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      hideWhenDetached,
-      avoidCollisions,
+      side: l,
+      sideOffset: a,
+      align: m,
+      alignOffset: C,
+      arrowPadding: v,
+      collisionBoundary: g,
+      collisionPadding: u,
+      sticky: f,
+      hideWhenDetached: h,
+      avoidCollisions: b,
       //
-      ...contentProps
-    } = props;
-    const context = useSelectContext(CONTENT_NAME, __scopeSelect);
-    const [content, setContent] = React.useState(null);
-    const [viewport, setViewport] = React.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [selectedItem, setSelectedItem] = React.useState(null);
-    const [selectedItemText, setSelectedItemText] = React.useState(null);
-    const getItems = useCollection(__scopeSelect);
-    const [isPositioned, setIsPositioned] = React.useState(false);
-    const firstValidItemFoundRef = React.useRef(false);
-    React.useEffect(() => {
-      if (content)
-        return hideOthers(content);
-    }, [content]);
-    useFocusGuards();
-    const focusFirst = React.useCallback(
-      (candidates) => {
-        const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
-        const [lastItem] = restItems.slice(-1);
-        const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-        for (const candidate of candidates) {
-          if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
-            return;
-          candidate?.scrollIntoView({ block: "nearest" });
-          if (candidate === firstItem && viewport)
-            viewport.scrollTop = 0;
-          if (candidate === lastItem && viewport)
-            viewport.scrollTop = viewport.scrollHeight;
-          candidate?.focus();
-          if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)
-            return;
-        }
+      ...x
+    } = o, p = X(le, e), [y, E] = s.useState(null), [O, F] = s.useState(null), _ = A(i, (S) => E(S)), [k, Z] = s.useState(null), [U, z] = s.useState(null), R = ve(e), [H, L] = s.useState(!1), W = s.useRef(!1);
+    s.useEffect(() => {
+      if (y) return ft(y);
+    }, [y]), at();
+    const J = s.useCallback(
+      (S) => {
+        const [I, ...M] = R().map((w) => w.ref.current), [V] = M.slice(-1), T = document.activeElement;
+        for (const w of S)
+          if (w === T || (w == null || w.scrollIntoView({ block: "nearest" }), w === I && O && (O.scrollTop = 0), w === V && O && (O.scrollTop = O.scrollHeight), w == null || w.focus(), document.activeElement !== T)) return;
       },
-      [getItems, viewport]
+      [R, O]
+    ), Q = s.useCallback(
+      () => J([k, y]),
+      [J, k, y]
     );
-    const focusSelectedItem = React.useCallback(
-      () => focusFirst([selectedItem, content]),
-      [focusFirst, selectedItem, content]
-    );
-    React.useEffect(() => {
-      if (isPositioned) {
-        focusSelectedItem();
-      }
-    }, [isPositioned, focusSelectedItem]);
-    const { onOpenChange, triggerPointerDownPosRef } = context;
-    React.useEffect(() => {
-      if (content) {
-        let pointerMoveDelta = { x: 0, y: 0 };
-        const handlePointerMove = (event) => {
-          pointerMoveDelta = {
-            x: Math.abs(Math.round(event.pageX) - (triggerPointerDownPosRef.current?.x ?? 0)),
-            y: Math.abs(Math.round(event.pageY) - (triggerPointerDownPosRef.current?.y ?? 0))
+    s.useEffect(() => {
+      H && Q();
+    }, [H, Q]);
+    const { onOpenChange: K, triggerPointerDownPosRef: G } = p;
+    s.useEffect(() => {
+      if (y) {
+        let S = { x: 0, y: 0 };
+        const I = (V) => {
+          var T, w;
+          S = {
+            x: Math.abs(Math.round(V.pageX) - (((T = G.current) == null ? void 0 : T.x) ?? 0)),
+            y: Math.abs(Math.round(V.pageY) - (((w = G.current) == null ? void 0 : w.y) ?? 0))
           };
+        }, M = (V) => {
+          S.x <= 10 && S.y <= 10 ? V.preventDefault() : y.contains(V.target) || K(!1), document.removeEventListener("pointermove", I), G.current = null;
         };
-        const handlePointerUp = (event) => {
-          if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
-            event.preventDefault();
-          } else if (!content.contains(event.target)) {
-            onOpenChange(false);
-          }
-          document.removeEventListener("pointermove", handlePointerMove);
-          triggerPointerDownPosRef.current = null;
-        };
-        if (triggerPointerDownPosRef.current !== null) {
-          document.addEventListener("pointermove", handlePointerMove);
-          document.addEventListener("pointerup", handlePointerUp, { capture: true, once: true });
-        }
-        return () => {
-          document.removeEventListener("pointermove", handlePointerMove);
-          document.removeEventListener("pointerup", handlePointerUp, { capture: true });
+        return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", M, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", M, { capture: !0 });
         };
       }
-    }, [content, onOpenChange, triggerPointerDownPosRef]);
-    React.useEffect(() => {
-      const close = () => onOpenChange(false);
-      window.addEventListener("blur", close);
-      window.addEventListener("resize", close);
-      return () => {
-        window.removeEventListener("blur", close);
-        window.removeEventListener("resize", close);
+    }, [y, K, G]), s.useEffect(() => {
+      const S = () => K(!1);
+      return window.addEventListener("blur", S), window.addEventListener("resize", S), () => {
+        window.removeEventListener("blur", S), window.removeEventListener("resize", S);
       };
-    }, [onOpenChange]);
-    const [searchRef, handleTypeaheadSearch] = useTypeaheadSearch((search) => {
-      const enabledItems = getItems().filter((item) => !item.disabled);
-      const currentItem = enabledItems.find((item) => item.ref.current === document.activeElement);
-      const nextItem = findNextItem(enabledItems, search, currentItem);
-      if (nextItem) {
-        setTimeout(() => nextItem.ref.current.focus());
-      }
-    });
-    const itemRefCallback = React.useCallback(
-      (node, value, disabled) => {
-        const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
-        const isSelectedItem = context.value !== void 0 && context.value === value;
-        if (isSelectedItem || isFirstValidItem) {
-          setSelectedItem(node);
-          if (isFirstValidItem)
-            firstValidItemFoundRef.current = true;
-        }
+    }, [K]);
+    const [ce, ee] = zt((S) => {
+      const I = R().filter((T) => !T.disabled), M = I.find((T) => T.ref.current === document.activeElement), V = Kt(I, S, M);
+      V && setTimeout(() => V.ref.current.focus());
+    }), fe = s.useCallback(
+      (S, I, M) => {
+        const V = !W.current && !M;
+        (p.value !== void 0 && p.value === I || V) && (Z(S), V && (W.current = !0));
       },
-      [context.value]
-    );
-    const handleItemLeave = React.useCallback(() => content?.focus(), [content]);
-    const itemTextRefCallback = React.useCallback(
-      (node, value, disabled) => {
-        const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
-        const isSelectedItem = context.value !== void 0 && (Array.isArray(value) ? value.every((v) => context.value?.includes(v)) : context.value === value);
-        if (isSelectedItem || isFirstValidItem) {
-          setSelectedItemText(node);
-        }
+      [p.value]
+    ), me = s.useCallback(() => y == null ? void 0 : y.focus(), [y]), te = s.useCallback(
+      (S, I, M) => {
+        const V = !W.current && !M;
+        (p.value !== void 0 && (Array.isArray(I) ? I.every((w) => {
+          var B;
+          return (B = p.value) == null ? void 0 : B.includes(w);
+        }) : p.value === I) || V) && z(S);
       },
-      [context.value]
-    );
-    const SelectPosition = position === "popper" ? SelectPopperPosition : SelectItemAlignedPosition;
-    const popperContentProps = SelectPosition === SelectPopperPosition ? {
-      side,
-      sideOffset,
-      align,
-      alignOffset,
-      arrowPadding,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      hideWhenDetached,
-      avoidCollisions
+      [p.value]
+    ), ae = t === "popper" ? Re : Bt, ne = ae === Re ? {
+      side: l,
+      sideOffset: a,
+      align: m,
+      alignOffset: C,
+      arrowPadding: v,
+      collisionBoundary: g,
+      collisionPadding: u,
+      sticky: f,
+      hideWhenDetached: h,
+      avoidCollisions: b
     } : {};
-    return /* @__PURE__ */ jsx(
-      SelectContentProvider,
+    return /* @__PURE__ */ d(
+      Ft,
       {
-        scope: __scopeSelect,
-        content,
-        viewport,
-        onViewportChange: setViewport,
-        itemRefCallback,
-        selectedItem,
-        onItemLeave: handleItemLeave,
-        itemTextRefCallback,
-        focusSelectedItem,
-        selectedItemText,
-        position,
-        isPositioned,
-        searchRef,
-        children: /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
-          FocusScope,
+        scope: e,
+        content: y,
+        viewport: O,
+        onViewportChange: F,
+        itemRefCallback: fe,
+        selectedItem: k,
+        onItemLeave: me,
+        itemTextRefCallback: te,
+        focusSelectedItem: Q,
+        selectedItemText: U,
+        position: t,
+        isPositioned: H,
+        searchRef: ce,
+        children: /* @__PURE__ */ d(mt, { as: Ee, allowPinchZoom: !0, children: /* @__PURE__ */ d(
+          ut,
           {
-            asChild: true,
-            trapped: context.open,
-            onMountAutoFocus: (event) => {
-              event.preventDefault();
+            asChild: !0,
+            trapped: p.open,
+            onMountAutoFocus: (S) => {
+              S.preventDefault();
             },
-            onUnmountAutoFocus: composeEventHandlers$1(onCloseAutoFocus, (event) => {
-              context.trigger?.focus({ preventScroll: true });
-              document.getSelection()?.empty();
-              event.preventDefault();
+            onUnmountAutoFocus: P(n, (S) => {
+              var I, M;
+              (I = p.trigger) == null || I.focus({ preventScroll: !0 }), (M = document.getSelection()) == null || M.empty(), S.preventDefault();
             }),
-            children: /* @__PURE__ */ jsx(
-              DismissableLayer,
+            children: /* @__PURE__ */ d(
+              ct,
               {
-                asChild: true,
-                disableOutsidePointerEvents: true,
-                onEscapeKeyDown,
-                onPointerDownOutside,
-                onFocusOutside: (event) => event.preventDefault(),
-                onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ jsx(
-                  SelectPosition,
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: r,
+                onPointerDownOutside: c,
+                onFocusOutside: (S) => S.preventDefault(),
+                onDismiss: () => p.onOpenChange(!1),
+                children: /* @__PURE__ */ d(
+                  ae,
                   {
                     role: "listbox",
-                    id: context.contentId,
-                    "data-state": context.open ? "open" : "closed",
-                    "aria-multiselectable": context.multi ? "true" : void 0,
-                    dir: context.dir,
-                    onContextMenu: (event) => event.preventDefault(),
-                    ...contentProps,
-                    ...popperContentProps,
-                    onPlaced: () => setIsPositioned(true),
-                    ref: composedRefs,
+                    id: p.contentId,
+                    "data-state": p.open ? "open" : "closed",
+                    "aria-multiselectable": p.multi ? "true" : void 0,
+                    dir: p.dir,
+                    onContextMenu: (S) => S.preventDefault(),
+                    ...x,
+                    ...ne,
+                    onPlaced: () => L(!0),
+                    ref: _,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...contentProps.style
+                      ...x.style
                     },
-                    onKeyDown: composeEventHandlers$1(contentProps.onKeyDown, (event) => {
-                      const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-                      if (event.key === "Tab")
-                        event.preventDefault();
-                      if (!isModifierKey && event.key.length === 1)
-                        handleTypeaheadSearch(event.key);
-                      if (["ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
-                        const items = getItems().filter((item) => !item.disabled);
-                        let candidateNodes = items.map((item) => item.ref.current);
-                        if (["ArrowUp", "End"].includes(event.key)) {
-                          candidateNodes = candidateNodes.slice().reverse();
-                        }
-                        if (["ArrowUp", "ArrowDown"].includes(event.key)) {
-                          const currentElement = event.target;
-                          const currentIndex = candidateNodes.indexOf(currentElement);
-                          candidateNodes = candidateNodes.slice(currentIndex + 1);
+                    onKeyDown: P(x.onKeyDown, (S) => {
+                      const I = S.ctrlKey || S.altKey || S.metaKey;
+                      if (S.key === "Tab" && S.preventDefault(), !I && S.key.length === 1 && ee(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
+                        let V = R().filter((T) => !T.disabled).map((T) => T.ref.current);
+                        if (["ArrowUp", "End"].includes(S.key) && (V = V.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
+                          const T = S.target, w = V.indexOf(T);
+                          V = V.slice(w + 1);
                         }
-                        setTimeout(() => focusFirst(candidateNodes));
-                        event.preventDefault();
+                        setTimeout(() => J(V)), S.preventDefault();
                       }
                     })
                   }
@@ -1588,153 +1135,93 @@ const SelectContentImpl = React.forwardRef(
     );
   }
 );
-SelectContentImpl.displayName = CONTENT_IMPL_NAME;
-const ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-const SelectItemAlignedPosition = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, onPlaced, ...popperProps } = props;
-    const context = useSelectContext(CONTENT_NAME, __scopeSelect);
-    const contentContext = useSelectContentContext(CONTENT_NAME, __scopeSelect);
-    const [contentWrapper, setContentWrapper] = React.useState(null);
-    const [content, setContent] = React.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const getItems = useCollection(__scopeSelect);
-    const shouldExpandOnScrollRef = React.useRef(false);
-    const shouldRepositionRef = React.useRef(true);
-    const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-    const position = React.useCallback(() => {
-      if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
-        const triggerRect = context.trigger.getBoundingClientRect();
-        const contentRect = content.getBoundingClientRect();
-        const valueNodeRect = context.valueNode.getBoundingClientRect();
-        const itemTextRect = selectedItemText.getBoundingClientRect();
-        if (context.dir !== "rtl") {
-          const itemTextOffset = itemTextRect.left - contentRect.left;
-          const left = valueNodeRect.left - itemTextOffset;
-          const leftDelta = triggerRect.left - left;
-          const minContentWidth = triggerRect.width + leftDelta;
-          const contentWidth = Math.max(minContentWidth, contentRect.width);
-          const rightEdge = window.innerWidth - CONTENT_MARGIN;
-          const clampedLeft = clamp(left, [CONTENT_MARGIN, rightEdge - contentWidth]);
-          contentWrapper.style.minWidth = `${minContentWidth}px`;
-          contentWrapper.style.left = `${clampedLeft}px`;
+Lt.displayName = Oo;
+const Do = "SelectItemAlignedPosition", Bt = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, onPlaced: t, ...n } = o, r = X(le, e), c = oe(le, e), [l, a] = s.useState(null), [m, C] = s.useState(null), v = A(i, (_) => C(_)), g = ve(e), u = s.useRef(!1), f = s.useRef(!0), { viewport: h, selectedItem: b, selectedItemText: x, focusSelectedItem: p } = c, y = s.useCallback(() => {
+      if (r.trigger && r.valueNode && l && m && h && b && x) {
+        const _ = r.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), Z = r.valueNode.getBoundingClientRect(), U = x.getBoundingClientRect();
+        if (r.dir !== "rtl") {
+          const T = U.left - k.left, w = Z.left - T, B = _.left - w, j = _.width + B, D = Math.max(j, k.width), ue = window.innerWidth - q, he = rt(w, [q, ue - D]);
+          l.style.minWidth = `${j}px`, l.style.left = `${he}px`;
         } else {
-          const itemTextOffset = contentRect.right - itemTextRect.right;
-          const right = window.innerWidth - valueNodeRect.right - itemTextOffset;
-          const rightDelta = window.innerWidth - triggerRect.right - right;
-          const minContentWidth = triggerRect.width + rightDelta;
-          const contentWidth = Math.max(minContentWidth, contentRect.width);
-          const leftEdge = window.innerWidth - CONTENT_MARGIN;
-          const clampedRight = clamp(right, [CONTENT_MARGIN, leftEdge - contentWidth]);
-          contentWrapper.style.minWidth = `${minContentWidth}px`;
-          contentWrapper.style.right = `${clampedRight}px`;
+          const T = k.right - U.right, w = window.innerWidth - Z.right - T, B = window.innerWidth - _.right - w, j = _.width + B, D = Math.max(j, k.width), ue = window.innerWidth - q, he = rt(w, [q, ue - D]);
+          l.style.minWidth = `${j}px`, l.style.right = `${he}px`;
         }
-        const items = getItems();
-        const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
-        const itemsHeight = viewport.scrollHeight;
-        const contentStyles = window.getComputedStyle(content);
-        const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
-        const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
-        const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
-        const contentPaddingBottom = parseInt(contentStyles.paddingBottom, 10);
-        const fullContentHeight = contentBorderTopWidth + contentPaddingTop + itemsHeight + contentPaddingBottom + contentBorderBottomWidth;
-        const minContentHeight = Math.min(selectedItem.offsetHeight * 5, fullContentHeight);
-        const viewportStyles = window.getComputedStyle(viewport);
-        const viewportPaddingTop = parseInt(viewportStyles.paddingTop, 10);
-        const viewportPaddingBottom = parseInt(viewportStyles.paddingBottom, 10);
-        const topEdgeToTriggerMiddle = triggerRect.top + triggerRect.height / 2 - CONTENT_MARGIN;
-        const triggerMiddleToBottomEdge = availableHeight - topEdgeToTriggerMiddle;
-        const selectedItemHalfHeight = selectedItem.offsetHeight / 2;
-        const itemOffsetMiddle = selectedItem.offsetTop + selectedItemHalfHeight;
-        const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
-        const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
-        const willAlignWithoutTopOverflow = contentTopToItemMiddle <= topEdgeToTriggerMiddle;
-        if (willAlignWithoutTopOverflow) {
-          const isLastItem = selectedItem === items[items.length - 1].ref.current;
-          contentWrapper.style.bottom = `${0}px`;
-          const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
-          const clampedTriggerMiddleToBottomEdge = Math.max(
-            triggerMiddleToBottomEdge,
-            selectedItemHalfHeight + // viewport might have padding bottom, include it to avoid a scrollable viewport
-            (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth
-          );
-          const height = contentTopToItemMiddle + clampedTriggerMiddleToBottomEdge;
-          contentWrapper.style.height = `${height}px`;
+        const z = g(), R = window.innerHeight - q * 2, H = h.scrollHeight, L = window.getComputedStyle(m), W = parseInt(L.borderTopWidth, 10), J = parseInt(L.paddingTop, 10), Q = parseInt(L.borderBottomWidth, 10), K = parseInt(L.paddingBottom, 10), G = W + J + H + K + Q, ce = Math.min(b.offsetHeight * 5, G), ee = window.getComputedStyle(h), fe = parseInt(ee.paddingTop, 10), me = parseInt(ee.paddingBottom, 10), te = _.top + _.height / 2 - q, ae = R - te, ne = b.offsetHeight / 2, S = b.offsetTop + ne, I = W + J + S, M = G - I;
+        if (I <= te) {
+          const T = b === z[z.length - 1].ref.current;
+          l.style.bottom = "0px";
+          const w = m.clientHeight - h.offsetTop - h.offsetHeight, B = Math.max(
+            ae,
+            ne + // viewport might have padding bottom, include it to avoid a scrollable viewport
+            (T ? me : 0) + w + Q
+          ), j = I + B;
+          l.style.height = `${j}px`;
         } else {
-          const isFirstItem = selectedItem === items[0].ref.current;
-          contentWrapper.style.top = `${0}px`;
-          const clampedTopEdgeToTriggerMiddle = Math.max(
-            topEdgeToTriggerMiddle,
-            contentBorderTopWidth + viewport.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-            (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight
-          );
-          const height = clampedTopEdgeToTriggerMiddle + itemMiddleToContentBottom;
-          contentWrapper.style.height = `${height}px`;
-          viewport.scrollTop = contentTopToItemMiddle - topEdgeToTriggerMiddle + viewport.offsetTop;
+          const T = b === z[0].ref.current;
+          l.style.top = "0px";
+          const B = Math.max(
+            te,
+            W + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            (T ? fe : 0) + ne
+          ) + M;
+          l.style.height = `${B}px`, h.scrollTop = I - te + h.offsetTop;
         }
-        contentWrapper.style.margin = `${CONTENT_MARGIN}px 0`;
-        contentWrapper.style.minHeight = `${minContentHeight}px`;
-        contentWrapper.style.maxHeight = `${availableHeight}px`;
-        onPlaced?.();
-        requestAnimationFrame(() => shouldExpandOnScrollRef.current = true);
+        l.style.margin = `${q}px 0`, l.style.minHeight = `${ce}px`, l.style.maxHeight = `${R}px`, t == null || t(), requestAnimationFrame(() => u.current = !0);
       }
     }, [
-      getItems,
-      context.trigger,
-      context.valueNode,
-      contentWrapper,
-      content,
-      viewport,
-      selectedItem,
-      selectedItemText,
-      context.dir,
-      onPlaced
+      g,
+      r.trigger,
+      r.valueNode,
+      l,
+      m,
+      h,
+      b,
+      x,
+      r.dir,
+      t
     ]);
-    useLayoutEffect(() => position(), [position]);
-    const [contentZIndex, setContentZIndex] = React.useState();
-    useLayoutEffect(() => {
-      if (content)
-        setContentZIndex(window.getComputedStyle(content).zIndex);
-    }, [content]);
-    const handleScrollButtonChange = React.useCallback(
-      (node) => {
-        if (node && shouldRepositionRef.current === true) {
-          position();
-          focusSelectedItem?.();
-          shouldRepositionRef.current = false;
-        }
+    $(() => y(), [y]);
+    const [E, O] = s.useState();
+    $(() => {
+      m && O(window.getComputedStyle(m).zIndex);
+    }, [m]);
+    const F = s.useCallback(
+      (_) => {
+        _ && f.current === !0 && (y(), p == null || p(), f.current = !1);
       },
-      [position, focusSelectedItem]
+      [y, p]
     );
-    return /* @__PURE__ */ jsx(
-      SelectViewportProvider,
+    return /* @__PURE__ */ d(
+      Fo,
       {
-        scope: __scopeSelect,
-        contentWrapper,
-        shouldExpandOnScrollRef,
-        onScrollButtonChange: handleScrollButtonChange,
-        children: /* @__PURE__ */ jsx(
+        scope: e,
+        contentWrapper: l,
+        shouldExpandOnScrollRef: u,
+        onScrollButtonChange: F,
+        children: /* @__PURE__ */ d(
           "div",
           {
-            ref: setContentWrapper,
+            ref: a,
             style: {
               display: "flex",
               flexDirection: "column",
               position: "fixed",
-              zIndex: contentZIndex
+              zIndex: E
             },
-            children: /* @__PURE__ */ jsx(
-              Primitive.div,
+            children: /* @__PURE__ */ d(
+              N.div,
               {
-                ...popperProps,
-                ref: composedRefs,
+                ...n,
+                ref: v,
                 style: {
                   // When we get the height of the content, it includes borders. If we were to set
                   // the height without having `boxSizing: 'border-box'` it would be too big.
                   boxSizing: "border-box",
                   // We need to ensure the content doesn't get taller than the wrapper
                   maxHeight: "100%",
-                  ...popperProps.style
+                  ...n.style
                 }
               }
             )
@@ -1744,66 +1231,55 @@ const SelectItemAlignedPosition = React.forwardRef(
     );
   }
 );
-SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
-const POPPER_POSITION_NAME = "SelectPopperPosition";
-const SelectPopperPosition = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, align = "start", collisionPadding = CONTENT_MARGIN, ...popperProps } = props;
-    const popperScope = usePopperScope(__scopeSelect);
-    return /* @__PURE__ */ jsx(
-      PopperPrimitive.Content,
+Bt.displayName = Do;
+const ko = "SelectPopperPosition", Re = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, align: t = "start", collisionPadding: n = q, ...r } = o, c = Ve(e);
+    return /* @__PURE__ */ d(
+      ie.Content,
       {
-        ...popperScope,
-        ...popperProps,
-        ref: forwardedRef,
-        align,
-        collisionPadding,
+        ...c,
+        ...r,
+        ref: i,
+        align: t,
+        collisionPadding: n,
         style: {
           // Ensure border-box for floating-ui calculations
           boxSizing: "border-box",
-          ...popperProps.style,
-          // re-namespace exposed content custom properties
-          ...{
-            "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
-            "--radix-select-content-available-width": "var(--radix-popper-available-width)",
-            "--radix-select-content-available-height": "var(--radix-popper-available-height)",
-            "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
-            "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
-          }
+          ...r.style,
+          "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-select-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-select-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
         }
       }
     );
   }
 );
-SelectPopperPosition.displayName = POPPER_POSITION_NAME;
-const [SelectViewportProvider, useSelectViewportContext] = createSelectContext(
-  CONTENT_NAME,
+Re.displayName = ko;
+const [Fo, Ge] = pe(
+  le,
   {}
-);
-const VIEWPORT_NAME = "SelectViewport";
-const SelectViewport = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...viewportProps } = props;
-    const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
-    const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
-    const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-    const prevScrollTopRef = React.useRef(0);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
+), Ae = "SelectViewport", je = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o, n = oe(Ae, e), r = Ge(Ae, e), c = A(i, n.onViewportChange), l = s.useRef(0);
+    return /* @__PURE__ */ ye(Se, { children: [
+      /* @__PURE__ */ d(
         "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}`
+            __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__ */ jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive.div,
+      /* @__PURE__ */ d(Te.Slot, { scope: e, children: /* @__PURE__ */ d(
+        N.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...viewportProps,
-          ref: composedRefs,
+          ...t,
+          ref: c,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
             // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
@@ -1811,139 +1287,104 @@ const SelectViewport = React.forwardRef(
             position: "relative",
             flex: 1,
             overflow: "auto",
-            ...viewportProps.style
+            ...t.style
           },
-          onScroll: composeEventHandlers$1(viewportProps.onScroll, (event) => {
-            const viewport = event.currentTarget;
-            const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
-            if (shouldExpandOnScrollRef?.current && contentWrapper) {
-              const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
-              if (scrolledBy > 0) {
-                const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
-                const cssMinHeight = parseFloat(contentWrapper.style.minHeight);
-                const cssHeight = parseFloat(contentWrapper.style.height);
-                const prevHeight = Math.max(cssMinHeight, cssHeight);
-                if (prevHeight < availableHeight) {
-                  const nextHeight = prevHeight + scrolledBy;
-                  const clampedNextHeight = Math.min(availableHeight, nextHeight);
-                  const heightDiff = nextHeight - clampedNextHeight;
-                  contentWrapper.style.height = `${clampedNextHeight}px`;
-                  if (contentWrapper.style.bottom === "0px") {
-                    viewport.scrollTop = heightDiff > 0 ? heightDiff : 0;
-                    contentWrapper.style.justifyContent = "flex-end";
-                  }
+          onScroll: P(t.onScroll, (a) => {
+            const m = a.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: v } = r;
+            if (v != null && v.current && C) {
+              const g = Math.abs(l.current - m.scrollTop);
+              if (g > 0) {
+                const u = window.innerHeight - q * 2, f = parseFloat(C.style.minHeight), h = parseFloat(C.style.height), b = Math.max(f, h);
+                if (b < u) {
+                  const x = b + g, p = Math.min(u, x), y = x - p;
+                  C.style.height = `${p}px`, C.style.bottom === "0px" && (m.scrollTop = y > 0 ? y : 0, C.style.justifyContent = "flex-end");
                 }
               }
             }
-            prevScrollTopRef.current = viewport.scrollTop;
+            l.current = m.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-SelectViewport.displayName = VIEWPORT_NAME;
-const GROUP_NAME = "SelectGroup";
-const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-const SelectGroup = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...groupProps } = props;
-    const groupId = useId();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+je.displayName = Ae;
+const $t = "SelectGroup", [Lo, Bo] = pe($t), Ye = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o, n = se();
+    return /* @__PURE__ */ d(Lo, { scope: e, id: n, children: /* @__PURE__ */ d(N.div, { role: "group", "aria-labelledby": n, ...t, ref: i }) });
   }
 );
-SelectGroup.displayName = GROUP_NAME;
-const LABEL_NAME = "SelectLabel";
-const SelectLabel = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...labelProps } = props;
-    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+Ye.displayName = $t;
+const Ut = "SelectLabel", qe = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o, n = Bo(Ut, e);
+    return /* @__PURE__ */ d(N.div, { id: n.id, ...t, ref: i });
   }
 );
-SelectLabel.displayName = LABEL_NAME;
-const ITEM_NAME = "SelectItem";
-const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-const SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, value, disabled = false, textValue: textValueProp, ...itemProps } = props;
-    const context = useSelectContext(ITEM_NAME, __scopeSelect);
-    const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
-    const isSelected = typeof value === "string" ? Array.isArray(context.value) ? context.value.includes(value) : context.value === value : value.every((v) => context.value?.includes(v));
-    const isIntermediate = Array.isArray(context.value) && Array.isArray(value) && value.some((v) => context.value?.includes(v));
-    const [textValue, setTextValue] = React.useState(textValueProp ?? "");
-    const [isFocused, setIsFocused] = React.useState(false);
-    const composedRefs = useComposedRefs(
-      forwardedRef,
-      (node) => contentContext.itemRefCallback?.(node, value, disabled)
-    );
-    const textId = useId();
-    const handleSelect = () => {
-      if (!disabled) {
-        let newValue = context.multi && typeof value === "string" ? [value] : value;
-        if (isIntermediate && !isSelected) {
-          context.onValueChange(newValue);
-        } else if (Array.isArray(context.value)) {
-          newValue = toggleArrayValue(value, context.value);
-        }
-        context.onValueChange(newValue);
-        if (!context.multi) {
-          context.onOpenChange(false);
-        }
+qe.displayName = Ut;
+const be = "SelectItem", [$o, Ht] = pe(be), Xe = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, value: t, disabled: n = !1, textValue: r, ...c } = o, l = X(be, e), a = oe(be, e), m = typeof t == "string" ? Array.isArray(l.value) ? l.value.includes(t) : l.value === t : t.every((p) => {
+      var y;
+      return (y = l.value) == null ? void 0 : y.includes(p);
+    }), C = Array.isArray(l.value) && Array.isArray(t) && t.some((p) => {
+      var y;
+      return (y = l.value) == null ? void 0 : y.includes(p);
+    }), [v, g] = s.useState(r ?? ""), [u, f] = s.useState(!1), h = A(
+      i,
+      (p) => {
+        var y;
+        return (y = a.itemRefCallback) == null ? void 0 : y.call(a, p, t, n);
+      }
+    ), b = se(), x = () => {
+      if (!n) {
+        let p = l.multi && typeof t == "string" ? [t] : t;
+        C && !m ? l.onValueChange(p) : Array.isArray(l.value) && (p = Gt(t, l.value)), l.onValueChange(p), l.multi || l.onOpenChange(!1);
       }
     };
-    if (!context.multi && Array.isArray(value)) {
+    if (!l.multi && Array.isArray(t))
       throw new Error("You can only pass an array of values in multi selects");
-    }
-    return /* @__PURE__ */ jsx(
-      SelectItemContextProvider,
+    return /* @__PURE__ */ d(
+      $o,
       {
-        scope: __scopeSelect,
-        value,
-        disabled,
-        textId,
-        isSelected,
-        isIntermediate,
-        onItemTextChange: React.useCallback((node) => {
-          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
+        scope: e,
+        value: t,
+        disabled: n,
+        textId: b,
+        isSelected: m,
+        isIntermediate: C,
+        onItemTextChange: s.useCallback((p) => {
+          g((y) => y || ((p == null ? void 0 : p.textContent) ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeSelect, value, disabled, textValue, children: /* @__PURE__ */ jsx(
-          Primitive.div,
+        children: /* @__PURE__ */ d(Te.ItemSlot, { scope: e, value: t, disabled: n, textValue: v, children: /* @__PURE__ */ d(
+          N.div,
           {
             role: "option",
-            "aria-labelledby": textId,
-            "data-highlighted": isFocused ? "" : void 0,
-            "aria-selected": !context.multi ? isSelected && isFocused : void 0,
-            "aria-checked": context.multi ? isSelected : void 0,
-            "data-state": isSelected ? "checked" : "unchecked",
-            "aria-disabled": disabled || void 0,
-            "data-disabled": disabled ? "" : void 0,
-            tabIndex: disabled ? void 0 : -1,
-            ...itemProps,
-            ref: composedRefs,
-            onFocus: composeEventHandlers$1(itemProps.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers$1(itemProps.onBlur, () => setIsFocused(false)),
-            onPointerUp: composeEventHandlers$1(itemProps.onPointerUp, handleSelect),
-            onPointerMove: composeEventHandlers$1(itemProps.onPointerMove, (event) => {
-              if (disabled) {
-                contentContext.onItemLeave?.();
-              } else {
-                event.currentTarget.focus({ preventScroll: true });
-              }
+            "aria-labelledby": b,
+            "data-highlighted": u ? "" : void 0,
+            "aria-selected": l.multi ? void 0 : m && u,
+            "aria-checked": l.multi ? m : void 0,
+            "data-state": m ? "checked" : "unchecked",
+            "aria-disabled": n || void 0,
+            "data-disabled": n ? "" : void 0,
+            tabIndex: n ? void 0 : -1,
+            ...c,
+            ref: h,
+            onFocus: P(c.onFocus, () => f(!0)),
+            onBlur: P(c.onBlur, () => f(!1)),
+            onPointerUp: P(c.onPointerUp, x),
+            onPointerMove: P(c.onPointerMove, (p) => {
+              var y;
+              n ? (y = a.onItemLeave) == null || y.call(a) : p.currentTarget.focus({ preventScroll: !0 });
             }),
-            onPointerLeave: composeEventHandlers$1(itemProps.onPointerLeave, (event) => {
-              if (event.currentTarget === document.activeElement) {
-                contentContext.onItemLeave?.();
-              }
+            onPointerLeave: P(c.onPointerLeave, (p) => {
+              var y;
+              p.currentTarget === document.activeElement && ((y = a.onItemLeave) == null || y.call(a));
             }),
-            onKeyDown: composeEventHandlers$1(itemProps.onKeyDown, (event) => {
-              const isTypingAhead = contentContext.searchRef?.current !== "";
-              if (isTypingAhead && event.key === " ")
-                return;
-              if (SELECTION_KEYS.includes(event.key))
-                handleSelect();
-              if (event.key === " ")
-                event.preventDefault();
+            onKeyDown: P(c.onKeyDown, (p) => {
+              var E;
+              ((E = a.searchRef) == null ? void 0 : E.current) !== "" && p.key === " " || (Vo.includes(p.key) && x(), p.key === " " && p.preventDefault());
             })
           }
         ) })
@@ -1951,345 +1392,239 @@ const SelectItem = React.forwardRef(
     );
   }
 );
-SelectItem.displayName = ITEM_NAME;
-const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemText = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, className: _className, style: _style, ...itemTextProps } = props;
-    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
-    const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
-    const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-    const [itemTextNode, setItemTextNode] = React.useState(null);
-    const composedRefs = useComposedRefs(
-      forwardedRef,
-      (node) => setItemTextNode(node),
-      itemContext.onItemTextChange,
-      (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled)
-    );
-    const textContent = itemTextNode?.textContent;
-    const nativeOption = React.useMemo(
-      () => /* @__PURE__ */ jsx(
+Xe.displayName = be;
+const ge = "SelectItemText", Ze = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, className: t, style: n, ...r } = o, c = X(ge, e), l = oe(ge, e), a = Ht(ge, e), m = Ao(ge, e), [C, v] = s.useState(null), g = A(
+      i,
+      (x) => v(x),
+      a.onItemTextChange,
+      (x) => {
+        var p;
+        return (p = l.itemTextRefCallback) == null ? void 0 : p.call(l, x, a.value, a.disabled);
+      }
+    ), u = C == null ? void 0 : C.textContent, f = s.useMemo(
+      () => /* @__PURE__ */ d(
         "option",
         {
-          value: itemContext.value,
-          disabled: itemContext.disabled,
-          children: textContent
+          value: a.value,
+          disabled: a.disabled,
+          children: u
         },
-        Array.isArray(itemContext.value) ? itemContext.value.join(";") : itemContext.value
+        Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
-      [itemContext.disabled, itemContext.value, textContent]
-    );
-    const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
-    useLayoutEffect(() => {
-      onNativeOptionAdd(nativeOption);
-      return () => onNativeOptionRemove(nativeOption);
-    }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
-      itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
+      [a.disabled, a.value, u]
+    ), { onNativeOptionAdd: h, onNativeOptionRemove: b } = m;
+    return $(() => (h(f), () => b(f)), [h, b, f]), /* @__PURE__ */ ye(Se, { children: [
+      /* @__PURE__ */ d(N.span, { id: a.textId, ...r, ref: g }),
+      a.isSelected && c.valueNode && !c.valueNodeHasChildren ? we.createPortal(r.children, c.valueNode) : null
     ] });
   }
 );
-SelectItemText.displayName = ITEM_TEXT_NAME;
-const ITEM_INDICATOR_NAME = "SelectItemIndicator";
-const SelectItemIndicator = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, children, ...itemIndicatorProps } = props;
-    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    if (typeof children === "function") {
-      return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef, children: children({
-        isSelected: itemContext.isSelected,
-        isIntermediate: itemContext.isIntermediate
-      }) });
-    }
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef, children }) : null;
+Ze.displayName = ge;
+const Wt = "SelectItemIndicator", Je = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, children: t, ...n } = o, r = Ht(Wt, e);
+    return typeof t == "function" ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t({
+      isSelected: r.isSelected,
+      isIntermediate: r.isIntermediate
+    }) }) : r.isSelected ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t }) : null;
   }
 );
-SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-const SelectScrollUpButton = React.forwardRef(
-  (props, forwardedRef) => {
-    const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-    const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-    const [canScrollUp, setCanScrollUp] = React.useState(false);
-    const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-    useLayoutEffect(() => {
-      if (contentContext.viewport && contentContext.isPositioned) {
-        const viewport = contentContext.viewport;
-        const handleScroll = () => {
-          const canScrollUp2 = viewport.scrollTop > 0;
-          setCanScrollUp(canScrollUp2);
+Je.displayName = Wt;
+const _e = "SelectScrollUpButton", Qe = s.forwardRef(
+  (o, i) => {
+    const e = oe(_e, o.__scopeSelect), t = Ge(_e, o.__scopeSelect), [n, r] = s.useState(!1), c = A(i, t.onScrollButtonChange);
+    return $(() => {
+      if (e.viewport && e.isPositioned) {
+        const l = e.viewport, a = () => {
+          const m = l.scrollTop > 0;
+          r(m);
         };
-        handleScroll();
-        viewport.addEventListener("scroll", handleScroll);
-        return () => viewport.removeEventListener("scroll", handleScroll);
+        return a(), l.addEventListener("scroll", a), () => l.removeEventListener("scroll", a);
       }
-    }, [contentContext.viewport, contentContext.isPositioned]);
-    return canScrollUp ? /* @__PURE__ */ jsx(
-      SelectScrollButtonImpl,
+    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ d(
+      tt,
       {
-        ...props,
-        ref: composedRefs,
+        ...o,
+        ref: c,
         onAutoScroll: () => {
-          const { viewport, selectedItem } = contentContext;
-          if (viewport && selectedItem) {
-            viewport.scrollTop -= selectedItem.offsetHeight;
-          }
+          const { viewport: l, selectedItem: a } = e;
+          l && a && (l.scrollTop -= a.offsetHeight);
         }
       }
     ) : null;
   }
 );
-SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
-const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-const SelectScrollDownButton = React.forwardRef(
-  (props, forwardedRef) => {
-    const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-    const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-    const [canScrollDown, setCanScrollDown] = React.useState(false);
-    const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-    useLayoutEffect(() => {
-      if (contentContext.viewport && contentContext.isPositioned) {
-        const viewport = contentContext.viewport;
-        const handleScroll = () => {
-          const maxScroll = viewport.scrollHeight - viewport.clientHeight;
-          const canScrollDown2 = Math.ceil(viewport.scrollTop) < maxScroll;
-          setCanScrollDown(canScrollDown2);
+Qe.displayName = _e;
+const Me = "SelectScrollDownButton", et = s.forwardRef(
+  (o, i) => {
+    const e = oe(Me, o.__scopeSelect), t = Ge(Me, o.__scopeSelect), [n, r] = s.useState(!1), c = A(i, t.onScrollButtonChange);
+    return $(() => {
+      if (e.viewport && e.isPositioned) {
+        const l = e.viewport, a = () => {
+          const m = l.scrollHeight - l.clientHeight, C = Math.ceil(l.scrollTop) < m;
+          r(C);
         };
-        handleScroll();
-        viewport.addEventListener("scroll", handleScroll);
-        return () => viewport.removeEventListener("scroll", handleScroll);
+        return a(), l.addEventListener("scroll", a), () => l.removeEventListener("scroll", a);
       }
-    }, [contentContext.viewport, contentContext.isPositioned]);
-    return canScrollDown ? /* @__PURE__ */ jsx(
-      SelectScrollButtonImpl,
+    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ d(
+      tt,
       {
-        ...props,
-        ref: composedRefs,
+        ...o,
+        ref: c,
         onAutoScroll: () => {
-          const { viewport, selectedItem } = contentContext;
-          if (viewport && selectedItem) {
-            viewport.scrollTop += selectedItem.offsetHeight;
-          }
+          const { viewport: l, selectedItem: a } = e;
+          l && a && (l.scrollTop += a.offsetHeight);
         }
       }
     ) : null;
   }
 );
-SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-const SelectScrollButtonImpl = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
-    const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-    const autoScrollTimerRef = React.useRef(null);
-    const getItems = useCollection(__scopeSelect);
-    const clearAutoScrollTimer = React.useCallback(() => {
-      if (autoScrollTimerRef.current !== null) {
-        window.clearInterval(autoScrollTimerRef.current);
-        autoScrollTimerRef.current = null;
-      }
+et.displayName = Me;
+const tt = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, onAutoScroll: t, ...n } = o, r = oe("SelectScrollButton", e), c = s.useRef(null), l = ve(e), a = s.useCallback(() => {
+      c.current !== null && (window.clearInterval(c.current), c.current = null);
     }, []);
-    React.useEffect(() => {
-      return () => clearAutoScrollTimer();
-    }, [clearAutoScrollTimer]);
-    useLayoutEffect(() => {
-      const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
-      activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
-    }, [getItems]);
-    return /* @__PURE__ */ jsx(
-      Primitive.div,
+    return s.useEffect(() => () => a(), [a]), $(() => {
+      var C;
+      const m = l().find((v) => v.ref.current === document.activeElement);
+      (C = m == null ? void 0 : m.ref.current) == null || C.scrollIntoView({ block: "nearest" });
+    }, [l]), /* @__PURE__ */ d(
+      N.div,
       {
-        "aria-hidden": true,
-        ...scrollIndicatorProps,
-        ref: forwardedRef,
-        style: { flexShrink: 0, ...scrollIndicatorProps.style },
-        onPointerMove: composeEventHandlers$1(scrollIndicatorProps.onPointerMove, () => {
-          contentContext.onItemLeave?.();
-          if (autoScrollTimerRef.current === null) {
-            autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
-          }
+        "aria-hidden": !0,
+        ...n,
+        ref: i,
+        style: { flexShrink: 0, ...n.style },
+        onPointerMove: P(n.onPointerMove, () => {
+          var m;
+          (m = r.onItemLeave) == null || m.call(r), c.current === null && (c.current = window.setInterval(t, 50));
         }),
-        onPointerLeave: composeEventHandlers$1(scrollIndicatorProps.onPointerLeave, () => {
-          clearAutoScrollTimer();
+        onPointerLeave: P(n.onPointerLeave, () => {
+          a();
         })
       }
     );
   }
 );
-SelectScrollButtonImpl.displayName = "SelectScrollButtonImpl";
-const SEPARATOR_NAME = "SelectSeparator";
-const SelectSeparator = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+tt.displayName = "SelectScrollButtonImpl";
+const Uo = "SelectSeparator", ot = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o;
+    return /* @__PURE__ */ d(N.div, { "aria-hidden": !0, ...t, ref: i });
   }
 );
-SelectSeparator.displayName = SEPARATOR_NAME;
-const ARROW_NAME = "SelectArrow";
-const SelectArrow = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...arrowProps } = props;
-    const popperScope = usePopperScope(__scopeSelect);
-    const context = useSelectContext(ARROW_NAME, __scopeSelect);
-    const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+ot.displayName = Uo;
+const Oe = "SelectArrow", nt = s.forwardRef(
+  (o, i) => {
+    const { __scopeSelect: e, ...t } = o, n = Ve(e), r = X(Oe, e), c = oe(Oe, e);
+    return r.open && c.position === "popper" ? /* @__PURE__ */ d(ie.Arrow, { ...n, ...t, ref: i }) : null;
   }
 );
-SelectArrow.displayName = ARROW_NAME;
-const BUBBLE_SELECT_NAME = "BubbleSelect";
-const BubbleSelect = React.forwardRef(
-  (props, forwardedRef) => {
-    const { value, ...selectProps } = props;
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const prevValue = usePrevious(value);
-    const context = useSelectContext(BUBBLE_SELECT_NAME, void 0);
-    React.useEffect(() => {
-      const select = ref.current;
-      const selectProto = window.HTMLSelectElement.prototype;
-      const descriptor = Object.getOwnPropertyDescriptor(selectProto, "value");
-      const setValue = descriptor.set;
-      if (prevValue !== value && setValue) {
-        const event = new Event("change", { bubbles: true });
-        setValue.call(select, value);
-        select.dispatchEvent(event);
+nt.displayName = Oe;
+const Ho = "BubbleSelect", Wo = s.forwardRef(
+  (o, i) => {
+    const { value: e, ...t } = o, n = s.useRef(null), r = A(i, n), c = Xt(e), l = X(Ho, void 0);
+    s.useEffect(() => {
+      const m = n.current, C = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(C, "value").set;
+      if (c !== e && g) {
+        const u = new Event("change", { bubbles: !0 });
+        g.call(m, e), m.dispatchEvent(u);
       }
-    }, [prevValue, value]);
-    let defaultValue = value;
-    if (context.multi && !Array.isArray(value)) {
-      defaultValue = [];
-    }
-    return /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(
+    }, [c, e]);
+    let a = e;
+    return l.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ d(Zt, { asChild: !0, children: /* @__PURE__ */ d(
       "select",
       {
-        ...selectProps,
-        multiple: context.multi ? true : void 0,
-        ref: composedRefs,
-        defaultValue
+        ...t,
+        multiple: l.multi ? !0 : void 0,
+        ref: r,
+        defaultValue: a
       }
     ) });
   }
 );
-BubbleSelect.displayName = "BubbleSelect";
-function useTypeaheadSearch(onSearchChange) {
-  const handleSearchChange = useCallbackRef(onSearchChange);
-  const searchRef = React.useRef("");
-  const timerRef = React.useRef(0);
-  const handleTypeaheadSearch = React.useCallback(
-    (key) => {
-      const search = searchRef.current + key;
-      handleSearchChange(search);
-      (function updateSearch(value) {
-        searchRef.current = value;
-        window.clearTimeout(timerRef.current);
-        if (value !== "")
-          timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
-      })(search);
+Wo.displayName = "BubbleSelect";
+function zt(o) {
+  const i = Io(o), e = s.useRef(""), t = s.useRef(0), n = s.useCallback(
+    (c) => {
+      const l = e.current + c;
+      i(l), function a(m) {
+        e.current = m, window.clearTimeout(t.current), m !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
+      }(l);
     },
-    [handleSearchChange]
-  );
-  const resetTypeahead = React.useCallback(() => {
-    searchRef.current = "";
-    window.clearTimeout(timerRef.current);
+    [i]
+  ), r = s.useCallback(() => {
+    e.current = "", window.clearTimeout(t.current);
   }, []);
-  React.useEffect(() => {
-    return () => window.clearTimeout(timerRef.current);
-  }, []);
-  return [searchRef, handleTypeaheadSearch, resetTypeahead];
+  return s.useEffect(() => () => window.clearTimeout(t.current), []), [e, n, r];
 }
-function findNextItem(items, search, currentItem) {
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const normalizedSearch = isRepeated ? search[0] : search;
-  const currentItemIndex = currentItem ? items.indexOf(currentItem) : -1;
-  let wrappedItems = wrapArray(items, Math.max(currentItemIndex, 0));
-  const excludeCurrentItem = normalizedSearch.length === 1;
-  if (excludeCurrentItem)
-    wrappedItems = wrappedItems.filter((v) => v !== currentItem);
-  const nextItem = wrappedItems.find((item) => item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
-  return nextItem !== currentItem ? nextItem : void 0;
+function Kt(o, i, e) {
+  const n = i.length > 1 && Array.from(i).every((m) => m === i[0]) ? i[0] : i, r = e ? o.indexOf(e) : -1;
+  let c = zo(o, Math.max(r, 0));
+  n.length === 1 && (c = c.filter((m) => m !== e));
+  const a = c.find((m) => m.textValue.toLowerCase().startsWith(n.toLowerCase()));
+  return a !== e ? a : void 0;
 }
-function wrapArray(array, startIndex) {
-  return array.map((_, index) => array[(startIndex + index) % array.length]);
+function zo(o, i) {
+  return o.map((e, t) => o[(i + t) % o.length]);
 }
-const toggleArrayValue = (value, array = []) => {
-  if (Array.isArray(value)) {
-    return value.reduce((acc, val) => toggleArrayValue(val, acc), array);
-  }
-  const index = array.indexOf(value);
-  if (index === -1) {
-    return [...array, value];
-  }
-  return [...array.slice(0, index), ...array.slice(index + 1)];
-};
-const Root = Select;
-const Trigger = SelectTrigger;
-const Value = SelectValue;
-const Icon = SelectIcon;
-const Portal = SelectPortal;
-const Content = SelectContent;
-const Viewport = SelectViewport;
-const Group = SelectGroup;
-const Label = SelectLabel;
-const Item = SelectItem;
-const ItemText = SelectItemText;
-const ItemIndicator = SelectItemIndicator;
-const ScrollUpButton = SelectScrollUpButton;
-const ScrollDownButton = SelectScrollDownButton;
-const Separator = SelectSeparator;
-const Arrow = SelectArrow;
-const Select$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Gt = (o, i = []) => {
+  if (Array.isArray(o))
+    return o.reduce((t, n) => Gt(n, t), i);
+  const e = i.indexOf(o);
+  return e === -1 ? [...i, o] : [...i.slice(0, e), ...i.slice(e + 1)];
+}, Ko = $e, Go = Ue, jo = He, Yo = We, qo = ze, Xo = Ke, Zo = je, Jo = Ye, Qo = qe, en = Xe, tn = Ze, on = Je, nn = Qe, rn = et, ln = ot, sn = nt, An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow,
-  Content,
-  Group,
-  Icon,
-  Item,
-  ItemIndicator,
-  ItemText,
-  Label,
-  Portal,
-  Root,
-  ScrollDownButton,
-  ScrollUpButton,
-  Select,
-  SelectArrow,
-  SelectContent,
-  SelectGroup,
-  SelectIcon,
-  SelectItem,
-  SelectItemIndicator,
-  SelectItemText,
-  SelectLabel,
-  SelectPortal,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  SelectViewport,
-  Separator,
-  Trigger,
-  Value,
-  Viewport,
-  createSelectScope
+  Arrow: sn,
+  Content: Xo,
+  Group: Jo,
+  Icon: Yo,
+  Item: en,
+  ItemIndicator: on,
+  ItemText: tn,
+  Label: Qo,
+  Portal: qo,
+  Root: Ko,
+  ScrollDownButton: rn,
+  ScrollUpButton: nn,
+  Select: $e,
+  SelectArrow: nt,
+  SelectContent: Ke,
+  SelectGroup: Ye,
+  SelectIcon: We,
+  SelectItem: Xe,
+  SelectItemIndicator: Je,
+  SelectItemText: Ze,
+  SelectLabel: qe,
+  SelectPortal: ze,
+  SelectScrollDownButton: et,
+  SelectScrollUpButton: Qe,
+  SelectSeparator: ot,
+  SelectTrigger: Ue,
+  SelectValue: He,
+  SelectViewport: je,
+  Separator: ln,
+  Trigger: Go,
+  Value: jo,
+  Viewport: Zo,
+  createSelectScope: Eo
 }, Symbol.toStringTag, { value: "Module" }));
-function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return function handleEvent(event) {
-    originalEventHandler?.(event);
-    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler?.(event);
-    }
+function _n(o, i, { checkForDefaultPrevented: e = !0 } = {}) {
+  return function(n) {
+    if (o == null || o(n), e === !1 || !n.defaultPrevented)
+      return i == null ? void 0 : i(n);
   };
 }
 export {
-  Combobox$1 as Combobox,
-  Select$1 as Select,
-  composeEventHandlers,
-  createCollection,
-  useCallbackRef,
-  useCollator,
-  useFilter,
-  usePrev
+  Rn as Combobox,
+  An as Select,
+  _n as composeEventHandlers,
+  Jt as createCollection,
+  Io as useCallbackRef,
+  Qt as useCollator,
+  De as useFilter,
+  eo as usePrev
 };
-//# sourceMappingURL=index.mjs.map