@performant-software/core-data 2.1.3-beta.9 → 2.1.4-beta.1

package/dist/index.es125.js

@@ -1,378 +1,813 @@
-import w from "react";
-var b = "colors", B = "sizes", l = "space", re = { gap: l, gridGap: l, columnGap: l, gridColumnGap: l, rowGap: l, gridRowGap: l, inset: l, insetBlock: l, insetBlockEnd: l, insetBlockStart: l, insetInline: l, insetInlineEnd: l, insetInlineStart: l, margin: l, marginTop: l, marginRight: l, marginBottom: l, marginLeft: l, marginBlock: l, marginBlockEnd: l, marginBlockStart: l, marginInline: l, marginInlineEnd: l, marginInlineStart: l, padding: l, paddingTop: l, paddingRight: l, paddingBottom: l, paddingLeft: l, paddingBlock: l, paddingBlockEnd: l, paddingBlockStart: l, paddingInline: l, paddingInlineEnd: l, paddingInlineStart: l, top: l, right: l, bottom: l, left: l, scrollMargin: l, scrollMarginTop: l, scrollMarginRight: l, scrollMarginBottom: l, scrollMarginLeft: l, scrollMarginX: l, scrollMarginY: l, scrollMarginBlock: l, scrollMarginBlockEnd: l, scrollMarginBlockStart: l, scrollMarginInline: l, scrollMarginInlineEnd: l, scrollMarginInlineStart: l, scrollPadding: l, scrollPaddingTop: l, scrollPaddingRight: l, scrollPaddingBottom: l, scrollPaddingLeft: l, scrollPaddingX: l, scrollPaddingY: l, scrollPaddingBlock: l, scrollPaddingBlockEnd: l, scrollPaddingBlockStart: l, scrollPaddingInline: l, scrollPaddingInlineEnd: l, scrollPaddingInlineStart: l, fontSize: "fontSizes", background: b, backgroundColor: b, backgroundImage: b, borderImage: b, border: b, borderBlock: b, borderBlockEnd: b, borderBlockStart: b, borderBottom: b, borderBottomColor: b, borderColor: b, borderInline: b, borderInlineEnd: b, borderInlineStart: b, borderLeft: b, borderLeftColor: b, borderRight: b, borderRightColor: b, borderTop: b, borderTopColor: b, caretColor: b, color: b, columnRuleColor: b, fill: b, outline: b, outlineColor: b, stroke: b, textDecorationColor: b, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: B, minBlockSize: B, maxBlockSize: B, inlineSize: B, minInlineSize: B, maxInlineSize: B, width: B, minWidth: B, maxWidth: B, height: B, minHeight: B, maxHeight: B, flexBasis: B, gridTemplateColumns: B, gridTemplateRows: B, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, oe = (e, t) => typeof t == "function" ? { "()": Function.prototype.toString.call(t) } : t, L = () => {
-  const e = /* @__PURE__ */ Object.create(null);
-  return (t, i, ...n) => {
-    const o = ((r) => JSON.stringify(r, oe))(t);
-    return o in e ? e[o] : e[o] = i(t, ...n);
-  };
-}, T = Symbol.for("sxs.internal"), X = (e, t) => Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)), Z = (e) => {
-  for (const t in e)
-    return !0;
-  return !1;
-}, { hasOwnProperty: le } = Object.prototype, U = (e) => e.includes("-") ? e : e.replace(/[A-Z]/g, (t) => "-" + t.toLowerCase()), se = /\s+(?![^()]*\))/, P = (e) => (t) => e(...typeof t == "string" ? String(t).split(se) : [t]), q = { appearance: (e) => ({ WebkitAppearance: e, appearance: e }), backfaceVisibility: (e) => ({ WebkitBackfaceVisibility: e, backfaceVisibility: e }), backdropFilter: (e) => ({ WebkitBackdropFilter: e, backdropFilter: e }), backgroundClip: (e) => ({ WebkitBackgroundClip: e, backgroundClip: e }), boxDecorationBreak: (e) => ({ WebkitBoxDecorationBreak: e, boxDecorationBreak: e }), clipPath: (e) => ({ WebkitClipPath: e, clipPath: e }), content: (e) => ({ content: e.includes('"') || e.includes("'") || /^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e) ? e : `"${e}"` }), hyphens: (e) => ({ WebkitHyphens: e, hyphens: e }), maskImage: (e) => ({ WebkitMaskImage: e, maskImage: e }), maskSize: (e) => ({ WebkitMaskSize: e, maskSize: e }), tabSize: (e) => ({ MozTabSize: e, tabSize: e }), textSizeAdjust: (e) => ({ WebkitTextSizeAdjust: e, textSizeAdjust: e }), userSelect: (e) => ({ WebkitUserSelect: e, userSelect: e }), marginBlock: P((e, t) => ({ marginBlockStart: e, marginBlockEnd: t || e })), marginInline: P((e, t) => ({ marginInlineStart: e, marginInlineEnd: t || e })), maxSize: P((e, t) => ({ maxBlockSize: e, maxInlineSize: t || e })), minSize: P((e, t) => ({ minBlockSize: e, minInlineSize: t || e })), paddingBlock: P((e, t) => ({ paddingBlockStart: e, paddingBlockEnd: t || e })), paddingInline: P((e, t) => ({ paddingInlineStart: e, paddingInlineEnd: t || e })) }, J = /([\d.]+)([^]*)/, ae = (e, t) => e.length ? e.reduce((i, n) => (i.push(...t.map((o) => o.includes("&") ? o.replace(/&/g, /[ +>|~]/.test(n) && /&.*&/.test(o) ? `:is(${n})` : n) : n + " " + o)), i), []) : t, ce = (e, t) => e in de && typeof t == "string" ? t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/, (i, n, o, r) => n + (o === "stretch" ? `-moz-available${r};${U(e)}:${n}-webkit-fill-available` : `-moz-fit-content${r};${U(e)}:${n}fit-content`) + r) : String(t), de = { blockSize: 1, height: 1, inlineSize: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, width: 1 }, j = (e) => e ? e + "-" : "", ne = (e, t, i) => e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g, (n, o, r, d, c) => d == "$" == !!r ? n : (o || d == "--" ? "calc(" : "") + "var(--" + (d === "$" ? j(t) + (c.includes("$") ? "" : j(i)) + c.replace(/\$/g, "-") : c) + ")" + (o || d == "--" ? "*" + (o || "") + (r || "1") + ")" : "")), ge = /\s*,\s*(?![^()]*\))/, pe = Object.prototype.toString, C = (e, t, i, n, o) => {
-  let r, d, c;
-  const s = (p, h, u) => {
-    let a, g;
-    const m = (S) => {
-      for (a in S) {
-        const k = a.charCodeAt(0) === 64, V = k && Array.isArray(S[a]) ? S[a] : [S[a]];
-        for (g of V) {
-          const R = /[A-Z]/.test(f = a) ? f : f.replace(/-[^]/g, ($) => $[1].toUpperCase()), O = typeof g == "object" && g && g.toString === pe && (!n.utils[R] || !h.length);
-          if (R in n.utils && !O) {
-            const $ = n.utils[R];
-            if ($ !== d) {
-              d = $, m($(g)), d = null;
-              continue;
-            }
-          } else if (R in q) {
-            const $ = q[R];
-            if ($ !== c) {
-              c = $, m($(g)), c = null;
-              continue;
-            }
-          }
-          if (k && (y = a.slice(1) in n.media ? "@media " + n.media[a.slice(1)] : a, a = y.replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g, ($, x, z, E, I, W) => {
-            const M = J.test(x), D = 0.0625 * (M ? -1 : 1), [H, Y] = M ? [E, x] : [x, E];
-            return "(" + (z[0] === "=" ? "" : z[0] === ">" === M ? "max-" : "min-") + H + ":" + (z[0] !== "=" && z.length === 1 ? Y.replace(J, (ie, G, F) => Number(G) + D * (z === ">" ? 1 : -1) + F) : Y) + (I ? ") and (" + (I[0] === ">" ? "min-" : "max-") + H + ":" + (I.length === 1 ? W.replace(J, (ie, G, F) => Number(G) + D * (I === ">" ? -1 : 1) + F) : W) : "") + ")";
-          })), O) {
-            const $ = k ? u.concat(a) : [...u], x = k ? [...h] : ae(h, a.split(ge));
-            r !== void 0 && o(_(...r)), r = void 0, s(g, x, $);
-          } else
-            r === void 0 && (r = [[], h, u]), a = k || a.charCodeAt(0) !== 36 ? a : `--${j(n.prefix)}${a.slice(1).replace(/\$/g, "-")}`, g = O ? g : typeof g == "number" ? g && R in ue ? String(g) + "px" : String(g) : ne(ce(R, g ?? ""), n.prefix, n.themeMap[R]), r[0].push(`${k ? `${a} ` : `${U(a)}:`}${g}`);
-        }
-      }
-      var y, f;
-    };
-    m(p), r !== void 0 && o(_(...r)), r = void 0;
+import I from "./index.es99.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.es158.js";
+import { composeEventHandlers as R } from "./index.es100.js";
+import { createCollection as We } from "./index.es131.js";
+import { useComposedRefs as W } from "./index.es101.js";
+import { createContextScope as Fe } from "./index.es102.js";
+import { useDirection as Ke } from "./index.es132.js";
+import { DismissableLayer as Ue } from "./index.es107.js";
+import { useFocusGuards as Ge } from "./index.es111.js";
+import { FocusScope as qe } from "./index.es108.js";
+import { useId as be } from "./index.es106.js";
+import { createPopperScope as De, Root as ze, Anchor as Ye, Content as je } from "./index.es137.js";
+import { Portal as Xe } from "./index.es109.js";
+import { Primitive as H } from "./index.es104.js";
+import { Slot as Ze } from "./index.es114.js";
+import { useCallbackRef as Je } from "./index.es136.js";
+import { useControllableState as Pe } from "./index.es103.js";
+import { useLayoutEffect as Y } from "./index.es139.js";
+import { usePrevious as Qe } from "./index.es129.js";
+import { VisuallyHidden as et } from "./index.es159.js";
+import { hideOthers as tt } from "./index.es113.js";
+import ot from "./index.es112.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());
   };
-  s(e, t, i);
-}, _ = (e, t, i) => `${i.map((n) => `${n}{`).join("")}${t.length ? `${t.join(",")}{` : ""}${e.join(";")}${t.length ? "}" : ""}${Array(i.length ? i.length + 1 : 0).join("}")}`, ue = { animationDelay: 1, animationDuration: 1, backgroundSize: 1, blockSize: 1, border: 1, borderBlock: 1, borderBlockEnd: 1, borderBlockEndWidth: 1, borderBlockStart: 1, borderBlockStartWidth: 1, borderBlockWidth: 1, borderBottom: 1, borderBottomLeftRadius: 1, borderBottomRightRadius: 1, borderBottomWidth: 1, borderEndEndRadius: 1, borderEndStartRadius: 1, borderInlineEnd: 1, borderInlineEndWidth: 1, borderInlineStart: 1, borderInlineStartWidth: 1, borderInlineWidth: 1, borderLeft: 1, borderLeftWidth: 1, borderRadius: 1, borderRight: 1, borderRightWidth: 1, borderSpacing: 1, borderStartEndRadius: 1, borderStartStartRadius: 1, borderTop: 1, borderTopLeftRadius: 1, borderTopRightRadius: 1, borderTopWidth: 1, borderWidth: 1, bottom: 1, columnGap: 1, columnRule: 1, columnRuleWidth: 1, columnWidth: 1, containIntrinsicSize: 1, flexBasis: 1, fontSize: 1, gap: 1, gridAutoColumns: 1, gridAutoRows: 1, gridTemplateColumns: 1, gridTemplateRows: 1, height: 1, inlineSize: 1, inset: 1, insetBlock: 1, insetBlockEnd: 1, insetBlockStart: 1, insetInline: 1, insetInlineEnd: 1, insetInlineStart: 1, left: 1, letterSpacing: 1, margin: 1, marginBlock: 1, marginBlockEnd: 1, marginBlockStart: 1, marginBottom: 1, marginInline: 1, marginInlineEnd: 1, marginInlineStart: 1, marginLeft: 1, marginRight: 1, marginTop: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, offsetDistance: 1, offsetRotate: 1, outline: 1, outlineOffset: 1, outlineWidth: 1, overflowClipMargin: 1, padding: 1, paddingBlock: 1, paddingBlockEnd: 1, paddingBlockStart: 1, paddingBottom: 1, paddingInline: 1, paddingInlineEnd: 1, paddingInlineStart: 1, paddingLeft: 1, paddingRight: 1, paddingTop: 1, perspective: 1, right: 1, rowGap: 1, scrollMargin: 1, scrollMarginBlock: 1, scrollMarginBlockEnd: 1, scrollMarginBlockStart: 1, scrollMarginBottom: 1, scrollMarginInline: 1, scrollMarginInlineEnd: 1, scrollMarginInlineStart: 1, scrollMarginLeft: 1, scrollMarginRight: 1, scrollMarginTop: 1, scrollPadding: 1, scrollPaddingBlock: 1, scrollPaddingBlockEnd: 1, scrollPaddingBlockStart: 1, scrollPaddingBottom: 1, scrollPaddingInline: 1, scrollPaddingInlineEnd: 1, scrollPaddingInlineStart: 1, scrollPaddingLeft: 1, scrollPaddingRight: 1, scrollPaddingTop: 1, shapeMargin: 1, textDecoration: 1, textDecorationThickness: 1, textIndent: 1, textUnderlineOffset: 1, top: 1, transitionDelay: 1, transitionDuration: 1, verticalAlign: 1, width: 1, wordSpacing: 1 }, K = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), v = (e) => ((t) => {
-  let i, n = "";
-  for (i = Math.abs(t); i > 52; i = i / 52 | 0)
-    n = K(i % 52) + n;
-  return K(i % 52) + n;
-})(((t, i) => {
-  let n = i.length;
-  for (; n; )
-    t = 33 * t ^ i.charCodeAt(--n);
-  return t;
-})(5381, JSON.stringify(e)) >>> 0), N = ["themed", "global", "styled", "onevar", "resonevar", "allvar", "inline"], he = (e) => {
-  if (e.href && !e.href.startsWith(location.origin))
-    return !1;
-  try {
-    return !!e.cssRules;
-  } catch {
-    return !1;
+  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;
   }
-}, fe = (e) => {
-  let t;
-  const i = () => {
-    const { cssRules: o } = t.sheet;
-    return [].map.call(o, (r, d) => {
-      const { cssText: c } = r;
-      let s = "";
-      if (c.startsWith("--sxs"))
-        return "";
-      if (o[d - 1] && (s = o[d - 1].cssText).startsWith("--sxs")) {
-        if (!r.cssRules.length)
-          return "";
-        for (const p in t.rules)
-          if (t.rules[p].group === r)
-            return `--sxs{--sxs:${[...t.rules[p].cache].join(" ")}}${c}`;
-        return r.cssRules.length ? `${s}${c}` : "";
-      }
-      return c;
-    }).join("");
-  }, n = () => {
-    if (t) {
-      const { rules: c, sheet: s } = t;
-      if (!s.deleteRule) {
-        for (; Object(Object(s.cssRules)[0]).type === 3; )
-          s.cssRules.splice(0, 1);
-        s.cssRules = [];
-      }
-      for (const p in c)
-        delete c[p];
+  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
+        });
+      };
     }
-    const o = Object(e).styleSheets || [];
-    for (const c of o)
-      if (he(c)) {
-        for (let s = 0, p = c.cssRules; p[s]; ++s) {
-          const h = Object(p[s]);
-          if (h.type !== 1)
-            continue;
-          const u = Object(p[s + 1]);
-          if (u.type !== 4)
-            continue;
-          ++s;
-          const { cssText: a } = h;
-          if (!a.startsWith("--sxs"))
-            continue;
-          const g = a.slice(14, -3).trim().split(/\s+/), m = N[g[0]];
-          m && (t || (t = { sheet: c, reset: n, rules: {}, toString: i }), t.rules[m] = { group: u, index: s, cache: new Set(g) });
+  }, [
+    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);
         }
-        if (t)
-          break;
+        setTimeout(
+          () => k(b)
+        ), f.preventDefault();
       }
-    if (!t) {
-      const c = (s, p) => ({ type: p, cssRules: [], insertRule(h, u) {
-        this.cssRules.splice(u, 0, c(h, { import: 3, undefined: 1 }[(h.toLowerCase().match(/^@([a-z]+)/) || [])[1]] || 4));
-      }, get cssText() {
-        return s === "@media{}" ? `@media{${[].map.call(this.cssRules, (h) => h.cssText).join("")}}` : s;
-      } });
-      t = { sheet: e ? (e.head || e).appendChild(document.createElement("style")).sheet : c("", "text/css"), rules: {}, reset: n, toString: i };
-    }
-    const { sheet: r, rules: d } = t;
-    for (let c = N.length - 1; c >= 0; --c) {
-      const s = N[c];
-      if (!d[s]) {
-        const p = N[c + 1], h = d[p] ? d[p].index : r.cssRules.length;
-        r.insertRule("@media{}", h), r.insertRule(`--sxs{--sxs:${c}}`, h), d[s] = { group: r.cssRules[h + 1], index: h, cache: /* @__PURE__ */ new Set([c]) };
+    })
+  }))))));
+}), $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";
       }
-      me(d[s]);
-    }
-  };
-  return n(), t;
-}, me = (e) => {
-  const t = e.group;
-  let i = t.cssRules.length;
-  e.apply = (n) => {
-    try {
-      t.insertRule(n, i), ++i;
-    } catch {
-    }
-  };
-}, A = Symbol(), be = L(), Q = (e, t) => be(e, () => (...i) => {
-  let n = { type: null, composers: /* @__PURE__ */ new Set() };
-  for (const o of i)
-    if (o != null)
-      if (o[T]) {
-        n.type == null && (n.type = o[T].type);
-        for (const r of o[T].composers)
-          n.composers.add(r);
-      } else
-        o.constructor !== Object || o.$$typeof ? n.type == null && (n.type = o) : n.composers.add(Se(o, e));
-  return n.type == null && (n.type = "span"), n.composers.size || n.composers.add(["PJLV", {}, [], [], {}, []]), ke(e, n, t);
-}), Se = ({ variants: e, compoundVariants: t, defaultVariants: i, ...n }, o) => {
-  const r = `${j(o.prefix)}c-${v(n)}`, d = [], c = [], s = /* @__PURE__ */ Object.create(null), p = [];
-  for (const a in i)
-    s[a] = String(i[a]);
-  if (typeof e == "object" && e)
-    for (const a in e) {
-      h = s, u = a, le.call(h, u) || (s[a] = "undefined");
-      const g = e[a];
-      for (const m in g) {
-        const S = { [a]: String(m) };
-        String(m) === "undefined" && p.push(a);
-        const y = g[m], f = [S, y, !Z(y)];
-        d.push(f);
+      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
+      );
     }
-  var h, u;
-  if (typeof t == "object" && t)
-    for (const a of t) {
-      let { css: g, ...m } = a;
-      g = typeof g == "object" && g || {};
-      for (const y in m)
-        m[y] = String(m[y]);
-      const S = [m, g, !Z(g)];
-      c.push(S);
+  }, [
+    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
     }
-  return [r, n, d, c, s, p];
-}, ke = (e, t, i) => {
-  const [n, o, r, d] = ye(t.composers), c = typeof t.type == "function" || t.type.$$typeof ? ((u) => {
-    function a() {
-      for (let g = 0; g < a[A].length; g++) {
-        const [m, S] = a[A][g];
-        u.rules[m].apply(S);
-      }
-      return a[A] = [], null;
-    }
-    return a[A] = [], a.rules = {}, N.forEach((g) => a.rules[g] = { apply: (m) => a[A].push([g, m]) }), a;
-  })(i) : null, s = (c || i).rules, p = `.${n}${o.length > 1 ? `:where(.${o.slice(1).join(".")})` : ""}`, h = (u) => {
-    u = typeof u == "object" && u || Be;
-    const { css: a, ...g } = u, m = {};
-    for (const f in r)
-      if (delete g[f], f in u) {
-        let k = u[f];
-        typeof k == "object" && k ? m[f] = { "@initial": r[f], ...k } : (k = String(k), m[f] = k !== "undefined" || d.has(f) ? k : r[f]);
-      } else
-        m[f] = r[f];
-    const S = /* @__PURE__ */ new Set([...o]);
-    for (const [f, k, V, R] of t.composers) {
-      i.rules.styled.cache.has(f) || (i.rules.styled.cache.add(f), C(k, [`.${f}`], [], e, (x) => {
-        s.styled.apply(x);
-      }));
-      const O = ee(V, m, e.media), $ = ee(R, m, e.media, !0);
-      for (const x of O)
-        if (x !== void 0)
-          for (const [z, E, I] of x) {
-            const W = `${f}-${v(E)}-${z}`;
-            S.add(W);
-            const M = (I ? i.rules.resonevar : i.rules.onevar).cache, D = I ? s.resonevar : s.onevar;
-            M.has(W) || (M.add(W), C(E, [`.${W}`], [], e, (H) => {
-              D.apply(H);
-            }));
-          }
-      for (const x of $)
-        if (x !== void 0)
-          for (const [z, E] of x) {
-            const I = `${f}-${v(E)}-${z}`;
-            S.add(I), i.rules.allvar.cache.has(I) || (i.rules.allvar.cache.add(I), C(E, [`.${I}`], [], e, (W) => {
-              s.allvar.apply(W);
-            }));
-          }
+  }, /* @__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
     }
-    if (typeof a == "object" && a) {
-      const f = `${n}-i${v(a)}-css`;
-      S.add(f), i.rules.inline.cache.has(f) || (i.rules.inline.cache.add(f), C(a, [`.${f}`], [], e, (k) => {
-        s.inline.apply(k);
-      }));
+  }))));
+}), 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)"
     }
-    for (const f of String(u.className || "").trim().split(/\s+/))
-      f && S.add(f);
-    const y = g.className = [...S].join(" ");
-    return { type: t.type, className: y, selector: p, props: g, toString: () => y, deferredInjector: c };
-  };
-  return X(h, { className: n, selector: p, [T]: t, toString: () => (i.rules.styled.cache.has(n) || h(), n) });
-}, ye = (e) => {
-  let t = "";
-  const i = [], n = {}, o = [];
-  for (const [r, , , , d, c] of e) {
-    t === "" && (t = r), i.push(r), o.push(...c);
-    for (const s in d) {
-      const p = d[s];
-      (n[s] === void 0 || p !== "undefined" || c.includes(p)) && (n[s] = p);
+  }));
+}), [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}"
     }
-  }
-  return [t, i, n, new Set(o)];
-}, ee = (e, t, i, n) => {
-  const o = [];
-  e:
-    for (let [r, d, c] of e) {
-      if (c)
-        continue;
-      let s, p = 0, h = !1;
-      for (s in r) {
-        const u = r[s];
-        let a = t[s];
-        if (a !== u) {
-          if (typeof a != "object" || !a)
-            continue e;
-          {
-            let g, m, S = 0;
-            for (const y in a) {
-              if (u === String(a[y])) {
-                if (y !== "@initial") {
-                  const f = y.slice(1);
-                  (m = m || []).push(f in i ? i[f] : y.replace(/^@media ?/, "")), h = !0;
-                }
-                p += S, g = !0;
-              }
-              ++S;
-            }
-            if (m && m.length && (d = { ["@media " + m.join(", ")]: d }), !g)
-              continue e;
+  }), /* @__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");
           }
         }
       }
-      (o[p] = o[p] || []).push([n ? "cv" : `${s}-${r[s]}`, d, h]);
-    }
-  return o;
-}, Be = {}, $e = L(), xe = (e, t) => $e(e, () => (...i) => {
-  const n = () => {
-    for (let o of i) {
-      o = typeof o == "object" && o || {};
-      let r = v(o);
-      if (!t.rules.global.cache.has(r)) {
-        if (t.rules.global.cache.add(r), "@import" in o) {
-          let d = [].indexOf.call(t.sheet.cssRules, t.rules.themed.group) - 1;
-          for (let c of [].concat(o["@import"]))
-            c = c.includes('"') || c.includes("'") ? c : `"${c}"`, t.sheet.insertRule(`@import ${c};`, d++);
-          delete o["@import"];
-        }
-        C(o, [], [], e, (d) => {
-          t.rules.global.apply(d);
+      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);
     }
-    return "";
-  };
-  return X(n, { toString: n });
-}), Ie = L(), Re = (e, t) => Ie(e, () => (i) => {
-  const n = `${j(e.prefix)}k-${v(i)}`, o = () => {
-    if (!t.rules.global.cache.has(n)) {
-      t.rules.global.cache.add(n);
-      const r = [];
-      C(i, [], [], e, (c) => r.push(c));
-      const d = `@keyframes ${n}{${r.join("")}}`;
-      t.rules.global.apply(d);
+  ), 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);
     }
-    return n;
-  };
-  return X(o, { get name() {
-    return o();
-  }, toString: o });
-}), ze = class {
-  constructor(e, t, i, n) {
-    this.token = e == null ? "" : String(e), this.value = t == null ? "" : String(t), this.scale = i == null ? "" : String(i), this.prefix = n == null ? "" : String(n);
-  }
-  get computedValue() {
-    return "var(" + this.variable + ")";
-  }
-  get variable() {
-    return "--" + j(this.prefix) + j(this.scale) + this.token;
-  }
-  toString() {
-    return this.computedValue;
-  }
-}, We = L(), je = (e, t) => We(e, () => (i, n) => {
-  n = typeof i == "object" && i || Object(n);
-  const o = `.${i = (i = typeof i == "string" ? i : "") || `${j(e.prefix)}t-${v(n)}`}`, r = {}, d = [];
-  for (const s in n) {
-    r[s] = {};
-    for (const p in n[s]) {
-      const h = `--${j(e.prefix)}${s}-${p}`, u = ne(String(n[s][p]), e.prefix, s);
-      r[s][p] = new ze(p, u, s, e.prefix), d.push(`${h}:${u}`);
+  }, [
+    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);
     }
-  }
-  const c = () => {
-    if (d.length && !t.rules.themed.cache.has(i)) {
-      t.rules.themed.cache.add(i);
-      const s = `${n === e.theme ? ":root," : ""}.${i}{${d.join(";")}}`;
-      t.rules.themed.apply(s);
+  })) : 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);
     }
-    return i;
-  };
-  return { ...r, get className() {
-    return c();
-  }, selector: o, toString: c };
-}), Ee = L(), te, Te = L(), ve = (e) => {
-  const t = ((i) => {
-    let n = !1;
-    const o = Ee(i, (r) => {
-      n = !0;
-      const d = "prefix" in (r = typeof r == "object" && r || {}) ? String(r.prefix) : "", c = typeof r.media == "object" && r.media || {}, s = typeof r.root == "object" ? r.root || null : globalThis.document || null, p = typeof r.theme == "object" && r.theme || {}, h = { prefix: d, media: c, theme: p, themeMap: typeof r.themeMap == "object" && r.themeMap || { ...re }, utils: typeof r.utils == "object" && r.utils || {} }, u = fe(s), a = { css: Q(h, u), globalCss: xe(h, u), keyframes: Re(h, u), createTheme: je(h, u), reset() {
-        u.reset(), a.theme.toString();
-      }, theme: {}, sheet: u, config: h, prefix: d, getCssText: u.toString, toString: u.toString };
-      return String(a.theme = a.createTheme(p)), a;
+  }, [
+    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"
     });
-    return n || o.reset(), o;
-  })(e);
-  return t.styled = (({ config: i, sheet: n }) => Te(i, () => {
-    const o = Q(i, n);
-    return (...r) => {
-      const d = o(...r), c = d[T].type, s = w.forwardRef((p, h) => {
-        const u = p && p.as || c, { props: a, deferredInjector: g } = d(p);
-        return delete a.as, a.ref = h, g ? w.createElement(w.Fragment, null, w.createElement(u, a), w.createElement(g, null)) : w.createElement(u, a);
+  }, [
+    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
       });
-      return s.className = d.className, s.displayName = `Styled.${c.displayName || c.name || c}`, s.selector = d.selector, s.toString = () => d.selector, s[T] = d[T], s;
-    };
-  }))(t), t;
-}, Me = () => te || (te = ve()), Pe = (...e) => Me().createTheme(...e);
+      $.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 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 {
-  ve as createStitches,
-  Pe as createTheme,
-  re as defaultThemeMap
+  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.es125.js.map