@marimo-team/islands 0.17.8 → 0.18.1

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

@@ -3,9 +3,9 @@ import { t as require_react } from "./react-DXQlph6m.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DTozApu4.js";
 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 { a as cva, c as useComposedRefs, i as createSlot, l as Events, u as cn } from "./button-Css_i-3R.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 { C as useLayoutEffect2, E as Primitive$1, M as composeEventHandlers, O as createSlot$1, 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, j 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-DN9sfYvo.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";
@@ -327,7 +327,7 @@ function createCollection(e) {
   let i = e + "CollectionProvider", [a, o] = createContextScope(i), [s, c] = a(i, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map()
-  }), d = (e2) => {
+  }), u = (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,
@@ -336,43 +336,43 @@ function createCollection(e) {
       children: a2
     });
   };
-  d.displayName = i;
-  let f = e + "CollectionSlot", p = createSlot(f), m = import_react.forwardRef((e2, i2) => {
+  u.displayName = i;
+  let d = e + "CollectionSlot", f = createSlot$1(d), p = import_react.forwardRef((e2, i2) => {
     let { scope: a2, children: o2 } = e2;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(p, {
-      ref: useComposedRefs(i2, c(f, a2).collectionRef),
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f, {
+      ref: useComposedRefs(i2, c(d, a2).collectionRef),
       children: o2
     });
   });
-  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);
-    return import_react.useEffect(() => (f2.itemMap.set(u, {
-      ref: u,
+  p.displayName = d;
+  let m = e + "CollectionItemSlot", h = "data-radix-collection-item", g = createSlot$1(m), v = import_react.forwardRef((e2, i2) => {
+    let { scope: a2, children: o2, ...s2 } = e2, u2 = import_react.useRef(null), d2 = useComposedRefs(i2, u2), f2 = c(m, a2);
+    return import_react.useEffect(() => (f2.itemMap.set(u2, {
+      ref: u2,
       ...s2
-    }), () => void f2.itemMap.delete(u))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(v, {
-      [_]: "",
+    }), () => void f2.itemMap.delete(u2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
+      [h]: "",
       ref: d2,
       children: o2
     });
   });
-  y.displayName = g;
-  function b(i2) {
+  v.displayName = m;
+  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(`[${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: d,
-      Slot: m,
-      ItemSlot: y
+      Provider: u,
+      Slot: p,
+      ItemSlot: v
     },
-    b,
+    y,
     o
   ];
 }
@@ -381,51 +381,51 @@ 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 = [
+var import_react_dom$1 = /* @__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: _ } = 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: _ } = 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, O] = 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 ? _ || !!b.closest("form") : true, [P, F] = 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,
       dir: E,
-      triggerPointerDownPosRef: j,
+      triggerPointerDownPosRef: M,
       disabled: h,
       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;
             });
@@ -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)]
+        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), m = 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)
     });
@@ -461,7 +461,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.button, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.button, {
       type: "button",
       role: "combobox",
       "aria-controls": u.contentId,
@@ -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(), m.current !== "mouse" && b(e2);
       }),
       onPointerDown: composeEventHandlers(s.onPointerDown, (e2) => {
         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" && (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, g = c !== void 0, _ = useComposedRefs(i, f.onValueNodeChange);
   return useLayoutEffect2(() => {
-    p(m);
-  }, [p, m]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+    p(g);
+  }, [p, g]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.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
   });
@@ -505,7 +505,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.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
     "aria-hidden": true,
     ...s,
     ref: i,
@@ -524,7 +524,7 @@ var CONTENT_NAME = "SelectContent", SelectContent$1 = import_react.forwardRef((e
     s(new DocumentFragment());
   }, []), !a.open) {
     let i2 = o;
-    return i2 ? import_react_dom.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
+    return i2 ? import_react_dom$1.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
       scope: e.__scopeSelect,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
         scope: e.__scopeSelect,
@@ -538,25 +538,25 @@ 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);
+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: u, side: d, sideOffset: f, align: p, alignOffset: m, arrowPadding: h, collisionBoundary: _, collisionPadding: v, sticky: y, hideWhenDetached: b, avoidCollisions: x, ...S } = e, C = useSelectContext(CONTENT_NAME, a), [w, T] = import_react.useState(null), [D, k] = import_react.useState(null), j = useComposedRefs(i, (e2) => T(e2)), [N, P] = 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 && D && (D.scrollTop = 0), a3 === o2 && D && (D.scrollTop = D.scrollHeight), a3 == null ? void 0 : a3.focus(), document.activeElement !== s2)) return;
+  }, [R, D]), 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(() => {
@@ -591,16 +591,16 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     a2 && setTimeout(() => a2.ref.current.focus());
   }), 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 !== void 0 && C.value === i2 || o2) && (P(e2), o2 && (V.current = true));
+  }, [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 ? {
     side: d,
     sideOffset: f,
     align: p,
-    alignOffset: h,
-    arrowPadding: g,
+    alignOffset: m,
+    arrowPadding: h,
     collisionBoundary: _,
     collisionPadding: v,
     sticky: y,
@@ -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: D,
+    onViewportChange: k,
     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: j,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -681,26 +681,26 @@ 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, g] = import_react.useState(null), _ = useComposedRefs(i, (e2) => g(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") {
-        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, l2 = e2.left - c2, u3 = e2.width + l2, f3 = Math.max(u3, i2.width), p2 = window.innerWidth - CONTENT_MARGIN, m2 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p2 - f3)]);
+        d.style.minWidth = u3 + "px", d.style.left = m2 + "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, l2 = window.innerWidth - e2.right - c2, u3 = e2.width + l2, f3 = Math.max(u3, i2.width), p2 = window.innerWidth - CONTENT_MARGIN, m2 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p2 - f3)]);
+        d.style.minWidth = u3 + "px", d.style.right = m2 + "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, m = window.getComputedStyle(p), h = parseInt(m.borderTopWidth, 10), g2 = parseInt(m.paddingTop, 10), _2 = parseInt(m.borderBottomWidth, 10), b2 = parseInt(m.paddingBottom, 10), w2 = h + g2 + 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 + g2 + 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);
@@ -736,9 +736,9 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
         position: "fixed",
         zIndex: E
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
         ...s,
-        ref: h,
+        ref: _,
         style: {
           boxSizing: "border-box",
           maxHeight: "100%",
@@ -776,7 +776,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.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
       "data-radix-select-viewport": "",
       role: "presentation",
       ...s,
@@ -810,7 +810,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.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
       role: "group",
       "aria-labelledby": s,
       ...o,
@@ -821,7 +821,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.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
     id: s.id,
     ...o,
     ref: i
@@ -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, [m, _] = 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());
+      _((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,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.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,10 +890,10 @@ 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), [g, _] = 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", {
+  }), y = g == null ? void 0 : g.textContent, b = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
     value: f.value,
     disabled: f.disabled,
     children: y
@@ -906,16 +906,16 @@ var ITEM_TEXT_NAME = "SelectItemText", SelectItemText = import_react.forwardRef(
     x,
     S,
     b
-  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
     id: f.textId,
     ...c,
     ref: v
-  }), f.isSelected && u.valueNode && !u.valueNodeHasChildren ? import_react_dom.createPortal(c.children, u.valueNode) : null] });
+  }), f.isSelected && u.valueNode && !u.valueNodeHasChildren ? import_react_dom$1.createPortal(c.children, u.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, {
+  return useSelectItemContext(ITEM_INDICATOR_NAME, a).isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.span, {
     "aria-hidden": true,
     ...o,
     ref: i
@@ -968,7 +968,7 @@ var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
   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, {
+  }, [u]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
     "aria-hidden": true,
     ...s,
     ref: i,
@@ -989,7 +989,7 @@ var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
   });
 }), SEPARATOR_NAME = "SelectSeparator", SelectSeparator$1 = import_react.forwardRef((e, i) => {
   let { __scopeSelect: a, ...o } = e;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
     "aria-hidden": true,
     ...o,
     ref: i
@@ -1015,7 +1015,7 @@ var BUBBLE_INPUT_NAME = "SelectBubbleInput", SelectBubbleInput = import_react.fo
       let a3 = new Event("change", { bubbles: true });
       o2.call(e2, i), e2.dispatchEvent(a3);
     }
-  }, [u, i]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.select, {
+  }, [u, i]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.select, {
     ...a,
     style: {
       ...VISUALLY_HIDDEN_STYLES,
@@ -1071,11 +1071,11 @@ const menuContentCommon = cva("z-50 min-w-32 overflow-hidden rounded-md border b
   i[0] === e ? (a = i[1], o = i[2]) : ({ className: a, ...o } = e, i[0] = e, i[1] = a, i[2] = o);
   let s;
   i[3] === a ? s = i[4] : (s = cn("ml-auto text-xs tracking-widest opacity-60", a), i[3] = a, i[4] = s);
-  let l;
-  return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  let c;
+  return i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: s,
     ...o
-  }), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+  }), 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(), 1);
@@ -1087,59 +1087,59 @@ const selectStyles = cva("flex h-6 w-fit mb-1 items-center justify-between round
   defaultVariants: { variant: "default" }
 });
 var NativeSelect = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime$2.c)(12), o, s, l;
-  a[0] === e ? (o = a[1], s = a[2], l = a[3]) : ({ className: s, children: o, ...l } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = l);
+  let a = (0, import_compiler_runtime$2.c)(12), o, s, c;
+  a[0] === e ? (o = a[1], s = a[2], c = a[3]) : ({ className: s, children: o, ...c } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c);
+  let l;
+  a[4] === Symbol.for("react.memo_cache_sentinel") ? (l = Events.stopPropagation(), a[4] = l) : l = a[4];
   let u;
-  a[4] === Symbol.for("react.memo_cache_sentinel") ? (u = Events.stopPropagation(), a[4] = u) : u = a[4];
-  let d;
-  a[5] === s ? d = a[6] : (d = cn(selectStyles({}), s), a[5] = s, a[6] = d);
+  a[5] === s ? u = a[6] : (u = cn(selectStyles({}), s), a[5] = s, a[6] = u);
   let p;
-  return a[7] !== o || a[8] !== l || a[9] !== i || a[10] !== d ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", {
+  return a[7] !== o || a[8] !== c || a[9] !== i || a[10] !== u ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", {
     ref: i,
-    onClick: u,
-    className: d,
-    ...l,
+    onClick: l,
+    className: u,
+    ...c,
     children: o
-  }), a[7] = o, a[8] = l, a[9] = i, a[10] = d, a[11] = p) : p = a[11], p;
+  }), a[7] = o, a[8] = c, a[9] = i, a[10] = u, a[11] = p) : p = a[11], p;
 });
 NativeSelect.displayName = "NativeSelect";
 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, l, u, d, f;
-  a[0] === e ? (o = a[1], s = a[2], l = a[3], u = a[4], d = a[5], f = a[6]) : ({ className: s, children: o, onClear: l, variant: f, hideChevron: d, ...u } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = l, a[4] = u, a[5] = d, a[6] = f);
-  let p = d === void 0 ? false : d, m;
-  a[7] !== s || a[8] !== f ? (m = cn(selectStyles({ variant: f }), "mb-0", s), a[7] = s, a[8] = f, a[9] = m) : m = a[9];
+  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 p = u === void 0 ? false : u, m;
+  a[7] !== s || a[8] !== d ? (m = cn(selectStyles({ variant: d }), "mb-0", s), a[7] = s, a[8] = d, a[9] = m) : m = a[9];
   let h;
-  a[10] !== p || a[11] !== l ? (h = l ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  a[10] !== p || a[11] !== c ? (h = c ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     onPointerDown: (e2) => {
-      e2.preventDefault(), e2.stopPropagation(), l();
+      e2.preventDefault(), e2.stopPropagation(), c();
     },
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "h-4 w-4 opacity-50 hover:opacity-90" })
-  }) : !p && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }), a[10] = p, a[11] = l, a[12] = h) : h = a[12];
+  }) : !p && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }), a[10] = p, a[11] = c, a[12] = h) : h = a[12];
   let g;
   a[13] === h ? g = a[14] : (g = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
     asChild: true,
     children: h
   }), a[13] = h, a[14] = g);
   let _;
-  return a[15] !== o || a[16] !== u || a[17] !== i || a[18] !== m || a[19] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
+  return a[15] !== o || a[16] !== l || a[17] !== i || a[18] !== m || a[19] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
     ref: i,
     className: m,
-    ...u,
+    ...l,
     children: [o, g]
-  }), a[15] = o, a[16] = u, a[17] = i, a[18] = m, a[19] = g, a[20] = _) : _ = a[20], _;
+  }), a[15] = o, a[16] = l, a[17] = i, a[18] = m, a[19] = g, a[20] = _) : _ = a[20], _;
 });
 SelectTrigger.displayName = Trigger.displayName;
 var InternalSelectContent = withSmartCollisionBoundary(Content2), SelectContent = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime$1.c)(21), o, s, l, u;
-  a[0] === e ? (o = a[1], s = a[2], l = a[3], u = a[4]) : ({ className: s, children: o, position: u, ...l } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = l, a[4] = u);
-  let d = u === void 0 ? "popper" : u, f = d === "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", p;
-  a[5] !== s || a[6] !== f ? (p = 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", f, s), a[5] = s, a[6] = f, a[7] = p) : p = a[7];
+  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", p;
+  a[5] !== s || a[6] !== d ? (p = 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] = p) : p = a[7];
   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] = m) : m = a[8];
-  let h = d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)", g;
+  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[11] !== o || a[12] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
@@ -1152,37 +1152,37 @@ var InternalSelectContent = withSmartCollisionBoundary(Content2), SelectContent
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" })
   }), a[14] = v) : v = a[14];
   let y;
-  return a[15] !== d || a[16] !== l || a[17] !== i || a[18] !== p || 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, {
+  return a[15] !== u || a[16] !== c || a[17] !== i || a[18] !== p || 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: p,
-    position: d,
-    ...l,
+    position: u,
+    ...c,
     children: [
       m,
       _,
       v
     ]
-  }) }) }), a[15] = d, a[16] = l, a[17] = i, a[18] = p, a[19] = _, a[20] = y) : y = a[20], y;
+  }) }) }), a[15] = u, a[16] = c, a[17] = i, a[18] = p, a[19] = _, a[20] = y) : y = a[20], y;
 });
 SelectContent.displayName = Content2.displayName;
 var SelectLabel = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime$1.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;
+  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;
-  a[3] === o ? l = a[4] : (l = cn("px-2 py-1.5 text-sm font-semibold", o), a[3] = o, a[4] = l);
-  let u;
-  return a[5] !== s || a[6] !== i || a[7] !== l ? (u = /* @__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$2, {
     ref: i,
-    className: l,
+    className: c,
     ...s
-  }), a[5] = s, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
+  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
 });
 SelectLabel.displayName = Label$2.displayName;
 var SelectItem = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime$1.c)(17), o, l, u, d;
-  a[0] === e ? (o = a[1], l = a[2], u = a[3], d = a[4]) : ({ className: l, children: o, subtitle: d, ...u } = e, a[0] = e, a[1] = o, a[2] = l, a[3] = u, a[4] = d);
-  let f;
-  a[5] === l ? f = a[6] : (f = cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground", MENU_ITEM_DISABLED, l), a[5] = l, a[6] = f);
+  let a = (0, import_compiler_runtime$1.c)(17), o, c, l, u;
+  a[0] === e ? (o = a[1], c = a[2], l = a[3], u = a[4]) : ({ className: c, children: o, subtitle: u, ...l } = e, a[0] = e, a[1] = o, a[2] = c, a[3] = l, a[4] = u);
+  let d;
+  a[5] === c ? d = a[6] : (d = cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground", MENU_ITEM_DISABLED, c), a[5] = c, a[6] = d);
   let p;
   a[7] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -1195,32 +1195,62 @@ var SelectItem = import_react.forwardRef((e, i) => {
     children: o
   }), a[8] = o, a[9] = m, a[10] = h) : h = a[10];
   let g;
-  return a[11] !== u || a[12] !== i || a[13] !== d || a[14] !== f || a[15] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
+  return a[11] !== l || a[12] !== i || a[13] !== u || a[14] !== d || a[15] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
     ref: i,
-    className: f,
-    ...u,
+    className: d,
+    ...l,
     children: [
       p,
       h,
-      d
+      u
     ]
-  }), a[11] = u, a[12] = i, a[13] = d, a[14] = f, a[15] = h, a[16] = g) : g = a[16], g;
+  }), a[11] = l, a[12] = i, a[13] = u, a[14] = d, a[15] = h, a[16] = g) : g = a[16], g;
 });
 SelectItem.displayName = Item.displayName;
 var SelectSeparator = import_react.forwardRef((e, i) => {
   let a = (0, import_compiler_runtime$1.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;
+  a[3] === o ? c = a[4] : (c = cn("-mx-1 my-1 h-px bg-muted", o), a[3] = o, a[4] = c);
   let l;
-  a[3] === o ? l = a[4] : (l = cn("-mx-1 my-1 h-px bg-muted", o), a[3] = o, a[4] = l);
-  let u;
-  return a[5] !== s || a[6] !== i || a[7] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
+  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
     ref: i,
-    className: l,
+    className: c,
     ...s
-  }), a[5] = s, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
+  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
 });
-SelectSeparator.displayName = Separator.displayName;
-var NAME = "Label", Label$1 = import_react.forwardRef((e, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.label, {
+SelectSeparator.displayName = Separator.displayName, 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[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) => {
@@ -1232,54 +1262,55 @@ Label$1.displayName = NAME;
 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;
+  a[3] === o ? c = a[4] : (c = cn(labelVariants(), o), a[3] = o, a[4] = c);
   let l;
-  a[3] === o ? l = a[4] : (l = cn(labelVariants(), o), a[3] = o, a[4] = l);
-  let u;
-  return a[5] !== s || a[6] !== i || a[7] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
+  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
     ref: i,
-    className: l,
+    className: c,
     ...s
-  }), a[5] = s, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
+  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
 });
 Label.displayName = Root.displayName;
 export {
-  upperFirst_default as A,
-  createCollection as C,
-  usePrevious as D,
-  useOnUnmount 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,
-  assertNever as O,
-  $18f2051aff69b9bf$export$a54013f0d02a8f82 as P,
-  ChevronUp as R,
-  useDirection as S,
-  useOnMount as T,
-  menuLabelVariants as _,
-  SelectItem as a,
-  Icon as b,
-  SelectTrigger as c,
-  selectStyles as d,
-  MENU_ITEM_DISABLED as f,
-  menuItemVariants as g,
-  menuControlVariants as h,
-  SelectGroup as i,
-  $a916eb452884faea$export$b7a616150fdb9f44 as j,
-  logNever as k,
-  SelectValue as l,
-  menuControlCheckVariants as m,
-  Select as n,
-  SelectLabel as o,
-  menuContentCommon as p,
-  SelectContent as r,
-  SelectSeparator as s,
+  logNever as A,
+  ChevronDown as B,
+  useDirection as C,
+  useOnUnmount as D,
+  useOnMount as E,
+  $18f2051aff69b9bf$export$a54013f0d02a8f82 as F,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as I,
+  $b5e257d569688ac6$export$619500959fc48b26 as L,
+  $a916eb452884faea$export$b7a616150fdb9f44 as M,
+  $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as N,
+  usePrevious as O,
+  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as P,
+  X as R,
+  Trigger as S,
+  clamp as T,
+  menuItemVariants as _,
+  SelectGroup as a,
+  menuSubTriggerVariants as b,
+  SelectSeparator as c,
+  NativeSelect as d,
+  selectStyles as f,
+  menuControlVariants as g,
+  menuControlCheckVariants as h,
+  SelectContent as i,
+  upperFirst_default as j,
+  assertNever as k,
+  SelectTrigger as l,
+  menuContentCommon as m,
+  Primitive as n,
+  SelectItem as o,
+  MENU_ITEM_DISABLED as p,
+  Select as r,
+  SelectLabel as s,
   Label as t,
-  NativeSelect as u,
-  menuSeparatorVariants as v,
-  clamp as w,
-  Trigger as x,
-  menuSubTriggerVariants as y,
-  ChevronDown as z
+  SelectValue as u,
+  menuLabelVariants as v,
+  createCollection as w,
+  Icon as x,
+  menuSeparatorVariants as y,
+  ChevronUp as z
 };