@strapi/ui-primitives 1.7.0-alpha.0 → 1.7.0-alpha.1

package/dist/index.js

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