@marimo-team/islands 0.18.0 → 0.18.1

package/dist/{label-Dsm6T1fr.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 { 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 { 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,40 +336,40 @@ 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 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,
+  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)(_, {
-      [g]: "",
+    }), () => void f2.itemMap.delete(u2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
+      [h]: "",
       ref: d2,
       children: o2
     });
   });
-  v.displayName = h;
+  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(`[${g}]`));
+      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,
+      Provider: u,
+      Slot: p,
       ItemSlot: v
     },
     y,
@@ -381,13 +381,13 @@ 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: 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({
+  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,
@@ -397,7 +397,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
     defaultProp: u,
     onChange: d,
     caller: SELECT_NAME
-  }), 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(";");
+  }), 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, {
     ...y,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
@@ -413,7 +413,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
       value: A,
       onValueChange: j,
       open: D,
-      onOpenChange: k,
+      onOpenChange: O,
       dir: E,
       triggerPointerDownPosRef: M,
       disabled: h,
@@ -422,10 +422,10 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         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;
             });
@@ -441,7 +441,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         value: A,
         onChange: (e2) => j(e2.target.value),
         disabled: h,
-        form: v,
+        form: _,
         children: [A === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(P)]
       }, L) : null]
     })
@@ -449,7 +449,7 @@ 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, 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 { __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);
   }), b = (e2) => {
@@ -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,10 +476,10 @@ var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e
       ...s,
       ref: f,
       onClick: composeEventHandlers(s.onClick, (e2) => {
-        e2.currentTarget.focus(), h.current !== "mouse" && b(e2);
+        e2.currentTarget.focus(), m.current !== "mouse" && b(e2);
       }),
       onPointerDown: composeEventHandlers(s.onPointerDown, (e2) => {
-        h.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());
       }),
@@ -492,10 +492,10 @@ var TRIGGER_NAME = "SelectTrigger", SelectTrigger$1 = import_react.forwardRef((e
 });
 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, _ = 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: _,
     style: { pointerEvents: "none" },
@@ -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,15 +538,15 @@ 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), [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);
+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 (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 && 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]), [
+    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,
     N,
     w
@@ -591,7 +591,7 @@ 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 !== 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);
@@ -599,8 +599,8 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     side: d,
     sideOffset: f,
     align: p,
-    alignOffset: h,
-    arrowPadding: g,
+    alignOffset: m,
+    arrowPadding: h,
     collisionBoundary: _,
     collisionPadding: v,
     sticky: y,
@@ -610,8 +610,8 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
     scope: a,
     content: w,
-    viewport: O,
-    onViewportChange: A,
+    viewport: D,
+    onViewportChange: k,
     itemRefCallback: J,
     selectedItem: N,
     onItemLeave: Y,
@@ -650,7 +650,7 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
             ...S,
             ...$,
             onPlaced: () => B(true),
-            ref: M,
+            ref: j,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -681,17 +681,17 @@ 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), _ = 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), 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;
+      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";
@@ -736,7 +736,7 @@ 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: _,
         style: {
@@ -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,7 +829,7 @@ var LABEL_NAME = "SelectLabel", SelectLabel$1 = import_react.forwardRef((e, i) =
 });
 SelectLabel$1.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, value: o, disabled: s = false, textValue: c, ...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) => {
+  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);
   }), S = useId(), C = import_react.useRef("touch"), w = () => {
@@ -843,14 +843,14 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
     textId: S,
     isSelected: p,
     onItemTextChange: import_react.useCallback((e2) => {
-      v((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: h,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+      textValue: m,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive$1.div, {
         role: "option",
         "aria-labelledby": S,
         "data-highlighted": y ? "" : void 0,
@@ -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, _] = import_react.useState(null), v = useComposedRefs(i, (e2) => _(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
 };