@marimo-team/islands 0.22.1-dev3 → 0.22.1-dev31

package/dist/{label-DTNqw9tv.js → label-DbZGAoCH.js}

@@ -1,13 +1,13 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { a as Content, i as Arrow, l as createLucideIcon, n as VISUALLY_HIDDEN_STYLES, o as Root2$1, r as Anchor, s as createPopperScope } from "./dist-D2Rk1j4R.js";
-import { t as Check } from "./check-D_YwHEgY.js";
-import { a as cva, h as Logger, i as createSlot, m as Events, p as useComposedRefs, v as cn } from "./button-qsiIHncQ.js";
-import { _t as createContextScope, at as useControllableState, ct as useId, dt as useCallbackRef, ft as Primitive$1, i as useFocusGuards, it as StyleNamespace, lt as useLayoutEffect2, mt as createSlot$1, n as hideOthers, nt as withSmartCollisionBoundary, r as FocusScope, st as Portal, t as Combination_default, tt as withFullScreenAsRoot, ut as DismissableLayer, vt as composeEventHandlers } from "./Combination-B--d1_LV.js";
+import { a as createPopperScope, c as VISUALLY_HIDDEN_STYLES, i as Root2$1, l as createLucideIcon, n as Arrow, r as Content, t as Anchor } from "./dist-D_UjpfOY.js";
+import { t as Check } from "./check-CWUkiHmb.js";
+import { d as createSlot, g as Logger, h as Events, m as useComposedRefs, r as cva, y as cn } from "./button-DNlNlZY_.js";
+import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { t as require_react_dom } from "./react-dom-BKwCWYPW.js";
-import { t as invariant } from "./invariant-D4hPsZFI.js";
+import { $ as StyleNamespace, X as withFullScreenAsRoot, Z as withSmartCollisionBoundary, at as FocusScope, ct as useId, dt as useLayoutEffect2, et as hideOthers, ft as composeEventHandlers, ht as Primitive, it as Portal, mt as createContextScope, ot as DismissableLayer, rt as useFocusGuards, st as useCallbackRef, tt as Combination_default, ut as useControllableState } from "./zod-C6UGQ3fz.js";
+import { t as invariant } from "./invariant-e8eBgdux.js";
 var ChevronDown = createLucideIcon("chevron-down", [["path", {
   d: "m6 9 6 6 6-6",
   key: "qrunsl"
@@ -20,264 +20,7 @@ var ChevronDown = createLucideIcon("chevron-down", [["path", {
 }], ["path", {
   d: "m6 6 12 12",
   key: "d8bk6v"
-}]]), import_react = /* @__PURE__ */ __toESM(require_react(), 1), $b5e257d569688ac6$var$defaultContext = {
-  prefix: String(Math.round(Math.random() * 1e10)),
-  current: 0
-}, $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ import_react.createContext($b5e257d569688ac6$var$defaultContext), $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ import_react.createContext(false);
-typeof window < "u" && window.document && window.document.createElement;
-var $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
-function $b5e257d569688ac6$var$useCounter(e = false) {
-  var _a, _b;
-  let i = (0, import_react.useContext)($b5e257d569688ac6$var$SSRContext), a = (0, import_react.useRef)(null);
-  if (a.current === null && !e) {
-    let e2 = (_b = (_a = import_react.default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) == null ? void 0 : _a.ReactCurrentOwner) == null ? void 0 : _b.current;
-    if (e2) {
-      let a2 = $b5e257d569688ac6$var$componentIds.get(e2);
-      a2 == null ? $b5e257d569688ac6$var$componentIds.set(e2, {
-        id: i.current,
-        state: e2.memoizedState
-      }) : e2.memoizedState !== a2.state && (i.current = a2.id, $b5e257d569688ac6$var$componentIds.delete(e2));
-    }
-    a.current = ++i.current;
-  }
-  return a.current;
-}
-function $b5e257d569688ac6$var$useLegacySSRSafeId(e) {
-  let i = (0, import_react.useContext)($b5e257d569688ac6$var$SSRContext), a = $b5e257d569688ac6$var$useCounter(!!e), o = `react-aria${i.prefix}`;
-  return e || `${o}-${a}`;
-}
-function $b5e257d569688ac6$var$useModernSSRSafeId(e) {
-  let i = import_react.useId(), [a] = (0, import_react.useState)($b5e257d569688ac6$export$535bd6ca7f90a273()), o = a ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
-  return e || `${o}-${i}`;
-}
-var $b5e257d569688ac6$export$619500959fc48b26 = typeof import_react.useId == "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
-function $b5e257d569688ac6$var$getSnapshot() {
-  return false;
-}
-function $b5e257d569688ac6$var$getServerSnapshot() {
-  return true;
-}
-function $b5e257d569688ac6$var$subscribe(e) {
-  return () => {
-  };
-}
-function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  return typeof import_react.useSyncExternalStore == "function" ? import_react.useSyncExternalStore($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot) : (0, import_react.useContext)($b5e257d569688ac6$var$IsSSRContext);
-}
-var $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
-  "Arab",
-  "Syrc",
-  "Samr",
-  "Mand",
-  "Thaa",
-  "Mend",
-  "Nkoo",
-  "Adlm",
-  "Rohg",
-  "Hebr"
-]), $148a7a147e38ea7f$var$RTL_LANGS = /* @__PURE__ */ new Set([
-  "ae",
-  "ar",
-  "arc",
-  "bcc",
-  "bqi",
-  "ckb",
-  "dv",
-  "fa",
-  "glk",
-  "he",
-  "ku",
-  "mzn",
-  "nqo",
-  "pnb",
-  "ps",
-  "sd",
-  "ug",
-  "ur",
-  "yi"
-]);
-function $148a7a147e38ea7f$export$702d680b21cbd764(e) {
-  if (Intl.Locale) {
-    let i2 = new Intl.Locale(e).maximize(), a = typeof i2.getTextInfo == "function" ? i2.getTextInfo() : i2.textInfo;
-    if (a) return a.direction === "rtl";
-    if (i2.script) return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(i2.script);
-  }
-  let i = e.split("-")[0];
-  return $148a7a147e38ea7f$var$RTL_LANGS.has(i);
-}
-var $1e5a04cdaf7d1af8$var$localeSymbol = /* @__PURE__ */ Symbol.for("react-aria.i18n.locale");
-function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
-  let e = typeof window < "u" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([e]);
-  } catch {
-    e = "en-US";
-  }
-  return {
-    locale: e,
-    direction: $148a7a147e38ea7f$export$702d680b21cbd764(e) ? "rtl" : "ltr"
-  };
-}
-var $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5(), $1e5a04cdaf7d1af8$var$listeners = /* @__PURE__ */ new Set();
-function $1e5a04cdaf7d1af8$var$updateLocale() {
-  $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
-  for (let e of $1e5a04cdaf7d1af8$var$listeners) e($1e5a04cdaf7d1af8$var$currentLocale);
-}
-function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
-  let e = $b5e257d569688ac6$export$535bd6ca7f90a273(), [i, a] = (0, import_react.useState)($1e5a04cdaf7d1af8$var$currentLocale);
-  return (0, import_react.useEffect)(() => ($1e5a04cdaf7d1af8$var$listeners.size === 0 && window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale), $1e5a04cdaf7d1af8$var$listeners.add(a), () => {
-    $1e5a04cdaf7d1af8$var$listeners.delete(a), $1e5a04cdaf7d1af8$var$listeners.size === 0 && window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
-  }), []), e ? {
-    locale: typeof window < "u" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || "en-US",
-    direction: "ltr"
-  } : i;
-}
-var $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ import_react.createContext(null);
-function $18f2051aff69b9bf$var$I18nProviderWithLocale(e) {
-  let { locale: i, children: a } = e, o = import_react.useMemo(() => ({
-    locale: i,
-    direction: $148a7a147e38ea7f$export$702d680b21cbd764(i) ? "rtl" : "ltr"
-  }), [i]);
-  return /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nContext.Provider, { value: o }, a);
-}
-function $18f2051aff69b9bf$var$I18nProviderWithDefaultLocale(e) {
-  let { children: i } = e, a = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
-  return /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nContext.Provider, { value: a }, i);
-}
-function $18f2051aff69b9bf$export$a54013f0d02a8f82(e) {
-  let { locale: i, children: a } = e;
-  return i ? /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nProviderWithLocale, {
-    locale: i,
-    children: a
-  }) : /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nProviderWithDefaultLocale, { children: a });
-}
-function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
-  let e = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
-  return (0, import_react.useContext)($18f2051aff69b9bf$var$I18nContext) || e;
-}
-var $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map(), $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
-try {
-  $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
-} catch {
-}
-var $488c6ddbf4ef74c2$var$supportsUnit = false;
-try {
-  $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
-    style: "unit",
-    unit: "degree"
-  }).resolvedOptions().style === "unit";
-} catch {
-}
-var $488c6ddbf4ef74c2$var$UNITS = { degree: { narrow: {
-  default: "\xB0",
-  "ja-JP": " \u5EA6",
-  "zh-TW": "\u5EA6",
-  "sl-SI": " \xB0"
-} } }, $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = class {
-  format(e) {
-    var _a;
-    let i = "";
-    if (i = !$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null ? $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, e) : this.numberFormatter.format(e), this.options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
-      let { unit: e2, unitDisplay: a = "short", locale: o } = this.resolvedOptions();
-      if (!e2) return i;
-      let s = (_a = $488c6ddbf4ef74c2$var$UNITS[e2]) == null ? void 0 : _a[a];
-      i += s[o] || s.default;
-    }
-    return i;
-  }
-  formatToParts(e) {
-    return this.numberFormatter.formatToParts(e);
-  }
-  formatRange(e, i) {
-    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(e, i);
-    if (i < e) throw RangeError("End date must be >= start date");
-    return `${this.format(e)} \u2013 ${this.format(i)}`;
-  }
-  formatRangeToParts(e, i) {
-    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, i);
-    if (i < e) throw RangeError("End date must be >= start date");
-    let a = this.numberFormatter.formatToParts(e), o = this.numberFormatter.formatToParts(i);
-    return [
-      ...a.map((e2) => ({
-        ...e2,
-        source: "startRange"
-      })),
-      {
-        type: "literal",
-        value: " \u2013 ",
-        source: "shared"
-      },
-      ...o.map((e2) => ({
-        ...e2,
-        source: "endRange"
-      }))
-    ];
-  }
-  resolvedOptions() {
-    let e = this.numberFormatter.resolvedOptions();
-    return !$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null && (e = {
-      ...e,
-      signDisplay: this.options.signDisplay
-    }), !$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit" && (e = {
-      ...e,
-      style: "unit",
-      unit: this.options.unit,
-      unitDisplay: this.options.unitDisplay
-    }), e;
-  }
-  constructor(e, i = {}) {
-    this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(e, i), this.options = i;
-  }
-};
-function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(e, i = {}) {
-  var _a;
-  let { numberingSystem: a } = i;
-  if (a && e.includes("-nu-") && (e.includes("-u-") || (e += "-u-"), e += `-nu-${a}`), i.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
-    let { unit: e2, unitDisplay: a2 = "short" } = i;
-    if (!e2) throw Error('unit option must be provided with style: "unit"');
-    if (!((_a = $488c6ddbf4ef74c2$var$UNITS[e2]) == null ? void 0 : _a[a2])) throw Error(`Unsupported unit ${e2} with unitDisplay = ${a2}`);
-    i = {
-      ...i,
-      style: "decimal"
-    };
-  }
-  let o = e + (i ? Object.entries(i).sort((e2, i2) => e2[0] < i2[0] ? -1 : 1).join() : "");
-  if ($488c6ddbf4ef74c2$var$formatterCache.has(o)) return $488c6ddbf4ef74c2$var$formatterCache.get(o);
-  let s = new Intl.NumberFormat(e, i);
-  return $488c6ddbf4ef74c2$var$formatterCache.set(o, s), s;
-}
-function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(e, i, a) {
-  if (i === "auto") return e.format(a);
-  if (i === "never") return e.format(Math.abs(a));
-  {
-    let o = false;
-    if (i === "always" ? o = a > 0 || Object.is(a, 0) : i === "exceptZero" && (Object.is(a, -0) || Object.is(a, 0) ? a = Math.abs(a) : o = a > 0), o) {
-      let i2 = e.format(-a), o2 = e.format(a), s = i2.replace(o2, "").replace(/\u200e|\u061C/, "");
-      return [...s].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), i2.replace(o2, "!!!").replace(s, "+").replace("!!!", o2);
-    } else return e.format(a);
-  }
-}
-function $a916eb452884faea$export$b7a616150fdb9f44(e = {}) {
-  let { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  return (0, import_react.useMemo)(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(i, e), [i, e]);
-}
-function assertNever(e) {
-  invariant(false, `Unexpected object: ${e}`);
-}
-function logNever(e) {
-  return Logger.warn(`Unexpected object: ${JSON.stringify(e)}`), e;
-}
-function usePrevious(e) {
-  let i = import_react.useRef({
-    value: e,
-    previous: e
-  });
-  return import_react.useMemo(() => (i.current.value !== e && (i.current.previous = i.current.value, i.current.value = e), i.current.previous), [e]);
-}
-function clamp(e, [i, a]) {
-  return Math.min(a, Math.max(i, e));
-}
-var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
+}]]), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
 function createCollection(e) {
   let i = e + "CollectionProvider", [a, o] = createContextScope(i), [s, c] = a(i, {
     collectionRef: { current: null },
@@ -292,7 +35,7 @@ function createCollection(e) {
     });
   };
   l.displayName = i;
-  let u = e + "CollectionSlot", d = createSlot$1(u), f = import_react.forwardRef((e2, i2) => {
+  let u = e + "CollectionSlot", d = createSlot(u), f = import_react.forwardRef((e2, i2) => {
     let { scope: a2, children: o2 } = e2;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(d, {
       ref: useComposedRefs(i2, c(u, a2).collectionRef),
@@ -300,24 +43,24 @@ function createCollection(e) {
     });
   });
   f.displayName = u;
-  let p = e + "CollectionItemSlot", m = "data-radix-collection-item", h = createSlot$1(p), g = import_react.forwardRef((e2, i2) => {
+  let p = e + "CollectionItemSlot", h = "data-radix-collection-item", g = createSlot(p), v = import_react.forwardRef((e2, i2) => {
     let { scope: a2, children: o2, ...s2 } = e2, l2 = import_react.useRef(null), u2 = useComposedRefs(i2, l2), d2 = c(p, a2);
     return import_react.useEffect(() => (d2.itemMap.set(l2, {
       ref: l2,
       ...s2
-    }), () => void d2.itemMap.delete(l2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(h, {
-      [m]: "",
+    }), () => void d2.itemMap.delete(l2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
+      [h]: "",
       ref: u2,
       children: o2
     });
   });
-  g.displayName = p;
-  function _(i2) {
+  v.displayName = p;
+  function y(i2) {
     let a2 = c(e + "CollectionConsumer", i2);
     return import_react.useCallback(() => {
       let e2 = a2.collectionRef.current;
       if (!e2) return [];
-      let i3 = Array.from(e2.querySelectorAll(`[${m}]`));
+      let i3 = Array.from(e2.querySelectorAll(`[${h}]`));
       return Array.from(a2.itemMap.values()).sort((e3, a3) => i3.indexOf(e3.ref.current) - i3.indexOf(a3.ref.current));
     }, [a2.collectionRef, a2.itemMap]);
   }
@@ -325,9 +68,9 @@ function createCollection(e) {
     {
       Provider: l,
       Slot: f,
-      ItemSlot: g
+      ItemSlot: v
     },
-    _,
+    y,
     o
   ];
 }
@@ -336,79 +79,99 @@ function useDirection(e) {
   let i = import_react.useContext(DirectionContext);
   return e || i || "ltr";
 }
-var import_react_dom$1 = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEYS = [
+function usePrevious(e) {
+  let i = import_react.useRef({
+    value: e,
+    previous: e
+  });
+  return import_react.useMemo(() => (i.current.value !== e && (i.current.previous = i.current.value, i.current.value = e), i.current.previous), [e]);
+}
+var NAME = "Label", Label$2 = import_react.forwardRef((e, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.label, {
+  ...e,
+  ref: i,
+  onMouseDown: (i2) => {
+    var _a;
+    i2.target.closest("button, input, select, textarea") || ((_a = e.onMouseDown) == null ? void 0 : _a.call(e, i2), !i2.defaultPrevented && i2.detail > 1 && i2.preventDefault());
+  }
+}));
+Label$2.displayName = NAME;
+var Root = Label$2;
+function clamp(e, [i, a]) {
+  return Math.min(a, Math.max(i, e));
+}
+var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEYS = [
   " ",
   "Enter",
   "ArrowUp",
   "ArrowDown"
 ], SELECTION_KEYS = [" ", "Enter"], SELECT_NAME = "Select", [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME), [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [createCollectionScope, createPopperScope]), usePopperScope = createPopperScope(), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME), Select$1 = (e) => {
-  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: c, value: l, defaultValue: d, onValueChange: f, dir: p, name: m, autoComplete: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, C] = import_react.useState(null), [w, T] = import_react.useState(null), [E, D] = import_react.useState(false), O = useDirection(p), [k, A] = useControllableState({
+  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: l, value: u, defaultValue: d, onValueChange: f, dir: p, name: m, autoComplete: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), D = useDirection(p), [O, k] = useControllableState({
     prop: o,
     defaultProp: s ?? false,
-    onChange: c,
+    onChange: l,
     caller: SELECT_NAME
-  }), [j, M] = useControllableState({
-    prop: l,
+  }), [A, j] = useControllableState({
+    prop: u,
     defaultProp: d,
     onChange: f,
     caller: SELECT_NAME
-  }), N = import_react.useRef(null), P = b ? v || !!b.closest("form") : true, [F, I] = import_react.useState(/* @__PURE__ */ new Set()), L = Array.from(F).map((e2) => e2.props.value).join(";");
+  }), M = import_react.useRef(null), N = b ? v || !!b.closest("form") : true, [P, F] = import_react.useState(/* @__PURE__ */ new Set()), I = Array.from(P).map((e2) => e2.props.value).join(";");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
     ...y,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
       required: _,
       scope: i,
       trigger: b,
-      onTriggerChange: C,
-      valueNode: w,
-      onValueNodeChange: T,
-      valueNodeHasChildren: E,
-      onValueNodeHasChildrenChange: D,
+      onTriggerChange: x,
+      valueNode: S,
+      onValueNodeChange: C,
+      valueNodeHasChildren: w,
+      onValueNodeHasChildrenChange: T,
       contentId: useId(),
-      value: j,
-      onValueChange: M,
-      open: k,
-      onOpenChange: A,
-      dir: O,
-      triggerPointerDownPosRef: N,
+      value: A,
+      onValueChange: j,
+      open: O,
+      onOpenChange: k,
+      dir: D,
+      triggerPointerDownPosRef: M,
       disabled: g,
       children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
         scope: i,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectNativeOptionsProvider, {
           scope: e.__scopeSelect,
           onNativeOptionAdd: import_react.useCallback((e2) => {
-            I((i2) => new Set(i2).add(e2));
+            F((i2) => new Set(i2).add(e2));
           }, []),
           onNativeOptionRemove: import_react.useCallback((e2) => {
-            I((i2) => {
+            F((i2) => {
               let a2 = new Set(i2);
               return a2.delete(e2), a2;
             });
           }, []),
           children: a
         })
-      }), P ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectBubbleInput, {
+      }), N ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectBubbleInput, {
         "aria-hidden": true,
         required: _,
         tabIndex: -1,
         name: m,
         autoComplete: h,
-        value: j,
-        onChange: (e2) => M(e2.target.value),
+        value: A,
+        onChange: (e2) => j(e2.target.value),
         disabled: g,
         form: v,
-        children: [j === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(F)]
-      }, L) : null]
+        children: [A === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(P)]
+      }, I) : null]
     })
   });
 };
 Select$1.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, disabled: o = false, ...s } = e, c = usePopperScope(a), l = useSelectContext(TRIGGER_NAME, a), u = l.disabled || o, f = useComposedRefs(i, l.onTriggerChange), p = useCollection(a), m = import_react.useRef("touch"), [h, g, _] = useTypeaheadSearch((e2) => {
+  let { __scopeSelect: a, disabled: o = false, ...s } = e, c = usePopperScope(a), l = useSelectContext(TRIGGER_NAME, a), u = l.disabled || o, d = useComposedRefs(i, l.onTriggerChange), p = useCollection(a), m = import_react.useRef("touch"), [h, g, v] = useTypeaheadSearch((e2) => {
     let i2 = p().filter((e3) => !e3.disabled), a2 = findNextItem(i2, e2, i2.find((e3) => e3.value === l.value));
     a2 !== void 0 && l.onValueChange(a2.value);
   }), y = (e2) => {
-    u || (l.onOpenChange(true), _()), e2 && (l.triggerPointerDownPosRef.current = {
+    u || (l.onOpenChange(true), v()), e2 && (l.triggerPointerDownPosRef.current = {
       x: Math.round(e2.pageX),
       y: Math.round(e2.pageY)
     });
@@ -416,7 +179,7 @@ var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
     asChild: true,
     ...c,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       role: "combobox",
       "aria-controls": l.contentId,
@@ -429,7 +192,7 @@ var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e
       "data-disabled": u ? "" : void 0,
       "data-placeholder": shouldShowPlaceholder(l.value) ? "" : void 0,
       ...s,
-      ref: f,
+      ref: d,
       onClick: composeEventHandlers(s.onClick, (e2) => {
         e2.currentTarget.focus(), m.current !== "mouse" && y(e2);
       }),
@@ -450,7 +213,7 @@ var VALUE_NAME = "SelectValue", SelectValue$1 = import_react.forwardRef((e, i) =
   let { __scopeSelect: a, className: o, style: s, children: c, placeholder: l = "", ...u } = e, d = useSelectContext(VALUE_NAME, a), { onValueNodeHasChildrenChange: f } = d, p = c !== void 0, m = useComposedRefs(i, d.onValueNodeChange);
   return useLayoutEffect2(() => {
     f(p);
-  }, [f, p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+  }, [f, p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
     ...u,
     ref: m,
     style: { pointerEvents: "none" },
@@ -460,7 +223,7 @@ var VALUE_NAME = "SelectValue", SelectValue$1 = import_react.forwardRef((e, i) =
 SelectValue$1.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon", SelectIcon = import_react.forwardRef((e, i) => {
   let { __scopeSelect: a, children: o, ...s } = e;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
     "aria-hidden": true,
     ...s,
     ref: i,
@@ -479,7 +242,7 @@ var CONTENT_NAME = "SelectContent", SelectContent$1 = import_react.forwardRef((e
     s(new DocumentFragment());
   }, []), !a.open) {
     let i2 = o;
-    return i2 ? import_react_dom$1.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
+    return i2 ? import_react_dom.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
       scope: e.__scopeSelect,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
         scope: e.__scopeSelect,
@@ -493,17 +256,17 @@ var CONTENT_NAME = "SelectContent", SelectContent$1 = import_react.forwardRef((e
   });
 });
 SelectContent$1.displayName = CONTENT_NAME;
-var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME), CONTENT_IMPL_NAME = "SelectContentImpl", Slot = createSlot$1("SelectContent.RemoveScroll"), SelectContentImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: l, side: u, sideOffset: d, align: f, alignOffset: p, arrowPadding: m, collisionBoundary: h, collisionPadding: g, sticky: _, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [E, D] = import_react.useState(null), O = useComposedRefs(i, (e2) => w(e2)), [A, M] = import_react.useState(null), [P, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
+var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME), CONTENT_IMPL_NAME = "SelectContentImpl", Slot = createSlot("SelectContent.RemoveScroll"), SelectContentImpl = import_react.forwardRef((e, i) => {
+  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: l, side: u, sideOffset: d, align: f, alignOffset: p, arrowPadding: m, collisionBoundary: h, collisionPadding: g, sticky: v, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [E, D] = import_react.useState(null), A = useComposedRefs(i, (e2) => w(e2)), [j, M] = import_react.useState(null), [F, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
   import_react.useEffect(() => {
     if (C) return hideOthers(C);
   }, [C]), useFocusGuards();
   let H = import_react.useCallback((e2) => {
     let [i2, ...a2] = R().map((e3) => e3.ref.current), [o2] = a2.slice(-1), s2 = document.activeElement;
     for (let a3 of e2) if (a3 === s2 || (a3 == null ? void 0 : a3.scrollIntoView({ block: "nearest" }), a3 === i2 && E && (E.scrollTop = 0), a3 === o2 && E && (E.scrollTop = E.scrollHeight), a3 == null ? void 0 : a3.focus(), document.activeElement !== s2)) return;
-  }, [R, E]), U = import_react.useCallback(() => H([A, C]), [
+  }, [R, E]), U = import_react.useCallback(() => H([j, C]), [
     H,
-    A,
+    j,
     C
   ]);
   import_react.useEffect(() => {
@@ -558,7 +321,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     arrowPadding: m,
     collisionBoundary: h,
     collisionPadding: g,
-    sticky: _,
+    sticky: v,
     hideWhenDetached: y,
     avoidCollisions: b
   } : {};
@@ -568,11 +331,11 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     viewport: E,
     onViewportChange: D,
     itemRefCallback: J,
-    selectedItem: A,
+    selectedItem: j,
     onItemLeave: Y,
     itemTextRefCallback: Z,
     focusSelectedItem: U,
-    selectedItemText: P,
+    selectedItemText: F,
     position: o,
     isPositioned: z,
     searchRef: K,
@@ -605,7 +368,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
             ...x,
             ...$,
             onPlaced: () => B(true),
-            ref: O,
+            ref: A,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -636,7 +399,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
 });
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedPosition = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, onPlaced: o, ...s } = e, c = useSelectContext(CONTENT_NAME, a), l = useSelectContentContext(CONTENT_NAME, a), [u, d] = import_react.useState(null), [f, p] = import_react.useState(null), m = useComposedRefs(i, (e2) => p(e2)), h = useCollection(a), g = import_react.useRef(false), _ = import_react.useRef(true), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = l, C = import_react.useCallback(() => {
+  let { __scopeSelect: a, onPlaced: o, ...s } = e, c = useSelectContext(CONTENT_NAME, a), l = useSelectContentContext(CONTENT_NAME, a), [u, d] = import_react.useState(null), [f, p] = import_react.useState(null), m = useComposedRefs(i, (e2) => p(e2)), h = useCollection(a), g = import_react.useRef(false), v = import_react.useRef(true), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = l, C = import_react.useCallback(() => {
     if (c.trigger && c.valueNode && u && f && y && b && x) {
       let e2 = c.trigger.getBoundingClientRect(), i2 = f.getBoundingClientRect(), a2 = c.valueNode.getBoundingClientRect(), s2 = x.getBoundingClientRect();
       if (c.dir !== "rtl") {
@@ -646,7 +409,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         let o2 = i2.right - s2.right, c2 = window.innerWidth - a2.right - o2, l3 = window.innerWidth - e2.right - c2, d3 = e2.width + l3, f2 = Math.max(d3, i2.width), p3 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p3 - f2)]);
         u.style.minWidth = d3 + "px", u.style.right = m3 + "px";
       }
-      let l2 = h(), d2 = window.innerHeight - CONTENT_MARGIN * 2, p2 = y.scrollHeight, m2 = window.getComputedStyle(f), _2 = parseInt(m2.borderTopWidth, 10), v = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w = _2 + v + p2 + C2 + S2, T2 = Math.min(b.offsetHeight * 5, w), E2 = window.getComputedStyle(y), D = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = d2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = _2 + v + M, P = w - N;
+      let l2 = h(), d2 = window.innerHeight - CONTENT_MARGIN * 2, p2 = y.scrollHeight, m2 = window.getComputedStyle(f), _ = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = _ + v2 + p2 + C2 + S2, T2 = Math.min(b.offsetHeight * 5, w2), E = window.getComputedStyle(y), D = parseInt(E.paddingTop, 10), O = parseInt(E.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = d2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = _ + v2 + M, P = w2 - N;
       if (N <= k) {
         let e3 = l2.length > 0 && b === l2[l2.length - 1].ref.current;
         u.style.bottom = "0px";
@@ -655,7 +418,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
       } else {
         let e3 = l2.length > 0 && b === l2[0].ref.current;
         u.style.top = "0px";
-        let i3 = Math.max(k, _2 + y.offsetTop + (e3 ? D : 0) + j) + P;
+        let i3 = Math.max(k, _ + y.offsetTop + (e3 ? D : 0) + j) + P;
         u.style.height = i3 + "px", y.scrollTop = N - k + y.offsetTop;
       }
       u.style.margin = `${CONTENT_MARGIN}px 0`, u.style.minHeight = T2 + "px", u.style.maxHeight = d2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => g.current = true);
@@ -673,15 +436,15 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
     o
   ]);
   useLayoutEffect2(() => C(), [C]);
-  let [T, E] = import_react.useState();
+  let [w, T] = import_react.useState();
   return useLayoutEffect2(() => {
-    f && E(window.getComputedStyle(f).zIndex);
+    f && T(window.getComputedStyle(f).zIndex);
   }, [f]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
     scope: a,
     contentWrapper: u,
     shouldExpandOnScrollRef: g,
     onScrollButtonChange: import_react.useCallback((e2) => {
-      e2 && _.current === true && (C(), S == null ? void 0 : S(), _.current = false);
+      e2 && v.current === true && (C(), S == null ? void 0 : S(), v.current = false);
     }, [C, S]),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       ref: d,
@@ -689,9 +452,9 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         display: "flex",
         flexDirection: "column",
         position: "fixed",
-        zIndex: T
+        zIndex: w
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         ...s,
         ref: m,
         style: {
@@ -705,16 +468,16 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition", SelectPopperPosition = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, align: s = "start", collisionPadding: c = CONTENT_MARGIN, ...l } = e, u = usePopperScope(a);
+  let { __scopeSelect: a, align: o = "start", collisionPadding: s = CONTENT_MARGIN, ...c } = e, l = usePopperScope(a);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {
-    ...u,
     ...l,
+    ...c,
     ref: i,
-    align: s,
-    collisionPadding: c,
+    align: o,
+    collisionPadding: s,
     style: {
       boxSizing: "border-box",
-      ...l.style,
+      ...c.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)",
@@ -731,7 +494,7 @@ var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CON
     nonce: o
   }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
     scope: a,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
       "data-radix-select-viewport": "",
       role: "presentation",
       ...s,
@@ -765,7 +528,7 @@ var GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupConte
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, {
     scope: a,
     id: s,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
       role: "group",
       "aria-labelledby": s,
       ...o,
@@ -776,7 +539,7 @@ var GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupConte
 SelectGroup$1.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel", SelectLabel$1 = import_react.forwardRef((e, i) => {
   let { __scopeSelect: a, ...o } = e, s = useSelectGroupContext(LABEL_NAME, a);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
     id: s.id,
     ...o,
     ref: i
@@ -784,7 +547,7 @@ var LABEL_NAME = "SelectLabel", SelectLabel$1 = import_react.forwardRef((e, i) =
 });
 SelectLabel$1.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, value: o, disabled: s = false, textValue: c, ...l } = e, u = useSelectContext(ITEM_NAME, a), d = useSelectContentContext(ITEM_NAME, a), f = u.value === o, [p, m] = import_react.useState(c ?? ""), [h, g] = import_react.useState(false), _ = useComposedRefs(i, (e2) => {
+  let { __scopeSelect: a, value: o, disabled: s = false, textValue: c, ...l } = e, u = useSelectContext(ITEM_NAME, a), d = useSelectContentContext(ITEM_NAME, a), f = u.value === o, [p, m] = import_react.useState(c ?? ""), [h, g] = import_react.useState(false), v = useComposedRefs(i, (e2) => {
     var _a;
     return (_a = d.itemRefCallback) == null ? void 0 : _a.call(d, e2, o, s);
   }), y = useId(), b = import_react.useRef("touch"), x = () => {
@@ -805,7 +568,7 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
       value: o,
       disabled: s,
       textValue: p,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         role: "option",
         "aria-labelledby": y,
         "data-highlighted": h ? "" : void 0,
@@ -815,7 +578,7 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
         "data-disabled": s ? "" : void 0,
         tabIndex: s ? void 0 : -1,
         ...l,
-        ref: _,
+        ref: v,
         onFocus: composeEventHandlers(l.onFocus, () => g(true)),
         onBlur: composeEventHandlers(l.onBlur, () => g(false)),
         onClick: composeEventHandlers(l.onClick, () => {
@@ -847,168 +610,415 @@ SelectItem$1.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText", SelectItemText = import_react.forwardRef((e, i) => {
   let { __scopeSelect: a, className: o, style: s, ...c } = e, l = useSelectContext(ITEM_TEXT_NAME, a), u = useSelectContentContext(ITEM_TEXT_NAME, a), d = useSelectItemContext(ITEM_TEXT_NAME, a), f = useSelectNativeOptionsContext(ITEM_TEXT_NAME, a), [p, m] = import_react.useState(null), h = useComposedRefs(i, (e2) => m(e2), d.onItemTextChange, (e2) => {
     var _a;
-    return (_a = u.itemTextRefCallback) == null ? void 0 : _a.call(u, e2, d.value, d.disabled);
-  }), g = p == null ? void 0 : p.textContent, _ = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-    value: d.value,
-    disabled: d.disabled,
-    children: g
-  }, d.value), [
-    d.disabled,
-    d.value,
-    g
-  ]), { onNativeOptionAdd: y, onNativeOptionRemove: b } = f;
-  return useLayoutEffect2(() => (y(_), () => b(_)), [
-    y,
-    b,
-    _
-  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
-    id: d.textId,
-    ...c,
-    ref: h
-  }), d.isSelected && l.valueNode && !l.valueNodeHasChildren ? import_react_dom$1.createPortal(c.children, l.valueNode) : null] });
-});
-SelectItemText.displayName = ITEM_TEXT_NAME;
-var ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicator = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, ...o } = e;
-  return useSelectItemContext(ITEM_INDICATOR_NAME, a).isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
-    "aria-hidden": true,
-    ...o,
-    ref: i
-  }) : null;
-});
-SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = import_react.forwardRef((e, i) => {
-  let a = useSelectContentContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
-  return useLayoutEffect2(() => {
-    if (a.viewport && a.isPositioned) {
-      let e2 = function() {
-        c(i2.scrollTop > 0);
-      }, i2 = a.viewport;
-      return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
-    }
-  }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
-    ...e,
-    ref: l,
-    onAutoScroll: () => {
-      let { viewport: e2, selectedItem: i2 } = a;
-      e2 && i2 && (e2.scrollTop -= i2.offsetHeight);
-    }
-  }) : null;
-});
-SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
-var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = import_react.forwardRef((e, i) => {
-  let a = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
-  return useLayoutEffect2(() => {
-    if (a.viewport && a.isPositioned) {
-      let e2 = function() {
-        let e3 = i2.scrollHeight - i2.clientHeight;
-        c(Math.ceil(i2.scrollTop) < e3);
-      }, i2 = a.viewport;
-      return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
-    }
-  }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
-    ...e,
-    ref: l,
-    onAutoScroll: () => {
-      let { viewport: e2, selectedItem: i2 } = a;
-      e2 && i2 && (e2.scrollTop += i2.offsetHeight);
-    }
-  }) : null;
-});
-SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, onAutoScroll: o, ...s } = e, c = useSelectContentContext("SelectScrollButton", a), l = import_react.useRef(null), u = useCollection(a), d = import_react.useCallback(() => {
-    l.current !== null && (window.clearInterval(l.current), l.current = null);
-  }, []);
-  return import_react.useEffect(() => () => d(), [d]), useLayoutEffect2(() => {
-    var _a, _b;
-    (_b = (_a = u().find((e2) => e2.ref.current === document.activeElement)) == null ? void 0 : _a.ref.current) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
-  }, [u]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
-    "aria-hidden": true,
-    ...s,
-    ref: i,
-    style: {
-      flexShrink: 0,
-      ...s.style
-    },
-    onPointerDown: composeEventHandlers(s.onPointerDown, () => {
-      l.current === null && (l.current = window.setInterval(o, 50));
-    }),
-    onPointerMove: composeEventHandlers(s.onPointerMove, () => {
-      var _a;
-      (_a = c.onItemLeave) == null ? void 0 : _a.call(c), l.current === null && (l.current = window.setInterval(o, 50));
-    }),
-    onPointerLeave: composeEventHandlers(s.onPointerLeave, () => {
-      d();
-    })
-  });
-}), SEPARATOR_NAME = "SelectSeparator", SelectSeparator$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, ...o } = e;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
-    "aria-hidden": true,
-    ...o,
-    ref: i
-  });
-});
-SelectSeparator$1.displayName = SEPARATOR_NAME;
-var ARROW_NAME = "SelectArrow", SelectArrow = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, ...o } = e, c = usePopperScope(a), l = useSelectContext(ARROW_NAME, a), u = useSelectContentContext(ARROW_NAME, a);
-  return l.open && u.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
-    ...c,
-    ...o,
-    ref: i
-  }) : null;
-});
-SelectArrow.displayName = ARROW_NAME;
-var BUBBLE_INPUT_NAME = "SelectBubbleInput", SelectBubbleInput = import_react.forwardRef(({ __scopeSelect: e, value: i, ...a }, o) => {
-  let s = import_react.useRef(null), c = useComposedRefs(o, s), u = usePrevious(i);
-  return import_react.useEffect(() => {
-    let e2 = s.current;
-    if (!e2) return;
-    let a2 = window.HTMLSelectElement.prototype, o2 = Object.getOwnPropertyDescriptor(a2, "value").set;
-    if (u !== i && o2) {
-      let a3 = new Event("change", { bubbles: true });
-      o2.call(e2, i), e2.dispatchEvent(a3);
+    return (_a = u.itemTextRefCallback) == null ? void 0 : _a.call(u, e2, d.value, d.disabled);
+  }), g = p == null ? void 0 : p.textContent, v = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+    value: d.value,
+    disabled: d.disabled,
+    children: g
+  }, d.value), [
+    d.disabled,
+    d.value,
+    g
+  ]), { onNativeOptionAdd: y, onNativeOptionRemove: b } = f;
+  return useLayoutEffect2(() => (y(v), () => b(v)), [
+    y,
+    b,
+    v
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+    id: d.textId,
+    ...c,
+    ref: h
+  }), d.isSelected && l.valueNode && !l.valueNodeHasChildren ? import_react_dom.createPortal(c.children, l.valueNode) : null] });
+});
+SelectItemText.displayName = ITEM_TEXT_NAME;
+var ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicator = import_react.forwardRef((e, i) => {
+  let { __scopeSelect: a, ...o } = e;
+  return useSelectItemContext(ITEM_INDICATOR_NAME, a).isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+    "aria-hidden": true,
+    ...o,
+    ref: i
+  }) : null;
+});
+SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
+var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = import_react.forwardRef((e, i) => {
+  let a = useSelectContentContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
+  return useLayoutEffect2(() => {
+    if (a.viewport && a.isPositioned) {
+      let e2 = function() {
+        c(i2.scrollTop > 0);
+      }, i2 = a.viewport;
+      return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
+    }
+  }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+    ...e,
+    ref: l,
+    onAutoScroll: () => {
+      let { viewport: e2, selectedItem: i2 } = a;
+      e2 && i2 && (e2.scrollTop -= i2.offsetHeight);
+    }
+  }) : null;
+});
+SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
+var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = import_react.forwardRef((e, i) => {
+  let a = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
+  return useLayoutEffect2(() => {
+    if (a.viewport && a.isPositioned) {
+      let e2 = function() {
+        let e3 = i2.scrollHeight - i2.clientHeight;
+        c(Math.ceil(i2.scrollTop) < e3);
+      }, i2 = a.viewport;
+      return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
+    }
+  }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+    ...e,
+    ref: l,
+    onAutoScroll: () => {
+      let { viewport: e2, selectedItem: i2 } = a;
+      e2 && i2 && (e2.scrollTop += i2.offsetHeight);
+    }
+  }) : null;
+});
+SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
+var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
+  let { __scopeSelect: a, onAutoScroll: o, ...s } = e, c = useSelectContentContext("SelectScrollButton", a), l = import_react.useRef(null), u = useCollection(a), d = import_react.useCallback(() => {
+    l.current !== null && (window.clearInterval(l.current), l.current = null);
+  }, []);
+  return import_react.useEffect(() => () => d(), [d]), useLayoutEffect2(() => {
+    var _a, _b;
+    (_b = (_a = u().find((e2) => e2.ref.current === document.activeElement)) == null ? void 0 : _a.ref.current) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
+  }, [u]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+    "aria-hidden": true,
+    ...s,
+    ref: i,
+    style: {
+      flexShrink: 0,
+      ...s.style
+    },
+    onPointerDown: composeEventHandlers(s.onPointerDown, () => {
+      l.current === null && (l.current = window.setInterval(o, 50));
+    }),
+    onPointerMove: composeEventHandlers(s.onPointerMove, () => {
+      var _a;
+      (_a = c.onItemLeave) == null ? void 0 : _a.call(c), l.current === null && (l.current = window.setInterval(o, 50));
+    }),
+    onPointerLeave: composeEventHandlers(s.onPointerLeave, () => {
+      d();
+    })
+  });
+}), SEPARATOR_NAME = "SelectSeparator", SelectSeparator$1 = import_react.forwardRef((e, i) => {
+  let { __scopeSelect: a, ...o } = e;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+    "aria-hidden": true,
+    ...o,
+    ref: i
+  });
+});
+SelectSeparator$1.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "SelectArrow", SelectArrow = import_react.forwardRef((e, i) => {
+  let { __scopeSelect: a, ...o } = e, s = usePopperScope(a), c = useSelectContext(ARROW_NAME, a), l = useSelectContentContext(ARROW_NAME, a);
+  return c.open && l.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
+    ...s,
+    ...o,
+    ref: i
+  }) : null;
+});
+SelectArrow.displayName = ARROW_NAME;
+var BUBBLE_INPUT_NAME = "SelectBubbleInput", SelectBubbleInput = import_react.forwardRef(({ __scopeSelect: e, value: i, ...a }, o) => {
+  let c = import_react.useRef(null), l = useComposedRefs(o, c), u = usePrevious(i);
+  return import_react.useEffect(() => {
+    let e2 = c.current;
+    if (!e2) return;
+    let a2 = window.HTMLSelectElement.prototype, o2 = Object.getOwnPropertyDescriptor(a2, "value").set;
+    if (u !== i && o2) {
+      let a3 = new Event("change", { bubbles: true });
+      o2.call(e2, i), e2.dispatchEvent(a3);
+    }
+  }, [u, i]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.select, {
+    ...a,
+    style: {
+      ...VISUALLY_HIDDEN_STYLES,
+      ...a.style
+    },
+    ref: l,
+    defaultValue: i
+  });
+});
+SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function shouldShowPlaceholder(e) {
+  return e === "" || e === void 0;
+}
+function useTypeaheadSearch(e) {
+  let i = useCallbackRef(e), a = import_react.useRef(""), o = import_react.useRef(0), s = import_react.useCallback((e2) => {
+    let s2 = a.current + e2;
+    i(s2), (function e3(i2) {
+      a.current = i2, window.clearTimeout(o.current), i2 !== "" && (o.current = window.setTimeout(() => e3(""), 1e3));
+    })(s2);
+  }, [i]), c = import_react.useCallback(() => {
+    a.current = "", window.clearTimeout(o.current);
+  }, []);
+  return import_react.useEffect(() => () => window.clearTimeout(o.current), []), [
+    a,
+    s,
+    c
+  ];
+}
+function findNextItem(e, i, a) {
+  let o = i.length > 1 && Array.from(i).every((e2) => e2 === i[0]) ? i[0] : i, s = a ? e.indexOf(a) : -1, c = wrapArray(e, Math.max(s, 0));
+  o.length === 1 && (c = c.filter((e2) => e2 !== a));
+  let l = c.find((e2) => e2.textValue.toLowerCase().startsWith(o.toLowerCase()));
+  return l === a ? void 0 : l;
+}
+function wrapArray(e, i) {
+  return e.map((a, o) => e[(i + o) % e.length]);
+}
+var Root2 = Select$1, Trigger = SelectTrigger$1, Value = SelectValue$1, Icon = SelectIcon, Portal$1 = SelectPortal$1, Content2 = SelectContent$1, Viewport = SelectViewport, Group = SelectGroup$1, Label$1 = SelectLabel$1, Item = SelectItem$1, ItemText = SelectItemText, ItemIndicator = SelectItemIndicator, ScrollUpButton = SelectScrollUpButton, ScrollDownButton = SelectScrollDownButton, Separator = SelectSeparator$1, $b5e257d569688ac6$var$defaultContext = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+}, $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ import_react.createContext($b5e257d569688ac6$var$defaultContext), $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ import_react.createContext(false);
+typeof window < "u" && window.document && window.document.createElement;
+var $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
+function $b5e257d569688ac6$var$useCounter(e = false) {
+  var _a, _b;
+  let i = (0, import_react.useContext)($b5e257d569688ac6$var$SSRContext), a = (0, import_react.useRef)(null);
+  if (a.current === null && !e) {
+    let e2 = (_b = (_a = import_react.default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) == null ? void 0 : _a.ReactCurrentOwner) == null ? void 0 : _b.current;
+    if (e2) {
+      let a2 = $b5e257d569688ac6$var$componentIds.get(e2);
+      a2 == null ? $b5e257d569688ac6$var$componentIds.set(e2, {
+        id: i.current,
+        state: e2.memoizedState
+      }) : e2.memoizedState !== a2.state && (i.current = a2.id, $b5e257d569688ac6$var$componentIds.delete(e2));
+    }
+    a.current = ++i.current;
+  }
+  return a.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(e) {
+  let i = (0, import_react.useContext)($b5e257d569688ac6$var$SSRContext), a = $b5e257d569688ac6$var$useCounter(!!e), o = `react-aria${i.prefix}`;
+  return e || `${o}-${a}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(e) {
+  let i = import_react.useId(), [a] = (0, import_react.useState)($b5e257d569688ac6$export$535bd6ca7f90a273()), o = a ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+  return e || `${o}-${i}`;
+}
+var $b5e257d569688ac6$export$619500959fc48b26 = typeof import_react.useId == "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+  return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+  return true;
+}
+function $b5e257d569688ac6$var$subscribe(e) {
+  return () => {
+  };
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+  return typeof import_react.useSyncExternalStore == "function" ? import_react.useSyncExternalStore($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot) : (0, import_react.useContext)($b5e257d569688ac6$var$IsSSRContext);
+}
+var $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr"
+]), $148a7a147e38ea7f$var$RTL_LANGS = /* @__PURE__ */ new Set([
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+function $148a7a147e38ea7f$export$702d680b21cbd764(e) {
+  if (Intl.Locale) {
+    let i2 = new Intl.Locale(e).maximize(), a = typeof i2.getTextInfo == "function" ? i2.getTextInfo() : i2.textInfo;
+    if (a) return a.direction === "rtl";
+    if (i2.script) return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(i2.script);
+  }
+  let i = e.split("-")[0];
+  return $148a7a147e38ea7f$var$RTL_LANGS.has(i);
+}
+var $1e5a04cdaf7d1af8$var$localeSymbol = /* @__PURE__ */ Symbol.for("react-aria.i18n.locale");
+function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
+  let e = typeof window < "u" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([e]);
+  } catch {
+    e = "en-US";
+  }
+  return {
+    locale: e,
+    direction: $148a7a147e38ea7f$export$702d680b21cbd764(e) ? "rtl" : "ltr"
+  };
+}
+var $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5(), $1e5a04cdaf7d1af8$var$listeners = /* @__PURE__ */ new Set();
+function $1e5a04cdaf7d1af8$var$updateLocale() {
+  $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
+  for (let e of $1e5a04cdaf7d1af8$var$listeners) e($1e5a04cdaf7d1af8$var$currentLocale);
+}
+function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
+  let e = $b5e257d569688ac6$export$535bd6ca7f90a273(), [i, a] = (0, import_react.useState)($1e5a04cdaf7d1af8$var$currentLocale);
+  return (0, import_react.useEffect)(() => ($1e5a04cdaf7d1af8$var$listeners.size === 0 && window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale), $1e5a04cdaf7d1af8$var$listeners.add(a), () => {
+    $1e5a04cdaf7d1af8$var$listeners.delete(a), $1e5a04cdaf7d1af8$var$listeners.size === 0 && window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
+  }), []), e ? {
+    locale: typeof window < "u" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || "en-US",
+    direction: "ltr"
+  } : i;
+}
+var $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ import_react.createContext(null);
+function $18f2051aff69b9bf$var$I18nProviderWithLocale(e) {
+  let { locale: i, children: a } = e, o = import_react.useMemo(() => ({
+    locale: i,
+    direction: $148a7a147e38ea7f$export$702d680b21cbd764(i) ? "rtl" : "ltr"
+  }), [i]);
+  return /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nContext.Provider, { value: o }, a);
+}
+function $18f2051aff69b9bf$var$I18nProviderWithDefaultLocale(e) {
+  let { children: i } = e, a = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
+  return /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nContext.Provider, { value: a }, i);
+}
+function $18f2051aff69b9bf$export$a54013f0d02a8f82(e) {
+  let { locale: i, children: a } = e;
+  return i ? /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nProviderWithLocale, {
+    locale: i,
+    children: a
+  }) : /* @__PURE__ */ import_react.createElement($18f2051aff69b9bf$var$I18nProviderWithDefaultLocale, { children: a });
+}
+function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
+  let e = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
+  return (0, import_react.useContext)($18f2051aff69b9bf$var$I18nContext) || e;
+}
+var $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map(), $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
+try {
+  $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+var $488c6ddbf4ef74c2$var$supportsUnit = false;
+try {
+  $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+var $488c6ddbf4ef74c2$var$UNITS = { degree: { narrow: {
+  default: "\xB0",
+  "ja-JP": " \u5EA6",
+  "zh-TW": "\u5EA6",
+  "sl-SI": " \xB0"
+} } }, $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = class {
+  format(e) {
+    var _a;
+    let i = "";
+    if (i = !$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null ? $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, e) : this.numberFormatter.format(e), this.options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+      let { unit: e2, unitDisplay: a = "short", locale: o } = this.resolvedOptions();
+      if (!e2) return i;
+      let s = (_a = $488c6ddbf4ef74c2$var$UNITS[e2]) == null ? void 0 : _a[a];
+      i += s[o] || s.default;
     }
-  }, [u, i]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.select, {
-    ...a,
-    style: {
-      ...VISUALLY_HIDDEN_STYLES,
-      ...a.style
-    },
-    ref: c,
-    defaultValue: i
-  });
-});
-SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
-function shouldShowPlaceholder(e) {
-  return e === "" || e === void 0;
+    return i;
+  }
+  formatToParts(e) {
+    return this.numberFormatter.formatToParts(e);
+  }
+  formatRange(e, i) {
+    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(e, i);
+    if (i < e) throw RangeError("End date must be >= start date");
+    return `${this.format(e)} \u2013 ${this.format(i)}`;
+  }
+  formatRangeToParts(e, i) {
+    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, i);
+    if (i < e) throw RangeError("End date must be >= start date");
+    let a = this.numberFormatter.formatToParts(e), o = this.numberFormatter.formatToParts(i);
+    return [
+      ...a.map((e2) => ({
+        ...e2,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " \u2013 ",
+        source: "shared"
+      },
+      ...o.map((e2) => ({
+        ...e2,
+        source: "endRange"
+      }))
+    ];
+  }
+  resolvedOptions() {
+    let e = this.numberFormatter.resolvedOptions();
+    return !$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null && (e = {
+      ...e,
+      signDisplay: this.options.signDisplay
+    }), !$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit" && (e = {
+      ...e,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    }), e;
+  }
+  constructor(e, i = {}) {
+    this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(e, i), this.options = i;
+  }
+};
+function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(e, i = {}) {
+  var _a;
+  let { numberingSystem: a } = i;
+  if (a && e.includes("-nu-") && (e.includes("-u-") || (e += "-u-"), e += `-nu-${a}`), i.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
+    let { unit: e2, unitDisplay: a2 = "short" } = i;
+    if (!e2) throw Error('unit option must be provided with style: "unit"');
+    if (!((_a = $488c6ddbf4ef74c2$var$UNITS[e2]) == null ? void 0 : _a[a2])) throw Error(`Unsupported unit ${e2} with unitDisplay = ${a2}`);
+    i = {
+      ...i,
+      style: "decimal"
+    };
+  }
+  let o = e + (i ? Object.entries(i).sort((e2, i2) => e2[0] < i2[0] ? -1 : 1).join() : "");
+  if ($488c6ddbf4ef74c2$var$formatterCache.has(o)) return $488c6ddbf4ef74c2$var$formatterCache.get(o);
+  let s = new Intl.NumberFormat(e, i);
+  return $488c6ddbf4ef74c2$var$formatterCache.set(o, s), s;
 }
-function useTypeaheadSearch(e) {
-  let i = useCallbackRef(e), a = import_react.useRef(""), o = import_react.useRef(0), s = import_react.useCallback((e2) => {
-    let s2 = a.current + e2;
-    i(s2), (function e3(i2) {
-      a.current = i2, window.clearTimeout(o.current), i2 !== "" && (o.current = window.setTimeout(() => e3(""), 1e3));
-    })(s2);
-  }, [i]), c = import_react.useCallback(() => {
-    a.current = "", window.clearTimeout(o.current);
-  }, []);
-  return import_react.useEffect(() => () => window.clearTimeout(o.current), []), [
-    a,
-    s,
-    c
-  ];
+function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(e, i, a) {
+  if (i === "auto") return e.format(a);
+  if (i === "never") return e.format(Math.abs(a));
+  {
+    let o = false;
+    if (i === "always" ? o = a > 0 || Object.is(a, 0) : i === "exceptZero" && (Object.is(a, -0) || Object.is(a, 0) ? a = Math.abs(a) : o = a > 0), o) {
+      let i2 = e.format(-a), o2 = e.format(a), s = i2.replace(o2, "").replace(/\u200e|\u061C/, "");
+      return [...s].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), i2.replace(o2, "!!!").replace(s, "+").replace("!!!", o2);
+    } else return e.format(a);
+  }
 }
-function findNextItem(e, i, a) {
-  let o = i.length > 1 && Array.from(i).every((e2) => e2 === i[0]) ? i[0] : i, s = a ? e.indexOf(a) : -1, c = wrapArray(e, Math.max(s, 0));
-  o.length === 1 && (c = c.filter((e2) => e2 !== a));
-  let l = c.find((e2) => e2.textValue.toLowerCase().startsWith(o.toLowerCase()));
-  return l === a ? void 0 : l;
+function $a916eb452884faea$export$b7a616150fdb9f44(e = {}) {
+  let { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return (0, import_react.useMemo)(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(i, e), [i, e]);
 }
-function wrapArray(e, i) {
-  return e.map((a, o) => e[(i + o) % e.length]);
+function assertNever(e) {
+  invariant(false, `Unexpected object: ${e}`);
+}
+function logNever(e) {
+  return Logger.warn(`Unexpected object: ${JSON.stringify(e)}`), e;
 }
-var Root2 = Select$1, Trigger = SelectTrigger$1, Value = SelectValue$1, Icon = SelectIcon, Portal$1 = SelectPortal$1, Content2 = SelectContent$1, Viewport = SelectViewport, Group = SelectGroup$1, Label$2 = SelectLabel$1, Item = SelectItem$1, ItemText = SelectItemText, ItemIndicator = SelectItemIndicator, ScrollUpButton = SelectScrollUpButton, ScrollDownButton = SelectScrollDownButton, Separator = SelectSeparator$1, import_compiler_runtime$3 = require_compiler_runtime();
+var import_compiler_runtime$3 = require_compiler_runtime();
 const menuContentCommon = cva("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", { variants: { subcontent: { true: "shadow-lg" } } }), menuSubTriggerVariants = cva("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", { variants: { inset: { true: "pl-8" } } }), MENU_ITEM_DISABLED = "data-disabled:pointer-events-none data-disabled:opacity-50", menuControlVariants = cva(cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground", MENU_ITEM_DISABLED), { variants: {} }), menuControlCheckVariants = cva("absolute left-2 flex h-3.5 w-3.5 items-center justify-center", { variants: {} }), menuLabelVariants = cva("px-2 py-1.5 text-sm font-semibold", { variants: { inset: { true: "pl-8" } } }), menuItemVariants = cva(cn("menu-item relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden", MENU_ITEM_DISABLED), {
   variants: {
     inset: { true: "pl-8" },
@@ -1126,13 +1136,13 @@ var SelectLabel = import_react.forwardRef((e, i) => {
   let c;
   a[3] === o ? c = a[4] : (c = cn("px-2 py-1.5 text-sm font-semibold", o), a[3] = o, a[4] = c);
   let l;
-  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$2, {
+  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
     ref: i,
     className: c,
     ...s
   }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
 });
-SelectLabel.displayName = Label$2.displayName;
+SelectLabel.displayName = Label$1.displayName;
 var SelectItem = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime$1.c)(17), o, s, c, l;
   a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({ className: s, children: o, subtitle: l, ...c } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
@@ -1204,47 +1214,7 @@ const Strings = {
     }
   }
 };
-require_react_dom();
-var Primitive = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-].reduce((e, i) => {
-  let a = createSlot(`Primitive.${i}`), o = import_react.forwardRef((e2, o2) => {
-    let { asChild: s, ...c } = e2, l = s ? a : i;
-    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = true), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(l, {
-      ...c,
-      ref: o2
-    });
-  });
-  return o.displayName = `Primitive.${i}`, {
-    ...e,
-    [i]: o
-  };
-}, {}), NAME = "Label", Label$1 = import_react.forwardRef((e, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.label, {
-  ...e,
-  ref: i,
-  onMouseDown: (i2) => {
-    var _a;
-    i2.target.closest("button, input, select, textarea") || ((_a = e.onMouseDown) == null ? void 0 : _a.call(e, i2), !i2.defaultPrevented && i2.detail > 1 && i2.preventDefault());
-  }
-}));
-Label$1.displayName = NAME;
-var Root = Label$1, import_compiler_runtime = require_compiler_runtime(), labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Label = import_react.forwardRef((e, i) => {
+var import_compiler_runtime = require_compiler_runtime(), labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Label = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime.c)(9), o, s;
   a[0] === e ? (o = a[1], s = a[2]) : ({ className: o, ...s } = e, a[0] = e, a[1] = o, a[2] = s);
   let c;
@@ -1258,43 +1228,42 @@ var Root = Label$1, import_compiler_runtime = require_compiler_runtime(), labelV
 });
 Label.displayName = Root.displayName;
 export {
-  logNever as A,
-  Icon as C,
-  clamp as D,
-  createCollection as E,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as F,
-  $b5e257d569688ac6$export$619500959fc48b26 as I,
-  X as L,
-  $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as M,
-  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as N,
-  usePrevious as O,
-  $18f2051aff69b9bf$export$a54013f0d02a8f82 as P,
-  ChevronUp as R,
-  menuSubTriggerVariants as S,
-  useDirection as T,
-  menuControlCheckVariants as _,
-  Select as a,
-  menuLabelVariants as b,
-  SelectItem as c,
-  SelectTrigger as d,
-  SelectValue as f,
-  menuContentCommon as g,
-  MENU_ITEM_DISABLED as h,
-  capitalize as i,
-  $a916eb452884faea$export$b7a616150fdb9f44 as j,
-  assertNever as k,
-  SelectLabel as l,
-  selectStyles as m,
-  Primitive as n,
-  SelectContent as o,
-  NativeSelect as p,
-  Strings as r,
-  SelectGroup as s,
+  Icon as A,
+  logNever as C,
+  $18f2051aff69b9bf$export$a54013f0d02a8f82 as D,
+  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as E,
+  createCollection as F,
+  X as I,
+  ChevronUp as L,
+  clamp as M,
+  usePrevious as N,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as O,
+  useDirection as P,
+  ChevronDown as R,
+  assertNever as S,
+  $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as T,
+  menuControlVariants as _,
+  SelectContent as a,
+  menuSeparatorVariants as b,
+  SelectLabel as c,
+  SelectValue as d,
+  NativeSelect as f,
+  menuControlCheckVariants as g,
+  menuContentCommon as h,
+  Select as i,
+  Trigger as j,
+  $b5e257d569688ac6$export$619500959fc48b26 as k,
+  SelectSeparator as l,
+  MENU_ITEM_DISABLED as m,
+  Strings as n,
+  SelectGroup as o,
+  selectStyles as p,
+  capitalize as r,
+  SelectItem as s,
   Label as t,
-  SelectSeparator as u,
-  menuControlVariants as v,
-  Trigger as w,
-  menuSeparatorVariants as x,
-  menuItemVariants as y,
-  ChevronDown as z
+  SelectTrigger as u,
+  menuItemVariants as v,
+  $a916eb452884faea$export$b7a616150fdb9f44 as w,
+  menuSubTriggerVariants as x,
+  menuLabelVariants as y
 };