@marimo-team/islands 0.23.1-dev21 → 0.23.1-dev23

package/dist/{label-J1N4mVcg.js → label-BebYlsDV.js}

@@ -1,12 +1,12 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { a as createPopperScope, c as VISUALLY_HIDDEN_STYLES, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist-CjLQ79mo.js";
-import { t as Check } from "./check-C51PA02v.js";
-import { d as createSlot, g as Logger, h as Events, m as useComposedRefs, r as cva, y as cn } from "./button-Cn59RsBF.js";
-import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
+import { _ as Logger, d as createSlot, g as cn, h as Events, m as useComposedRefs, r as cva } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { a as createPopperScope, c as VISUALLY_HIDDEN_STYLES, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist-CTtLBPLZ.js";
+import { t as Check } from "./check-BgrdTLuv.js";
+import { t as require_react_dom } from "./react-dom-D5FDLRUB.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { $ as StyleNamespace, X as withFullScreenAsRoot, Z as withSmartCollisionBoundary, _t as Primitive, at as FocusScope, et as hideOthers, ft as useControllableState, gt as createContextScope, it as Portal, lt as useCallbackRef, mt as composeEventHandlers, pt as useLayoutEffect2, rt as useFocusGuards, st as DismissableLayer, tt as Combination_default, ut as useId } from "./zod-D4UoCYGu.js";
+import { $ as StyleNamespace, X as withFullScreenAsRoot, Z as withSmartCollisionBoundary, _t as Primitive, at as FocusScope, et as hideOthers, ft as useControllableState, gt as createContextScope, it as Portal, lt as useCallbackRef, mt as composeEventHandlers, pt as useLayoutEffect2, rt as useFocusGuards, st as DismissableLayer, tt as Combination_default, ut as useId } from "./zod-W5ZEjzaE.js";
 import { t as invariant } from "./invariant-e8eBgdux.js";
 var ChevronDown = createLucideIcon("chevron-down", [["path", {
   d: "m6 9 6 6 6-6",
@@ -22,56 +22,56 @@ var ChevronDown = createLucideIcon("chevron-down", [["path", {
   key: "d8bk6v"
 }]]), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
 function createCollection(e) {
-  let i = e + "CollectionProvider", [a, o] = createContextScope(i), [s, c] = a(i, {
+  let i = e + "CollectionProvider", [o, s] = createContextScope(i), [l, u] = o(i, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map()
-  }), l = (e2) => {
-    let { scope: i2, children: a2 } = e2, o2 = import_react.useRef(null), c2 = import_react.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(s, {
+  }), d = (e2) => {
+    let { scope: i2, children: a } = e2, o2 = import_react.useRef(null), s2 = import_react.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(l, {
       scope: i2,
-      itemMap: c2,
+      itemMap: s2,
       collectionRef: o2,
-      children: a2
+      children: a
     });
   };
-  l.displayName = i;
-  let u = e + "CollectionSlot", d = createSlot(u), f = import_react.forwardRef((e2, i2) => {
-    let { scope: a2, children: o2 } = e2;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(d, {
-      ref: useComposedRefs(i2, c(u, a2).collectionRef),
+  d.displayName = i;
+  let f = e + "CollectionSlot", p = createSlot(f), m = import_react.forwardRef((e2, i2) => {
+    let { scope: a, children: o2 } = e2;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(p, {
+      ref: useComposedRefs(i2, u(f, a).collectionRef),
       children: o2
     });
   });
-  f.displayName = u;
-  let p = e + "CollectionItemSlot", h = "data-radix-collection-item", g = createSlot(p), v = import_react.forwardRef((e2, i2) => {
-    let { scope: a2, children: o2, ...s2 } = e2, l2 = import_react.useRef(null), u2 = useComposedRefs(i2, l2), d2 = c(p, a2);
-    return import_react.useEffect(() => (d2.itemMap.set(l2, {
+  m.displayName = f;
+  let h = e + "CollectionItemSlot", g = "data-radix-collection-item", _ = createSlot(h), v = import_react.forwardRef((e2, i2) => {
+    let { scope: a, children: o2, ...s2 } = e2, l2 = import_react.useRef(null), d2 = useComposedRefs(i2, l2), f2 = u(h, a);
+    return import_react.useEffect(() => (f2.itemMap.set(l2, {
       ref: l2,
       ...s2
-    }), () => void d2.itemMap.delete(l2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(g, {
-      [h]: "",
-      ref: u2,
+    }), () => void f2.itemMap.delete(l2))), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_, {
+      [g]: "",
+      ref: d2,
       children: o2
     });
   });
-  v.displayName = p;
+  v.displayName = h;
   function y(i2) {
-    let a2 = c(e + "CollectionConsumer", i2);
+    let a = u(e + "CollectionConsumer", i2);
     return import_react.useCallback(() => {
-      let e2 = a2.collectionRef.current;
+      let e2 = a.collectionRef.current;
       if (!e2) return [];
-      let i3 = Array.from(e2.querySelectorAll(`[${h}]`));
-      return Array.from(a2.itemMap.values()).sort((e3, a3) => i3.indexOf(e3.ref.current) - i3.indexOf(a3.ref.current));
-    }, [a2.collectionRef, a2.itemMap]);
+      let i3 = Array.from(e2.querySelectorAll(`[${g}]`));
+      return Array.from(a.itemMap.values()).sort((e3, a2) => i3.indexOf(e3.ref.current) - i3.indexOf(a2.ref.current));
+    }, [a.collectionRef, a.itemMap]);
   }
   return [
     {
-      Provider: l,
-      Slot: f,
+      Provider: d,
+      Slot: m,
       ItemSlot: v
     },
     y,
-    o
+    s
   ];
 }
 var DirectionContext = import_react.createContext(void 0);
@@ -105,15 +105,15 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
   "ArrowUp",
   "ArrowDown"
 ], SELECTION_KEYS = [" ", "Enter"], SELECT_NAME = "Select", [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME), [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [createCollectionScope, createPopperScope]), usePopperScope = createPopperScope(), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME), Select$1 = (e) => {
-  let { __scopeSelect: i, children: a, open: o, defaultOpen: s, onOpenChange: l, value: u, defaultValue: d, onValueChange: f, dir: p, name: m, autoComplete: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(p), [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: h, disabled: g, required: _, form: v } = e, y = usePopperScope(i), [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), [w, T] = import_react.useState(false), E = useDirection(f), [D, k] = useControllableState({
     prop: o,
     defaultProp: s ?? false,
-    onChange: l,
+    onChange: c,
     caller: SELECT_NAME
   }), [A, j] = useControllableState({
-    prop: u,
-    defaultProp: d,
-    onChange: f,
+    prop: l,
+    defaultProp: u,
+    onChange: d,
     caller: SELECT_NAME
   }), M = import_react.useRef(null), N = b ? v || !!b.closest("form") : true, [P, F] = import_react.useState(/* @__PURE__ */ new Set()), I = Array.from(P).map((e2) => e2.props.value).join(";");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
@@ -154,7 +154,7 @@ var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), OPEN_KEY
         "aria-hidden": true,
         required: _,
         tabIndex: -1,
-        name: m,
+        name: p,
         autoComplete: h,
         value: A,
         onChange: (e2) => j(e2.target.value),
@@ -167,30 +167,30 @@ 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), l = useSelectContext(TRIGGER_NAME, a), u = l.disabled || o, f = useComposedRefs(i, l.onTriggerChange), p = useCollection(a), m = import_react.useRef("touch"), [h, g, v] = useTypeaheadSearch((e2) => {
-    let i2 = p().filter((e3) => !e3.disabled), a2 = findNextItem(i2, e2, i2.find((e3) => e3.value === l.value));
-    a2 !== void 0 && l.onValueChange(a2.value);
+  let { __scopeSelect: a, disabled: o = false, ...s } = e, l = 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 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) => {
-    u || (l.onOpenChange(true), v()), e2 && (l.triggerPointerDownPosRef.current = {
+    d || (u.onOpenChange(true), v()), e2 && (u.triggerPointerDownPosRef.current = {
       x: Math.round(e2.pageX),
       y: Math.round(e2.pageY)
     });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
     asChild: true,
-    ...c,
+    ...l,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       role: "combobox",
-      "aria-controls": l.contentId,
-      "aria-expanded": l.open,
-      "aria-required": l.required,
+      "aria-controls": u.contentId,
+      "aria-expanded": u.open,
+      "aria-required": u.required,
       "aria-autocomplete": "none",
-      dir: l.dir,
-      "data-state": l.open ? "open" : "closed",
-      disabled: u,
-      "data-disabled": u ? "" : void 0,
-      "data-placeholder": shouldShowPlaceholder(l.value) ? "" : void 0,
+      dir: u.dir,
+      "data-state": u.open ? "open" : "closed",
+      disabled: d,
+      "data-disabled": d ? "" : void 0,
+      "data-placeholder": shouldShowPlaceholder(u.value) ? "" : void 0,
       ...s,
       ref: f,
       onClick: composeEventHandlers(s.onClick, (e2) => {
@@ -210,14 +210,14 @@ 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: l = "", ...u } = e, d = useSelectContext(VALUE_NAME, a), { onValueNodeHasChildrenChange: f } = d, p = c !== void 0, m = useComposedRefs(i, d.onValueNodeChange);
+  let { __scopeSelect: a, className: o, style: s, children: l, placeholder: u = "", ...d } = e, f = useSelectContext(VALUE_NAME, a), { onValueNodeHasChildrenChange: p } = f, m = l !== void 0, h = useComposedRefs(i, f.onValueNodeChange);
   return useLayoutEffect2(() => {
-    f(p);
-  }, [f, p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
-    ...u,
-    ref: m,
+    p(m);
+  }, [p, m]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
+    ...d,
+    ref: h,
     style: { pointerEvents: "none" },
-    children: shouldShowPlaceholder(d.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: l }) : c
+    children: shouldShowPlaceholder(f.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: u }) : l
   });
 });
 SelectValue$1.displayName = VALUE_NAME;
@@ -257,7 +257,7 @@ var CONTENT_NAME = "SelectContent", SelectContent$1 = import_react.forwardRef((e
 });
 SelectContent$1.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME), CONTENT_IMPL_NAME = "SelectContentImpl", Slot = createSlot("SelectContent.RemoveScroll"), SelectContentImpl = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: l, side: u, sideOffset: d, align: f, alignOffset: p, arrowPadding: m, collisionBoundary: h, collisionPadding: g, sticky: v, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [T, O] = import_react.useState(null), k = useComposedRefs(i, (e2) => w(e2)), [A, j] = import_react.useState(null), [N, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
+  let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: l, onPointerDownOutside: u, side: d, sideOffset: f, align: p, alignOffset: m, arrowPadding: h, collisionBoundary: g, collisionPadding: _, sticky: v, hideWhenDetached: y, avoidCollisions: b, ...x } = e, S = useSelectContext(CONTENT_NAME, a), [C, w] = import_react.useState(null), [T, O] = import_react.useState(null), k = useComposedRefs(i, (e2) => w(e2)), [A, j] = import_react.useState(null), [N, L] = import_react.useState(null), R = useCollection(a), [z, B] = import_react.useState(false), V = import_react.useRef(false);
   import_react.useEffect(() => {
     if (C) return hideOthers(C);
   }, [C]), useFocusGuards();
@@ -314,13 +314,13 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
     let o2 = !V.current && !a2;
     (S.value !== void 0 && S.value === i2 || o2) && L(e2);
   }, [S.value]), Q = o === "popper" ? SelectPopperPosition : SelectItemAlignedPosition, $ = Q === SelectPopperPosition ? {
-    side: u,
-    sideOffset: d,
-    align: f,
-    alignOffset: p,
-    arrowPadding: m,
-    collisionBoundary: h,
-    collisionPadding: g,
+    side: d,
+    sideOffset: f,
+    align: p,
+    alignOffset: m,
+    arrowPadding: h,
+    collisionBoundary: g,
+    collisionPadding: _,
     sticky: v,
     hideWhenDetached: y,
     avoidCollisions: b
@@ -355,8 +355,8 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
           asChild: true,
           disableOutsidePointerEvents: true,
-          onEscapeKeyDown: c,
-          onPointerDownOutside: l,
+          onEscapeKeyDown: l,
+          onPointerDownOutside: u,
           onFocusOutside: (e2) => e2.preventDefault(),
           onDismiss: () => S.onOpenChange(false),
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
@@ -399,55 +399,55 @@ var CONTENT_MARGIN = 10, [SelectContentProvider, useSelectContentContext] = crea
 });
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedPosition = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, onPlaced: o, ...s } = e, c = useSelectContext(CONTENT_NAME, a), l = useSelectContentContext(CONTENT_NAME, a), [u, d] = import_react.useState(null), [f, p] = import_react.useState(null), m = useComposedRefs(i, (e2) => p(e2)), h = useCollection(a), g = import_react.useRef(false), v = import_react.useRef(true), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = l, C = import_react.useCallback(() => {
-    if (c.trigger && c.valueNode && u && f && y && b && x) {
-      let e2 = c.trigger.getBoundingClientRect(), i2 = f.getBoundingClientRect(), a2 = c.valueNode.getBoundingClientRect(), s2 = x.getBoundingClientRect();
-      if (c.dir !== "rtl") {
-        let o2 = s2.left - i2.left, c2 = a2.left - o2, l3 = e2.left - c2, d3 = e2.width + l3, f2 = Math.max(d3, i2.width), p3 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p3 - f2)]);
-        u.style.minWidth = d3 + "px", u.style.left = m3 + "px";
+  let { __scopeSelect: a, onPlaced: o, ...s } = e, l = useSelectContext(CONTENT_NAME, a), u = useSelectContentContext(CONTENT_NAME, a), [d, f] = import_react.useState(null), [p, m] = import_react.useState(null), h = useComposedRefs(i, (e2) => m(e2)), g = useCollection(a), _ = import_react.useRef(false), v = import_react.useRef(true), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = u, C = import_react.useCallback(() => {
+    if (l.trigger && l.valueNode && d && p && y && b && x) {
+      let e2 = l.trigger.getBoundingClientRect(), i2 = p.getBoundingClientRect(), a2 = l.valueNode.getBoundingClientRect(), s2 = x.getBoundingClientRect();
+      if (l.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";
       } else {
-        let o2 = i2.right - s2.right, c2 = window.innerWidth - a2.right - o2, l3 = window.innerWidth - e2.right - c2, d3 = e2.width + l3, f2 = Math.max(d3, i2.width), p3 = window.innerWidth - CONTENT_MARGIN, m3 = clamp(c2, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, p3 - f2)]);
-        u.style.minWidth = d3 + "px", u.style.right = m3 + "px";
+        let 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 l2 = h(), d2 = window.innerHeight - CONTENT_MARGIN * 2, p2 = y.scrollHeight, m2 = window.getComputedStyle(f), _ = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = _ + v2 + p2 + C2 + S2, T = Math.min(b.offsetHeight * 5, w2), E2 = window.getComputedStyle(y), D = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = d2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = _ + v2 + M, P = w2 - N;
+      let c = g(), u2 = window.innerHeight - CONTENT_MARGIN * 2, f2 = y.scrollHeight, m2 = window.getComputedStyle(p), h2 = parseInt(m2.borderTopWidth, 10), v2 = parseInt(m2.paddingTop, 10), S2 = parseInt(m2.borderBottomWidth, 10), C2 = parseInt(m2.paddingBottom, 10), w2 = h2 + v2 + f2 + C2 + S2, T = Math.min(b.offsetHeight * 5, w2), E2 = window.getComputedStyle(y), D = parseInt(E2.paddingTop, 10), O = parseInt(E2.paddingBottom, 10), k = e2.top + e2.height / 2 - CONTENT_MARGIN, A = u2 - k, j = b.offsetHeight / 2, M = b.offsetTop + j, N = h2 + v2 + M, P = w2 - N;
       if (N <= k) {
-        let e3 = l2.length > 0 && b === l2[l2.length - 1].ref.current;
-        u.style.bottom = "0px";
-        let i3 = f.clientHeight - y.offsetTop - y.offsetHeight, a3 = N + Math.max(A, j + (e3 ? O : 0) + i3 + S2);
-        u.style.height = a3 + "px";
+        let e3 = c.length > 0 && b === c[c.length - 1].ref.current;
+        d.style.bottom = "0px";
+        let i3 = p.clientHeight - y.offsetTop - y.offsetHeight, a3 = N + Math.max(A, j + (e3 ? O : 0) + i3 + S2);
+        d.style.height = a3 + "px";
       } else {
-        let e3 = l2.length > 0 && b === l2[0].ref.current;
-        u.style.top = "0px";
-        let i3 = Math.max(k, _ + y.offsetTop + (e3 ? D : 0) + j) + P;
-        u.style.height = i3 + "px", y.scrollTop = N - k + y.offsetTop;
+        let e3 = c.length > 0 && b === c[0].ref.current;
+        d.style.top = "0px";
+        let i3 = Math.max(k, h2 + y.offsetTop + (e3 ? D : 0) + j) + P;
+        d.style.height = i3 + "px", y.scrollTop = N - k + y.offsetTop;
       }
-      u.style.margin = `${CONTENT_MARGIN}px 0`, u.style.minHeight = T + "px", u.style.maxHeight = d2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => g.current = true);
+      d.style.margin = `${CONTENT_MARGIN}px 0`, d.style.minHeight = T + "px", d.style.maxHeight = u2 + "px", o == null ? void 0 : o(), requestAnimationFrame(() => _.current = true);
     }
   }, [
-    h,
-    c.trigger,
-    c.valueNode,
-    u,
-    f,
+    g,
+    l.trigger,
+    l.valueNode,
+    d,
+    p,
     y,
     b,
     x,
-    c.dir,
+    l.dir,
     o
   ]);
   useLayoutEffect2(() => C(), [C]);
   let [w, E] = import_react.useState();
   return useLayoutEffect2(() => {
-    f && E(window.getComputedStyle(f).zIndex);
-  }, [f]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
+    p && E(window.getComputedStyle(p).zIndex);
+  }, [p]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportProvider, {
     scope: a,
-    contentWrapper: u,
-    shouldExpandOnScrollRef: g,
+    contentWrapper: d,
+    shouldExpandOnScrollRef: _,
     onScrollButtonChange: import_react.useCallback((e2) => {
       e2 && v.current === true && (C(), S == null ? void 0 : S(), v.current = false);
     }, [C, S]),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: d,
+      ref: f,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -456,7 +456,7 @@ var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition", SelectItemAlignedP
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         ...s,
-        ref: m,
+        ref: h,
         style: {
           boxSizing: "border-box",
           maxHeight: "100%",
@@ -488,7 +488,7 @@ var POPPER_POSITION_NAME = "SelectPopperPosition", SelectPopperPosition = import
 });
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME, {}), VIEWPORT_NAME = "SelectViewport", SelectViewport = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, nonce: o, ...s } = e, c = useSelectContentContext(VIEWPORT_NAME, a), l = useSelectViewportContext(VIEWPORT_NAME, a), u = useComposedRefs(i, c.onViewportChange), d = import_react.useRef(0);
+  let { __scopeSelect: a, nonce: o, ...s } = e, l = useSelectContentContext(VIEWPORT_NAME, a), u = useSelectViewportContext(VIEWPORT_NAME, a), d = useComposedRefs(i, l.onViewportChange), f = import_react.useRef(0);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
     dangerouslySetInnerHTML: { __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}" },
     nonce: o
@@ -498,7 +498,7 @@ var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CON
       "data-radix-select-viewport": "",
       role: "presentation",
       ...s,
-      ref: u,
+      ref: d,
       style: {
         position: "relative",
         flex: 1,
@@ -506,18 +506,18 @@ var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CON
         ...s.style
       },
       onScroll: composeEventHandlers(s.onScroll, (e2) => {
-        let i2 = e2.currentTarget, { contentWrapper: a2, shouldExpandOnScrollRef: o2 } = l;
+        let i2 = e2.currentTarget, { contentWrapper: a2, shouldExpandOnScrollRef: o2 } = u;
         if ((o2 == null ? void 0 : o2.current) && a2) {
-          let e3 = Math.abs(d.current - i2.scrollTop);
+          let e3 = Math.abs(f.current - i2.scrollTop);
           if (e3 > 0) {
-            let o3 = window.innerHeight - CONTENT_MARGIN * 2, s2 = parseFloat(a2.style.minHeight), c2 = parseFloat(a2.style.height), l2 = Math.max(s2, c2);
+            let o3 = window.innerHeight - CONTENT_MARGIN * 2, s2 = parseFloat(a2.style.minHeight), c = parseFloat(a2.style.height), l2 = Math.max(s2, c);
             if (l2 < o3) {
-              let s3 = l2 + e3, c3 = Math.min(o3, s3), u2 = s3 - c3;
-              a2.style.height = c3 + "px", a2.style.bottom === "0px" && (i2.scrollTop = u2 > 0 ? u2 : 0, a2.style.justifyContent = "flex-end");
+              let s3 = l2 + e3, c2 = Math.min(o3, s3), u2 = s3 - c2;
+              a2.style.height = c2 + "px", a2.style.bottom === "0px" && (i2.scrollTop = u2 > 0 ? u2 : 0, a2.style.justifyContent = "flex-end");
             }
           }
         }
-        d.current = i2.scrollTop;
+        f.current = i2.scrollTop;
       })
     })
   })] });
@@ -547,11 +547,11 @@ var LABEL_NAME = "SelectLabel", SelectLabel$1 = import_react.forwardRef((e, i) =
 });
 SelectLabel$1.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME), SelectItem$1 = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, value: o, disabled: s = false, textValue: c, ...l } = e, u = useSelectContext(ITEM_NAME, a), d = useSelectContentContext(ITEM_NAME, a), f = u.value === o, [p, m] = import_react.useState(c ?? ""), [h, g] = import_react.useState(false), v = useComposedRefs(i, (e2) => {
+  let { __scopeSelect: a, value: o, disabled: s = false, textValue: l, ...u } = e, d = useSelectContext(ITEM_NAME, a), f = useSelectContentContext(ITEM_NAME, a), p = d.value === o, [m, h] = import_react.useState(l ?? ""), [g, _] = import_react.useState(false), v = useComposedRefs(i, (e2) => {
     var _a;
-    return (_a = d.itemRefCallback) == null ? void 0 : _a.call(d, e2, o, s);
+    return (_a = f.itemRefCallback) == null ? void 0 : _a.call(f, e2, o, s);
   }), y = useId(), b = import_react.useRef("touch"), x = () => {
-    s || (u.onValueChange(o), u.onOpenChange(false));
+    s || (d.onValueChange(o), d.onOpenChange(false));
   };
   if (o === "") throw Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
@@ -559,48 +559,48 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
     value: o,
     disabled: s,
     textId: y,
-    isSelected: f,
+    isSelected: p,
     onItemTextChange: import_react.useCallback((e2) => {
-      m((i2) => i2 || ((e2 == null ? void 0 : e2.textContent) ?? "").trim());
+      h((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: p,
+      textValue: m,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
         role: "option",
         "aria-labelledby": y,
-        "data-highlighted": h ? "" : void 0,
-        "aria-selected": f && h,
-        "data-state": f ? "checked" : "unchecked",
+        "data-highlighted": g ? "" : void 0,
+        "aria-selected": p && g,
+        "data-state": p ? "checked" : "unchecked",
         "aria-disabled": s || void 0,
         "data-disabled": s ? "" : void 0,
         tabIndex: s ? void 0 : -1,
-        ...l,
+        ...u,
         ref: v,
-        onFocus: composeEventHandlers(l.onFocus, () => g(true)),
-        onBlur: composeEventHandlers(l.onBlur, () => g(false)),
-        onClick: composeEventHandlers(l.onClick, () => {
+        onFocus: composeEventHandlers(u.onFocus, () => _(true)),
+        onBlur: composeEventHandlers(u.onBlur, () => _(false)),
+        onClick: composeEventHandlers(u.onClick, () => {
           b.current !== "mouse" && x();
         }),
-        onPointerUp: composeEventHandlers(l.onPointerUp, () => {
+        onPointerUp: composeEventHandlers(u.onPointerUp, () => {
           b.current === "mouse" && x();
         }),
-        onPointerDown: composeEventHandlers(l.onPointerDown, (e2) => {
+        onPointerDown: composeEventHandlers(u.onPointerDown, (e2) => {
           b.current = e2.pointerType;
         }),
-        onPointerMove: composeEventHandlers(l.onPointerMove, (e2) => {
+        onPointerMove: composeEventHandlers(u.onPointerMove, (e2) => {
           var _a;
-          b.current = e2.pointerType, s ? (_a = d.onItemLeave) == null ? void 0 : _a.call(d) : b.current === "mouse" && e2.currentTarget.focus({ preventScroll: true });
+          b.current = e2.pointerType, s ? (_a = f.onItemLeave) == null ? void 0 : _a.call(f) : b.current === "mouse" && e2.currentTarget.focus({ preventScroll: true });
         }),
-        onPointerLeave: composeEventHandlers(l.onPointerLeave, (e2) => {
+        onPointerLeave: composeEventHandlers(u.onPointerLeave, (e2) => {
           var _a;
-          e2.currentTarget === document.activeElement && ((_a = d.onItemLeave) == null ? void 0 : _a.call(d));
+          e2.currentTarget === document.activeElement && ((_a = f.onItemLeave) == null ? void 0 : _a.call(f));
         }),
-        onKeyDown: composeEventHandlers(l.onKeyDown, (e2) => {
+        onKeyDown: composeEventHandlers(u.onKeyDown, (e2) => {
           var _a;
-          ((_a = d.searchRef) == null ? void 0 : _a.current) !== "" && e2.key === " " || (SELECTION_KEYS.includes(e2.key) && x(), e2.key === " " && e2.preventDefault());
+          ((_a = f.searchRef) == null ? void 0 : _a.current) !== "" && e2.key === " " || (SELECTION_KEYS.includes(e2.key) && x(), e2.key === " " && e2.preventDefault());
         })
       })
     })
@@ -608,27 +608,27 @@ var ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext]
 });
 SelectItem$1.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText", SelectItemText = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, className: o, style: s, ...c } = e, l = useSelectContext(ITEM_TEXT_NAME, a), u = useSelectContentContext(ITEM_TEXT_NAME, a), d = useSelectItemContext(ITEM_TEXT_NAME, a), f = useSelectNativeOptionsContext(ITEM_TEXT_NAME, a), [p, m] = import_react.useState(null), h = useComposedRefs(i, (e2) => m(e2), d.onItemTextChange, (e2) => {
+  let { __scopeSelect: a, className: o, style: s, ...l } = e, u = useSelectContext(ITEM_TEXT_NAME, a), d = useSelectContentContext(ITEM_TEXT_NAME, a), f = useSelectItemContext(ITEM_TEXT_NAME, a), p = useSelectNativeOptionsContext(ITEM_TEXT_NAME, a), [m, h] = import_react.useState(null), g = useComposedRefs(i, (e2) => h(e2), f.onItemTextChange, (e2) => {
     var _a;
-    return (_a = u.itemTextRefCallback) == null ? void 0 : _a.call(u, e2, d.value, d.disabled);
-  }), g = p == null ? void 0 : p.textContent, v = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-    value: d.value,
-    disabled: d.disabled,
-    children: g
-  }, d.value), [
-    d.disabled,
-    d.value,
-    g
-  ]), { onNativeOptionAdd: y, onNativeOptionRemove: b } = f;
+    return (_a = d.itemTextRefCallback) == null ? void 0 : _a.call(d, e2, f.value, f.disabled);
+  }), _ = m == null ? void 0 : m.textContent, v = import_react.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+    value: f.value,
+    disabled: f.disabled,
+    children: _
+  }, f.value), [
+    f.disabled,
+    f.value,
+    _
+  ]), { onNativeOptionAdd: y, onNativeOptionRemove: b } = p;
   return useLayoutEffect2(() => (y(v), () => b(v)), [
     y,
     b,
     v
   ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
-    id: d.textId,
-    ...c,
-    ref: h
-  }), d.isSelected && l.valueNode && !l.valueNodeHasChildren ? import_react_dom.createPortal(c.children, l.valueNode) : null] });
+    id: f.textId,
+    ...l,
+    ref: g
+  }), f.isSelected && u.valueNode && !u.valueNodeHasChildren ? import_react_dom.createPortal(l.children, u.valueNode) : null] });
 });
 SelectItemText.displayName = ITEM_TEXT_NAME;
 var ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicator = import_react.forwardRef((e, i) => {
@@ -641,17 +641,17 @@ var ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicator = import_re
 });
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = import_react.forwardRef((e, i) => {
-  let a = useSelectContentContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
+  let a = useSelectContentContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, e.__scopeSelect), [s, l] = import_react.useState(false), u = useComposedRefs(i, o.onScrollButtonChange);
   return useLayoutEffect2(() => {
     if (a.viewport && a.isPositioned) {
       let e2 = function() {
-        c(i2.scrollTop > 0);
+        l(i2.scrollTop > 0);
       }, i2 = a.viewport;
       return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
     }
   }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
     ...e,
-    ref: l,
+    ref: u,
     onAutoScroll: () => {
       let { viewport: e2, selectedItem: i2 } = a;
       e2 && i2 && (e2.scrollTop -= i2.offsetHeight);
@@ -660,18 +660,18 @@ var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = impor
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = import_react.forwardRef((e, i) => {
-  let a = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), [s, c] = import_react.useState(false), l = useComposedRefs(i, o.onScrollButtonChange);
+  let a = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), o = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, e.__scopeSelect), [s, l] = import_react.useState(false), u = useComposedRefs(i, o.onScrollButtonChange);
   return useLayoutEffect2(() => {
     if (a.viewport && a.isPositioned) {
       let e2 = function() {
         let e3 = i2.scrollHeight - i2.clientHeight;
-        c(Math.ceil(i2.scrollTop) < e3);
+        l(Math.ceil(i2.scrollTop) < e3);
       }, i2 = a.viewport;
       return e2(), i2.addEventListener("scroll", e2), () => i2.removeEventListener("scroll", e2);
     }
   }, [a.viewport, a.isPositioned]), s ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
     ...e,
-    ref: l,
+    ref: u,
     onAutoScroll: () => {
       let { viewport: e2, selectedItem: i2 } = a;
       e2 && i2 && (e2.scrollTop += i2.offsetHeight);
@@ -715,8 +715,8 @@ var SelectScrollButtonImpl = import_react.forwardRef((e, i) => {
 });
 SelectSeparator$1.displayName = SEPARATOR_NAME;
 var ARROW_NAME = "SelectArrow", SelectArrow = import_react.forwardRef((e, i) => {
-  let { __scopeSelect: a, ...o } = e, s = usePopperScope(a), c = useSelectContext(ARROW_NAME, a), u = useSelectContentContext(ARROW_NAME, a);
-  return c.open && u.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
+  let { __scopeSelect: a, ...o } = e, s = usePopperScope(a), c = useSelectContext(ARROW_NAME, a), l = useSelectContentContext(ARROW_NAME, a);
+  return c.open && l.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
     ...s,
     ...o,
     ref: i
@@ -724,9 +724,9 @@ var ARROW_NAME = "SelectArrow", SelectArrow = import_react.forwardRef((e, i) =>
 });
 SelectArrow.displayName = ARROW_NAME;
 var BUBBLE_INPUT_NAME = "SelectBubbleInput", SelectBubbleInput = import_react.forwardRef(({ __scopeSelect: e, value: i, ...a }, o) => {
-  let c = import_react.useRef(null), l = useComposedRefs(o, c), u = usePrevious(i);
+  let s = import_react.useRef(null), l = useComposedRefs(o, s), u = usePrevious(i);
   return import_react.useEffect(() => {
-    let e2 = c.current;
+    let e2 = s.current;
     if (!e2) return;
     let a2 = window.HTMLSelectElement.prototype, o2 = Object.getOwnPropertyDescriptor(a2, "value").set;
     if (u !== i && o2) {
@@ -1032,15 +1032,15 @@ const menuContentCommon = cva("z-50 min-w-32 overflow-hidden rounded-md border b
   },
   defaultVariants: { variant: "default" }
 }), menuSeparatorVariants = cva("-mx-1 my-1 h-px bg-border last:hidden", { variants: {} }), MenuShortcut = (e) => {
-  let i = (0, import_compiler_runtime$3.c)(8), a, o;
-  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 i = (0, import_compiler_runtime$3.c)(8), a, s;
+  i[0] === e ? (a = i[1], s = i[2]) : ({ className: a, ...s } = e, i[0] = e, i[1] = a, i[2] = s);
   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] = c) : c = i[7], c;
+  i[3] === a ? c = i[4] : (c = cn("ml-auto text-xs tracking-widest opacity-60", a), i[3] = a, i[4] = c);
+  let l;
+  return i[5] !== s || i[6] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    className: c,
+    ...s
+  }), i[5] = s, i[6] = c, i[7] = l) : l = i[7], l;
 };
 MenuShortcut.displayName = "MenuShortcut";
 var import_compiler_runtime$2 = require_compiler_runtime();
@@ -1052,137 +1052,137 @@ 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, 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = Events.stopPropagation(), a[4] = l) : l = a[4];
-  let u;
-  a[5] === s ? u = a[6] : (u = cn(selectStyles({}), s), a[5] = s, a[6] = u);
+  let a = (0, import_compiler_runtime$2.c)(12), c, l, u;
+  a[0] === e ? (c = a[1], l = a[2], u = a[3]) : ({ className: l, children: c, ...u } = e, a[0] = e, a[1] = c, a[2] = l, a[3] = u);
   let d;
-  return a[7] !== o || a[8] !== c || a[9] !== i || a[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", {
+  a[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = Events.stopPropagation(), a[4] = d) : d = a[4];
+  let f;
+  a[5] === l ? f = a[6] : (f = cn(selectStyles({}), l), a[5] = l, a[6] = f);
+  let p;
+  return a[7] !== c || a[8] !== u || a[9] !== i || a[10] !== f ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", {
     ref: i,
-    onClick: l,
-    className: u,
-    ...c,
-    children: o
-  }), a[7] = o, a[8] = c, a[9] = i, a[10] = u, a[11] = d) : d = a[11], d;
+    onClick: d,
+    className: f,
+    ...u,
+    children: c
+  }), a[7] = c, a[8] = u, a[9] = i, a[10] = f, a[11] = p) : p = a[11], p;
 });
 NativeSelect.displayName = "NativeSelect";
 var import_compiler_runtime$1 = require_compiler_runtime(), Select = Root2, SelectGroup = Group, SelectPortal = withFullScreenAsRoot(Portal$1), SelectValue = Value, SelectTrigger = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime$1.c)(21), o, s, c, l, u, d;
-  a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({ className: s, children: o, onClear: c, variant: d, hideChevron: u, ...l } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
-  let f = u === void 0 ? false : u, p;
-  a[7] !== s || a[8] !== d ? (p = cn(selectStyles({ variant: d }), "mb-0", s), a[7] = s, a[8] = d, a[9] = p) : p = a[9];
-  let m;
-  a[10] !== f || a[11] !== c ? (m = c ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  let a = (0, import_compiler_runtime$1.c)(21), s, c, l, u, d, f;
+  a[0] === e ? (s = a[1], c = a[2], l = a[3], u = a[4], d = a[5], f = a[6]) : ({ className: c, children: s, onClear: l, variant: f, hideChevron: d, ...u } = e, a[0] = e, a[1] = s, a[2] = c, a[3] = l, a[4] = u, a[5] = d, a[6] = f);
+  let p = d === void 0 ? false : d, m;
+  a[7] !== c || a[8] !== f ? (m = cn(selectStyles({ variant: f }), "mb-0", c), a[7] = c, a[8] = f, a[9] = m) : m = a[9];
+  let h;
+  a[10] !== p || a[11] !== l ? (h = l ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     onPointerDown: (e2) => {
-      e2.preventDefault(), e2.stopPropagation(), c();
+      e2.preventDefault(), e2.stopPropagation(), l();
     },
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "h-4 w-4 opacity-50 hover:opacity-90" })
-  }) : !f && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }), a[10] = f, a[11] = c, a[12] = m) : m = a[12];
-  let h;
-  a[13] === m ? h = a[14] : (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
-    asChild: true,
-    children: m
-  }), a[13] = m, a[14] = h);
+  }) : !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];
   let g;
-  return a[15] !== o || a[16] !== l || a[17] !== i || a[18] !== p || a[19] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
+  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] !== s || a[16] !== u || a[17] !== i || a[18] !== m || a[19] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
     ref: i,
-    className: p,
-    ...l,
-    children: [o, h]
-  }), a[15] = o, a[16] = l, a[17] = i, a[18] = p, a[19] = h, a[20] = g) : g = a[20], g;
+    className: m,
+    ...u,
+    children: [s, g]
+  }), a[15] = s, a[16] = u, 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, c, l;
-  a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({ className: s, children: o, position: l, ...c } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
-  let u = l === void 0 ? "popper" : l, d = u === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", f;
-  a[5] !== s || a[6] !== d ? (f = cn("max-h-[300px] relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", d, s), a[5] = s, a[6] = d, a[7] = f) : f = a[7];
-  let p;
-  a[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
+  let a = (0, import_compiler_runtime$1.c)(21), s, c, l, u;
+  a[0] === e ? (s = a[1], c = a[2], l = a[3], u = a[4]) : ({ className: c, children: s, position: u, ...l } = e, a[0] = e, a[1] = s, a[2] = c, 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] !== c || 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, c), a[5] = c, a[6] = f, a[7] = p) : p = a[7];
+  let m;
+  a[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
     className: "flex items-center justify-center h-[20px] bg-background text-muted-foreground cursor-default",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, { className: "h-4 w-4" })
-  }), a[8] = p) : p = a[8];
-  let m = u === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)", h;
-  a[9] === m ? h = a[10] : (h = cn("p-1", m), a[9] = m, a[10] = h);
-  let g;
-  a[11] !== o || a[12] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
-    className: h,
-    children: o
-  }), a[11] = o, a[12] = h, a[13] = g) : g = a[13];
+  }), a[8] = m) : m = a[8];
+  let h = d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)", g;
+  a[9] === h ? g = a[10] : (g = cn("p-1", h), a[9] = h, a[10] = g);
   let _;
-  a[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
+  a[11] !== s || a[12] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
+    className: g,
+    children: s
+  }), a[11] = s, a[12] = g, a[13] = _) : _ = a[13];
+  let v;
+  a[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
     className: "flex items-center justify-center h-[20px] bg-background text-muted-foreground cursor-default",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" })
-  }), a[14] = _) : _ = a[14];
-  let v;
-  return a[15] !== u || a[16] !== c || a[17] !== i || a[18] !== f || a[19] !== g ? (v = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleNamespace, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InternalSelectContent, {
+  }), 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, {
     ref: i,
-    className: f,
-    position: u,
-    ...c,
+    className: p,
+    position: d,
+    ...l,
     children: [
-      p,
-      g,
-      _
+      m,
+      _,
+      v
     ]
-  }) }) }), a[15] = u, a[16] = c, a[17] = i, a[18] = f, a[19] = g, a[20] = v) : v = a[20], v;
+  }) }) }), a[15] = d, a[16] = l, 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 a = (0, import_compiler_runtime$1.c)(9), s, c;
+  a[0] === e ? (s = a[1], c = a[2]) : ({ className: s, ...c } = e, a[0] = e, a[1] = s, a[2] = c);
   let l;
-  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+  a[3] === s ? l = a[4] : (l = cn("px-2 py-1.5 text-sm font-semibold", s), a[3] = s, a[4] = l);
+  let u;
+  return a[5] !== c || a[6] !== i || a[7] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
     ref: i,
-    className: c,
-    ...s
-  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
+    className: l,
+    ...c
+  }), a[5] = c, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
 });
 SelectLabel.displayName = Label$1.displayName;
 var SelectItem = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime$1.c)(17), o, s, c, l;
-  a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({ className: s, children: o, subtitle: l, ...c } = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
-  let u;
-  a[5] === s ? u = a[6] : (u = 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, s), a[5] = s, a[6] = u);
+  let a = (0, import_compiler_runtime$1.c)(17), s, c, l, u;
+  a[0] === e ? (s = a[1], c = a[2], l = a[3], u = a[4]) : ({ className: c, children: s, subtitle: u, ...l } = e, a[0] = e, a[1] = s, a[2] = c, a[3] = l, a[4] = u);
   let d;
-  a[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  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 f;
+  a[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" }) })
-  }), a[7] = d) : d = a[7];
-  let f = typeof o == "string" ? void 0 : true, m;
-  a[8] !== o || a[9] !== f ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemText, {
-    asChild: f,
+  }), a[7] = f) : f = a[7];
+  let p = typeof s == "string" ? void 0 : true, m;
+  a[8] !== s || a[9] !== p ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemText, {
+    asChild: p,
     className: "flex w-full flex-1",
-    children: o
-  }), a[8] = o, a[9] = f, a[10] = m) : m = a[10];
+    children: s
+  }), a[8] = s, a[9] = p, a[10] = m) : m = a[10];
   let h;
-  return a[11] !== c || a[12] !== i || a[13] !== l || a[14] !== u || a[15] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
+  return a[11] !== l || a[12] !== i || a[13] !== u || a[14] !== d || a[15] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
     ref: i,
-    className: u,
-    ...c,
+    className: d,
+    ...l,
     children: [
-      d,
+      f,
       m,
-      l
+      u
     ]
-  }), a[11] = c, a[12] = i, a[13] = l, a[14] = u, a[15] = m, a[16] = h) : h = a[16], h;
+  }), a[11] = l, a[12] = i, a[13] = u, a[14] = d, a[15] = m, a[16] = h) : h = a[16], h;
 });
 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 a = (0, import_compiler_runtime$1.c)(9), s, c;
+  a[0] === e ? (s = a[1], c = a[2]) : ({ className: s, ...c } = e, a[0] = e, a[1] = s, a[2] = c);
   let l;
-  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
+  a[3] === s ? l = a[4] : (l = cn("-mx-1 my-1 h-px bg-muted", s), a[3] = s, a[4] = l);
+  let u;
+  return a[5] !== c || a[6] !== i || a[7] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
     ref: i,
-    className: c,
-    ...s
-  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
+    className: l,
+    ...c
+  }), a[5] = c, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
 });
 SelectSeparator.displayName = Separator.displayName;
 function capitalize(e) {
@@ -1215,16 +1215,16 @@ const Strings = {
   }
 };
 var import_compiler_runtime = require_compiler_runtime(), labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Label = import_react.forwardRef((e, i) => {
-  let a = (0, import_compiler_runtime.c)(9), o, s;
-  a[0] === e ? (o = a[1], s = a[2]) : ({ className: o, ...s } = e, a[0] = e, a[1] = o, a[2] = s);
-  let c;
-  a[3] === o ? c = a[4] : (c = cn(labelVariants(), o), a[3] = o, a[4] = c);
+  let a = (0, import_compiler_runtime.c)(9), s, c;
+  a[0] === e ? (s = a[1], c = a[2]) : ({ className: s, ...c } = e, a[0] = e, a[1] = s, a[2] = c);
   let l;
-  return a[5] !== s || a[6] !== i || a[7] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
+  a[3] === s ? l = a[4] : (l = cn(labelVariants(), s), a[3] = s, a[4] = l);
+  let u;
+  return a[5] !== c || a[6] !== i || a[7] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
     ref: i,
-    className: c,
-    ...s
-  }), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
+    className: l,
+    ...c
+  }), a[5] = c, a[6] = i, a[7] = l, a[8] = u) : u = a[8], u;
 });
 Label.displayName = Root.displayName;
 export {