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

package/dist/index.es208.js

@@ -1,813 +1,38 @@
-import I from "./index.es190.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.es277.js";
-import { composeEventHandlers as R } from "./index.es191.js";
-import { createCollection as We } from "./index.es243.js";
-import { useComposedRefs as W } from "./index.es192.js";
-import { createContextScope as Fe } from "./index.es193.js";
-import { useDirection as Ke } from "./index.es244.js";
-import { DismissableLayer as Ue } from "./index.es245.js";
-import { useFocusGuards as Ge } from "./index.es246.js";
-import { FocusScope as qe } from "./index.es247.js";
-import { useId as be } from "./index.es197.js";
-import { createPopperScope as De, Root as ze, Anchor as Ye, Content as je } from "./index.es248.js";
-import { Portal as Xe } from "./index.es249.js";
-import { Primitive as H } from "./index.es195.js";
-import { Slot as Ze } from "./index.es242.js";
-import { useCallbackRef as Je } from "./index.es241.js";
-import { useControllableState as Pe } from "./index.es194.js";
-import { useLayoutEffect as Y } from "./index.es252.js";
-import { usePrevious as Qe } from "./index.es227.js";
-import { VisuallyHidden as et } from "./index.es278.js";
-import { hideOthers as tt } from "./index.es225.js";
-import ot from "./index.es251.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,
+import { useCallback as i, useState as $, useRef as C, useEffect as b } from "react";
+import { useCallbackRef as f } from "./index.es270.js";
+function g({ prop: e, defaultProp: s, onChange: c = () => {
+} }) {
+  const [t, n] = h({
+    defaultProp: s,
     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;
-  }
-  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);
-    };
-  }, [
-    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
-      );
-    }
-  }, [
-    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,
+  }), o = e !== void 0, u = o ? e : t, a = f(c), d = i((r) => {
+    if (o) {
+      const l = typeof r == "function" ? r(e) : r;
+      l !== e && a(l);
+    } else
+      n(r);
+  }, [
+    o,
+    e,
+    n,
     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
-    }
-  }, /* @__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
-    }
-  }))));
-}), 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");
-          }
-        }
-      }
-      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,
+  return [
+    u,
     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 It(o, i) {
-  return o.map(
-    (e, s) => o[(i + s) % o.length]
-  );
+function h({ defaultProp: e, onChange: s }) {
+  const c = $(e), [t] = c, n = C(t), o = f(s);
+  return b(() => {
+    n.current !== t && (o(t), n.current = t);
+  }, [
+    t,
+    n,
+    o
+  ]), c;
 }
-const so = it, lo = pt, ao = ut, io = wt, po = Ct;
 export {
-  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
+  g as useControllableState
 };
 //# sourceMappingURL=index.es208.js.map