@marimo-team/islands 0.17.8 → 0.18.0

package/dist/{formats-dvT8nDgH.js → formats-oddMfm9_.js}

@@ -8,7 +8,7 @@ import { t as createLucideIcon } from "./createLucideIcon-ixdBmsqu.js";
 import { d as cn, r as cva } from "./button-Hye6-2X8.js";
 import { s as Logger } from "./hotkeys-C3KM59Ph.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
-import { b as atom, f as isIslands, l as store } from "./useTheme-B-2frT0L.js";
+import { b as atom, f as isIslands, l as store } from "./useTheme-D56Xlrez.js";
 import { n as KnownQueryParams } from "./constants-CN19buVX.js";
 import { i as tableFromIPC } from "./loader-BCInj1Mf.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [
@@ -424,6 +424,25 @@ var urlRegex = /^(https?:\/\/\S+)$/;
 function isUrl(e) {
   return typeof e == "string" && urlRegex.test(e);
 }
+function appendQueryParams({ href: e, queryParams: x, keys: S }) {
+  let C = typeof x == "string" ? new URLSearchParams(x) : x;
+  if (C.size === 0 || e.startsWith("http://") || e.startsWith("https://")) return e;
+  let w = e.startsWith("#"), T = w && e.includes("?");
+  if (w && !T) {
+    let x2 = S ? [...C.entries()].filter(([e2]) => S.includes(e2)) : [...C.entries()], w2 = new URLSearchParams();
+    for (let [e2, S2] of x2) w2.set(e2, S2);
+    let T2 = w2.toString();
+    return T2 ? `/?${T2}${e}` : e;
+  }
+  let E = e, D = "", O = new URLSearchParams(), k = w ? 1 : 0, A = e.indexOf("#", k);
+  A !== -1 && (D = e.slice(A), E = e.slice(0, A));
+  let j = E.indexOf("?");
+  j !== -1 && (O = new URLSearchParams(E.slice(j + 1)), E = E.slice(0, j));
+  let M = new URLSearchParams(O), N = S ? [...C.entries()].filter(([e2]) => S.includes(e2)) : [...C.entries()];
+  for (let [e2, x2] of N) M.set(e2, x2);
+  let P = M.toString();
+  return P ? `${E}?${P}${D}` : e;
+}
 var createId = (0, (/* @__PURE__ */ __toESM(require_cuid2(), 1)).init)({ length: 6 });
 function generateSessionId() {
   return `s_${createId()}`;
@@ -682,10 +701,11 @@ function decodeIPC(e, x) {
   return tableFromIPC(e, x ?? { useProxy: true });
 }
 export {
-  CircleQuestionMark as S,
-  isUrl as _,
+  CircleQuestionMark as C,
+  isWasm as S,
+  appendQueryParams as _,
   AlertDescription as a,
-  Deferred as b,
+  isStaticNotebook as b,
   toDate as c,
   millisecondsInHour as d,
   millisecondsInMinute as f,
@@ -701,7 +721,7 @@ export {
   isValid as s,
   arrow as t,
   millisecondsInDay as u,
-  require_cuid2 as v,
-  isWasm as x,
-  isStaticNotebook as y
+  isUrl as v,
+  Deferred as x,
+  require_cuid2 as y
 };

package/dist/{glide-data-editor-B26PhZvE.js → glide-data-editor-BFv4VQnc.js}

@@ -7,16 +7,16 @@ import { t as require_compiler_runtime } from "./compiler-runtime-DTozApu4.js";
 import { n as toast, t as copyToClipboard } from "./copy-BeueJfCy.js";
 import "./createLucideIcon-ixdBmsqu.js";
 import "./check-DvmFwGOM.js";
-import { T as useOnMount, a as SelectItem, c as SelectTrigger, k as logNever, l as SelectValue, n as Select, r as SelectContent, t as Label } from "./label-D3LNCORf.js";
-import { S as DropdownMenuSubTrigger, X as capitalize_default, Xt as Pencil, Y as useNonce, Yt as Plus, a as Input, b as DropdownMenuSub, g as DropdownMenuItem, m as DropdownMenuContent, n as ErrorBoundary, p as DropdownMenu, qt as Trash, t as BulkEdit, v as DropdownMenuPortal, x as DropdownMenuSubContent, y as DropdownMenuSeparator } from "./types-2eTEqSwS.js";
+import { T as useOnMount, a as SelectItem, c as SelectTrigger, k as logNever, l as SelectValue, n as Select, r as SelectContent, t as Label } from "./label-Dsm6T1fr.js";
+import { S as DropdownMenuSubTrigger, X as capitalize_default, Xt as Pencil, Y as useNonce, Yt as Plus, a as Input, b as DropdownMenuSub, g as DropdownMenuItem, m as DropdownMenuContent, n as ErrorBoundary, p as DropdownMenu, qt as Trash, t as BulkEdit, v as DropdownMenuPortal, x as DropdownMenuSubContent, y as DropdownMenuSeparator } from "./types-IRrkdH-H.js";
 import { t as Copy } from "./copy-B9QnP3Mi.js";
 import "./clsx-JH8KOlt9.js";
 import { t as Button, u as Events } from "./button-Hye6-2X8.js";
 import { s as Logger } from "./hotkeys-C3KM59Ph.js";
-import "./Combination-BH_L276x.js";
+import "./Combination-D68fi0fY.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
 import "./react-dom-DBPBYhx0.js";
-import { m as useEvent_default, t as useTheme } from "./useTheme-B-2frT0L.js";
+import { m as useEvent_default, t as useTheme } from "./useTheme-D56Xlrez.js";
 import "./isArrayLikeObject-LulrZoeO.js";
 import "./isSymbol-bQx0U8Lk.js";
 import "./toString-MxUAFb1C.js";

package/dist/{label-D3LNCORf.js → label-Dsm6T1fr.js}

@@ -5,7 +5,7 @@ import { t as createLucideIcon } from "./createLucideIcon-ixdBmsqu.js";
 import { t as Check } from "./check-DvmFwGOM.js";
 import { d as cn, l as useComposedRefs, o as createSlot, r as cva, u as Events } from "./button-Hye6-2X8.js";
 import { s as Logger } from "./hotkeys-C3KM59Ph.js";
-import { C as DismissableLayer, O as createContextScope, S as useLayoutEffect2, T as Primitive, _ as Content, c as withSmartCollisionBoundary, d as VISUALLY_HIDDEN_STYLES, f as useControllableState, g as Arrow, h as Anchor, i as useFocusGuards, k as composeEventHandlers, l as StyleNamespace, m as Portal, n as hideOthers, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, v as Root2$1, w as useCallbackRef, x as useId, y as createPopperScope } from "./Combination-BH_L276x.js";
+import { A as composeEventHandlers, C as useLayoutEffect2, E as Primitive, S as useId, T as useCallbackRef, _ as Arrow, b as createPopperScope, c as withSmartCollisionBoundary, f as VISUALLY_HIDDEN_STYLES, g as Anchor, h as Portal, i as useFocusGuards, k as createContextScope, n as hideOthers, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content, w as DismissableLayer, y as Root2$1 } from "./Combination-D68fi0fY.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
 import { t as require_react_dom } from "./react-dom-DBPBYhx0.js";
 import { t as toString_default } from "./toString-MxUAFb1C.js";
@@ -345,24 +345,24 @@ function createCollection(e) {
     });
   });
   m.displayName = f;
-  let g = e + "CollectionItemSlot", _ = "data-radix-collection-item", v = createSlot(g), y = import_react.forwardRef((e2, i2) => {
-    let { scope: a2, children: o2, ...s2 } = e2, u = import_react.useRef(null), d2 = useComposedRefs(i2, u), f2 = c(g, a2);
+  let h = e + "CollectionItemSlot", g = "data-radix-collection-item", _ = createSlot(h), v = import_react.forwardRef((e2, i2) => {
+    let { scope: a2, children: o2, ...s2 } = e2, u = import_react.useRef(null), d2 = useComposedRefs(i2, u), f2 = c(h, a2);
     return import_react.useEffect(() => (f2.itemMap.set(u, {
       ref: u,
       ...s2
-    }), () => void f2.itemMap.delete(u))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(v, {
-      [_]: "",
+    }), () => void f2.itemMap.delete(u))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_, {
+      [g]: "",
       ref: d2,
       children: o2
     });
   });
-  y.displayName = g;
-  function b(i2) {
+  v.displayName = h;
+  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(`[${_}]`));
+      let i3 = Array.from(e2.querySelectorAll(`[${g}]`));
       return Array.from(a2.itemMap.values()).sort((e3, a3) => i3.indexOf(e3.ref.current) - i3.indexOf(a3.ref.current));
     }, [a2.collectionRef, a2.itemMap]);
   }
@@ -370,9 +370,9 @@ function createCollection(e) {
     {
       Provider: d,
       Slot: m,
-      ItemSlot: y
+      ItemSlot: v
     },
-    b,
+    y,
     o
   ];
 }
@@ -387,35 +387,35 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
   "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: _ } = e, v = usePopperScope(i), [y, b] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(f), [D, O] = useControllableState({
+  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, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(f), [D, k] = useControllableState({
     prop: o,
     defaultProp: s ?? false,
     onChange: c,
     caller: SELECT_NAME
-  }), [k, A] = useControllableState({
+  }), [A, j] = useControllableState({
     prop: l,
     defaultProp: u,
     onChange: d,
     caller: SELECT_NAME
-  }), j = import_react.useRef(null), N = y ? _ || !!y.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, I] = import_react.useState(/* @__PURE__ */ new Set()), L = Array.from(P).map((e2) => e2.props.value).join(";");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
-    ...v,
+    ...y,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
       required: g,
       scope: i,
-      trigger: y,
-      onTriggerChange: b,
+      trigger: b,
+      onTriggerChange: x,
       valueNode: S,
       onValueNodeChange: C,
       valueNodeHasChildren: w,
       onValueNodeHasChildrenChange: T,
       contentId: useId(),
-      value: k,
-      onValueChange: A,
+      value: A,
+      onValueChange: j,
       open: D,
-      onOpenChange: O,
+      onOpenChange: k,
       dir: E,
-      triggerPointerDownPosRef: j,
+      triggerPointerDownPosRef: M,
       disabled: h,
       children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
         scope: i,
@@ -438,22 +438,22 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         tabIndex: -1,
         name: p,
         autoComplete: m,
-        value: k,
-        onChange: (e2) => A(e2.target.value),
+        value: A,
+        onChange: (e2) => j(e2.target.value),
         disabled: h,
-        form: _,
-        children: [k === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(F)]
+        form: v,
+        children: [A === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(P)]
       }, L) : 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), u = useSelectContext(TRIGGER_NAME, a), d = u.disabled || o, f = useComposedRefs(i, u.onTriggerChange), p = useCollection(a), m = import_react.useRef("touch"), [h, g, v] = useTypeaheadSearch((e2) => {
+  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), h = import_react.useRef("touch"), [_, v, y] = 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);
-  }), y = (e2) => {
-    d || (u.onOpenChange(true), v()), e2 && (u.triggerPointerDownPosRef.current = {
+  }), b = (e2) => {
+    d || (u.onOpenChange(true), y()), e2 && (u.triggerPointerDownPosRef.current = {
       x: Math.round(e2.pageX),
       y: Math.round(e2.pageY)
     });
@@ -476,28 +476,28 @@ var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e
       ...s,
       ref: f,
       onClick: composeEventHandlers(s.onClick, (e2) => {
-        e2.currentTarget.focus(), m.current !== "mouse" && y(e2);
+        e2.currentTarget.focus(), h.current !== "mouse" && b(e2);
       }),
       onPointerDown: composeEventHandlers(s.onPointerDown, (e2) => {
-        m.current = e2.pointerType;
+        h.current = e2.pointerType;
         let i2 = e2.target;
-        i2.hasPointerCapture(e2.pointerId) && i2.releasePointerCapture(e2.pointerId), e2.button === 0 && e2.ctrlKey === false && e2.pointerType === "mouse" && (y(e2), e2.preventDefault());
+        i2.hasPointerCapture(e2.pointerId) && i2.releasePointerCapture(e2.pointerId), e2.button === 0 && e2.ctrlKey === false && e2.pointerType === "mouse" && (b(e2), e2.preventDefault());
       }),
       onKeyDown: composeEventHandlers(s.onKeyDown, (e2) => {
-        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) && (y(), e2.preventDefault());
+        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());
       })
     })
   });
 });
 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: u = "", ...d } = e, f = useSelectContext(VALUE_NAME, a), { onValueNodeHasChildrenChange: p } = f, m = c !== void 0, _ = useComposedRefs(i, f.onValueNodeChange);
   return useLayoutEffect2(() => {
     p(m);
   }, [p, m]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
     ...d,
-    ref: h,
+    ref: _,
     style: { pointerEvents: "none" },
     children: shouldShowPlaceholder(f.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: u }) : c
   });
@@ -539,24 +539,24 @@ 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: c, onPointerDownOutside: u, side: d, sideOffset: f, align: p, alignOffset: h, arrowPadding: g, collisionBoundary: _, collisionPadding: v, sticky: y, hideWhenDetached: b, avoidCollisions: x, ...S } = e, C = useSelectContext(CONTENT_NAME, a), [E, D] = import_react.useState(null), [A, M] = import_react.useState(null), N = useComposedRefs(i, (e2) => D(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: u, side: d, sideOffset: f, align: p, alignOffset: h, arrowPadding: g, collisionBoundary: _, collisionPadding: v, sticky: y, hideWhenDetached: b, avoidCollisions: x, ...S } = e, C = useSelectContext(CONTENT_NAME, a), [w, E] = import_react.useState(null), [O, A] = import_react.useState(null), M = useComposedRefs(i, (e2) => E(e2)), [N, 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 (E) return hideOthers(E);
-  }, [E]), useFocusGuards();
+    if (w) return hideOthers(w);
+  }, [w]), 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 && A && (A.scrollTop = 0), a3 === o2 && A && (A.scrollTop = A.scrollHeight), a3 == null ? void 0 : a3.focus(), document.activeElement !== s2)) return;
-  }, [R, A]), U = import_react.useCallback(() => H([P, E]), [
+    for (let a3 of e2) if (a3 === s2 || (a3 == null ? void 0 : a3.scrollIntoView({ block: "nearest" }), a3 === i2 && O && (O.scrollTop = 0), a3 === o2 && O && (O.scrollTop = O.scrollHeight), a3 == null ? void 0 : a3.focus(), document.activeElement !== s2)) return;
+  }, [R, O]), U = import_react.useCallback(() => H([N, w]), [
     H,
-    P,
-    E
+    N,
+    w
   ]);
   import_react.useEffect(() => {
     z && U();
   }, [z, U]);
   let { onOpenChange: W, triggerPointerDownPosRef: G } = C;
   import_react.useEffect(() => {
-    if (E) {
+    if (w) {
       let e2 = {
         x: 0,
         y: 0
@@ -567,7 +567,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
           y: Math.abs(Math.round(i3.pageY) - (((_b = G.current) == null ? void 0 : _b.y) ?? 0))
         };
       }, a2 = (a3) => {
-        e2.x <= 10 && e2.y <= 10 ? a3.preventDefault() : E.contains(a3.target) || W(false), document.removeEventListener("pointermove", i2), G.current = null;
+        e2.x <= 10 && e2.y <= 10 ? a3.preventDefault() : w.contains(a3.target) || W(false), document.removeEventListener("pointermove", i2), G.current = null;
       };
       return G.current !== null && (document.addEventListener("pointermove", i2), document.addEventListener("pointerup", a2, {
         capture: true,
@@ -577,7 +577,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
       };
     }
   }, [
-    E,
+    w,
     W,
     G
   ]), import_react.useEffect(() => {
@@ -592,7 +592,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
   }), J = import_react.useCallback((e2, i2, a2) => {
     let o2 = !V.current && !a2;
     (C.value !== void 0 && C.value === i2 || o2) && (F(e2), o2 && (V.current = true));
-  }, [C.value]), Y = import_react.useCallback(() => E == null ? void 0 : E.focus(), [E]), Z = import_react.useCallback((e2, i2, a2) => {
+  }, [C.value]), Y = import_react.useCallback(() => w == null ? void 0 : w.focus(), [w]), Z = import_react.useCallback((e2, i2, a2) => {
     let o2 = !V.current && !a2;
     (C.value !== void 0 && C.value === i2 || o2) && L(e2);
   }, [C.value]), Q = o === "popper" ? SelectPopperPosition : SelectItemAlignedPosition, $ = Q === SelectPopperPosition ? {
@@ -609,11 +609,11 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
   } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
     scope: a,
-    content: E,
-    viewport: A,
-    onViewportChange: M,
+    content: w,
+    viewport: O,
+    onViewportChange: A,
     itemRefCallback: J,
-    selectedItem: P,
+    selectedItem: N,
     onItemLeave: Y,
     itemTextRefCallback: Z,
     focusSelectedItem: U,
@@ -650,7 +650,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
             ...S,
             ...$,
             onPlaced: () => B(true),
-            ref: N,
+            ref: M,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -681,7 +681,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), u = useSelectContentContext(CONTENT_NAME, a), [d, f] = import_react.useState(null), [p, m] = import_react.useState(null), h = useComposedRefs(i, (e2) => m(e2)), v = useCollection(a), y = import_react.useRef(false), b = import_react.useRef(true), { viewport: x, selectedItem: S, selectedItemText: C, focusSelectedItem: w } = u, T = import_react.useCallback(() => {
+  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), _ = useComposedRefs(i, (e2) => m(e2)), v = useCollection(a), y = import_react.useRef(false), b = import_react.useRef(true), { viewport: x, selectedItem: S, selectedItemText: C, focusSelectedItem: w } = u, T = import_react.useCallback(() => {
     if (c.trigger && c.valueNode && d && p && x && S && C) {
       let e2 = c.trigger.getBoundingClientRect(), i2 = p.getBoundingClientRect(), a2 = c.valueNode.getBoundingClientRect(), s2 = C.getBoundingClientRect();
       if (c.dir !== "rtl") {
@@ -691,16 +691,16 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         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 l = v(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = x.scrollHeight, m2 = window.getComputedStyle(p), h2 = parseInt(m2.borderTopWidth, 10), g = parseInt(m2.paddingTop, 10), _ = parseInt(m2.borderBottomWidth, 10), b2 = parseInt(m2.paddingBottom, 10), w2 = h2 + g + f2 + b2 + _, T2 = Math.min(S.offsetHeight * 5, w2), E2 = window.getComputedStyle(x), D2 = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = S.offsetHeight / 2, M = S.offsetTop + j, N = h2 + g + M, P = w2 - N;
+      let l = v(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = x.scrollHeight, m2 = window.getComputedStyle(p), h = parseInt(m2.borderTopWidth, 10), g = parseInt(m2.paddingTop, 10), _2 = parseInt(m2.borderBottomWidth, 10), b2 = parseInt(m2.paddingBottom, 10), w2 = h + g + f2 + b2 + _2, T2 = Math.min(S.offsetHeight * 5, w2), E2 = window.getComputedStyle(x), D2 = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = S.offsetHeight / 2, M = S.offsetTop + j, N = h + g + M, P = w2 - N;
       if (N <= k) {
         let e3 = l.length > 0 && S === l[l.length - 1].ref.current;
         d.style.bottom = "0px";
-        let i3 = p.clientHeight - x.offsetTop - x.offsetHeight, a3 = N + Math.max(A, j + (e3 ? O : 0) + i3 + _);
+        let i3 = p.clientHeight - x.offsetTop - x.offsetHeight, a3 = N + Math.max(A, j + (e3 ? O : 0) + i3 + _2);
         d.style.height = a3 + "px";
       } else {
         let e3 = l.length > 0 && S === l[0].ref.current;
         d.style.top = "0px";
-        let i3 = Math.max(k, h2 + x.offsetTop + (e3 ? D2 : 0) + j) + P;
+        let i3 = Math.max(k, h + x.offsetTop + (e3 ? D2 : 0) + j) + P;
         d.style.height = i3 + "px", x.scrollTop = N - k + x.offsetTop;
       }
       d.style.margin = `${CONTENT_MARGIN}px 0`, d.style.minHeight = T2 + "px", d.style.maxHeight = u2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => y.current = true);
@@ -738,7 +738,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         ...s,
-        ref: h,
+        ref: _,
         style: {
           boxSizing: "border-box",
           maxHeight: "100%",
@@ -829,10 +829,10 @@ 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, ...u } = e, d = useSelectContext(ITEM_NAME, a), f = useSelectContentContext(ITEM_NAME, a), p = d.value === o, [m, h] = import_react.useState(c ?? ""), [g, 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), f = useSelectContentContext(ITEM_NAME, a), p = d.value === o, [h, v] = import_react.useState(c ?? ""), [y, b] = import_react.useState(false), x = useComposedRefs(i, (e2) => {
     var _a;
     return (_a = f.itemRefCallback) == null ? void 0 : _a.call(f, e2, o, s);
-  }), b = useId(), x = import_react.useRef("touch"), S = () => {
+  }), S = useId(), C = import_react.useRef("touch"), w = () => {
     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.");
@@ -840,41 +840,41 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
     scope: a,
     value: o,
     disabled: s,
-    textId: b,
+    textId: S,
     isSelected: p,
     onItemTextChange: import_react.useCallback((e2) => {
-      h((i2) => i2 || ((e2 == null ? void 0 : e2.textContent) ?? "").trim());
+      v((i2) => i2 || ((e2 == null ? void 0 : e2.textContent) ?? "").trim());
     }, []),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.ItemSlot, {
       scope: a,
       value: o,
       disabled: s,
-      textValue: m,
+      textValue: h,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         role: "option",
-        "aria-labelledby": b,
-        "data-highlighted": g ? "" : void 0,
-        "aria-selected": p && g,
+        "aria-labelledby": S,
+        "data-highlighted": y ? "" : void 0,
+        "aria-selected": p && y,
         "data-state": p ? "checked" : "unchecked",
         "aria-disabled": s || void 0,
         "data-disabled": s ? "" : void 0,
         tabIndex: s ? void 0 : -1,
         ...u,
-        ref: y,
-        onFocus: composeEventHandlers(u.onFocus, () => v(true)),
-        onBlur: composeEventHandlers(u.onBlur, () => v(false)),
+        ref: x,
+        onFocus: composeEventHandlers(u.onFocus, () => b(true)),
+        onBlur: composeEventHandlers(u.onBlur, () => b(false)),
         onClick: composeEventHandlers(u.onClick, () => {
-          x.current !== "mouse" && S();
+          C.current !== "mouse" && w();
         }),
         onPointerUp: composeEventHandlers(u.onPointerUp, () => {
-          x.current === "mouse" && S();
+          C.current === "mouse" && w();
         }),
         onPointerDown: composeEventHandlers(u.onPointerDown, (e2) => {
-          x.current = e2.pointerType;
+          C.current = e2.pointerType;
         }),
         onPointerMove: composeEventHandlers(u.onPointerMove, (e2) => {
           var _a;
-          x.current = e2.pointerType, s ? (_a = f.onItemLeave) == null ? void 0 : _a.call(f) : x.current === "mouse" && e2.currentTarget.focus({ preventScroll: true });
+          C.current = e2.pointerType, s ? (_a = f.onItemLeave) == null ? void 0 : _a.call(f) : C.current === "mouse" && e2.currentTarget.focus({ preventScroll: true });
         }),
         onPointerLeave: composeEventHandlers(u.onPointerLeave, (e2) => {
           var _a;
@@ -882,7 +882,7 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
         }),
         onKeyDown: composeEventHandlers(u.onKeyDown, (e2) => {
           var _a;
-          ((_a = f.searchRef) == null ? void 0 : _a.current) !== "" && e2.key === " " || (SELECTION_KEYS.includes(e2.key) && S(), e2.key === " " && e2.preventDefault());
+          ((_a = f.searchRef) == null ? void 0 : _a.current) !== "" && e2.key === " " || (SELECTION_KEYS.includes(e2.key) && w(), e2.key === " " && e2.preventDefault());
         })
       })
     })
@@ -890,7 +890,7 @@ 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), v = useComposedRefs(i, (e2) => h(e2), f.onItemTextChange, (e2) => {
+  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, _] = import_react.useState(null), v = useComposedRefs(i, (e2) => _(e2), f.onItemTextChange, (e2) => {
     var _a;
     return (_a = d.itemTextRefCallback) == null ? void 0 : _a.call(d, e2, f.value, f.disabled);
   }), y = m == null ? void 0 : m.textContent, b = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {