@strapi/ui-primitives 0.0.0-3cf3ff39

package/dist/index.js

@@ -0,0 +1,1389 @@
+import { jsx as f, jsxs as Ne, Fragment as Ae } from "react/jsx-runtime";
+import * as l from "react";
+import { useComposedRefs as O } from "@radix-ui/react-compose-refs";
+import { createContextScope as Je, createContext as Qe } from "@radix-ui/react-context";
+import { Slot as ye } from "@radix-ui/react-slot";
+import { composeEventHandlers as T } from "@radix-ui/primitive";
+import { composeEventHandlers as Rn } from "@radix-ui/primitive";
+import { DismissableLayer as et } from "@radix-ui/react-dismissable-layer";
+import { useFocusGuards as tt } from "@radix-ui/react-focus-guards";
+import { FocusScope as ot } from "@radix-ui/react-focus-scope";
+import { useId as ne } from "@radix-ui/react-id";
+import * as le from "@radix-ui/react-popper";
+import { createPopperScope as nt } from "@radix-ui/react-popper";
+import { Portal as rt } from "@radix-ui/react-portal";
+import { Primitive as _ } from "@radix-ui/react-primitive";
+import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
+import { useLayoutEffect as B } from "@radix-ui/react-use-layout-effect";
+import { hideOthers as lt } from "aria-hidden";
+import * as _e from "react-dom";
+import { RemoveScroll as st } from "react-remove-scroll";
+import { clamp as Ze } from "@radix-ui/number";
+import { createCollection as Et } from "@radix-ui/react-collection";
+import { useDirection as Rt } from "@radix-ui/react-direction";
+import { usePrevious as Nt } from "@radix-ui/react-use-previous";
+import { VisuallyHidden as At } from "@radix-ui/react-visually-hidden";
+import { useCallbackRef as _t } from "@strapi/ui-primitives";
+import { useCallbackRef as An } from "@radix-ui/react-use-callback-ref";
+function Mt(r) {
+  const s = `${r}CollectionProvider`, [e, t] = Je(s), [o, n] = e(s, {
+    collectionRef: { current: null },
+    itemMap: /* @__PURE__ */ new Map(),
+    listeners: /* @__PURE__ */ new Set()
+  }), i = (u) => {
+    const { scope: m, children: b } = u, C = l.useRef(null), v = l.useRef(/* @__PURE__ */ new Map()).current, h = l.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ f(o, { scope: m, itemMap: v, collectionRef: C, listeners: h, children: b });
+  };
+  i.displayName = s;
+  const c = `${r}CollectionSlot`, a = l.forwardRef((u, m) => {
+    const { scope: b, children: C } = u, v = n(c, b), h = O(m, v.collectionRef);
+    return /* @__PURE__ */ f(ye, { ref: h, children: C });
+  });
+  a.displayName = c;
+  const g = `${r}CollectionItemSlot`, p = "data-radix-collection-item", x = l.forwardRef((u, m) => {
+    const { scope: b, children: C, ...v } = u, h = l.useRef(null), w = O(m, h), R = n(g, b);
+    return l.useEffect(() => {
+      const M = Array.from(R.itemMap.values());
+      return R.itemMap.set(h, { ref: h, ...v }), R.listeners.forEach((E) => E(Array.from(R.itemMap.values()), M)), () => {
+        const E = Array.from(R.itemMap.values());
+        R.itemMap.delete(h), R.listeners.forEach((N) => N(Array.from(R.itemMap.values()), E));
+      };
+    }), /* @__PURE__ */ f(ye, { [p]: "", ref: w, children: C });
+  });
+  x.displayName = g;
+  function d(u) {
+    const m = n(`${r}CollectionConsumer`, u), b = l.useCallback(() => {
+      const v = m.collectionRef.current;
+      if (!v)
+        return [];
+      const h = Array.from(v.querySelectorAll(`[${p}]`));
+      return Array.from(m.itemMap.values()).sort(
+        (M, E) => h.indexOf(M.ref.current) - h.indexOf(E.ref.current)
+      );
+    }, [m.collectionRef, m.itemMap]), C = l.useCallback(
+      (v) => (m.listeners.add(v), () => m.listeners.delete(v)),
+      [m.listeners]
+    );
+    return { getItems: b, subscribe: C };
+  }
+  return [
+    { Provider: i, Slot: a, ItemSlot: x },
+    d,
+    t
+  ];
+}
+let Ie = /* @__PURE__ */ new Map();
+function Ot(r, s) {
+  let e = r + (s ? Object.entries(s).sort((o, n) => o[0] < n[0] ? -1 : 1).join() : "");
+  if (Ie.has(e))
+    return Ie.get(e);
+  let t = new Intl.Collator(r, s);
+  return Ie.set(e, t), t;
+}
+function Me(r, s) {
+  let e = Ot(r, {
+    usage: "search",
+    ...s
+  });
+  return {
+    startsWith(t, o) {
+      return o.length === 0 ? !0 : (t = t.normalize("NFC"), o = o.normalize("NFC"), e.compare(t.slice(0, o.length), o) === 0);
+    },
+    endsWith(t, o) {
+      return o.length === 0 ? !0 : (t = t.normalize("NFC"), o = o.normalize("NFC"), e.compare(t.slice(-o.length), o) === 0);
+    },
+    contains(t, o) {
+      if (o.length === 0)
+        return !0;
+      t = t.normalize("NFC"), o = o.normalize("NFC");
+      let n = 0, i = o.length;
+      for (; n + i <= t.length; n++) {
+        let c = t.slice(n, n + i);
+        if (e.compare(o, c) === 0)
+          return !0;
+      }
+      return !1;
+    }
+  };
+}
+const Dt = (r) => {
+  const s = l.useRef();
+  return l.useEffect(() => {
+    s.current = r;
+  }), s.current;
+}, kt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Lt = (r) => !!(r.length === 1 && r.match(/\S| /)), ct = "Combobox", [pe, Ce] = Mt(ct), [Bt, j] = Qe(ct), Ht = ({ children: r }) => /* @__PURE__ */ f(le.Root, { children: /* @__PURE__ */ f(pe.Provider, { scope: void 0, children: r }) }), $t = (r) => {
+  const {
+    allowCustomValue: s = !1,
+    autocomplete: e = "none",
+    children: t,
+    open: o,
+    defaultOpen: n,
+    onOpenChange: i,
+    value: c,
+    defaultValue: a,
+    onValueChange: g,
+    disabled: p,
+    required: x = !1,
+    locale: d = "en-EN",
+    onTextValueChange: u,
+    textValue: m,
+    defaultTextValue: b,
+    filterValue: C,
+    defaultFilterValue: v,
+    onFilterValueChange: h,
+    isPrintableCharacter: w = Lt
+  } = r, [R, M] = l.useState(null), [E, N] = l.useState(null), [k, q] = l.useState(null), [K, L] = l.useState(null), [D = !1, H] = ie({
+    prop: o,
+    defaultProp: n,
+    onChange: i
+  }), [F, W] = ie({
+    prop: c,
+    defaultProp: a,
+    onChange: g
+  }), [z, $] = ie({
+    prop: m,
+    defaultProp: s && !b ? c : b,
+    onChange: u
+  }), [X, U] = ie({
+    prop: C,
+    defaultProp: v,
+    onChange: h
+  }), ue = ne(), se = l.useCallback(
+    (de, Q) => {
+      const Z = Q.map((y) => y.ref.current), [ce, ...ee] = Z, [S] = ee.slice(-1), V = K ?? Q.find((y) => y.value === F)?.ref.current;
+      for (const y of de) {
+        if (y === V)
+          return;
+        if (y?.scrollIntoView({ block: "nearest" }), y === ce && E && (E.scrollTop = 0), y === S && E && (E.scrollTop = E.scrollHeight), L(y), e === "both") {
+          const I = Q.find((P) => P.ref.current === y);
+          I && $(I.textValue);
+        }
+        if (y !== V)
+          return;
+      }
+    },
+    [e, $, E, K, F]
+  );
+  return l.useEffect(() => {
+    e !== "both" && L(null);
+  }, [z, e]), l.useEffect(() => {
+    if (k && R)
+      return lt([k, R]);
+  }, [k, R]), /* @__PURE__ */ f(Ht, { children: /* @__PURE__ */ f(
+    Bt,
+    {
+      allowCustomValue: s,
+      autocomplete: e,
+      required: x,
+      trigger: R,
+      onTriggerChange: M,
+      contentId: ue,
+      value: F,
+      onValueChange: W,
+      open: D,
+      onOpenChange: H,
+      disabled: p,
+      locale: d,
+      focusFirst: se,
+      textValue: z,
+      onTextValueChange: $,
+      onViewportChange: N,
+      onContentChange: q,
+      visuallyFocussedItem: K,
+      filterValue: X,
+      onFilterValueChange: U,
+      onVisuallyFocussedItemChange: L,
+      isPrintableCharacter: w,
+      children: t
+    }
+  ) });
+}, Ut = "ComboboxTrigger", Kt = l.forwardRef((r, s) => {
+  const { ...e } = r, t = j(Ut), o = () => {
+    t.disabled || t.onOpenChange(!0);
+  };
+  return /* @__PURE__ */ f(le.Anchor, { asChild: !0, children: /* @__PURE__ */ f(
+    ot,
+    {
+      asChild: !0,
+      trapped: t.open,
+      onMountAutoFocus: (n) => {
+        n.preventDefault();
+      },
+      onUnmountAutoFocus: (n) => {
+        t.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), n.preventDefault();
+      },
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          ref: s,
+          "data-disabled": t.disabled ? "" : void 0,
+          ...e,
+          onClick: T(e.onClick, () => {
+            t.trigger?.focus();
+          }),
+          onPointerDown: T(e.onPointerDown, (n) => {
+            const i = n.target;
+            i.hasPointerCapture(n.pointerId) && i.releasePointerCapture(n.pointerId), (i.closest("button") ?? i.closest("div")) === n.currentTarget && n.button === 0 && n.ctrlKey === !1 && (o(), t.trigger?.focus());
+          })
+        }
+      )
+    }
+  ) });
+}), it = "ComboboxInput", Wt = l.forwardRef((r, s) => {
+  const e = j(it), t = l.useRef(null), { getItems: o } = Ce(void 0), { startsWith: n } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = O(t, s, e.onTriggerChange), a = () => {
+    i || e.onOpenChange(!0);
+  }, g = Dt(e.filterValue);
+  return B(() => {
+    const p = setTimeout(() => {
+      if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
+        return;
+      const x = o().find(
+        (u) => u.type === "option" && n(u.textValue, e.textValue)
+      ), d = vo(g ?? "", e.filterValue);
+      x && !e.visuallyFocussedItem && d === e.filterValue.length && t.current?.setSelectionRange(e.filterValue.length, e.textValue.length);
+    });
+    return () => clearTimeout(p);
+  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, g]), /* @__PURE__ */ f(
+    "input",
+    {
+      type: "text",
+      role: "combobox",
+      "aria-controls": e.contentId,
+      "aria-expanded": e.open,
+      "aria-required": e.required,
+      "aria-autocomplete": e.autocomplete,
+      "data-state": e.open ? "open" : "closed",
+      "aria-disabled": i,
+      "aria-activedescendant": e.visuallyFocussedItem?.id,
+      disabled: i,
+      "data-disabled": i ? "" : void 0,
+      "data-placeholder": e.textValue === void 0 ? "" : void 0,
+      value: e.textValue ?? "",
+      ...r,
+      ref: c,
+      onKeyDown: T(r.onKeyDown, (p) => {
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key))
+          setTimeout(() => {
+            let d = o().filter((u) => !u.disabled).map((u) => u.ref.current);
+            if (["ArrowUp", "End"].includes(p.key) && (d = d.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
+              const u = e.visuallyFocussedItem ?? o().find((m) => m.value === e.value)?.ref.current;
+              if (u) {
+                let m = d.indexOf(u);
+                m === d.length - 1 && (m = -1), d = d.slice(m + 1);
+              }
+            }
+            if (["ArrowDown"].includes(p.key) && e.autocomplete === "both" && d.length > 1) {
+              const [u, ...m] = d, b = o().find((C) => C.ref.current === u).textValue;
+              e.textValue === b && (d = m);
+            }
+            e.focusFirst(d, o());
+          }), p.preventDefault();
+        else if (["Tab"].includes(p.key) && e.open)
+          p.preventDefault();
+        else if (["Escape"].includes(p.key))
+          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), p.preventDefault();
+        else if (Ft.includes(p.key)) {
+          if (e.visuallyFocussedItem) {
+            const x = o().find((d) => d.ref.current === e.visuallyFocussedItem);
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
+          } else {
+            const x = o().find(
+              (d) => d.type === "option" && !d.disabled && d.textValue === e.textValue
+            );
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
+          }
+          e.onOpenChange(!1), p.preventDefault();
+        } else
+          e.onVisuallyFocussedItemChange(null);
+      }),
+      onChange: T(r.onChange, (p) => {
+        e.onTextValueChange(p.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(p.currentTarget.value);
+      }),
+      onKeyUp: T(r.onKeyUp, (p) => {
+        if (!e.open && (e.isPrintableCharacter(p.key) || ["ArrowUp", "ArrowDown", "Home", "End", "Backspace"].includes(p.key)) && a(), setTimeout(() => {
+          if (e.autocomplete === "both" && e.isPrintableCharacter(p.key) && e.filterValue !== void 0) {
+            const x = e.filterValue, d = o().find((u) => n(u.textValue, x));
+            d && e.onTextValueChange(d.textValue);
+          }
+        }), e.autocomplete === "none" && e.isPrintableCharacter(p.key)) {
+          const x = e.textValue ?? "", d = o().find((u) => n(u.textValue, x));
+          d && (e.onVisuallyFocussedItemChange(d.ref.current), d.ref.current?.scrollIntoView());
+        }
+      }),
+      onBlur: T(r.onBlur, () => {
+        e.onVisuallyFocussedItemChange(null);
+        const [p] = o().filter(
+          (d) => d.textValue === e.textValue && d.type === "option"
+        );
+        if (p) {
+          e.onValueChange(p.value), e.autocomplete === "both" && e.onFilterValueChange(p.textValue);
+          return;
+        }
+        if (e.allowCustomValue) {
+          e.onValueChange(e.textValue), e.autocomplete === "both" && e.onFilterValueChange(e.textValue);
+          return;
+        }
+        const [x] = o().filter((d) => d.value === e.value && d.type === "option");
+        x && e.textValue !== "" ? (e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
+      })
+    }
+  );
+}), zt = l.forwardRef((r, s) => {
+  const { children: e, ...t } = r, o = j(it), n = o.disabled, i = () => {
+    n || (o.onOpenChange(!0), o.trigger?.focus());
+  };
+  return /* @__PURE__ */ f(
+    _.button,
+    {
+      "aria-hidden": !0,
+      type: "button",
+      "aria-disabled": n,
+      "aria-controls": o.contentId,
+      "aria-expanded": o.open,
+      disabled: n,
+      "data-disabled": n ? "" : void 0,
+      ...t,
+      tabIndex: -1,
+      ref: s,
+      onClick: T(t.onClick, () => {
+        o.trigger?.focus();
+      }),
+      onPointerDown: T(t.onPointerDown, (c) => {
+        c.button === 0 && c.ctrlKey === !1 && (i(), c.preventDefault());
+      }),
+      onKeyDown: T(t.onKeyDown, (c) => {
+        kt.includes(c.key) && (i(), c.preventDefault());
+      }),
+      children: e || "▼"
+    }
+  );
+}), Gt = "ComboboxPortal", at = (r) => /* @__PURE__ */ f(rt, { asChild: !0, ...r });
+at.displayName = Gt;
+const ut = "ComboboxContent", jt = l.forwardRef((r, s) => {
+  const e = j(ut), [t, o] = l.useState();
+  if (B(() => {
+    o(new DocumentFragment());
+  }, []), !e.open) {
+    const n = t;
+    return n ? _e.createPortal(
+      /* @__PURE__ */ f(pe.Slot, { scope: void 0, children: /* @__PURE__ */ f("div", { children: r.children }) }),
+      n
+    ) : null;
+  }
+  return /* @__PURE__ */ f(qt, { ...r, ref: s });
+}), Yt = 10, qt = l.forwardRef(
+  (r, s) => {
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = j(ut), i = O(s, (a) => n.onContentChange(a)), { onOpenChange: c } = n;
+    return tt(), l.useEffect(() => {
+      const a = () => {
+        c(!1);
+      };
+      return window.addEventListener("blur", a), window.addEventListener("resize", a), () => {
+        window.removeEventListener("blur", a), window.removeEventListener("resize", a);
+      };
+    }, [c]), /* @__PURE__ */ f(st, { allowPinchZoom: !0, children: /* @__PURE__ */ f(
+      et,
+      {
+        asChild: !0,
+        onEscapeKeyDown: e,
+        onPointerDownOutside: t,
+        onFocusOutside: (a) => {
+          a.preventDefault();
+        },
+        onDismiss: () => {
+          n.onOpenChange(!1), n.trigger?.focus({ preventScroll: !0 });
+        },
+        children: /* @__PURE__ */ f(
+          Xt,
+          {
+            role: "listbox",
+            id: n.contentId,
+            "data-state": n.open ? "open" : "closed",
+            onContextMenu: (a) => a.preventDefault(),
+            ...o,
+            ref: i,
+            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",
+              ...o.style
+            }
+          }
+        )
+      }
+    ) });
+  }
+), Xt = l.forwardRef(
+  (r, s) => {
+    const { align: e = "start", collisionPadding: t = Yt, ...o } = r;
+    return /* @__PURE__ */ f(
+      le.Content,
+      {
+        ...o,
+        ref: s,
+        align: e,
+        collisionPadding: t,
+        style: {
+          // Ensure border-box for floating-ui calculations
+          boxSizing: "border-box",
+          ...o.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)"
+        }
+      }
+    );
+  }
+), Zt = "ComboboxViewport", Jt = l.forwardRef((r, s) => {
+  const e = j(Zt), t = O(s, e.onViewportChange);
+  return /* @__PURE__ */ Ne(Ae, { children: [
+    /* @__PURE__ */ f(
+      "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}"
+        }
+      }
+    ),
+    /* @__PURE__ */ f(pe.Slot, { scope: void 0, children: /* @__PURE__ */ f(
+      _.div,
+      {
+        "data-radix-combobox-viewport": "",
+        role: "presentation",
+        ...r,
+        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
+          // (independent of the scrollUpButton).
+          position: "relative",
+          flex: 1,
+          overflow: "auto",
+          ...r.style
+        }
+      }
+    ) })
+  ] });
+}), dt = "ComboboxItem", [Qt, ft] = Qe(dt), pt = l.forwardRef((r, s) => {
+  const { value: e, disabled: t = !1, textValue: o, ...n } = r, i = l.useRef(null), c = O(s, i), { getItems: a } = Ce(void 0), {
+    onTextValueChange: g,
+    textValue: p,
+    visuallyFocussedItem: x,
+    ...d
+  } = j(dt), u = ne(), [m, b] = l.useState(o ?? ""), C = l.useMemo(() => x === a().find((E) => E.ref.current === i.current)?.ref.current, [a, x]), v = d.value === e, h = () => {
+    t || (d.onValueChange(e), g(m), d.onOpenChange(!1), d.autocomplete === "both" && d.onFilterValueChange(m), d.trigger?.focus({ preventScroll: !0 }));
+  }, { startsWith: w } = Me(d.locale, { sensitivity: "base" }), R = l.useCallback((E) => {
+    b((N) => N || (E?.textContent ?? "").trim());
+  }, []);
+  l.useEffect(() => {
+    v && p === void 0 && m !== "" && g(m);
+  }, [m, v, p, g]), B(() => {
+    d.open && d.autocomplete === "none" && setTimeout(() => {
+      a().find((N) => N.value === d.value)?.ref.current?.scrollIntoView({ block: "nearest" });
+    });
+  }, [a, d.autocomplete, d.value, d.open]);
+  const M = ne();
+  return d.autocomplete === "list" && m && p && !w(m, p) || d.autocomplete === "both" && m && d.filterValue && !w(m, d.filterValue) ? null : /* @__PURE__ */ f(Qt, { textId: u, onTextValueChange: R, isSelected: v, children: /* @__PURE__ */ f(pe.ItemSlot, { scope: void 0, value: e, textValue: m, disabled: t, type: "option", children: /* @__PURE__ */ f(
+    _.div,
+    {
+      role: "option",
+      "aria-labelledby": u,
+      "data-highlighted": C ? "" : void 0,
+      "aria-selected": v && C,
+      "data-state": v ? "checked" : "unchecked",
+      "aria-disabled": t || void 0,
+      "data-disabled": t ? "" : void 0,
+      tabIndex: t ? void 0 : -1,
+      ...n,
+      id: M,
+      ref: c,
+      onPointerUp: T(n.onPointerUp, h)
+    }
+  ) }) });
+}), eo = "ComboboxItemText", to = l.forwardRef((r, s) => {
+  const { className: e, style: t, ...o } = r, n = ft(eo), i = O(s, n.onTextValueChange);
+  return /* @__PURE__ */ f(_.span, { id: n.textId, ...o, ref: i });
+}), oo = "ComboboxItemIndicator", no = l.forwardRef((r, s) => {
+  const { isSelected: e } = ft(oo);
+  return e ? /* @__PURE__ */ f(_.span, { "aria-hidden": !0, ...r, ref: s }) : null;
+}), mt = "ComboboxNoValueFound", ro = l.forwardRef((r, s) => {
+  const { textValue: e = "", locale: t } = j(mt), [o, n] = l.useState([]), { subscribe: i } = Ce(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
+  return l.useEffect(() => {
+    const a = i((g) => {
+      n(g);
+    });
+    return () => {
+      a();
+    };
+  }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ f(_.div, { ...r, ref: s });
+}), lo = l.forwardRef((r, s) => {
+  const { disabled: e = !1, ...t } = r, o = j(mt), { textValue: n, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = Ce(void 0), g = l.useRef(null), [p, x] = l.useState(!1), d = O(s, g), u = l.useMemo(() => i === c().find((C) => C.ref.current === g.current)?.ref.current, [c, i]), m = ne(), b = () => {
+    !e && n && (o.onValueChange(n), o.onTextValueChange(n), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(n), o.trigger?.focus({ preventScroll: !0 }));
+  };
+  return B(() => {
+    const C = a((v) => {
+      x(!v.some((h) => h.textValue === n && h.type !== "create"));
+    });
+    return c().length === 0 && x(!0), () => {
+      C();
+    };
+  }, [n, a, c]), !n || !p ? null : /* @__PURE__ */ f(
+    pe.ItemSlot,
+    {
+      scope: void 0,
+      value: n ?? "",
+      textValue: n ?? "",
+      disabled: e,
+      type: "create",
+      children: /* @__PURE__ */ f(
+        _.div,
+        {
+          role: "option",
+          tabIndex: e ? void 0 : -1,
+          "aria-disabled": e || void 0,
+          "data-disabled": e ? "" : void 0,
+          "data-highlighted": u ? "" : void 0,
+          ...t,
+          id: m,
+          ref: d,
+          onPointerUp: T(t.onPointerUp, b)
+        }
+      )
+    }
+  );
+}), so = $t, co = Kt, io = Wt, ao = zt, uo = at, fo = jt, po = Jt, mo = pt, ho = to, go = no, Co = ro, xo = lo;
+function vo(r, s) {
+  const e = Math.min(r.length, s.length);
+  for (let t = 0; t < e; t++)
+    if (r[t] !== s[t])
+      return t;
+  return e;
+}
+const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ComboboxItem: pt,
+  Content: fo,
+  CreateItem: xo,
+  Icon: ao,
+  Item: mo,
+  ItemIndicator: go,
+  ItemText: ho,
+  NoValueFound: Co,
+  Portal: uo,
+  Root: so,
+  TextInput: io,
+  Trigger: co,
+  Viewport: po
+}, Symbol.toStringTag, { value: "Module" })), bo = [" ", "Enter", "ArrowUp", "ArrowDown"], So = [" ", "Enter"], me = "Select", [xe, he, wo] = Et(me), [ae, Io] = Je(me, [
+  wo,
+  nt
+]), ve = nt(), [yo, Y] = ae(me), [To, Vo] = ae(me), Oe = (r) => {
+  const {
+    __scopeSelect: s,
+    children: e,
+    open: t,
+    defaultOpen: o,
+    onOpenChange: n,
+    value: i,
+    defaultValue: c,
+    onValueChange: a,
+    dir: g,
+    // name,
+    // autoComplete,
+    disabled: p,
+    required: x,
+    multi: d = !1
+  } = r, u = ve(s), [m, b] = l.useState(null), [C, v] = l.useState(null), [h, w] = l.useState(!1), R = Rt(g), [M = !1, E] = ie({
+    prop: t,
+    defaultProp: o,
+    onChange: n
+  }), [N, k] = ie({
+    prop: i,
+    defaultProp: c,
+    onChange(D) {
+      a && (Array.isArray(D), a(D));
+    }
+  }), q = l.useRef(null), [K, L] = l.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ f(le.Root, { ...u, children: /* @__PURE__ */ f(
+    yo,
+    {
+      required: x,
+      scope: s,
+      trigger: m,
+      onTriggerChange: b,
+      valueNode: C,
+      onValueNodeChange: v,
+      valueNodeHasChildren: h,
+      onValueNodeHasChildrenChange: w,
+      contentId: ne(),
+      value: N,
+      onValueChange: k,
+      open: M,
+      onOpenChange: E,
+      dir: R,
+      triggerPointerDownPosRef: q,
+      disabled: p,
+      multi: d,
+      children: /* @__PURE__ */ f(xe.Provider, { scope: s, children: /* @__PURE__ */ f(
+        To,
+        {
+          scope: r.__scopeSelect,
+          onNativeOptionAdd: l.useCallback((D) => {
+            L((H) => new Set(H).add(D));
+          }, []),
+          onNativeOptionRemove: l.useCallback((D) => {
+            L((H) => {
+              const F = new Set(H);
+              return F.delete(D), F;
+            });
+          }, []),
+          children: e
+        }
+      ) })
+    }
+  ) });
+};
+Oe.displayName = me;
+const ht = "SelectTrigger", De = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(ht, e), i = n.disabled, c = O(s, n.onTriggerChange), a = he(e), [g, p, x] = Tt((u) => {
+      const m = a().filter((v) => !v.disabled), b = m.find((v) => v.value === n.value), C = Vt(m, u, b);
+      if (C !== void 0 && !Array.isArray(C.value)) {
+        const v = n.multi ? [C.value] : C.value;
+        n.onValueChange(v);
+      }
+    }), d = () => {
+      i || (n.onOpenChange(!0), x());
+    };
+    return /* @__PURE__ */ f(le.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ f(
+      _.div,
+      {
+        role: "combobox",
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open,
+        "aria-required": n.required,
+        "aria-autocomplete": "none",
+        dir: n.dir,
+        "data-state": n.open ? "open" : "closed",
+        "data-disabled": i ? "" : void 0,
+        "data-placeholder": n.value === void 0 ? "" : void 0,
+        tabIndex: i ? void 0 : 0,
+        ...t,
+        ref: c,
+        onClick: T(t.onClick, (u) => {
+          u.currentTarget.focus();
+        }),
+        onPointerDown: T(t.onPointerDown, (u) => {
+          const m = u.target;
+          m.hasPointerCapture(u.pointerId) && m.releasePointerCapture(u.pointerId), (m.closest("button") ?? m.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (d(), n.triggerPointerDownPosRef.current = {
+            x: Math.round(u.pageX),
+            y: Math.round(u.pageY)
+          }, u.preventDefault());
+        }),
+        onKeyDown: T(t.onKeyDown, (u) => {
+          const m = g.current !== "", b = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
+          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!b && u.key.length === 1 && p(u.key), !(m && u.key === " ") && bo.includes(u.key) && (d(), u.preventDefault()));
+        })
+      }
+    ) });
+  }
+);
+De.displayName = ht;
+const gt = "SelectValue", ke = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = Y(gt, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, g = O(s, i.onValueNodeChange), [p, x] = l.useState([]), d = he(e);
+    B(() => {
+      c(a);
+    }, [c, a]), l.useLayoutEffect(() => {
+      if (Array.isArray(i.value) && p.length !== i.value.length) {
+        const m = setTimeout(() => {
+          const b = d().filter(
+            (C) => Array.isArray(C.value) ? !1 : i.value?.includes(C.value)
+          );
+          x(b);
+        });
+        return () => {
+          clearTimeout(m);
+        };
+      }
+    }, [i.value, d, p]);
+    let u;
+    if ((i.value === void 0 || i.value.length === 0) && o !== void 0)
+      u = /* @__PURE__ */ f("span", { children: o });
+    else if (typeof t == "function")
+      if (Array.isArray(i.value)) {
+        const m = i.value.map((b) => {
+          const C = p.find((v) => v.value === b);
+          return C ? t({ value: b, textValue: C?.textValue }) : null;
+        });
+        u = m.every((b) => b === null) ? o : m;
+      } else
+        u = t(i.value);
+    else
+      u = t;
+    return /* @__PURE__ */ f(_.span, { ...n, ref: g, children: u || null });
+  }
+);
+ke.displayName = gt;
+const Po = "SelectIcon", Fe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, ...o } = r;
+    return /* @__PURE__ */ f(_.span, { "aria-hidden": !0, ...o, ref: s, children: t || "▼" });
+  }
+);
+Fe.displayName = Po;
+const Eo = "SelectPortal", Le = (r) => /* @__PURE__ */ f(rt, { asChild: !0, ...r });
+Le.displayName = Eo;
+const re = "SelectContent", Be = l.forwardRef(
+  (r, s) => {
+    const e = Y(re, r.__scopeSelect), [t, o] = l.useState();
+    if (B(() => {
+      o(new DocumentFragment());
+    }, []), !e.open) {
+      const n = t;
+      return n ? _e.createPortal(
+        /* @__PURE__ */ f(Ct, { scope: r.__scopeSelect, children: /* @__PURE__ */ f(xe.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ f("div", { children: r.children }) }) }),
+        n
+      ) : null;
+    }
+    return /* @__PURE__ */ f(xt, { ...r, ref: s });
+  }
+);
+Be.displayName = re;
+const G = 10, [Ct, J] = ae(re), Ro = "SelectContentImpl", xt = l.forwardRef(
+  (r, s) => {
+    const {
+      __scopeSelect: e,
+      position: t = "item-aligned",
+      onCloseAutoFocus: o,
+      onEscapeKeyDown: n,
+      onPointerDownOutside: i,
+      //
+      // PopperContent props
+      side: c,
+      sideOffset: a,
+      align: g,
+      alignOffset: p,
+      arrowPadding: x,
+      collisionBoundary: d,
+      collisionPadding: u,
+      sticky: m,
+      hideWhenDetached: b,
+      avoidCollisions: C,
+      //
+      ...v
+    } = r, h = Y(re, e), [w, R] = l.useState(null), [M, E] = l.useState(null), N = O(s, (S) => R(S)), [k, q] = l.useState(null), [K, L] = l.useState(null), D = he(e), [H, F] = l.useState(!1), W = l.useRef(!1);
+    l.useEffect(() => {
+      if (w)
+        return lt(w);
+    }, [w]), tt();
+    const z = l.useCallback(
+      (S) => {
+        const [V, ...y] = D().map((A) => A.ref.current), [I] = y.slice(-1), P = document.activeElement;
+        for (const A of S)
+          if (A === P || (A?.scrollIntoView({ block: "nearest" }), A === V && M && (M.scrollTop = 0), A === I && M && (M.scrollTop = M.scrollHeight), A?.focus(), document.activeElement !== P))
+            return;
+      },
+      [D, M]
+    ), $ = l.useCallback(
+      () => z([k, w]),
+      [z, k, w]
+    );
+    l.useEffect(() => {
+      H && $();
+    }, [H, $]);
+    const { onOpenChange: X, triggerPointerDownPosRef: U } = h;
+    l.useEffect(() => {
+      if (w) {
+        let S = { x: 0, y: 0 };
+        const V = (I) => {
+          S = {
+            x: Math.abs(Math.round(I.pageX) - (U.current?.x ?? 0)),
+            y: Math.abs(Math.round(I.pageY) - (U.current?.y ?? 0))
+          };
+        }, y = (I) => {
+          S.x <= 10 && S.y <= 10 ? I.preventDefault() : w.contains(I.target) || X(!1), document.removeEventListener("pointermove", V), U.current = null;
+        };
+        return U.current !== null && (document.addEventListener("pointermove", V), document.addEventListener("pointerup", y, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", y, { capture: !0 });
+        };
+      }
+    }, [w, X, U]), l.useEffect(() => {
+      const S = () => X(!1);
+      return window.addEventListener("blur", S), window.addEventListener("resize", S), () => {
+        window.removeEventListener("blur", S), window.removeEventListener("resize", S);
+      };
+    }, [X]);
+    const [ue, se] = Tt((S) => {
+      const V = D().filter((P) => !P.disabled), y = V.find((P) => P.ref.current === document.activeElement), I = Vt(V, S, y);
+      I && setTimeout(() => I.ref.current.focus());
+    }), de = l.useCallback(
+      (S, V, y) => {
+        const I = !W.current && !y;
+        (h.value !== void 0 && h.value === V || I) && (q(S), I && (W.current = !0));
+      },
+      [h.value]
+    ), Q = l.useCallback(() => w?.focus(), [w]), Z = l.useCallback(
+      (S, V, y) => {
+        const I = !W.current && !y;
+        (h.value !== void 0 && (Array.isArray(V) ? V.every((A) => h.value?.includes(A)) : h.value === V) || I) && L(S);
+      },
+      [h.value]
+    ), ce = t === "popper" ? Te : vt, ee = ce === Te ? {
+      side: c,
+      sideOffset: a,
+      align: g,
+      alignOffset: p,
+      arrowPadding: x,
+      collisionBoundary: d,
+      collisionPadding: u,
+      sticky: m,
+      hideWhenDetached: b,
+      avoidCollisions: C
+    } : {};
+    return /* @__PURE__ */ f(
+      Ct,
+      {
+        scope: e,
+        content: w,
+        viewport: M,
+        onViewportChange: E,
+        itemRefCallback: de,
+        selectedItem: k,
+        onItemLeave: Q,
+        itemTextRefCallback: Z,
+        focusSelectedItem: $,
+        selectedItemText: K,
+        position: t,
+        isPositioned: H,
+        searchRef: ue,
+        children: /* @__PURE__ */ f(st, { as: ye, allowPinchZoom: !0, children: /* @__PURE__ */ f(
+          ot,
+          {
+            asChild: !0,
+            trapped: h.open,
+            onMountAutoFocus: (S) => {
+              S.preventDefault();
+            },
+            onUnmountAutoFocus: T(o, (S) => {
+              h.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), S.preventDefault();
+            }),
+            children: /* @__PURE__ */ f(
+              et,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: n,
+                onPointerDownOutside: i,
+                onFocusOutside: (S) => S.preventDefault(),
+                onDismiss: () => h.onOpenChange(!1),
+                children: /* @__PURE__ */ f(
+                  ce,
+                  {
+                    role: "listbox",
+                    id: h.contentId,
+                    "data-state": h.open ? "open" : "closed",
+                    "aria-multiselectable": h.multi ? "true" : void 0,
+                    dir: h.dir,
+                    onContextMenu: (S) => S.preventDefault(),
+                    ...v,
+                    ...ee,
+                    onPlaced: () => F(!0),
+                    ref: N,
+                    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",
+                      ...v.style
+                    },
+                    onKeyDown: T(v.onKeyDown, (S) => {
+                      const V = S.ctrlKey || S.altKey || S.metaKey;
+                      if (S.key === "Tab" && S.preventDefault(), !V && S.key.length === 1 && se(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
+                        let I = D().filter((P) => !P.disabled).map((P) => P.ref.current);
+                        if (["ArrowUp", "End"].includes(S.key) && (I = I.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
+                          const P = S.target, A = I.indexOf(P);
+                          I = I.slice(A + 1);
+                        }
+                        setTimeout(() => z(I)), S.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+xt.displayName = Ro;
+const No = "SelectItemAlignedPosition", vt = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, onPlaced: t, ...o } = r, n = Y(re, e), i = J(re, e), [c, a] = l.useState(null), [g, p] = l.useState(null), x = O(s, (N) => p(N)), d = he(e), u = l.useRef(!1), m = l.useRef(!0), { viewport: b, selectedItem: C, selectedItemText: v, focusSelectedItem: h } = i, w = l.useCallback(() => {
+      if (n.trigger && n.valueNode && c && g && b && C && v) {
+        const N = n.trigger.getBoundingClientRect(), k = g.getBoundingClientRect(), q = n.valueNode.getBoundingClientRect(), K = v.getBoundingClientRect();
+        if (n.dir !== "rtl") {
+          const P = K.left - k.left, A = q.left - P, te = N.left - A, oe = N.width + te, be = Math.max(oe, k.width), Se = window.innerWidth - G, we = Ze(A, [G, Se - be]);
+          c.style.minWidth = `${oe}px`, c.style.left = `${we}px`;
+        } else {
+          const P = k.right - K.right, A = window.innerWidth - q.right - P, te = window.innerWidth - N.right - A, oe = N.width + te, be = Math.max(oe, k.width), Se = window.innerWidth - G, we = Ze(A, [G, Se - be]);
+          c.style.minWidth = `${oe}px`, c.style.right = `${we}px`;
+        }
+        const L = d(), D = window.innerHeight - G * 2, H = b.scrollHeight, F = window.getComputedStyle(g), W = parseInt(F.borderTopWidth, 10), z = parseInt(F.paddingTop, 10), $ = parseInt(F.borderBottomWidth, 10), X = parseInt(F.paddingBottom, 10), U = W + z + H + X + $, ue = Math.min(C.offsetHeight * 5, U), se = window.getComputedStyle(b), de = parseInt(se.paddingTop, 10), Q = parseInt(se.paddingBottom, 10), Z = N.top + N.height / 2 - G, ce = D - Z, ee = C.offsetHeight / 2, S = C.offsetTop + ee, V = W + z + S, y = U - V;
+        if (V <= Z) {
+          const P = C === L[L.length - 1].ref.current;
+          c.style.bottom = "0px";
+          const A = g.clientHeight - b.offsetTop - b.offsetHeight, te = Math.max(
+            ce,
+            ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
+            (P ? Q : 0) + A + $
+          ), oe = V + te;
+          c.style.height = `${oe}px`;
+        } else {
+          const P = C === L[0].ref.current;
+          c.style.top = "0px";
+          const te = Math.max(
+            Z,
+            W + b.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            (P ? de : 0) + ee
+          ) + y;
+          c.style.height = `${te}px`, b.scrollTop = V - Z + b.offsetTop;
+        }
+        c.style.margin = `${G}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${D}px`, t?.(), requestAnimationFrame(() => u.current = !0);
+      }
+    }, [
+      d,
+      n.trigger,
+      n.valueNode,
+      c,
+      g,
+      b,
+      C,
+      v,
+      n.dir,
+      t
+    ]);
+    B(() => w(), [w]);
+    const [R, M] = l.useState();
+    B(() => {
+      g && M(window.getComputedStyle(g).zIndex);
+    }, [g]);
+    const E = l.useCallback(
+      (N) => {
+        N && m.current === !0 && (w(), h?.(), m.current = !1);
+      },
+      [w, h]
+    );
+    return /* @__PURE__ */ f(
+      _o,
+      {
+        scope: e,
+        contentWrapper: c,
+        shouldExpandOnScrollRef: u,
+        onScrollButtonChange: E,
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            ref: a,
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              position: "fixed",
+              zIndex: R
+            },
+            children: /* @__PURE__ */ f(
+              _.div,
+              {
+                ...o,
+                ref: x,
+                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%",
+                  ...o.style
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+vt.displayName = No;
+const Ao = "SelectPopperPosition", Te = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, align: t = "start", collisionPadding: o = G, ...n } = r, i = ve(e);
+    return /* @__PURE__ */ f(
+      le.Content,
+      {
+        ...i,
+        ...n,
+        ref: s,
+        align: t,
+        collisionPadding: o,
+        style: {
+          // Ensure border-box for floating-ui calculations
+          boxSizing: "border-box",
+          ...n.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)"
+        }
+      }
+    );
+  }
+);
+Te.displayName = Ao;
+const [_o, He] = ae(
+  re,
+  {}
+), Ve = "SelectViewport", $e = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = J(Ve, e), n = He(Ve, e), i = O(s, o.onViewportChange), c = l.useRef(0);
+    return /* @__PURE__ */ Ne(Ae, { children: [
+      /* @__PURE__ */ f(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
+          }
+        }
+      ),
+      /* @__PURE__ */ f(xe.Slot, { scope: e, children: /* @__PURE__ */ f(
+        _.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...t,
+          ref: i,
+          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
+            // (independent of the scrollUpButton).
+            position: "relative",
+            flex: 1,
+            overflow: "auto",
+            ...t.style
+          },
+          onScroll: T(t.onScroll, (a) => {
+            const g = a.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: x } = n;
+            if (x?.current && p) {
+              const d = Math.abs(c.current - g.scrollTop);
+              if (d > 0) {
+                const u = window.innerHeight - G * 2, m = parseFloat(p.style.minHeight), b = parseFloat(p.style.height), C = Math.max(m, b);
+                if (C < u) {
+                  const v = C + d, h = Math.min(u, v), w = v - h;
+                  p.style.height = `${h}px`, p.style.bottom === "0px" && (g.scrollTop = w > 0 ? w : 0, p.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            c.current = g.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+$e.displayName = Ve;
+const bt = "SelectGroup", [Mo, Oo] = ae(bt), Ue = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = ne();
+    return /* @__PURE__ */ f(Mo, { scope: e, id: o, children: /* @__PURE__ */ f(_.div, { role: "group", "aria-labelledby": o, ...t, ref: s }) });
+  }
+);
+Ue.displayName = bt;
+const St = "SelectLabel", Ke = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = Oo(St, e);
+    return /* @__PURE__ */ f(_.div, { id: o.id, ...t, ref: s });
+  }
+);
+Ke.displayName = St;
+const ge = "SelectItem", [Do, wt] = ae(ge), We = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: n, ...i } = r, c = Y(ge, e), a = J(ge, e), g = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((h) => c.value?.includes(h)), p = Array.isArray(c.value) && Array.isArray(t) && t.some((h) => c.value?.includes(h)), [x, d] = l.useState(n ?? ""), [u, m] = l.useState(!1), b = O(
+      s,
+      (h) => a.itemRefCallback?.(h, t, o)
+    ), C = ne(), v = () => {
+      if (!o) {
+        let h = c.multi && typeof t == "string" ? [t] : t;
+        p && !g ? c.onValueChange(h) : Array.isArray(c.value) && (h = Pt(t, c.value)), c.onValueChange(h), c.multi || c.onOpenChange(!1);
+      }
+    };
+    if (!c.multi && Array.isArray(t))
+      throw new Error("You can only pass an array of values in multi selects");
+    return /* @__PURE__ */ f(
+      Do,
+      {
+        scope: e,
+        value: t,
+        disabled: o,
+        textId: C,
+        isSelected: g,
+        isIntermediate: p,
+        onItemTextChange: l.useCallback((h) => {
+          d((w) => w || (h?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ f(xe.ItemSlot, { scope: e, value: t, disabled: o, textValue: x, children: /* @__PURE__ */ f(
+          _.div,
+          {
+            role: "option",
+            "aria-labelledby": C,
+            "data-highlighted": u ? "" : void 0,
+            "aria-selected": c.multi ? void 0 : g && u,
+            "aria-checked": c.multi ? g : void 0,
+            "data-state": g ? "checked" : "unchecked",
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            tabIndex: o ? void 0 : -1,
+            ...i,
+            ref: b,
+            onFocus: T(i.onFocus, () => m(!0)),
+            onBlur: T(i.onBlur, () => m(!1)),
+            onPointerUp: T(i.onPointerUp, v),
+            onPointerMove: T(i.onPointerMove, (h) => {
+              o ? a.onItemLeave?.() : h.currentTarget.focus({ preventScroll: !0 });
+            }),
+            onPointerLeave: T(i.onPointerLeave, (h) => {
+              h.currentTarget === document.activeElement && a.onItemLeave?.();
+            }),
+            onKeyDown: T(i.onKeyDown, (h) => {
+              a.searchRef?.current !== "" && h.key === " " || (So.includes(h.key) && v(), h.key === " " && h.preventDefault());
+            })
+          }
+        ) })
+      }
+    );
+  }
+);
+We.displayName = ge;
+const fe = "SelectItemText", ze = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = Y(fe, e), c = J(fe, e), a = wt(fe, e), g = Vo(fe, e), [p, x] = l.useState(null), d = O(
+      s,
+      (v) => x(v),
+      a.onItemTextChange,
+      (v) => c.itemTextRefCallback?.(v, a.value, a.disabled)
+    ), u = p?.textContent, m = l.useMemo(
+      () => /* @__PURE__ */ f(
+        "option",
+        {
+          value: a.value,
+          disabled: a.disabled,
+          children: u
+        },
+        Array.isArray(a.value) ? a.value.join(";") : a.value
+      ),
+      [a.disabled, a.value, u]
+    ), { onNativeOptionAdd: b, onNativeOptionRemove: C } = g;
+    return B(() => (b(m), () => C(m)), [b, C, m]), /* @__PURE__ */ Ne(Ae, { children: [
+      /* @__PURE__ */ f(_.span, { id: a.textId, ...n, ref: d }),
+      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(n.children, i.valueNode) : null
+    ] });
+  }
+);
+ze.displayName = fe;
+const It = "SelectItemIndicator", Ge = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, ...o } = r, n = wt(It, e);
+    return typeof t == "function" ? /* @__PURE__ */ f(_.span, { "aria-hidden": !0, ...o, ref: s, children: t({
+      isSelected: n.isSelected,
+      isIntermediate: n.isIntermediate
+    }) }) : n.isSelected ? /* @__PURE__ */ f(_.span, { "aria-hidden": !0, ...o, ref: s, children: t }) : null;
+  }
+);
+Ge.displayName = It;
+const Pe = "SelectScrollUpButton", je = l.forwardRef(
+  (r, s) => {
+    const e = J(Pe, r.__scopeSelect), t = He(Pe, r.__scopeSelect), [o, n] = l.useState(!1), i = O(s, t.onScrollButtonChange);
+    return B(() => {
+      if (e.viewport && e.isPositioned) {
+        const c = e.viewport, a = () => {
+          const g = c.scrollTop > 0;
+          n(g);
+        };
+        return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
+      }
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
+      yt,
+      {
+        ...r,
+        ref: i,
+        onAutoScroll: () => {
+          const { viewport: c, selectedItem: a } = e;
+          c && a && (c.scrollTop -= a.offsetHeight);
+        }
+      }
+    ) : null;
+  }
+);
+je.displayName = Pe;
+const Ee = "SelectScrollDownButton", Ye = l.forwardRef(
+  (r, s) => {
+    const e = J(Ee, r.__scopeSelect), t = He(Ee, r.__scopeSelect), [o, n] = l.useState(!1), i = O(s, t.onScrollButtonChange);
+    return B(() => {
+      if (e.viewport && e.isPositioned) {
+        const c = e.viewport, a = () => {
+          const g = c.scrollHeight - c.clientHeight, p = Math.ceil(c.scrollTop) < g;
+          n(p);
+        };
+        return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
+      }
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
+      yt,
+      {
+        ...r,
+        ref: i,
+        onAutoScroll: () => {
+          const { viewport: c, selectedItem: a } = e;
+          c && a && (c.scrollTop += a.offsetHeight);
+        }
+      }
+    ) : null;
+  }
+);
+Ye.displayName = Ee;
+const yt = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, onAutoScroll: t, ...o } = r, n = J("SelectScrollButton", e), i = l.useRef(null), c = he(e), a = l.useCallback(() => {
+      i.current !== null && (window.clearInterval(i.current), i.current = null);
+    }, []);
+    return l.useEffect(() => () => a(), [a]), B(() => {
+      c().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+    }, [c]), /* @__PURE__ */ f(
+      _.div,
+      {
+        "aria-hidden": !0,
+        ...o,
+        ref: s,
+        style: { flexShrink: 0, ...o.style },
+        onPointerMove: T(o.onPointerMove, () => {
+          n.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
+        }),
+        onPointerLeave: T(o.onPointerLeave, () => {
+          a();
+        })
+      }
+    );
+  }
+), ko = "SelectSeparator", qe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r;
+    return /* @__PURE__ */ f(_.div, { "aria-hidden": !0, ...t, ref: s });
+  }
+);
+qe.displayName = ko;
+const Re = "SelectArrow", Xe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(Re, e), i = J(Re, e);
+    return n.open && i.position === "popper" ? /* @__PURE__ */ f(le.Arrow, { ...o, ...t, ref: s }) : null;
+  }
+);
+Xe.displayName = Re;
+const Fo = "BubbleSelect", Lo = l.forwardRef(
+  (r, s) => {
+    const { value: e, ...t } = r, o = l.useRef(null), n = O(s, o), i = Nt(e), c = Y(Fo, void 0);
+    l.useEffect(() => {
+      const g = o.current, p = window.HTMLSelectElement.prototype, d = Object.getOwnPropertyDescriptor(p, "value").set;
+      if (i !== e && d) {
+        const u = new Event("change", { bubbles: !0 });
+        d.call(g, e), g.dispatchEvent(u);
+      }
+    }, [i, e]);
+    let a = e;
+    return c.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ f(At, { asChild: !0, children: /* @__PURE__ */ f(
+      "select",
+      {
+        ...t,
+        multiple: c.multi ? !0 : void 0,
+        ref: n,
+        defaultValue: a
+      }
+    ) });
+  }
+);
+Lo.displayName = "BubbleSelect";
+function Tt(r) {
+  const s = _t(r), e = l.useRef(""), t = l.useRef(0), o = l.useCallback(
+    (i) => {
+      const c = e.current + i;
+      s(c), function a(g) {
+        e.current = g, window.clearTimeout(t.current), g !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
+      }(c);
+    },
+    [s]
+  ), n = l.useCallback(() => {
+    e.current = "", window.clearTimeout(t.current);
+  }, []);
+  return l.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, n];
+}
+function Vt(r, s, e) {
+  const o = s.length > 1 && Array.from(s).every((g) => g === s[0]) ? s[0] : s, n = e ? r.indexOf(e) : -1;
+  let i = Bo(r, Math.max(n, 0));
+  o.length === 1 && (i = i.filter((g) => g !== e));
+  const a = i.find((g) => g.textValue.toLowerCase().startsWith(o.toLowerCase()));
+  return a !== e ? a : void 0;
+}
+function Bo(r, s) {
+  return r.map((e, t) => r[(s + t) % r.length]);
+}
+const Pt = (r, s = []) => {
+  if (Array.isArray(r))
+    return r.reduce((t, o) => Pt(o, t), s);
+  const e = s.indexOf(r);
+  return e === -1 ? [...s, r] : [...s.slice(0, e), ...s.slice(e + 1)];
+}, Ho = Oe, $o = De, Uo = ke, Ko = Fe, Wo = Le, zo = Be, Go = $e, jo = Ue, Yo = Ke, qo = We, Xo = ze, Zo = Ge, Jo = je, Qo = Ye, en = qe, tn = Xe, Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: tn,
+  Content: zo,
+  Group: jo,
+  Icon: Ko,
+  Item: qo,
+  ItemIndicator: Zo,
+  ItemText: Xo,
+  Label: Yo,
+  Portal: Wo,
+  Root: Ho,
+  ScrollDownButton: Qo,
+  ScrollUpButton: Jo,
+  Select: Oe,
+  SelectArrow: Xe,
+  SelectContent: Be,
+  SelectGroup: Ue,
+  SelectIcon: Fe,
+  SelectItem: We,
+  SelectItemIndicator: Ge,
+  SelectItemText: ze,
+  SelectLabel: Ke,
+  SelectPortal: Le,
+  SelectScrollDownButton: Ye,
+  SelectScrollUpButton: je,
+  SelectSeparator: qe,
+  SelectTrigger: De,
+  SelectValue: ke,
+  SelectViewport: $e,
+  Separator: en,
+  Trigger: $o,
+  Value: Uo,
+  Viewport: Go,
+  createSelectScope: Io
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Tn as Combobox,
+  Vn as Select,
+  Rn as composeEventHandlers,
+  Mt as createCollection,
+  An as useCallbackRef
+};