@marimo-team/islands 0.16.5 → 0.17.1

package/dist/{label-BinTsX-u.js → label-BiVIU_wb.js}

@@ -1,13 +1,13 @@
 import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DHL_F5hS.js";
 import { n as require_compiler_runtime, t as require_jsx_runtime } from "./jsx-runtime-DZyWJV5b.js";
-import { D as createLucideIcon, E as composeEventHandlers, S as Primitive, T as createContextScope, a as useFocusGuards, b as DismissableLayer, c as VISUALLY_HIDDEN_STYLES, d as Portal, f as Anchor, g as createPopperScope, h as Root2$1, i as FocusScope, l as useControllableState, m as Content, n as Combination_default, o as StyleNamespace, p as Arrow, r as hideOthers, t as withFullScreenAsRoot, v as useId, x as useCallbackRef, y as useLayoutEffect2 } from "./fullscreen-D1yTiBlu.js";
-import { t as Check } from "./check-BK9zDfQk.js";
-import { d as cn, i as cva, l as useComposedRefs, o as createSlot, u as Events } from "./button-CEcjneWG.js";
+import { C as useCallbackRef, D as createContextScope, O as composeEventHandlers, S as DismissableLayer, _ as Root2$1, b as useId, c as StyleNamespace, d as useControllableState, g as Content, h as Arrow, i as useFocusGuards, k as createLucideIcon, m as Anchor, n as hideOthers, o as withFullScreenAsRoot, p as Portal, r as FocusScope, s as withSmartCollisionBoundary, t as Combination_default, u as VISUALLY_HIDDEN_STYLES, v as createPopperScope, w as Primitive, x as useLayoutEffect2 } from "./Combination-De9yoNY5.js";
+import { t as Check } from "./check-COlaG7Ss.js";
+import { d as cn, l as useComposedRefs, o as createSlot, r as cva, u as Events } from "./button-ADXOb_gX.js";
 import { t as require_react_dom } from "./react-dom-CpBooCbY.js";
-import { t as toString_default } from "./toString-BvCd3yJc.js";
-import { t as _baseSlice_default } from "./_baseSlice-OgpvpOOJ.js";
-import { t as _hasUnicode_default } from "./_hasUnicode-BgIggCqE.js";
+import { t as toString_default } from "./toString-CbuxCRDG.js";
+import { t as _baseSlice_default } from "./_baseSlice-CE9WsQZm.js";
+import { t as _hasUnicode_default } from "./_hasUnicode-DkEebvtD.js";
 var ChevronDown = createLucideIcon("chevron-down", [["path", {
   d: "m6 9 6 6 6-6",
   key: "qrunsl"
@@ -20,71 +20,7 @@ var ChevronDown = createLucideIcon("chevron-down", [["path", {
 }], ["path", {
   d: "m6 6 12 12",
   key: "d8bk6v"
-}]]), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), DirectionContext = import_react.createContext(void 0);
-function useDirection(e) {
-  let i = import_react.useContext(DirectionContext);
-  return e || i || "ltr";
-}
-function createCollection(e) {
-  let i = e + "CollectionProvider", [a, o] = createContextScope(i), [s, c] = a(i, {
-    collectionRef: { current: null },
-    itemMap: /* @__PURE__ */ new Map()
-  }), l = (e2) => {
-    let { scope: i2, children: a2 } = e2, o2 = import_react.useRef(null), c2 = import_react.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(s, {
-      scope: i2,
-      itemMap: c2,
-      collectionRef: o2,
-      children: a2
-    });
-  };
-  l.displayName = i;
-  let d = e + "CollectionSlot", f = createSlot(d), p = import_react.forwardRef((e2, i2) => {
-    let { scope: a2, children: o2 } = e2, s2 = c(d, a2), l2 = useComposedRefs(i2, s2.collectionRef);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f, {
-      ref: l2,
-      children: o2
-    });
-  });
-  p.displayName = d;
-  let m = e + "CollectionItemSlot", h = "data-radix-collection-item", g = createSlot(m), _ = import_react.forwardRef((e2, i2) => {
-    let { scope: a2, children: o2, ...s2 } = e2, l2 = import_react.useRef(null), u = useComposedRefs(i2, l2), d2 = c(m, a2);
-    return import_react.useEffect(() => (d2.itemMap.set(l2, {
-      ref: l2,
-      ...s2
-    }), () => void d2.itemMap.delete(l2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
-      [h]: "",
-      ref: u,
-      children: o2
-    });
-  });
-  _.displayName = m;
-  function v(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(`[${h}]`));
-      return Array.from(a2.itemMap.values()).sort((e3, a3) => i3.indexOf(e3.ref.current) - i3.indexOf(a3.ref.current));
-    }, [a2.collectionRef, a2.itemMap]);
-  }
-  return [
-    {
-      Provider: l,
-      Slot: p,
-      ItemSlot: _
-    },
-    v,
-    o
-  ];
-}
-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 castSlice(e, i, a) {
   var o = e.length;
   return a = a === void 0 ? o : a, !i && a >= o ? e : _baseSlice_default(e, i, a);
@@ -119,7 +55,14 @@ function createCaseFirst(e) {
     return o[e]() + s;
   };
 }
-var upperFirst_default = createCaseFirst("toUpperCase");
+var upperFirst_default = createCaseFirst("toUpperCase"), import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+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 useOnMount(e) {
   (0, import_react.useEffect)(e, []);
 }
@@ -129,13 +72,72 @@ function useOnUnmount(e) {
 function clamp(e, [i, a]) {
   return Math.min(a, Math.max(i, e));
 }
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
+function createCollection(e) {
+  let i = e + "CollectionProvider", [a, o] = createContextScope(i), [s, l] = a(i, {
+    collectionRef: { current: null },
+    itemMap: /* @__PURE__ */ new Map()
+  }), u = (e2) => {
+    let { scope: i2, children: a2 } = e2, o2 = import_react.useRef(null), c = import_react.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(s, {
+      scope: i2,
+      itemMap: c,
+      collectionRef: o2,
+      children: a2
+    });
+  };
+  u.displayName = i;
+  let d = e + "CollectionSlot", f = createSlot(d), p = import_react.forwardRef((e2, i2) => {
+    let { scope: a2, children: o2 } = e2;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f, {
+      ref: useComposedRefs(i2, l(d, a2).collectionRef),
+      children: o2
+    });
+  });
+  p.displayName = d;
+  let m = e + "CollectionItemSlot", h = "data-radix-collection-item", g = createSlot(m), _ = import_react.forwardRef((e2, i2) => {
+    let { scope: a2, children: o2, ...s2 } = e2, c = import_react.useRef(null), u2 = useComposedRefs(i2, c), d2 = l(m, a2);
+    return import_react.useEffect(() => (d2.itemMap.set(c, {
+      ref: c,
+      ...s2
+    }), () => void d2.itemMap.delete(c))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
+      [h]: "",
+      ref: u2,
+      children: o2
+    });
+  });
+  _.displayName = m;
+  function v(i2) {
+    let a2 = l(e + "CollectionConsumer", i2);
+    return import_react.useCallback(() => {
+      let e2 = a2.collectionRef.current;
+      if (!e2) return [];
+      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]);
+  }
+  return [
+    {
+      Provider: u,
+      Slot: p,
+      ItemSlot: _
+    },
+    v,
+    o
+  ];
+}
+var DirectionContext = import_react.createContext(void 0);
+function useDirection(e) {
+  let i = import_react.useContext(DirectionContext);
+  return e || i || "ltr";
+}
 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: u, onValueChange: d, dir: f, name: p, autoComplete: m, disabled: h, required: g, form: v } = e, b = usePopperScope(i), [x, S] = import_react.useState(null), [C, w] = import_react.useState(null), [T, D] = import_react.useState(false), O = useDirection(f), [k, A] = useControllableState({
+  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: c, value: l, defaultValue: u, onValueChange: p, dir: h, name: g, autoComplete: _, disabled: v, required: y, form: b } = e, x = usePopperScope(i), [S, C] = import_react.useState(null), [w, T] = import_react.useState(null), [E, D] = import_react.useState(false), O = useDirection(h), [k, A] = useControllableState({
     prop: o,
     defaultProp: s ?? false,
     onChange: c,
@@ -143,19 +145,19 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
   }), [j, M] = useControllableState({
     prop: l,
     defaultProp: u,
-    onChange: d,
+    onChange: p,
     caller: SELECT_NAME
-  }), N = import_react.useRef(null), P = x ? v || !!x.closest("form") : true, [F, I] = import_react.useState(/* @__PURE__ */ new Set()), L = Array.from(F).map((e2) => e2.props.value).join(";");
+  }), N = import_react.useRef(null), P = S ? b || !!S.closest("form") : true, [F, I] = import_react.useState(/* @__PURE__ */ new Set()), L = Array.from(F).map((e2) => e2.props.value).join(";");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
-    ...b,
+    ...x,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
-      required: g,
+      required: y,
       scope: i,
-      trigger: x,
-      onTriggerChange: S,
-      valueNode: C,
-      onValueNodeChange: w,
-      valueNodeHasChildren: T,
+      trigger: S,
+      onTriggerChange: C,
+      valueNode: w,
+      onValueNodeChange: T,
+      valueNodeHasChildren: E,
       onValueNodeHasChildrenChange: D,
       contentId: useId(),
       value: j,
@@ -164,7 +166,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
       onOpenChange: A,
       dir: O,
       triggerPointerDownPosRef: N,
-      disabled: h,
+      disabled: v,
       children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
         scope: i,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectNativeOptionsProvider, {
@@ -182,14 +184,14 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         })
       }), P ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectBubbleInput, {
         "aria-hidden": true,
-        required: g,
+        required: y,
         tabIndex: -1,
-        name: p,
-        autoComplete: m,
+        name: g,
+        autoComplete: _,
         value: j,
         onChange: (e2) => M(e2.target.value),
-        disabled: h,
-        form: v,
+        disabled: v,
+        form: b,
         children: [j === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(F)]
       }, L) : null]
     })
@@ -197,57 +199,57 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
 };
 Select$1.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, disabled: o = false, ...s } = e, u = usePopperScope(a), d = useSelectContext(TRIGGER_NAME, a), f = d.disabled || o, p = useComposedRefs(i, d.onTriggerChange), m = useCollection(a), g = import_react.useRef("touch"), [_, v, y] = useTypeaheadSearch((e2) => {
-    let i2 = m().filter((e3) => !e3.disabled), a2 = i2.find((e3) => e3.value === d.value), o2 = findNextItem(i2, e2, a2);
-    o2 !== void 0 && d.onValueChange(o2.value);
-  }), b = (e2) => {
-    f || (d.onOpenChange(true), y()), e2 && (d.triggerPointerDownPosRef.current = {
+  let { __scopeSelect: a, disabled: o = false, ...s } = e, c = usePopperScope(a), u = useSelectContext(TRIGGER_NAME, a), d = u.disabled || o, f = useComposedRefs(i, u.onTriggerChange), p = useCollection(a), m = import_react.useRef("touch"), [h, g, _] = useTypeaheadSearch((e2) => {
+    let i2 = p().filter((e3) => !e3.disabled), a2 = findNextItem(i2, e2, i2.find((e3) => e3.value === u.value));
+    a2 !== void 0 && u.onValueChange(a2.value);
+  }), v = (e2) => {
+    d || (u.onOpenChange(true), _()), e2 && (u.triggerPointerDownPosRef.current = {
       x: Math.round(e2.pageX),
       y: Math.round(e2.pageY)
     });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
     asChild: true,
-    ...u,
+    ...c,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       role: "combobox",
-      "aria-controls": d.contentId,
-      "aria-expanded": d.open,
-      "aria-required": d.required,
+      "aria-controls": u.contentId,
+      "aria-expanded": u.open,
+      "aria-required": u.required,
       "aria-autocomplete": "none",
-      dir: d.dir,
-      "data-state": d.open ? "open" : "closed",
-      disabled: f,
-      "data-disabled": f ? "" : void 0,
-      "data-placeholder": shouldShowPlaceholder(d.value) ? "" : void 0,
+      dir: u.dir,
+      "data-state": u.open ? "open" : "closed",
+      disabled: d,
+      "data-disabled": d ? "" : void 0,
+      "data-placeholder": shouldShowPlaceholder(u.value) ? "" : void 0,
       ...s,
-      ref: p,
+      ref: f,
       onClick: composeEventHandlers(s.onClick, (e2) => {
-        e2.currentTarget.focus(), g.current !== "mouse" && b(e2);
+        e2.currentTarget.focus(), m.current !== "mouse" && v(e2);
       }),
       onPointerDown: composeEventHandlers(s.onPointerDown, (e2) => {
-        g.current = e2.pointerType;
+        m.current = e2.pointerType;
         let i2 = e2.target;
-        i2.hasPointerCapture(e2.pointerId) && i2.releasePointerCapture(e2.pointerId), e2.button === 0 && e2.ctrlKey === false && e2.pointerType === "mouse" && (b(e2), e2.preventDefault());
+        i2.hasPointerCapture(e2.pointerId) && i2.releasePointerCapture(e2.pointerId), e2.button === 0 && e2.ctrlKey === false && e2.pointerType === "mouse" && (v(e2), e2.preventDefault());
       }),
       onKeyDown: composeEventHandlers(s.onKeyDown, (e2) => {
-        let i2 = _.current !== "";
-        !(e2.ctrlKey || e2.altKey || e2.metaKey) && e2.key.length === 1 && v(e2.key), !(i2 && e2.key === " ") && OPEN_KEYS.includes(e2.key) && (b(), e2.preventDefault());
+        let i2 = h.current !== "";
+        !(e2.ctrlKey || e2.altKey || e2.metaKey) && e2.key.length === 1 && g(e2.key), !(i2 && e2.key === " ") && OPEN_KEYS.includes(e2.key) && (v(), e2.preventDefault());
       })
     })
   });
 });
 SelectTrigger$1.displayName = TRIGGER_NAME;
 var VALUE_NAME = "SelectValue", SelectValue$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, className: o, style: s, children: c, placeholder: u = "", ...d } = e, f = useSelectContext(VALUE_NAME, a), { onValueNodeHasChildrenChange: p } = f, m = c !== void 0, h = useComposedRefs(i, f.onValueNodeChange);
+  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(() => {
-    p(m);
-  }, [p, m]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
-    ...d,
-    ref: h,
+    f(p);
+  }, [f, p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+    ...u,
+    ref: m,
     style: { pointerEvents: "none" },
-    children: shouldShowPlaceholder(f.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: u }) : c
+    children: shouldShowPlaceholder(d.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: l }) : c
   });
 });
 SelectValue$1.displayName = VALUE_NAME;
@@ -287,7 +289,7 @@ 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("SelectContent.RemoveScroll"), SelectContentImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: l, onPointerDownOutside: u, side: p, sideOffset: m, align: h, alignOffset: g, arrowPadding: _, collisionBoundary: y, collisionPadding: b, sticky: S, hideWhenDetached: C, avoidCollisions: T, ...E } = e, D = useSelectContext(CONTENT_NAME, a), [O, k] = import_react.useState(null), [A, j] = import_react.useState(null), N = useComposedRefs(i, (e2) => k(e2)), [P, F] = import_react.useState(null), [I, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
+  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: d, side: f, sideOffset: p, align: m, alignOffset: h, arrowPadding: g, collisionBoundary: v, collisionPadding: y, sticky: x, hideWhenDetached: S, avoidCollisions: w, ...E } = e, D = useSelectContext(CONTENT_NAME, a), [O, k] = import_react.useState(null), [A, j] = import_react.useState(null), N = useComposedRefs(i, (e2) => k(e2)), [P, F] = import_react.useState(null), [I, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
   import_react.useEffect(() => {
     if (O) return hideOthers(O);
   }, [O]), useFocusGuards();
@@ -335,8 +337,8 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     };
   }, [W]);
   let [K, q] = useTypeaheadSearch((e2) => {
-    let i2 = R().filter((e3) => !e3.disabled), a2 = i2.find((e3) => e3.ref.current === document.activeElement), o2 = findNextItem(i2, e2, a2);
-    o2 && setTimeout(() => o2.ref.current.focus());
+    let i2 = R().filter((e3) => !e3.disabled), a2 = findNextItem(i2, e2, i2.find((e3) => e3.ref.current === document.activeElement));
+    a2 && setTimeout(() => a2.ref.current.focus());
   }), J = import_react.useCallback((e2, i2, a2) => {
     let o2 = !V.current && !a2;
     (D.value !== void 0 && D.value === i2 || o2) && (F(e2), o2 && (V.current = true));
@@ -344,16 +346,16 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     let o2 = !V.current && !a2;
     (D.value !== void 0 && D.value === i2 || o2) && L(e2);
   }, [D.value]), Q = o === "popper" ? SelectPopperPosition : SelectItemAlignedPosition, $ = Q === SelectPopperPosition ? {
-    side: p,
-    sideOffset: m,
-    align: h,
-    alignOffset: g,
-    arrowPadding: _,
-    collisionBoundary: y,
-    collisionPadding: b,
-    sticky: S,
-    hideWhenDetached: C,
-    avoidCollisions: T
+    side: f,
+    sideOffset: p,
+    align: m,
+    alignOffset: h,
+    arrowPadding: g,
+    collisionBoundary: v,
+    collisionPadding: y,
+    sticky: x,
+    hideWhenDetached: S,
+    avoidCollisions: w
   } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
     scope: a,
@@ -385,8 +387,8 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
           asChild: true,
           disableOutsidePointerEvents: true,
-          onEscapeKeyDown: l,
-          onPointerDownOutside: u,
+          onEscapeKeyDown: c,
+          onPointerDownOutside: d,
           onFocusOutside: (e2) => e2.preventDefault(),
           onDismiss: () => D.onOpenChange(false),
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
@@ -429,66 +431,64 @@ 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), u = useSelectContentContext(CONTENT_NAME, a), [d, f] = import_react.useState(null), [p, m] = import_react.useState(null), h = useComposedRefs(i, (e2) => m(e2)), g = useCollection(a), _ = import_react.useRef(false), v = import_react.useRef(true), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = u, C = import_react.useCallback(() => {
-    if (c.trigger && c.valueNode && d && p && y && b && x) {
-      let e2 = c.trigger.getBoundingClientRect(), i2 = p.getBoundingClientRect(), a2 = c.valueNode.getBoundingClientRect(), s2 = x.getBoundingClientRect();
+  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: v, selectedItem: y, selectedItemText: b, focusSelectedItem: x } = l, S = import_react.useCallback(() => {
+    if (c.trigger && c.valueNode && u && f && v && y && b) {
+      let e2 = c.trigger.getBoundingClientRect(), i2 = f.getBoundingClientRect(), a2 = c.valueNode.getBoundingClientRect(), s2 = b.getBoundingClientRect();
       if (c.dir !== "rtl") {
-        let o2 = s2.left - i2.left, c2 = a2.left - o2, l2 = e2.left - c2, u3 = e2.width + l2, f3 = Math.max(u3, i2.width), p2 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p2 - f3)]);
-        d.style.minWidth = u3 + "px", d.style.left = m3 + "px";
+        let o2 = s2.left - i2.left, c2 = a2.left - o2, l3 = e2.left - 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.left = m3 + "px";
       } else {
-        let o2 = i2.right - s2.right, c2 = window.innerWidth - a2.right - o2, l2 = window.innerWidth - e2.right - c2, u3 = e2.width + l2, f3 = Math.max(u3, i2.width), p2 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p2 - f3)]);
-        d.style.minWidth = u3 + "px", d.style.right = m3 + "px";
+        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 l = g(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = y.scrollHeight, m2 = window.getComputedStyle(p), h2 = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = h2 + v2 + f2 + C2 + S2, T2 = Math.min(b.offsetHeight * 5, w2), E2 = window.getComputedStyle(y), D = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = h2 + v2 + M, P = w2 - N;
+      let l2 = h(), d2 = window.innerHeight - CONTENT_MARGIN * 2, p2 = v.scrollHeight, m2 = window.getComputedStyle(f), _2 = parseInt(m2.borderTopWidth, 10), x2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = _2 + x2 + p2 + C2 + S2, T = Math.min(y.offsetHeight * 5, w2), E = window.getComputedStyle(v), D = parseInt(E.paddingTop, 10), O = parseInt(E.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = d2 - k, j = y.offsetHeight / 2, M = y.offsetTop + j, N = _2 + x2 + M, P = w2 - N;
       if (N <= k) {
-        let e3 = l.length > 0 && b === l[l.length - 1].ref.current;
-        d.style.bottom = "0px";
-        let i3 = p.clientHeight - y.offsetTop - y.offsetHeight, a3 = Math.max(A, j + (e3 ? O : 0) + i3 + S2), o2 = N + a3;
-        d.style.height = o2 + "px";
+        let e3 = l2.length > 0 && y === l2[l2.length - 1].ref.current;
+        u.style.bottom = "0px";
+        let i3 = f.clientHeight - v.offsetTop - v.offsetHeight, a3 = N + Math.max(A, j + (e3 ? O : 0) + i3 + S2);
+        u.style.height = a3 + "px";
       } else {
-        let e3 = l.length > 0 && b === l[0].ref.current;
-        d.style.top = "0px";
-        let i3 = Math.max(k, h2 + y.offsetTop + (e3 ? D : 0) + j) + P;
-        d.style.height = i3 + "px", y.scrollTop = N - k + y.offsetTop;
+        let e3 = l2.length > 0 && y === l2[0].ref.current;
+        u.style.top = "0px";
+        let i3 = Math.max(k, _2 + v.offsetTop + (e3 ? D : 0) + j) + P;
+        u.style.height = i3 + "px", v.scrollTop = N - k + v.offsetTop;
       }
-      d.style.margin = `${CONTENT_MARGIN}px 0`, d.style.minHeight = T2 + "px", d.style.maxHeight = u2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => _.current = true);
+      u.style.margin = `${CONTENT_MARGIN}px 0`, u.style.minHeight = T + "px", u.style.maxHeight = d2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => g.current = true);
     }
   }, [
-    g,
+    h,
     c.trigger,
     c.valueNode,
-    d,
-    p,
+    u,
+    f,
+    v,
     y,
     b,
-    x,
     c.dir,
     o
   ]);
-  useLayoutEffect2(() => C(), [C]);
-  let [w, T] = import_react.useState();
-  useLayoutEffect2(() => {
-    p && T(window.getComputedStyle(p).zIndex);
-  }, [p]);
-  let E = import_react.useCallback((e2) => {
-    e2 && v.current === true && (C(), S == null ? void 0 : S(), v.current = false);
-  }, [C, S]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
+  useLayoutEffect2(() => S(), [S]);
+  let [C, w] = import_react.useState();
+  return useLayoutEffect2(() => {
+    f && w(window.getComputedStyle(f).zIndex);
+  }, [f]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
     scope: a,
-    contentWrapper: d,
-    shouldExpandOnScrollRef: _,
-    onScrollButtonChange: E,
+    contentWrapper: u,
+    shouldExpandOnScrollRef: g,
+    onScrollButtonChange: import_react.useCallback((e2) => {
+      e2 && _.current === true && (S(), x == null ? void 0 : x(), _.current = false);
+    }, [S, x]),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: f,
+      ref: d,
       style: {
         display: "flex",
         flexDirection: "column",
         position: "fixed",
-        zIndex: w
+        zIndex: C
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         ...s,
-        ref: h,
+        ref: m,
         style: {
           boxSizing: "border-box",
           maxHeight: "100%",
@@ -520,7 +520,7 @@ var POPPER_POSITION_NAME = "SelectPopperPosition", SelectPopperPosition = import
 });
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME, {}), VIEWPORT_NAME = "SelectViewport", SelectViewport = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, nonce: o, ...s } = e, u = useSelectContentContext(VIEWPORT_NAME, a), d = useSelectViewportContext(VIEWPORT_NAME, a), f = useComposedRefs(i, u.onViewportChange), p = import_react.useRef(0);
+  let { __scopeSelect: a, nonce: o, ...s } = e, c = useSelectContentContext(VIEWPORT_NAME, a), u = useSelectViewportContext(VIEWPORT_NAME, a), d = useComposedRefs(i, c.onViewportChange), f = import_react.useRef(0);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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}" },
     nonce: o
@@ -530,7 +530,7 @@ var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CON
       "data-radix-select-viewport": "",
       role: "presentation",
       ...s,
-      ref: f,
+      ref: d,
       style: {
         position: "relative",
         flex: 1,
@@ -538,18 +538,18 @@ var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CON
         ...s.style
       },
       onScroll: composeEventHandlers(s.onScroll, (e2) => {
-        let i2 = e2.currentTarget, { contentWrapper: a2, shouldExpandOnScrollRef: o2 } = d;
+        let i2 = e2.currentTarget, { contentWrapper: a2, shouldExpandOnScrollRef: o2 } = u;
         if ((o2 == null ? void 0 : o2.current) && a2) {
-          let e3 = Math.abs(p.current - i2.scrollTop);
+          let e3 = Math.abs(f.current - i2.scrollTop);
           if (e3 > 0) {
-            let o3 = window.innerHeight - CONTENT_MARGIN * 2, s2 = parseFloat(a2.style.minHeight), c = parseFloat(a2.style.height), l = Math.max(s2, c);
+            let o3 = window.innerHeight - CONTENT_MARGIN * 2, s2 = parseFloat(a2.style.minHeight), c2 = parseFloat(a2.style.height), l = Math.max(s2, c2);
             if (l < o3) {
-              let s3 = l + e3, c2 = Math.min(o3, s3), u2 = s3 - c2;
-              a2.style.height = c2 + "px", a2.style.bottom === "0px" && (i2.scrollTop = u2 > 0 ? u2 : 0, a2.style.justifyContent = "flex-end");
+              let s3 = l + e3, c3 = Math.min(o3, s3), u2 = s3 - c3;
+              a2.style.height = c3 + "px", a2.style.bottom === "0px" && (i2.scrollTop = u2 > 0 ? u2 : 0, a2.style.justifyContent = "flex-end");
             }
           }
         }
-        p.current = i2.scrollTop;
+        f.current = i2.scrollTop;
       })
     })
   })] });
@@ -579,11 +579,11 @@ 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: u, ...d } = e, f = useSelectContext(ITEM_NAME, a), p = useSelectContentContext(ITEM_NAME, a), m = f.value === o, [h, g] = import_react.useState(u ?? ""), [_, v] = import_react.useState(false), y = useComposedRefs(i, (e2) => {
+  let { __scopeSelect: a, value: o, disabled: s = false, textValue: c, ...u } = e, d = useSelectContext(ITEM_NAME, a), p = useSelectContentContext(ITEM_NAME, a), m = d.value === o, [h, g] = import_react.useState(c ?? ""), [_, v] = import_react.useState(false), y = useComposedRefs(i, (e2) => {
     var _a;
     return (_a = p.itemRefCallback) == null ? void 0 : _a.call(p, e2, o, s);
   }), b = useId(), x = import_react.useRef("touch"), S = () => {
-    s || (f.onValueChange(o), f.onOpenChange(false));
+    s || (d.onValueChange(o), d.onOpenChange(false));
   };
   if (o === "") throw 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__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
@@ -609,28 +609,28 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
         "aria-disabled": s || void 0,
         "data-disabled": s ? "" : void 0,
         tabIndex: s ? void 0 : -1,
-        ...d,
+        ...u,
         ref: y,
-        onFocus: composeEventHandlers(d.onFocus, () => v(true)),
-        onBlur: composeEventHandlers(d.onBlur, () => v(false)),
-        onClick: composeEventHandlers(d.onClick, () => {
+        onFocus: composeEventHandlers(u.onFocus, () => v(true)),
+        onBlur: composeEventHandlers(u.onBlur, () => v(false)),
+        onClick: composeEventHandlers(u.onClick, () => {
           x.current !== "mouse" && S();
         }),
-        onPointerUp: composeEventHandlers(d.onPointerUp, () => {
+        onPointerUp: composeEventHandlers(u.onPointerUp, () => {
           x.current === "mouse" && S();
         }),
-        onPointerDown: composeEventHandlers(d.onPointerDown, (e2) => {
+        onPointerDown: composeEventHandlers(u.onPointerDown, (e2) => {
           x.current = e2.pointerType;
         }),
-        onPointerMove: composeEventHandlers(d.onPointerMove, (e2) => {
+        onPointerMove: composeEventHandlers(u.onPointerMove, (e2) => {
           var _a;
           x.current = e2.pointerType, s ? (_a = p.onItemLeave) == null ? void 0 : _a.call(p) : x.current === "mouse" && e2.currentTarget.focus({ preventScroll: true });
         }),
-        onPointerLeave: composeEventHandlers(d.onPointerLeave, (e2) => {
+        onPointerLeave: composeEventHandlers(u.onPointerLeave, (e2) => {
           var _a;
           e2.currentTarget === document.activeElement && ((_a = p.onItemLeave) == null ? void 0 : _a.call(p));
         }),
-        onKeyDown: composeEventHandlers(d.onKeyDown, (e2) => {
+        onKeyDown: composeEventHandlers(u.onKeyDown, (e2) => {
           var _a;
           ((_a = p.searchRef) == null ? void 0 : _a.current) !== "" && e2.key === " " || (SELECTION_KEYS.includes(e2.key) && S(), e2.key === " " && e2.preventDefault());
         })
@@ -640,27 +640,27 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
 });
 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, u = useSelectContext(ITEM_TEXT_NAME, a), d = useSelectContentContext(ITEM_TEXT_NAME, a), f = useSelectItemContext(ITEM_TEXT_NAME, a), p = useSelectNativeOptionsContext(ITEM_TEXT_NAME, a), [m, h] = import_react.useState(null), g = useComposedRefs(i, (e2) => h(e2), f.onItemTextChange, (e2) => {
+  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 = d.itemTextRefCallback) == null ? void 0 : _a.call(d, e2, f.value, f.disabled);
-  }), _ = m == null ? void 0 : m.textContent, v = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-    value: f.value,
-    disabled: f.disabled,
-    children: _
-  }, f.value), [
-    f.disabled,
-    f.value,
-    _
-  ]), { onNativeOptionAdd: y, onNativeOptionRemove: b } = p;
-  return useLayoutEffect2(() => (y(v), () => b(v)), [
+    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: v, onNativeOptionRemove: y } = f;
+  return useLayoutEffect2(() => (v(_), () => y(_)), [
+    v,
     y,
-    b,
-    v
+    _
   ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
-    id: f.textId,
+    id: d.textId,
     ...c,
-    ref: g
-  }), f.isSelected && u.valueNode && !u.valueNodeHasChildren ? import_react_dom.createPortal(c.children, u.valueNode) : null] });
+    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) => {
@@ -677,8 +677,7 @@ var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = impor
   return useLayoutEffect2(() => {
     if (a.viewport && a.isPositioned) {
       let e2 = function() {
-        let e3 = i2.scrollTop > 0;
-        c(e3);
+        c(i2.scrollTop > 0);
       }, i2 = a.viewport;
       return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
     }
@@ -697,8 +696,8 @@ var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton =
   return useLayoutEffect2(() => {
     if (a.viewport && a.isPositioned) {
       let e2 = function() {
-        let e3 = i2.scrollHeight - i2.clientHeight, a2 = Math.ceil(i2.scrollTop) < e3;
-        c(a2);
+        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);
     }
@@ -713,13 +712,13 @@ var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton =
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, onAutoScroll: o, ...s } = e, u = useSelectContentContext("SelectScrollButton", a), d = import_react.useRef(null), f = useCollection(a), p = import_react.useCallback(() => {
-    d.current !== null && (window.clearInterval(d.current), d.current = null);
+  let { __scopeSelect: a, onAutoScroll: o, ...s } = e, c = useSelectContentContext("SelectScrollButton", a), u = import_react.useRef(null), d = useCollection(a), f = import_react.useCallback(() => {
+    u.current !== null && (window.clearInterval(u.current), u.current = null);
   }, []);
-  return import_react.useEffect(() => () => p(), [p]), useLayoutEffect2(() => {
+  return import_react.useEffect(() => () => f(), [f]), useLayoutEffect2(() => {
     var _a, _b;
-    (_b = (_a = f().find((e2) => e2.ref.current === document.activeElement)) == null ? void 0 : _a.ref.current) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
-  }, [f]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+    (_b = (_a = d().find((e2) => e2.ref.current === document.activeElement)) == null ? void 0 : _a.ref.current) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
+  }, [d]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
     "aria-hidden": true,
     ...s,
     ref: i,
@@ -728,14 +727,14 @@ var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
       ...s.style
     },
     onPointerDown: composeEventHandlers(s.onPointerDown, () => {
-      d.current === null && (d.current = window.setInterval(o, 50));
+      u.current === null && (u.current = window.setInterval(o, 50));
     }),
     onPointerMove: composeEventHandlers(s.onPointerMove, () => {
       var _a;
-      (_a = u.onItemLeave) == null ? void 0 : _a.call(u), d.current === null && (d.current = window.setInterval(o, 50));
+      (_a = c.onItemLeave) == null ? void 0 : _a.call(c), u.current === null && (u.current = window.setInterval(o, 50));
     }),
     onPointerLeave: composeEventHandlers(s.onPointerLeave, () => {
-      p();
+      f();
     })
   });
 }), SEPARATOR_NAME = "SelectSeparator", SelectSeparator$1 = import_react.forwardRef((e, i) => {
@@ -757,16 +756,16 @@ var ARROW_NAME = "SelectArrow", SelectArrow = import_react.forwardRef((e, i) =>
 });
 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);
+  let s = import_react.useRef(null), c = useComposedRefs(o, s), l = 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) {
+    if (l !== 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, {
+  }, [l, i]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.select, {
     ...a,
     style: {
       ...VISUALLY_HIDDEN_STYLES,
@@ -781,18 +780,18 @@ 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) {
+  let i = useCallbackRef(e), a = import_react.useRef(""), o = import_react.useRef(0), c = import_react.useCallback((e2) => {
+    let s = a.current + e2;
+    i(s), (function e3(i2) {
       a.current = i2, window.clearTimeout(o.current), i2 !== "" && (o.current = window.setTimeout(() => e3(""), 1e3));
-    })(s2);
-  }, [i]), c = import_react.useCallback(() => {
+    })(s);
+  }, [i]), l = import_react.useCallback(() => {
     a.current = "", window.clearTimeout(o.current);
   }, []);
   return import_react.useEffect(() => () => window.clearTimeout(o.current), []), [
     a,
-    s,
-    c
+    c,
+    l
   ];
 }
 function findNextItem(e, i, a) {
@@ -804,7 +803,7 @@ function findNextItem(e, i, a) {
 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$2 = SelectLabel$1, Item = SelectItem$1, ItemText = SelectItemText, ItemIndicator = SelectItemIndicator, ScrollUpButton = SelectScrollUpButton, ScrollDownButton = SelectScrollDownButton, Separator = SelectSeparator$1, import_compiler_runtime$3 = /* @__PURE__ */ __toESM(require_compiler_runtime());
+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 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1);
 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" },
@@ -829,7 +828,7 @@ const menuContentCommon = cva("z-50 min-w-32 overflow-hidden rounded-md border b
   }), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
 };
 MenuShortcut.displayName = "MenuShortcut";
-var import_compiler_runtime$2 = /* @__PURE__ */ __toESM(require_compiler_runtime());
+var import_compiler_runtime$2 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1);
 const selectStyles = cva("flex h-6 w-fit mb-1 items-center justify-between rounded-sm bg-background px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", {
   variants: { variant: {
     default: "shadow-xs-solid border border-input hover:shadow-sm-solid focus:border-primary focus:shadow-md-solid disabled:hover:shadow-xs-solid",
@@ -854,7 +853,7 @@ var NativeSelect = import_react.forwardRef((e, i) => {
   }), a[7] = o, a[8] = c, a[9] = i, a[10] = u, a[11] = d) : d = a[11], d;
 });
 NativeSelect.displayName = "NativeSelect";
-var import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime()), Select = Root2, SelectGroup = Group, SelectPortal = withFullScreenAsRoot(Portal$1), SelectValue = Value, SelectTrigger = import_react.forwardRef((e, i) => {
+var import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), Select = Root2, SelectGroup = Group, SelectPortal = withFullScreenAsRoot(Portal$1), SelectValue = Value, SelectTrigger = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime$1.c)(21), o, s, c, l, u, d;
   a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({ className: s, children: o, onClear: c, variant: d, hideChevron: u, ...l } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
   let f = u === void 0 ? false : u, p;
@@ -880,40 +879,40 @@ var import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime
   }), a[15] = o, a[16] = l, a[17] = i, a[18] = p, a[19] = h, a[20] = g) : g = a[20], g;
 });
 SelectTrigger.displayName = Trigger.displayName;
-var SelectContent = import_react.forwardRef((e, i) => {
+var InternalSelectContent = withSmartCollisionBoundary(Content2), SelectContent = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime$1.c)(21), o, s, c, l;
   a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({ className: s, children: o, position: l, ...c } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
   let u = l === void 0 ? "popper" : l, d = u === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", f;
   a[5] !== s || a[6] !== d ? (f = cn("max-h-[300px] relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", d, s), a[5] = s, a[6] = d, a[7] = f) : f = a[7];
-  let p;
-  a[8] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
+  let m;
+  a[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
     className: "flex items-center justify-center h-[20px] bg-background text-muted-foreground cursor-default",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, { className: "h-4 w-4" })
-  }), a[8] = p) : p = a[8];
-  let m = u === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)", h;
-  a[9] === m ? h = a[10] : (h = cn("p-1", m), a[9] = m, a[10] = h);
-  let g;
-  a[11] !== o || a[12] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
-    className: h,
-    children: o
-  }), a[11] = o, a[12] = h, a[13] = g) : g = a[13];
+  }), a[8] = m) : m = a[8];
+  let h = u === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)", g;
+  a[9] === h ? g = a[10] : (g = cn("p-1", h), a[9] = h, a[10] = g);
   let _;
-  a[14] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
+  a[11] !== o || a[12] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
+    className: g,
+    children: o
+  }), a[11] = o, a[12] = g, a[13] = _) : _ = a[13];
+  let v;
+  a[14] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
     className: "flex items-center justify-center h-[20px] bg-background text-muted-foreground cursor-default",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" })
-  }), a[14] = _) : _ = a[14];
-  let v;
-  return a[15] !== u || a[16] !== c || a[17] !== i || a[18] !== f || a[19] !== g ? (v = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleNamespace, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content2, {
+  }), a[14] = v) : v = a[14];
+  let y;
+  return a[15] !== u || a[16] !== c || a[17] !== i || a[18] !== f || a[19] !== _ ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleNamespace, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InternalSelectContent, {
     ref: i,
     className: f,
     position: u,
     ...c,
     children: [
-      p,
-      g,
-      _
+      m,
+      _,
+      v
     ]
-  }) }) }), a[15] = u, a[16] = c, a[17] = i, a[18] = f, a[19] = g, a[20] = v) : v = a[20], v;
+  }) }) }), a[15] = u, a[16] = c, a[17] = i, a[18] = f, a[19] = _, a[20] = y) : y = a[20], y;
 });
 SelectContent.displayName = Content2.displayName;
 var SelectLabel = import_react.forwardRef((e, i) => {
@@ -1221,7 +1220,7 @@ var NAME = "Label", Label$1 = import_react.forwardRef((e, i) => /* @__PURE__ */
   }
 }));
 Label$1.displayName = NAME;
-var Root = Label$1, import_compiler_runtime = /* @__PURE__ */ __toESM(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 Root = Label$1, import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), 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;
@@ -1235,17 +1234,17 @@ var Root = Label$1, import_compiler_runtime = /* @__PURE__ */ __toESM(require_co
 });
 Label.displayName = Root.displayName;
 export {
-  useOnUnmount as A,
+  clamp as A,
   menuLabelVariants as C,
   Trigger as D,
   Icon as E,
   X as F,
   ChevronUp as I,
   ChevronDown as L,
-  usePrevious as M,
-  createCollection as N,
-  clamp as O,
-  useDirection as P,
+  useOnUnmount as M,
+  usePrevious as N,
+  useDirection as O,
+  upperFirst_default as P,
   menuItemVariants as S,
   menuSubTriggerVariants as T,
   selectStyles as _,
@@ -1257,8 +1256,8 @@ export {
   NativeSelect as g,
   SelectValue as h,
   $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as i,
-  upperFirst_default as j,
-  useOnMount as k,
+  useOnMount as j,
+  createCollection as k,
   SelectContent as l,
   SelectTrigger as m,
   $a916eb452884faea$export$b7a616150fdb9f44 as n,