@performant-software/core-data 2.3.8 → 2.3.9-beta.0

package/dist/index.es200.js

@@ -1,90 +1,813 @@
-import { createContext as c, Component as h, createElement as u, isValidElement as m } from "react";
-const v = c(null), l = {
-  didCatch: !1,
-  error: null
-};
-class p extends h {
-  constructor(r) {
-    super(r), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = l;
+import I from "./index.es204.js";
+import { useState as P, useRef as U, createElement as p, useCallback as N, forwardRef as _, useEffect as Z, Fragment as we, useMemo as ke } from "react";
+import { createPortal as Oe } from "react-dom";
+import { clamp as Ie } from "./index.es267.js";
+import { composeEventHandlers as R } from "./index.es205.js";
+import { createCollection as We } from "./index.es268.js";
+import { useComposedRefs as W } from "./index.es206.js";
+import { createContextScope as Fe } from "./index.es207.js";
+import { useDirection as Ke } from "./index.es260.js";
+import { DismissableLayer as Ue } from "./index.es261.js";
+import { useFocusGuards as Ge } from "./index.es262.js";
+import { FocusScope as qe } from "./index.es263.js";
+import { useId as be } from "./index.es211.js";
+import { createPopperScope as De, Root as ze, Anchor as Ye, Content as je } from "./index.es264.js";
+import { Portal as Xe } from "./index.es269.js";
+import { Primitive as H } from "./index.es209.js";
+import { Slot as Ze } from "./index.es265.js";
+import { useCallbackRef as Je } from "./index.es270.js";
+import { useControllableState as Pe } from "./index.es208.js";
+import { useLayoutEffect as Y } from "./index.es258.js";
+import { usePrevious as Qe } from "./index.es212.js";
+import { VisuallyHidden as et } from "./index.es271.js";
+import { hideOthers as tt } from "./index.es239.js";
+import ot from "./index.es266.js";
+const nt = [
+  " ",
+  "Enter",
+  "ArrowUp",
+  "ArrowDown"
+], ct = [
+  " ",
+  "Enter"
+], pe = "Select", [fe, ue, rt] = We(pe), [ce, Xt] = Fe(pe, [
+  rt,
+  De
+]), Ce = De(), [st, J] = ce(pe), [lt, at] = ce(pe), it = (o) => {
+  const { __scopeSelect: i, children: e, open: s, defaultOpen: r, onOpenChange: d, value: n, defaultValue: t, onValueChange: c, dir: l, name: $, autoComplete: C, disabled: T, required: y } = o, u = Ce(i), [v, S] = P(null), [m, a] = P(null), [h, re] = P(!1), A = Ke(l), [se = !1, O] = Pe({
+    prop: s,
+    defaultProp: r,
+    onChange: d
+  }), [M, j] = Pe({
+    prop: n,
+    defaultProp: t,
+    onChange: c
+  }), ee = U(null), X = v ? !!v.closest("form") : !0, [B, G] = P(/* @__PURE__ */ new Set()), q = Array.from(B).map(
+    (E) => E.props.value
+  ).join(";");
+  return /* @__PURE__ */ p(ze, u, /* @__PURE__ */ p(st, {
+    required: y,
+    scope: i,
+    trigger: v,
+    onTriggerChange: S,
+    valueNode: m,
+    onValueNodeChange: a,
+    valueNodeHasChildren: h,
+    onValueNodeHasChildrenChange: re,
+    contentId: be(),
+    value: M,
+    onValueChange: j,
+    open: se,
+    onOpenChange: O,
+    dir: A,
+    triggerPointerDownPosRef: ee,
+    disabled: T
+  }, /* @__PURE__ */ p(fe.Provider, {
+    scope: i
+  }, /* @__PURE__ */ p(lt, {
+    scope: o.__scopeSelect,
+    onNativeOptionAdd: N((E) => {
+      G(
+        (k) => new Set(k).add(E)
+      );
+    }, []),
+    onNativeOptionRemove: N((E) => {
+      G((k) => {
+        const F = new Set(k);
+        return F.delete(E), F;
+      });
+    }, [])
+  }, e)), X ? /* @__PURE__ */ p(Ve, {
+    key: q,
+    "aria-hidden": !0,
+    required: y,
+    tabIndex: -1,
+    name: $,
+    autoComplete: C,
+    value: M,
+    onChange: (E) => j(E.target.value),
+    disabled: T
+  }, M === void 0 ? /* @__PURE__ */ p("option", {
+    value: ""
+  }) : null, Array.from(B)) : null));
+}, dt = "SelectTrigger", pt = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, disabled: s = !1, ...r } = o, d = Ce(e), n = J(dt, e), t = n.disabled || s, c = W(i, n.onTriggerChange), l = ue(e), [$, C, T] = He((u) => {
+    const v = l().filter(
+      (a) => !a.disabled
+    ), S = v.find(
+      (a) => a.value === n.value
+    ), m = Be(v, u, S);
+    m !== void 0 && n.onValueChange(m.value);
+  }), y = () => {
+    t || (n.onOpenChange(!0), T());
+  };
+  return /* @__PURE__ */ p(Ye, I({
+    asChild: !0
+  }, d), /* @__PURE__ */ p(H.button, I({
+    type: "button",
+    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",
+    disabled: t,
+    "data-disabled": t ? "" : void 0,
+    "data-placeholder": Le(n.value) ? "" : void 0
+  }, r, {
+    ref: c,
+    onClick: R(r.onClick, (u) => {
+      u.currentTarget.focus();
+    }),
+    onPointerDown: R(r.onPointerDown, (u) => {
+      const v = u.target;
+      v.hasPointerCapture(u.pointerId) && v.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && (y(), n.triggerPointerDownPosRef.current = {
+        x: Math.round(u.pageX),
+        y: Math.round(u.pageY)
+      }, u.preventDefault());
+    }),
+    onKeyDown: R(r.onKeyDown, (u) => {
+      const v = $.current !== "";
+      !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && C(u.key), !(v && u.key === " ") && nt.includes(u.key) && (y(), u.preventDefault());
+    })
+  })));
+}), ft = "SelectValue", Zt = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, className: s, style: r, children: d, placeholder: n = "", ...t } = o, c = J(ft, e), { onValueNodeHasChildrenChange: l } = c, $ = d !== void 0, C = W(i, c.onValueNodeChange);
+  return Y(() => {
+    l($);
+  }, [
+    l,
+    $
+  ]), /* @__PURE__ */ p(H.span, I({}, t, {
+    ref: C,
+    style: {
+      pointerEvents: "none"
+    }
+  }), Le(c.value) ? /* @__PURE__ */ p(we, null, n) : d);
+}), Jt = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, children: s, ...r } = o;
+  return /* @__PURE__ */ p(H.span, I({
+    "aria-hidden": !0
+  }, r, {
+    ref: i
+  }), s || "▼");
+}), Qt = (o) => /* @__PURE__ */ p(Xe, I({
+  asChild: !0
+}, o)), ne = "SelectContent", ut = /* @__PURE__ */ _((o, i) => {
+  const e = J(ne, o.__scopeSelect), [s, r] = P();
+  if (Y(() => {
+    r(new DocumentFragment());
+  }, []), !e.open) {
+    const d = s;
+    return d ? /* @__PURE__ */ Oe(/* @__PURE__ */ p(Ne, {
+      scope: o.__scopeSelect
+    }, /* @__PURE__ */ p(fe.Slot, {
+      scope: o.__scopeSelect
+    }, /* @__PURE__ */ p("div", null, o.children))), d) : null;
   }
-  static getDerivedStateFromError(r) {
-    return {
-      didCatch: !0,
-      error: r
+  return /* @__PURE__ */ p(mt, I({}, o, {
+    ref: i
+  }));
+}), K = 10, [Ne, Q] = ce(ne), mt = /* @__PURE__ */ _((o, i) => {
+  const {
+    __scopeSelect: e,
+    position: s = "item-aligned",
+    onCloseAutoFocus: r,
+    onEscapeKeyDown: d,
+    onPointerDownOutside: n,
+    side: t,
+    sideOffset: c,
+    align: l,
+    alignOffset: $,
+    arrowPadding: C,
+    collisionBoundary: T,
+    collisionPadding: y,
+    sticky: u,
+    hideWhenDetached: v,
+    avoidCollisions: S,
+    //
+    ...m
+  } = o, a = J(ne, e), [h, re] = P(null), [A, se] = P(null), O = W(
+    i,
+    (f) => re(f)
+  ), [M, j] = P(null), [ee, X] = P(null), B = ue(e), [G, q] = P(!1), E = U(!1);
+  Z(() => {
+    if (h)
+      return tt(h);
+  }, [
+    h
+  ]), Ge();
+  const k = N((f) => {
+    const [w, ...D] = B().map(
+      (x) => x.ref.current
+    ), [b] = D.slice(-1), g = document.activeElement;
+    for (const x of f)
+      if (x === g || (x == null || x.scrollIntoView({
+        block: "nearest"
+      }), x === w && A && (A.scrollTop = 0), x === b && A && (A.scrollTop = A.scrollHeight), x == null || x.focus(), document.activeElement !== g))
+        return;
+  }, [
+    B,
+    A
+  ]), F = N(
+    () => k([
+      M,
+      h
+    ]),
+    [
+      k,
+      M,
+      h
+    ]
+  );
+  Z(() => {
+    G && F();
+  }, [
+    G,
+    F
+  ]);
+  const { onOpenChange: te, triggerPointerDownPosRef: z } = a;
+  Z(() => {
+    if (h) {
+      let f = {
+        x: 0,
+        y: 0
+      };
+      const w = (b) => {
+        var g, x, L, V;
+        f = {
+          x: Math.abs(Math.round(b.pageX) - ((g = (x = z.current) === null || x === void 0 ? void 0 : x.x) !== null && g !== void 0 ? g : 0)),
+          y: Math.abs(Math.round(b.pageY) - ((L = (V = z.current) === null || V === void 0 ? void 0 : V.y) !== null && L !== void 0 ? L : 0))
+        };
+      }, D = (b) => {
+        f.x <= 10 && f.y <= 10 ? b.preventDefault() : h.contains(b.target) || te(!1), document.removeEventListener("pointermove", w), z.current = null;
+      };
+      return z.current !== null && (document.addEventListener("pointermove", w), document.addEventListener("pointerup", D, {
+        capture: !0,
+        once: !0
+      })), () => {
+        document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", D, {
+          capture: !0
+        });
+      };
+    }
+  }, [
+    h,
+    te,
+    z
+  ]), Z(() => {
+    const f = () => te(!1);
+    return window.addEventListener("blur", f), window.addEventListener("resize", f), () => {
+      window.removeEventListener("blur", f), window.removeEventListener("resize", f);
     };
-  }
-  resetErrorBoundary() {
-    const {
-      error: r
-    } = this.state;
-    if (r !== null) {
-      for (var e, t, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
-        s[o] = arguments[o];
-      (e = (t = this.props).onReset) === null || e === void 0 || e.call(t, {
-        args: s,
-        reason: "imperative-api"
-      }), this.setState(l);
+  }, [
+    te
+  ]);
+  const [me, ae] = He((f) => {
+    const w = B().filter(
+      (g) => !g.disabled
+    ), D = w.find(
+      (g) => g.ref.current === document.activeElement
+    ), b = Be(w, f, D);
+    b && setTimeout(
+      () => b.ref.current.focus()
+    );
+  }), $e = N((f, w, D) => {
+    const b = !E.current && !D;
+    (a.value !== void 0 && a.value === w || b) && (j(f), b && (E.current = !0));
+  }, [
+    a.value
+  ]), ve = N(
+    () => h == null ? void 0 : h.focus(),
+    [
+      h
+    ]
+  ), oe = N((f, w, D) => {
+    const b = !E.current && !D;
+    (a.value !== void 0 && a.value === w || b) && X(f);
+  }, [
+    a.value
+  ]), ie = s === "popper" ? Te : $t, le = ie === Te ? {
+    side: t,
+    sideOffset: c,
+    align: l,
+    alignOffset: $,
+    arrowPadding: C,
+    collisionBoundary: T,
+    collisionPadding: y,
+    sticky: u,
+    hideWhenDetached: v,
+    avoidCollisions: S
+  } : {};
+  return /* @__PURE__ */ p(Ne, {
+    scope: e,
+    content: h,
+    viewport: A,
+    onViewportChange: se,
+    itemRefCallback: $e,
+    selectedItem: M,
+    onItemLeave: ve,
+    itemTextRefCallback: oe,
+    focusSelectedItem: F,
+    selectedItemText: ee,
+    position: s,
+    isPositioned: G,
+    searchRef: me
+  }, /* @__PURE__ */ p(ot, {
+    as: Ze,
+    allowPinchZoom: !0
+  }, /* @__PURE__ */ p(qe, {
+    asChild: !0,
+    trapped: a.open,
+    onMountAutoFocus: (f) => {
+      f.preventDefault();
+    },
+    onUnmountAutoFocus: R(r, (f) => {
+      var w;
+      (w = a.trigger) === null || w === void 0 || w.focus({
+        preventScroll: !0
+      }), f.preventDefault();
+    })
+  }, /* @__PURE__ */ p(Ue, {
+    asChild: !0,
+    disableOutsidePointerEvents: !0,
+    onEscapeKeyDown: d,
+    onPointerDownOutside: n,
+    onFocusOutside: (f) => f.preventDefault(),
+    onDismiss: () => a.onOpenChange(!1)
+  }, /* @__PURE__ */ p(ie, I({
+    role: "listbox",
+    id: a.contentId,
+    "data-state": a.open ? "open" : "closed",
+    dir: a.dir,
+    onContextMenu: (f) => f.preventDefault()
+  }, m, le, {
+    onPlaced: () => q(!0),
+    ref: O,
+    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",
+      ...m.style
+    },
+    onKeyDown: R(m.onKeyDown, (f) => {
+      const w = f.ctrlKey || f.altKey || f.metaKey;
+      if (f.key === "Tab" && f.preventDefault(), !w && f.key.length === 1 && ae(f.key), [
+        "ArrowUp",
+        "ArrowDown",
+        "Home",
+        "End"
+      ].includes(f.key)) {
+        let b = B().filter(
+          (g) => !g.disabled
+        ).map(
+          (g) => g.ref.current
+        );
+        if ([
+          "ArrowUp",
+          "End"
+        ].includes(f.key) && (b = b.slice().reverse()), [
+          "ArrowUp",
+          "ArrowDown"
+        ].includes(f.key)) {
+          const g = f.target, x = b.indexOf(g);
+          b = b.slice(x + 1);
+        }
+        setTimeout(
+          () => k(b)
+        ), f.preventDefault();
+      }
+    })
+  }))))));
+}), $t = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, onPlaced: s, ...r } = o, d = J(ne, e), n = Q(ne, e), [t, c] = P(null), [l, $] = P(null), C = W(
+    i,
+    (O) => $(O)
+  ), T = ue(e), y = U(!1), u = U(!0), { viewport: v, selectedItem: S, selectedItemText: m, focusSelectedItem: a } = n, h = N(() => {
+    if (d.trigger && d.valueNode && t && l && v && S && m) {
+      const O = d.trigger.getBoundingClientRect(), M = l.getBoundingClientRect(), j = d.valueNode.getBoundingClientRect(), ee = m.getBoundingClientRect();
+      if (d.dir !== "rtl") {
+        const g = ee.left - M.left, x = j.left - g, L = O.left - x, V = O.width + L, he = Math.max(V, M.width), ge = window.innerWidth - K, xe = Ie(x, [
+          K,
+          ge - he
+        ]);
+        t.style.minWidth = V + "px", t.style.left = xe + "px";
+      } else {
+        const g = M.right - ee.right, x = window.innerWidth - j.right - g, L = window.innerWidth - O.right - x, V = O.width + L, he = Math.max(V, M.width), ge = window.innerWidth - K, xe = Ie(x, [
+          K,
+          ge - he
+        ]);
+        t.style.minWidth = V + "px", t.style.right = xe + "px";
+      }
+      const X = T(), B = window.innerHeight - K * 2, G = v.scrollHeight, q = window.getComputedStyle(l), E = parseInt(q.borderTopWidth, 10), k = parseInt(q.paddingTop, 10), F = parseInt(q.borderBottomWidth, 10), te = parseInt(q.paddingBottom, 10), z = E + k + G + te + F, me = Math.min(S.offsetHeight * 5, z), ae = window.getComputedStyle(v), $e = parseInt(ae.paddingTop, 10), ve = parseInt(ae.paddingBottom, 10), oe = O.top + O.height / 2 - K, ie = B - oe, le = S.offsetHeight / 2, f = S.offsetTop + le, w = E + k + f, D = z - w;
+      if (w <= oe) {
+        const g = S === X[X.length - 1].ref.current;
+        t.style.bottom = "0px";
+        const x = l.clientHeight - v.offsetTop - v.offsetHeight, L = Math.max(ie, le + (g ? ve : 0) + x + F), V = w + L;
+        t.style.height = V + "px";
+      } else {
+        const g = S === X[0].ref.current;
+        t.style.top = "0px";
+        const L = Math.max(oe, E + v.offsetTop + (g ? $e : 0) + le) + D;
+        t.style.height = L + "px", v.scrollTop = w - oe + v.offsetTop;
+      }
+      t.style.margin = `${K}px 0`, t.style.minHeight = me + "px", t.style.maxHeight = B + "px", s == null || s(), requestAnimationFrame(
+        () => y.current = !0
+      );
     }
-  }
-  componentDidCatch(r, e) {
-    var t, n;
-    (t = (n = this.props).onError) === null || t === void 0 || t.call(n, r, e);
-  }
-  componentDidUpdate(r, e) {
-    const {
-      didCatch: t
-    } = this.state, {
-      resetKeys: n
-    } = this.props;
-    if (t && e.error !== null && f(r.resetKeys, n)) {
-      var s, o;
-      (s = (o = this.props).onReset) === null || s === void 0 || s.call(o, {
-        next: n,
-        prev: r.resetKeys,
-        reason: "keys"
-      }), this.setState(l);
+  }, [
+    T,
+    d.trigger,
+    d.valueNode,
+    t,
+    l,
+    v,
+    S,
+    m,
+    d.dir,
+    s
+  ]);
+  Y(
+    () => h(),
+    [
+      h
+    ]
+  );
+  const [re, A] = P();
+  Y(() => {
+    l && A(window.getComputedStyle(l).zIndex);
+  }, [
+    l
+  ]);
+  const se = N((O) => {
+    O && u.current === !0 && (h(), a == null || a(), u.current = !1);
+  }, [
+    h,
+    a
+  ]);
+  return /* @__PURE__ */ p(vt, {
+    scope: e,
+    contentWrapper: t,
+    shouldExpandOnScrollRef: y,
+    onScrollButtonChange: se
+  }, /* @__PURE__ */ p("div", {
+    ref: c,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      position: "fixed",
+      zIndex: re
     }
-  }
-  render() {
-    const {
-      children: r,
-      fallbackRender: e,
-      FallbackComponent: t,
-      fallback: n
-    } = this.props, {
-      didCatch: s,
-      error: o
-    } = this.state;
-    let a = r;
-    if (s) {
-      const d = {
-        error: o,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof e == "function")
-        a = e(d);
-      else if (t)
-        a = u(t, d);
-      else if (n === null || m(n))
-        a = n;
-      else
-        throw o;
+  }, /* @__PURE__ */ p(H.div, I({}, r, {
+    ref: C,
+    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%",
+      ...r.style
     }
-    return u(v.Provider, {
-      value: {
-        didCatch: s,
-        error: o,
-        resetErrorBoundary: this.resetErrorBoundary
+  }))));
+}), Te = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, align: s = "start", collisionPadding: r = K, ...d } = o, n = Ce(e);
+  return /* @__PURE__ */ p(je, I({}, n, d, {
+    ref: i,
+    align: s,
+    collisionPadding: r,
+    style: {
+      // Ensure border-box for floating-ui calculations
+      boxSizing: "border-box",
+      ...d.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)"
+    }
+  }));
+}), [vt, ye] = ce(ne, {}), _e = "SelectViewport", eo = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, ...s } = o, r = Q(_e, e), d = ye(_e, e), n = W(i, r.onViewportChange), t = U(0);
+  return /* @__PURE__ */ p(we, null, /* @__PURE__ */ p("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__ */ p(fe.Slot, {
+    scope: e
+  }, /* @__PURE__ */ p(H.div, I({
+    "data-radix-select-viewport": "",
+    role: "presentation"
+  }, s, {
+    ref: n,
+    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",
+      ...s.style
+    },
+    onScroll: R(s.onScroll, (c) => {
+      const l = c.currentTarget, { contentWrapper: $, shouldExpandOnScrollRef: C } = d;
+      if (C != null && C.current && $) {
+        const T = Math.abs(t.current - l.scrollTop);
+        if (T > 0) {
+          const y = window.innerHeight - K * 2, u = parseFloat($.style.minHeight), v = parseFloat($.style.height), S = Math.max(u, v);
+          if (S < y) {
+            const m = S + T, a = Math.min(y, m), h = m - a;
+            $.style.height = a + "px", $.style.bottom === "0px" && (l.scrollTop = h > 0 ? h : 0, $.style.justifyContent = "flex-end");
+          }
+        }
       }
-    }, a);
-  }
+      t.current = l.scrollTop;
+    })
+  }))));
+}), ht = "SelectGroup", [gt, xt] = ce(ht), to = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, ...s } = o, r = be();
+  return /* @__PURE__ */ p(gt, {
+    scope: e,
+    id: r
+  }, /* @__PURE__ */ p(H.div, I({
+    role: "group",
+    "aria-labelledby": r
+  }, s, {
+    ref: i
+  })));
+}), St = "SelectLabel", wt = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, ...s } = o, r = xt(St, e);
+  return /* @__PURE__ */ p(H.div, I({
+    id: r.id
+  }, s, {
+    ref: i
+  }));
+}), Se = "SelectItem", [bt, Me] = ce(Se), Ct = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, value: s, disabled: r = !1, textValue: d, ...n } = o, t = J(Se, e), c = Q(Se, e), l = t.value === s, [$, C] = P(d ?? ""), [T, y] = P(!1), u = W(i, (m) => {
+    var a;
+    return (a = c.itemRefCallback) === null || a === void 0 ? void 0 : a.call(c, m, s, r);
+  }), v = be(), S = () => {
+    r || (t.onValueChange(s), t.onOpenChange(!1));
+  };
+  if (s === "")
+    throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+  return /* @__PURE__ */ p(bt, {
+    scope: e,
+    value: s,
+    disabled: r,
+    textId: v,
+    isSelected: l,
+    onItemTextChange: N((m) => {
+      C((a) => {
+        var h;
+        return a || ((h = m == null ? void 0 : m.textContent) !== null && h !== void 0 ? h : "").trim();
+      });
+    }, [])
+  }, /* @__PURE__ */ p(fe.ItemSlot, {
+    scope: e,
+    value: s,
+    disabled: r,
+    textValue: $
+  }, /* @__PURE__ */ p(H.div, I({
+    role: "option",
+    "aria-labelledby": v,
+    "data-highlighted": T ? "" : void 0,
+    "aria-selected": l && T,
+    "data-state": l ? "checked" : "unchecked",
+    "aria-disabled": r || void 0,
+    "data-disabled": r ? "" : void 0,
+    tabIndex: r ? void 0 : -1
+  }, n, {
+    ref: u,
+    onFocus: R(
+      n.onFocus,
+      () => y(!0)
+    ),
+    onBlur: R(
+      n.onBlur,
+      () => y(!1)
+    ),
+    onPointerUp: R(n.onPointerUp, S),
+    onPointerMove: R(n.onPointerMove, (m) => {
+      if (r) {
+        var a;
+        (a = c.onItemLeave) === null || a === void 0 || a.call(c);
+      } else
+        m.currentTarget.focus({
+          preventScroll: !0
+        });
+    }),
+    onPointerLeave: R(n.onPointerLeave, (m) => {
+      if (m.currentTarget === document.activeElement) {
+        var a;
+        (a = c.onItemLeave) === null || a === void 0 || a.call(c);
+      }
+    }),
+    onKeyDown: R(n.onKeyDown, (m) => {
+      var a;
+      ((a = c.searchRef) === null || a === void 0 ? void 0 : a.current) !== "" && m.key === " " || (ct.includes(m.key) && S(), m.key === " " && m.preventDefault());
+    })
+  }))));
+}), de = "SelectItemText", oo = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, className: s, style: r, ...d } = o, n = J(de, e), t = Q(de, e), c = Me(de, e), l = at(de, e), [$, C] = P(null), T = W(
+    i,
+    (m) => C(m),
+    c.onItemTextChange,
+    (m) => {
+      var a;
+      return (a = t.itemTextRefCallback) === null || a === void 0 ? void 0 : a.call(t, m, c.value, c.disabled);
+    }
+  ), y = $ == null ? void 0 : $.textContent, u = ke(
+    () => /* @__PURE__ */ p("option", {
+      key: c.value,
+      value: c.value,
+      disabled: c.disabled
+    }, y),
+    [
+      c.disabled,
+      c.value,
+      y
+    ]
+  ), { onNativeOptionAdd: v, onNativeOptionRemove: S } = l;
+  return Y(() => (v(u), () => S(u)), [
+    v,
+    S,
+    u
+  ]), /* @__PURE__ */ p(we, null, /* @__PURE__ */ p(H.span, I({
+    id: c.textId
+  }, d, {
+    ref: T
+  })), c.isSelected && n.valueNode && !n.valueNodeHasChildren ? /* @__PURE__ */ Oe(d.children, n.valueNode) : null);
+}), yt = "SelectItemIndicator", no = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, ...s } = o;
+  return Me(yt, e).isSelected ? /* @__PURE__ */ p(H.span, I({
+    "aria-hidden": !0
+  }, s, {
+    ref: i
+  })) : null;
+}), Ee = "SelectScrollUpButton", co = /* @__PURE__ */ _((o, i) => {
+  const e = Q(Ee, o.__scopeSelect), s = ye(Ee, o.__scopeSelect), [r, d] = P(!1), n = W(i, s.onScrollButtonChange);
+  return Y(() => {
+    if (e.viewport && e.isPositioned) {
+      let c = function() {
+        const l = t.scrollTop > 0;
+        d(l);
+      };
+      const t = e.viewport;
+      return c(), t.addEventListener("scroll", c), () => t.removeEventListener("scroll", c);
+    }
+  }, [
+    e.viewport,
+    e.isPositioned
+  ]), r ? /* @__PURE__ */ p(Ae, I({}, o, {
+    ref: n,
+    onAutoScroll: () => {
+      const { viewport: t, selectedItem: c } = e;
+      t && c && (t.scrollTop = t.scrollTop - c.offsetHeight);
+    }
+  })) : null;
+}), Re = "SelectScrollDownButton", ro = /* @__PURE__ */ _((o, i) => {
+  const e = Q(Re, o.__scopeSelect), s = ye(Re, o.__scopeSelect), [r, d] = P(!1), n = W(i, s.onScrollButtonChange);
+  return Y(() => {
+    if (e.viewport && e.isPositioned) {
+      let c = function() {
+        const l = t.scrollHeight - t.clientHeight, $ = Math.ceil(t.scrollTop) < l;
+        d($);
+      };
+      const t = e.viewport;
+      return c(), t.addEventListener("scroll", c), () => t.removeEventListener("scroll", c);
+    }
+  }, [
+    e.viewport,
+    e.isPositioned
+  ]), r ? /* @__PURE__ */ p(Ae, I({}, o, {
+    ref: n,
+    onAutoScroll: () => {
+      const { viewport: t, selectedItem: c } = e;
+      t && c && (t.scrollTop = t.scrollTop + c.offsetHeight);
+    }
+  })) : null;
+}), Ae = /* @__PURE__ */ _((o, i) => {
+  const { __scopeSelect: e, onAutoScroll: s, ...r } = o, d = Q("SelectScrollButton", e), n = U(null), t = ue(e), c = N(() => {
+    n.current !== null && (window.clearInterval(n.current), n.current = null);
+  }, []);
+  return Z(() => () => c(), [
+    c
+  ]), Y(() => {
+    var l;
+    const $ = t().find(
+      (C) => C.ref.current === document.activeElement
+    );
+    $ == null || (l = $.ref.current) === null || l === void 0 || l.scrollIntoView({
+      block: "nearest"
+    });
+  }, [
+    t
+  ]), /* @__PURE__ */ p(H.div, I({
+    "aria-hidden": !0
+  }, r, {
+    ref: i,
+    style: {
+      flexShrink: 0,
+      ...r.style
+    },
+    onPointerDown: R(r.onPointerDown, () => {
+      n.current === null && (n.current = window.setInterval(s, 50));
+    }),
+    onPointerMove: R(r.onPointerMove, () => {
+      var l;
+      (l = d.onItemLeave) === null || l === void 0 || l.call(d), n.current === null && (n.current = window.setInterval(s, 50));
+    }),
+    onPointerLeave: R(r.onPointerLeave, () => {
+      c();
+    })
+  }));
+});
+function Le(o) {
+  return o === "" || o === void 0;
+}
+const Ve = /* @__PURE__ */ _((o, i) => {
+  const { value: e, ...s } = o, r = U(null), d = W(i, r), n = Qe(e);
+  return Z(() => {
+    const t = r.current, c = window.HTMLSelectElement.prototype, $ = Object.getOwnPropertyDescriptor(c, "value").set;
+    if (n !== e && $) {
+      const C = new Event("change", {
+        bubbles: !0
+      });
+      $.call(t, e), t.dispatchEvent(C);
+    }
+  }, [
+    n,
+    e
+  ]), /* @__PURE__ */ p(et, {
+    asChild: !0
+  }, /* @__PURE__ */ p("select", I({}, s, {
+    ref: d,
+    defaultValue: e
+  })));
+});
+Ve.displayName = "BubbleSelect";
+function He(o) {
+  const i = Je(o), e = U(""), s = U(0), r = N((n) => {
+    const t = e.current + n;
+    i(t), function c(l) {
+      e.current = l, window.clearTimeout(s.current), l !== "" && (s.current = window.setTimeout(
+        () => c(""),
+        1e3
+      ));
+    }(t);
+  }, [
+    i
+  ]), d = N(() => {
+    e.current = "", window.clearTimeout(s.current);
+  }, []);
+  return Z(() => () => window.clearTimeout(s.current), []), [
+    e,
+    r,
+    d
+  ];
+}
+function Be(o, i, e) {
+  const r = i.length > 1 && Array.from(i).every(
+    (l) => l === i[0]
+  ) ? i[0] : i, d = e ? o.indexOf(e) : -1;
+  let n = It(o, Math.max(d, 0));
+  r.length === 1 && (n = n.filter(
+    (l) => l !== e
+  ));
+  const c = n.find(
+    (l) => l.textValue.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return c !== e ? c : void 0;
 }
-function f() {
-  let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return i.length !== r.length || i.some((e, t) => !Object.is(e, r[t]));
+function It(o, i) {
+  return o.map(
+    (e, s) => o[(i + s) % o.length]
+  );
 }
+const so = it, lo = pt, ao = ut, io = wt, po = Ct;
 export {
-  p as ErrorBoundary,
-  v as ErrorBoundaryContext
+  ao as Content,
+  po as Item,
+  io as Label,
+  so as Root,
+  it as Select,
+  ut as SelectContent,
+  to as SelectGroup,
+  Jt as SelectIcon,
+  Ct as SelectItem,
+  no as SelectItemIndicator,
+  oo as SelectItemText,
+  wt as SelectLabel,
+  Qt as SelectPortal,
+  ro as SelectScrollDownButton,
+  co as SelectScrollUpButton,
+  pt as SelectTrigger,
+  Zt as SelectValue,
+  eo as SelectViewport,
+  lo as Trigger,
+  Xt as createSelectScope
 };
 //# sourceMappingURL=index.es200.js.map