npm - @overmap-ai/blocks - Versions diffs - 1.0.47 → 1.0.48-shadows.1 - Mend

@overmap-ai/blocks 1.0.47 → 1.0.48-shadows.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/blocks.js CHANGED Viewed

@@ -1,36 +1,36 @@
 import * as $ from "@radix-ui/react-alert-dialog";
 import { jsx as i, jsxs as W } from "react/jsx-runtime";
-import { cva as v, cx as x } from "class-variance-authority";
-import { createContext as T, useContext as j, memo as u, useMemo as w, useState as E, useCallback as h, useRef as U, useEffect as B, useId as Ye, useLayoutEffect as ue, use as b } from "react";
-import * as Qe from "@radix-ui/react-avatar";
+import { cva as h, cx as x } from "class-variance-authority";
+import { createContext as T, useContext as j, memo as u, useMemo as w, useState as E, useCallback as v, useRef as U, useEffect as B, useId as Qe, useLayoutEffect as ue, use as b } from "react";
+import * as Je from "@radix-ui/react-avatar";
 import * as ze from "@radix-ui/react-checkbox";
 import { useMediaQuery as be } from "react-responsive";
-import { CommandItem as Ns, CommandRoot as ws, CommandEmpty as Is, CommandGroup as Ss, CommandInput as ks, useCommandState as Rs, CommandList as Ts, CommandSeparator as Ps } from "cmdk";
+import { CommandItem as ws, CommandRoot as Is, CommandEmpty as Ss, CommandGroup as ks, CommandInput as Rs, useCommandState as Ts, CommandList as Ps, CommandSeparator as Ms } from "cmdk";
 import * as H from "@radix-ui/react-dialog";
-import { DialogPortal as kt, DialogContent as Ms, DialogTitle as Os, DialogDescription as Vs, DialogOverlay as Ls, DialogTrigger as As } from "@radix-ui/react-dialog";
-import { DayPicker as Ds } from "react-day-picker";
-import { ChevronRight as Gs, ChevronLeft as Es, ChevronDown as _s, ChevronUp as Fs, AlertTriangle as Hs, RotateCcw as Bs, X as $s, CircleAlertIcon as js, TriangleAlertIcon as Us, InfoIcon as qs, Check as Ws } from "lucide-react";
+import { DialogPortal as Rt, DialogContent as Os, DialogTitle as Vs, DialogDescription as Ls, DialogOverlay as As, DialogTrigger as Ds } from "@radix-ui/react-dialog";
+import { DayPicker as Gs } from "react-day-picker";
+import { ChevronRight as Es, ChevronLeft as _s, ChevronDown as Fs, ChevronUp as Hs, AlertTriangle as Bs, RotateCcw as $s, X as js, CircleAlertIcon as Us, TriangleAlertIcon as qs, InfoIcon as Ws, Check as Ks } from "lucide-react";
 import * as ye from "@radix-ui/react-hover-card";
-import { createContext as Ks, useContext as Xs, useContextSelector as Ys } from "use-context-selector";
+import { createContext as Xs, useContext as Ys, useContextSelector as Qs } from "use-context-selector";
 import { Slot as me } from "@radix-ui/react-slot";
-import { CSSTransition as Qs } from "react-transition-group";
+import { CSSTransition as Js } from "react-transition-group";
 import "react-transition-group/CSSTransition";
-import Js from "react-dom";
-import { useListItem as Rt, useMergeRefs as ge, FloatingNode as Tt, FloatingPortal as Pt, FloatingOverlay as Zs, FloatingFocusManager as Mt, FloatingList as Ot, useFloatingNodeId as Vt, useFloating as Lt, offset as At, size as Dt, flip as Gt, shift as Et, hide as _t, autoUpdate as Ft, useRole as eo, useDismiss as Ht, useClick as Bt, useListNavigation as $t, useInteractions as jt, FloatingTree as to, useHover as ao, safePolygon as no } from "@floating-ui/react";
-import * as Je from "@radix-ui/react-separator";
-import * as Ze from "@radix-ui/react-one-time-password-field";
-import { useErrorBoundary as so, ErrorBoundary as oo } from "react-error-boundary";
+import Zs from "react-dom";
+import { useListItem as Tt, useMergeRefs as ge, FloatingNode as Pt, FloatingPortal as Mt, FloatingOverlay as eo, FloatingFocusManager as Ot, FloatingList as Vt, useFloatingNodeId as Lt, useFloating as At, offset as Dt, size as Gt, flip as Et, shift as _t, hide as Ft, autoUpdate as Ht, useRole as to, useDismiss as Bt, useClick as $t, useListNavigation as jt, useInteractions as Ut, FloatingTree as ao, useHover as no, safePolygon as so } from "@floating-ui/react";
+import * as Ze from "@radix-ui/react-separator";
+import * as et from "@radix-ui/react-one-time-password-field";
+import { useErrorBoundary as oo, ErrorBoundary as ro } from "react-error-boundary";
 import * as Pe from "@radix-ui/react-popover";
-import * as Nt from "@radix-ui/react-progress";
+import * as wt from "@radix-ui/react-progress";
 import * as ae from "@radix-ui/react-radio-group";
 import * as Oe from "@radix-ui/react-toggle-group";
 import * as ne from "@radix-ui/react-tabs";
 import * as Te from "@radix-ui/react-slider";
-import * as Ut from "@radix-ui/react-switch";
-import { toast as K, Toaster as ro } from "sonner";
-import * as co from "@radix-ui/react-toggle";
+import * as qt from "@radix-ui/react-switch";
+import { toast as K, Toaster as co } from "sonner";
+import * as io from "@radix-ui/react-toggle";
 import * as de from "@radix-ui/react-tooltip";
-const Ve = v(
+const Ve = h(
   [
     "data-[state=open]:animate-in",
     "data-[state=open]:fade-in-0",
@@ -41,13 +41,6 @@ const Ve = v(
   ],
   {
     variants: {
-      shadow: {
-        1: ["shadow-xs"],
-        2: ["shadow-sm"],
-        3: ["shadow-md"],
-        4: ["shadow-lg"],
-        5: ["shadow-xl"]
-      },
       side: {
         top: ["data-[side=top]:slide-in-from-bottom-2"],
         right: ["data-[side=right]:slide-in-from-left-2"],
@@ -56,7 +49,7 @@ const Ve = v(
       }
     }
   }
-), k = v([], {
+), k = h([], {
   variants: {
     maxLarge: {
       true: [],
@@ -94,12 +87,25 @@ const Ve = v(
       className: ["rounded-full"]
     }
   ]
-}), qt = T({}), M = () => {
-  const n = j(qt);
+}), Le = h([], {
+  variants: {
+    size: {
+      none: ["shadow-none"],
+      "2xs": ["shadow-2xs"],
+      xs: ["shadow-xs"],
+      sm: ["shadow-sm"],
+      md: ["shadow-md"],
+      lg: ["shadow-lg"],
+      xl: ["shadow-xl"],
+      "2xl": ["shadow-2xl"]
+    }
+  }
+}), Wt = T({}), M = () => {
+  const n = j(Wt);
   if (!n)
     throw new Error("useProvider must be used within a Provider");
   return n;
-}, io = u((n) => {
+}, lo = u((n) => {
   const { accentColor: a, radius: t = "md", children: e } = n, s = w(
     () => ({
       accentColor: a,
@@ -107,10 +113,10 @@ const Ve = v(
     }),
     [a, t]
   );
-  return /* @__PURE__ */ i(qt.Provider, { value: s, children: e });
+  return /* @__PURE__ */ i(Wt.Provider, { value: s, children: e });
 });
-io.displayName = "Provider";
-const Wt = v([
+lo.displayName = "Provider";
+const Kt = h([
   "fixed",
   "inset-0",
   // background
@@ -122,7 +128,7 @@ const Wt = v([
   "data-[state='open']:fade-in-0",
   "data-[state='closed']:animate-out",
   "data-[state='closed']:fade-out-0"
-]), Kt = v(
+]), Xt = h(
   [
     "h-max",
     "max-h-3/4",
@@ -165,14 +171,14 @@ const Wt = v([
       size: "md"
     }
   }
-), et = u((n) => {
+), tt = u((n) => {
   const { radius: a } = M(), { ref: t, children: e, className: s, size: o, container: r, ...c } = n;
   return /* @__PURE__ */ W($.Portal, { container: r, children: [
-    /* @__PURE__ */ i($.Overlay, { className: Wt({}), "data-floating-content": "" }),
+    /* @__PURE__ */ i($.Overlay, { className: Kt({}), "data-floating-content": "" }),
     /* @__PURE__ */ i(
       $.Content,
       {
-        className: x(Kt({ size: o }), k({ radius: a, maxLarge: !0 }), s),
+        className: x(Xt({ size: o }), k({ radius: a, maxLarge: !0 }), s),
         ref: t,
         "data-floating-content": "",
         ...c,
@@ -181,15 +187,15 @@ const Wt = v([
     )
   ] });
 });
-et.displayName = "AlertDialogContent";
-const Xt = T(() => {
+tt.displayName = "AlertDialogContent";
+const Yt = T(() => {
   throw new Error("No AlertDialogProvider found");
-}), Ec = () => {
-  const n = j(Xt);
+}), _c = () => {
+  const n = j(Yt);
   if (!n)
     throw new Error("No AlertDialogProvider found");
   return n;
-}, Yt = T({}), lo = u((n) => {
+}, Qt = T({}), uo = u((n) => {
   const a = M(), {
     children: t,
     variant: e = "solid",
@@ -206,10 +212,10 @@ const Xt = T(() => {
     }),
     [r, o, s, e]
   );
-  return /* @__PURE__ */ i("div", { ...c, children: /* @__PURE__ */ i(Yt.Provider, { value: l, children: t }) });
+  return /* @__PURE__ */ i("div", { ...c, children: /* @__PURE__ */ i(Qt.Provider, { value: l, children: t }) });
 });
-lo.displayName = "Buttons";
-const Qt = () => j(Yt), Jt = v(
+uo.displayName = "Buttons";
+const Jt = () => j(Qt), Zt = h(
   [
     "inline-flex",
     "items-center",
@@ -236,45 +242,51 @@ const Qt = () => j(Yt), Jt = v(
         solid: [
           "ring-(--accent-9)",
           "bg-(--accent-9)",
-          "hover:bg-(--accent-10)",
           "text-(--accent-contrast)",
           "active:brightness-110",
+          "hover:bg-(--accent-10)",
           // trigger state
           "data-[state='open']:bg-(--accent-10)"
         ],
         soft: [
           "bg-(--accent-a3)",
+          "text-(--accent-a11)",
           "hover:bg-(--accent-a4)",
+          "hover:text-(--accent-a12)",
           "active:bg-(--accent-a5)",
-          "text-(--accent-a11)",
           // trigger state
           "data-[state='open']:bg-(--accent-a4)"
         ],
         ghost: [
           "bg-transparent",
+          "text-(--accent-a11)",
           "hover:bg-(--accent-a3)",
+          "hover:text-(--accent-a12)",
           "active:bg-(--accent-a4)",
-          "text-(--accent-a11)",
           // trigger state
           "data-[state='open']:bg-(--accent-a3)"
         ],
         surface: [
           "bg-(--accent-surface)",
-          "hover:inset-ring-(--accent-a8)",
-          "active:bg-(--accent-a3)",
           "inset-ring",
           "inset-ring-(--accent-a7)",
           "text-(--accent-a11)",
+          "hover:inset-ring-(--accent-a8)",
+          "hover:text-(--accent-a12)",
+          "active:bg-(--accent-a3)",
+          // trigger state
           "data-[state='open']:bg-(--accent-a4)"
         ],
         outline: [
           "bg-transparent",
           "inset-ring",
           "inset-ring-(--accent-a7)",
+          "text-(--accent-a11)",
           "hover:inset-ring-(--accent-a8)",
           "hover:bg-(--accent-a3)",
+          "hover:text-(--accent-a12)",
           "active:bg-(--accent-a4)",
-          "text-(--accent-a11)",
+          // trigger state
           "data-[state='open']:inset-ring-(--accent-a8)",
           "data-[state='open']:bg-(--accent-a3)"
         ],
@@ -287,6 +299,7 @@ const Qt = () => j(Yt), Jt = v(
           "hover:bg-(--accent-a3)",
           "hover:text-(--accent-a12)",
           "active:bg-(--accent-a4)",
+          // trigger state
           "data-[state='open']:inset-ring-0",
           "data-[state='open']:bg-(--accent-a3)"
         ]
@@ -361,8 +374,8 @@ const Qt = () => j(Yt), Jt = v(
       variant: "solid"
     }
   }
-), We = u((n) => {
-  const a = M(), t = Qt(), {
+), Ke = u((n) => {
+  const a = M(), t = Jt(), {
     ref: e,
     children: s,
     className: o,
@@ -375,7 +388,7 @@ const Qt = () => j(Yt), Jt = v(
   return /* @__PURE__ */ i(
     "button",
     {
-      className: x(Jt({ size: c, icon: !1, variant: r }), k({ radius: l, maxLarge: !1 }), o),
+      className: x(Zt({ size: c, icon: !1, variant: r }), k({ radius: l, maxLarge: !1 }), o),
       ref: e,
       "data-accent-color": d,
       ...m,
@@ -383,9 +396,9 @@ const Qt = () => j(Yt), Jt = v(
     }
   );
 });
-We.displayName = "Button";
-const tt = u((n) => {
-  const a = M(), t = Qt(), {
+Ke.displayName = "Button";
+const at = u((n) => {
+  const a = M(), t = Jt(), {
     ref: e,
     children: s,
     className: o,
@@ -398,7 +411,7 @@ const tt = u((n) => {
   return /* @__PURE__ */ i(
     "button",
     {
-      className: x(Jt({ size: c, icon: !0, variant: r }), k({ radius: l, maxLarge: !1 }), o),
+      className: x(Zt({ size: c, icon: !0, variant: r }), k({ radius: l, maxLarge: !1 }), o),
       ref: e,
       "data-accent-color": d,
       ...m,
@@ -406,15 +419,15 @@ const tt = u((n) => {
     }
   );
 });
-tt.displayName = "IconButton";
-const uo = u((n) => {
-  const { children: a } = n, [t, e] = E(!1), [s, o] = E(null), r = h(
+at.displayName = "IconButton";
+const mo = u((n) => {
+  const { children: a } = n, [t, e] = E(!1), [s, o] = E(null), r = v(
     (l) => {
       var d;
       e(l), !l && ((d = s == null ? void 0 : s.onClose) == null || d.call(s));
     },
     [s]
-  ), c = h(
+  ), c = v(
     (l) => {
       if (t) throw new Error("AlertDialog is already open");
       e(!0), o({
@@ -426,30 +439,30 @@ const uo = u((n) => {
     },
     [t]
   );
-  return /* @__PURE__ */ W(Xt.Provider, { value: c, children: [
+  return /* @__PURE__ */ W(Yt.Provider, { value: c, children: [
     a,
-    /* @__PURE__ */ i($.Root, { open: t, onOpenChange: r, children: /* @__PURE__ */ i(et, { size: s == null ? void 0 : s.size, children: /* @__PURE__ */ W("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ i($.Root, { open: t, onOpenChange: r, children: /* @__PURE__ */ i(tt, { size: s == null ? void 0 : s.size, children: /* @__PURE__ */ W("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ i($.Title, { className: "font-medium", children: s == null ? void 0 : s.title }),
         /* @__PURE__ */ i($.Description, { children: s == null ? void 0 : s.description })
       ] }),
       /* @__PURE__ */ W("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ i($.Cancel, { onClick: s == null ? void 0 : s.onCancel, asChild: !0, children: /* @__PURE__ */ i(We, { variant: "soft", size: s == null ? void 0 : s.size, accentColor: "base", children: s == null ? void 0 : s.cancel }) }),
-        /* @__PURE__ */ i($.Action, { onClick: s == null ? void 0 : s.onAction, asChild: !0, children: /* @__PURE__ */ i(We, { variant: "solid", size: s == null ? void 0 : s.size, children: s == null ? void 0 : s.action }) })
+        /* @__PURE__ */ i($.Cancel, { onClick: s == null ? void 0 : s.onCancel, asChild: !0, children: /* @__PURE__ */ i(Ke, { variant: "soft", size: s == null ? void 0 : s.size, accentColor: "base", children: s == null ? void 0 : s.cancel }) }),
+        /* @__PURE__ */ i($.Action, { onClick: s == null ? void 0 : s.onAction, asChild: !0, children: /* @__PURE__ */ i(Ke, { variant: "solid", size: s == null ? void 0 : s.size, children: s == null ? void 0 : s.action }) })
       ] })
     ] }) }) })
   ] });
 });
-uo.displayName = "AlertDialogProvider";
-const _c = {
-  Content: et,
+mo.displayName = "AlertDialogProvider";
+const Fc = {
+  Content: tt,
   Trigger: $.Trigger,
   Root: $.Root,
   Title: $.Title,
   Description: $.Description,
   Action: $.Action,
   Cancel: $.Cancel
-}, Zt = T({}), mo = v(["shrink-0", "select-none", "inline-block", "align-middle"], {
+}, ea = T({}), go = h(["shrink-0", "select-none", "inline-block", "align-middle"], {
   variants: {
     size: {
       xs: ["h-6", "w-6", "text-xs"],
@@ -462,7 +475,7 @@ const _c = {
   defaultVariants: {
     size: "md"
   }
-}), go = v(["flex", "items-center", "justify-center", "size-full", "rounded-[inherit]"], {
+}), po = h(["flex", "items-center", "justify-center", "size-full", "rounded-[inherit]"], {
   variants: {
     variant: {
       solid: ["bg-(--accent-9)", "text-(--accent-contrast)"],
@@ -474,15 +487,15 @@ const _c = {
   defaultVariants: {
     variant: "solid"
   }
-}), ea = u((n) => {
-  const { ref: a, children: t, className: e, ...s } = n, { variant: o } = j(Zt);
-  return /* @__PURE__ */ i(Qe.AvatarFallback, { className: x(go({ variant: o }), e), ref: a, ...s, children: t });
+}), ta = u((n) => {
+  const { ref: a, children: t, className: e, ...s } = n, { variant: o } = j(ea);
+  return /* @__PURE__ */ i(Je.AvatarFallback, { className: x(po({ variant: o }), e), ref: a, ...s, children: t });
 });
-ea.displayName = "AvatarFallback";
-const ta = u((n) => {
+ta.displayName = "AvatarFallback";
+const aa = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(
-    Qe.Image,
+    Je.Image,
     {
       className: x("object-cover", "rounded-[inherit]", "w-full", "h-full", t),
       ref: a,
@@ -490,8 +503,8 @@ const ta = u((n) => {
     }
   );
 });
-ta.displayName = "AvatarImage";
-const aa = u((n) => {
+aa.displayName = "AvatarImage";
+const na = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -503,22 +516,22 @@ const aa = u((n) => {
     ...d
   } = n;
   return /* @__PURE__ */ i(
-    Qe.Root,
+    Je.Root,
     {
-      className: x(mo({ size: o }), k({ radius: l, maxLarge: !1 }), s),
+      className: x(go({ size: o }), k({ radius: l, maxLarge: !1 }), s),
       ref: t,
       "data-accent-color": c,
       ...d,
-      children: /* @__PURE__ */ i(Zt.Provider, { value: { variant: r }, children: e })
+      children: /* @__PURE__ */ i(ea.Provider, { value: { variant: r }, children: e })
     }
   );
 });
-aa.displayName = "AvatarRoot";
-const Fc = {
-  Fallback: ea,
-  Image: ta,
-  Root: aa
-}, po = v(["inline-flex", "items-center", "shrink-0", "whitespace-nowrap"], {
+na.displayName = "AvatarRoot";
+const Hc = {
+  Fallback: ta,
+  Image: aa,
+  Root: na
+}, xo = h(["inline-flex", "items-center", "shrink-0", "whitespace-nowrap"], {
   variants: {
     icon: {
       true: ["justify-center"],
@@ -596,7 +609,7 @@ const Fc = {
     variant: "solid",
     icon: !1
   }
-}), xo = u((n) => {
+}), fo = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -611,7 +624,7 @@ const Fc = {
   return /* @__PURE__ */ i(
     "span",
     {
-      className: x(po({ variant: c, size: l, icon: d }), k({ radius: r, maxLarge: !1 }), s),
+      className: x(xo({ variant: c, size: l, icon: d }), k({ radius: r, maxLarge: !1 }), s),
       ref: t,
       "data-accent-color": o,
       ...m,
@@ -619,8 +632,8 @@ const Fc = {
     }
   );
 });
-xo.displayName = "Badge";
-const fo = v([], {
+fo.displayName = "Badge";
+const ho = h([], {
   variants: {
     variant: {
       soft: ["bg-(--accent-a2)"],
@@ -639,7 +652,7 @@ const fo = v([], {
     size: "md",
     variant: "surface"
   }
-}), ho = u((n) => {
+}), vo = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -654,15 +667,15 @@ const fo = v([], {
     "div",
     {
       ref: t,
-      className: x(fo({ size: o, variant: r }), k({ radius: l, maxLarge: !0 }), s),
+      className: x(ho({ size: o, variant: r }), k({ radius: l, maxLarge: !0 }), s),
       "data-accent-color": c,
       ...d,
       children: e
     }
   );
 });
-ho.displayName = "Card";
-const na = u((n) => {
+vo.displayName = "Card";
+const sa = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
   return /* @__PURE__ */ i(
     ze.CheckboxIndicator,
@@ -674,8 +687,8 @@ const na = u((n) => {
     }
   );
 });
-na.displayName = "CheckboxIndicator";
-const at = v(
+sa.displayName = "CheckboxIndicator";
+const nt = h(
   [
     "shrink-0",
     "align-top",
@@ -717,7 +730,7 @@ const at = v(
       size: "md"
     }
   }
-), sa = u((n) => {
+), oa = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -731,7 +744,7 @@ const at = v(
   return /* @__PURE__ */ i(
     ze.Root,
     {
-      className: x(at({ variant: o, size: r }), k({ radius: c, maxLarge: !0 }), s),
+      className: x(nt({ variant: o, size: r }), k({ radius: c, maxLarge: !0 }), s),
       ref: t,
       "data-accent-color": l,
       ...d,
@@ -739,24 +752,24 @@ const at = v(
     }
   );
 });
-sa.displayName = "CheckboxRoot";
-const Hc = {
-  Root: sa,
-  Indicator: na
-}, Ne = T({}), Z = T({}), Bc = (n) => {
+oa.displayName = "CheckboxRoot";
+const Bc = {
+  Root: oa,
+  Indicator: sa
+}, Ne = T({}), Z = T({}), $c = (n) => {
   const { xs: a, sm: t, md: e, lg: s, xl: o } = n, [r, c] = E("initial"), [l, d] = E("initial"), m = be({ minWidth: a }), g = be({ minWidth: t }), p = be({ minWidth: e }), f = be({ minWidth: s }), C = be({ minWidth: o });
   return ue(() => {
     d((S) => (c(S), C ? "xl" : f ? "lg" : p ? "md" : g ? "sm" : m ? "xs" : "initial"));
   }, [f, p, g, C, m]), { size: l, prevSize: r, xs: m, sm: g, md: p, lg: f, xl: C };
 };
-function $c(n, a) {
+function jc(n, a) {
   const [t, e] = E([]), [s, o] = E("");
   return B(() => {
     e(n.filter((r) => a(r, s)));
   }, [a, s, n]), [t, s, o];
 }
 function X(n, a, t) {
-  const [e, s] = E(n), o = h(
+  const [e, s] = E(n), o = v(
     (r) => {
       s(r), t == null || t(r);
     },
@@ -766,11 +779,11 @@ function X(n, a, t) {
     a !== void 0 && s(a);
   }, [a]), [a ?? e, o];
 }
-function vo(n) {
-  const a = Ye();
+function bo(n) {
+  const a = Qe();
   return n ?? a;
 }
-function nt(n) {
+function st(n) {
   const a = U(n);
   return a.current = n, a;
 }
@@ -798,7 +811,7 @@ function we(n) {
     };
   };
 }
-const bo = (n) => {
+const Co = (n) => {
   n.stopPropagation();
 };
 function oe(n) {
@@ -807,7 +820,7 @@ function oe(n) {
 function Ie(n) {
   return n === !0 ? "checked" : n === !1 ? "unchecked" : "indeterminate";
 }
-function Le(n) {
+function Ae(n) {
   return n ? "active" : "inactive";
 }
 function Q(n) {
@@ -816,11 +829,11 @@ function Q(n) {
 function pe(n) {
   return n ? "open" : "closed";
 }
-const Ae = F(function(a) {
-  const { children: t, defaultValues: e, values: s, onValuesChange: o, equalityFn: r } = a, c = nt(r), [l, d] = E(/* @__PURE__ */ new Set()), [m, g] = X(e ?? [], s, o), p = h(
+const De = F(function(a) {
+  const { children: t, defaultValues: e, values: s, onValuesChange: o, equalityFn: r } = a, c = st(r), [l, d] = E(/* @__PURE__ */ new Set()), [m, g] = X(e ?? [], s, o), p = v(
     (y, V) => c.current ? V.some((A) => c.current(A, y)) : V.includes(y),
     [c]
-  ), f = h((y) => (d((V) => {
+  ), f = v((y) => (d((V) => {
     const A = new Set(V);
     return A.add(y), A;
   }), () => {
@@ -828,44 +841,44 @@ const Ae = F(function(a) {
       const A = new Set(V);
       return A.delete(y), A;
     });
-  }), []), C = h((y) => p(y, m), [p, m]), S = h(
+  }), []), C = v((y) => p(y, m), [p, m]), S = v(
     (y) => {
       C(y) ? g(
         m.filter((V) => c.current ? !c.current(V, y) : V !== y)
       ) : g([...m, y]);
     },
     [c, C, g, m]
-  ), z = w(() => Array.from(l.values()).every((y) => p(y, m)), [p, l, m]), N = w(() => Array.from(l.values()).some((y) => p(y, m)), [p, l, m]), P = h(() => {
+  ), z = w(() => Array.from(l.values()).every((y) => p(y, m)), [p, l, m]), N = w(() => Array.from(l.values()).some((y) => p(y, m)), [p, l, m]), P = v(() => {
     g(z ? [] : Array.from(l.values()));
   }, [z, l, g]), L = w(
     () => ({ selected: C, selectValue: S, allSelected: z, someSelected: N, toggleSelectAll: P, registerValue: f }),
     [z, f, S, C, N, P]
   );
   return /* @__PURE__ */ i(Z, { value: L, children: t });
-}), st = F(function(a) {
-  const { children: t, defaultValue: e, value: s, onValueChange: o, equalityFn: r } = a, c = nt(r), [l, d] = X(e, s, o), m = h(
+}), ot = F(function(a) {
+  const { children: t, defaultValue: e, value: s, onValueChange: o, equalityFn: r } = a, c = st(r), [l, d] = X(e, s, o), m = v(
     (f) => c.current ? c.current(f, l) : f === l,
     [l, c]
-  ), g = h(
+  ), g = v(
     (f) => {
       m(f) || d(f);
     },
     [m, d]
   ), p = w(() => ({ selected: m, selectValue: g }), [g, m]);
   return /* @__PURE__ */ i(Ne, { value: p, children: t });
-}), ot = F(function(a) {
-  const { children: t, defaultValue: e = void 0, value: s, onValueChange: o, equalityFn: r } = a, c = nt(r), [l, d] = X(e, s, o), m = h(
+}), rt = F(function(a) {
+  const { children: t, defaultValue: e = void 0, value: s, onValueChange: o, equalityFn: r } = a, c = st(r), [l, d] = X(e, s, o), m = v(
     (f) => l !== void 0 && (c.current ? c.current(f, l) : f === l),
     [l, c]
-  ), g = h(
+  ), g = v(
     (f) => {
       d(m(f) ? void 0 : f);
     },
     [m, d]
   ), p = w(() => ({ selected: m, selectValue: g }), [m, g]);
   return /* @__PURE__ */ i(Ne, { value: p, children: t });
-}), rt = T({}), oa = u((n) => {
-  const a = b(rt), {
+}), ct = T({}), ra = u((n) => {
+  const a = b(ct), {
     ref: t,
     className: e,
     value: s,
@@ -877,14 +890,14 @@ const Ae = F(function(a) {
     ...m
   } = n, { selected: g, selectValue: p, registerValue: f } = b(Z);
   ue(() => f(s), [f, s]);
-  const C = g(s), S = a.disabled || o, z = h(() => {
+  const C = g(s), S = a.disabled || o, z = v(() => {
     p(s);
   }, [p, s]);
   return /* @__PURE__ */ i(
     ze.Root,
     {
       ref: t,
-      className: x(at({ variant: c, size: l }), k({ radius: d, maxLarge: !0 }), e),
+      className: x(nt({ variant: c, size: l }), k({ radius: d, maxLarge: !0 }), e),
       name: a.name,
       required: a.required,
       disabled: S,
@@ -896,13 +909,13 @@ const Ae = F(function(a) {
     }
   );
 });
-oa.displayName = "CheckboxGroupItem";
-const ra = u((n) => {
+ra.displayName = "CheckboxGroupItem";
+const ca = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(ze.Indicator, { className: x("flex items-center justify-center", t), ref: a, ...e });
 });
-ra.displayName = "CheckboxGroupItemIndicator";
-const ca = u((n) => {
+ca.displayName = "CheckboxGroupItemIndicator";
+const ia = u((n) => {
   const a = M(), {
     ref: t,
     defaultValues: e,
@@ -939,8 +952,8 @@ const ca = u((n) => {
       "data-accent-color": m,
       "aria-disabled": Q(!!d),
       ...C,
-      children: /* @__PURE__ */ i(rt.Provider, { value: S, children: /* @__PURE__ */ i(
-        Ae,
+      children: /* @__PURE__ */ i(ct.Provider, { value: S, children: /* @__PURE__ */ i(
+        De,
         {
           defaultValues: e,
           values: s,
@@ -951,9 +964,9 @@ const ca = u((n) => {
     }
   );
 });
-ca.displayName = "CheckboxGroupRoot";
-const ia = u((n) => {
-  const a = b(rt), {
+ia.displayName = "CheckboxGroupRoot";
+const la = u((n) => {
+  const a = b(ct), {
     ref: t,
     className: e,
     disabled: s,
@@ -967,7 +980,7 @@ const ia = u((n) => {
     ze.Root,
     {
       ref: t,
-      className: x(at({ variant: r, size: c }), k({ radius: l, maxLarge: !0 }), e),
+      className: x(nt({ variant: r, size: c }), k({ radius: l, maxLarge: !0 }), e),
       name: a.name,
       required: a.required,
       disabled: C,
@@ -978,13 +991,13 @@ const ia = u((n) => {
     }
   );
 });
-ia.displayName = "CheckboxGroupSelectAllItem";
-const jc = {
-  Root: ca,
-  Item: oa,
-  SelectAllItem: ia,
-  ItemIndicator: ra
-}, Se = T({}), De = u((n) => {
+la.displayName = "CheckboxGroupSelectAllItem";
+const Uc = {
+  Root: ia,
+  Item: ra,
+  SelectAllItem: la,
+  ItemIndicator: ca
+}, Se = T({}), Ge = u((n) => {
   const { children: a, ref: t, className: e, ...s } = n, o = b(Se), r = typeof a == "function" ? a(o) : a;
   return /* @__PURE__ */ i(
     "span",
@@ -1003,13 +1016,13 @@ const jc = {
     }
   );
 });
-De.displayName = "CheckedIndicator";
-const la = u((n) => {
+Ge.displayName = "CheckedIndicator";
+const da = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(De, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
-la.displayName = "CommandMenuCheckboxIndicator";
-const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
+da.displayName = "CommandMenuCheckboxIndicator";
+const re = T({}), it = T(!1), ua = T(!1), lt = T({}), ma = T({}), yo = h(
   [
     "ring",
     "ring-(--base-6)",
@@ -1044,7 +1057,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
       size: "md"
     }
   }
-), yo = v([
+), zo = h([
   "fixed",
   "inset-0",
   "duration-200",
@@ -1054,7 +1067,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
   "data-[state='open']:fade-in-0",
   "data-[state='closed']:animate-out",
   "data-[state='closed']:fade-out-0"
-]), zo = v(
+]), No = h(
   ["[scrollbar-width:thin]", "[scrollbar-color:var(--base-6)_transparent]", "overflow-auto", "h-max", "max-h-100"],
   {
     variants: {
@@ -1070,7 +1083,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
       size: "md"
     }
   }
-), No = v(["outline-none", "w-full", "placeholder-(--base-a9)"], {
+), wo = h(["outline-none", "w-full", "placeholder-(--base-a9)"], {
   variants: {
     size: {
       xs: ["h-12", "px-5.25", "text-base"],
@@ -1080,7 +1093,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
       xl: ["h-16", "px-9.25", "text-xl"]
     }
   }
-}), wo = v(["h-px", "bg-(--base-a6)", "w-full"], {
+}), Io = h(["h-px", "bg-(--base-a6)", "w-full"], {
   variants: {
     spacing: {
       true: [],
@@ -1101,7 +1114,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
     { spacing: !0, size: "lg", className: ["my-2.5"] },
     { spacing: !0, size: "xl", className: ["my-2.75"] }
   ]
-}), Io = v(
+}), So = h(
   [
     "relative",
     "flex",
@@ -1157,7 +1170,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
       variant: "soft"
     }
   }
-), So = v(["flex", "justify-center", "text-(--base-a11)"], {
+), ko = h(["flex", "justify-center", "text-(--base-a11)"], {
   variants: {
     size: {
       xs: ["py-3.5"],
@@ -1167,7 +1180,7 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
       xl: ["py-5.5"]
     }
   }
-}), ko = v(
+}), Ro = h(
   [
     "[&_[cmdk-group-heading]]:text-(--base-a10)",
     "[&_[cmdk-group-heading]]:flex",
@@ -1210,13 +1223,13 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
     }
   }
 ), ce = u((n) => {
-  const { className: a, ref: t, closeOnSelect: e = !0, onSelect: s, filterValue: o, ...r } = n, { size: c, variant: l, radius: d } = b(re), { setOpen: m } = b(ua), g = h(() => {
+  const { className: a, ref: t, closeOnSelect: e = !0, onSelect: s, filterValue: o, ...r } = n, { size: c, variant: l, radius: d } = b(re), { setOpen: m } = b(ma), g = v(() => {
     s == null || s(), e && m(!1);
   }, [e, s, m]);
   return /* @__PURE__ */ i(
-    Ns,
+    ws,
     {
-      className: x(Io({ size: c, variant: l, radius: d }), a),
+      className: x(So({ size: c, variant: l, radius: d }), a),
       ref: t,
       onSelect: g,
       value: o,
@@ -1225,14 +1238,14 @@ const re = T({}), ct = T(!1), da = T(!1), it = T({}), ua = T({}), Co = v(
   );
 });
 ce.displayName = "CommandMenuItem";
-const ma = u((n) => {
-  const { children: a, ref: t, checked: e, onCheckedChange: s, onSelect: o, ...r } = n, c = h(() => {
+const ga = u((n) => {
+  const { children: a, ref: t, checked: e, onCheckedChange: s, onSelect: o, ...r } = n, c = v(() => {
     o == null || o(), s(e !== !0);
   }, [e, s, o]);
-  return /* @__PURE__ */ i(da, { value: e, children: /* @__PURE__ */ i(ce, { ref: t, onSelect: c, "data-state": Ie(e), ...r, children: a }) });
+  return /* @__PURE__ */ i(ua, { value: e, children: /* @__PURE__ */ i(ce, { ref: t, onSelect: c, "data-state": Ie(e), ...r, children: a }) });
 });
-ma.displayName = "CommandMenuCheckboxItem";
-const ga = u((n) => {
+ga.displayName = "CommandMenuCheckboxItem";
+const pa = u((n) => {
   const a = M(), {
     children: t,
     className: e,
@@ -1256,8 +1269,8 @@ const ga = u((n) => {
     radius: C,
     accentColor: f
   }), [f, C, p, g]);
-  return /* @__PURE__ */ i(kt, { children: /* @__PURE__ */ i(
-    Ms,
+  return /* @__PURE__ */ i(Rt, { children: /* @__PURE__ */ i(
+    Os,
     {
       forceMount: o,
       onOpenAutoFocus: r,
@@ -1268,15 +1281,15 @@ const ga = u((n) => {
       "data-floating-content": "",
       asChild: !0,
       children: /* @__PURE__ */ W(
-        ws,
+        Is,
         {
-          className: x(Co({ size: p }), k({ radius: C, maxLarge: !0 }), e),
+          className: x(yo({ size: p }), k({ radius: C, maxLarge: !0 }), e),
           ref: s,
           "data-accent-color": f,
           ...S,
           children: [
-            /* @__PURE__ */ i(Os, { className: "sr-only", children: n.label }),
-            /* @__PURE__ */ i(Vs, { className: "sr-only", children: "Use the command menu to trigger commands." }),
+            /* @__PURE__ */ i(Vs, { className: "sr-only", children: n.label }),
+            /* @__PURE__ */ i(Ls, { className: "sr-only", children: "Use the command menu to trigger commands." }),
             /* @__PURE__ */ i(re, { value: z, children: t })
           ]
         }
@@ -1284,49 +1297,49 @@ const ga = u((n) => {
     }
   ) });
 });
-ga.displayName = "CommandMenuContent";
-const pa = u((n) => {
-  const { className: a, ref: t, ...e } = n, { size: s } = b(re);
-  return /* @__PURE__ */ i(Is, { className: x(So({ size: s }), a), ref: t, ...e });
-});
-pa.displayName = "CommandMenuEmpty";
-const Ge = u((n) => {
+pa.displayName = "CommandMenuContent";
+const xa = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re);
   return /* @__PURE__ */ i(Ss, { className: x(ko({ size: s }), a), ref: t, ...e });
 });
-Ge.displayName = "CommandMenuGroup";
-const xa = u((n) => {
+xa.displayName = "CommandMenuEmpty";
+const Ee = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re);
-  return /* @__PURE__ */ i(ks, { className: x(No({ size: s }), a), ref: t, ...e });
+  return /* @__PURE__ */ i(ks, { className: x(Ro({ size: s }), a), ref: t, ...e });
 });
-xa.displayName = "CommandMenuInput";
+Ee.displayName = "CommandMenuGroup";
 const fa = u((n) => {
-  const { className: a, ref: t, ...e } = n, { size: s } = b(re), o = Rs((r) => r.filtered.count);
+  const { className: a, ref: t, ...e } = n, { size: s } = b(re);
+  return /* @__PURE__ */ i(Rs, { className: x(wo({ size: s }), a), ref: t, ...e });
+});
+fa.displayName = "CommandMenuInput";
+const ha = u((n) => {
+  const { className: a, ref: t, ...e } = n, { size: s } = b(re), o = Ts((r) => r.filtered.count);
   return /* @__PURE__ */ i(
-    Ts,
+    Ps,
     {
-      className: x(zo({ size: s }), a),
+      className: x(No({ size: s }), a),
       ref: t,
       hidden: o === 0,
       ...e
     }
   );
 });
-fa.displayName = "CommandMenuList";
-const Ro = F(function(a) {
+ha.displayName = "CommandMenuList";
+const To = F(function(a) {
   const { children: t, ref: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
-  return /* @__PURE__ */ i(Ae, { values: o, onValuesChange: r, defaultValues: s, children: /* @__PURE__ */ i(Ge, { ref: e, "aria-multiselectable": !0, ...c, children: t }) });
-}), To = F(function(n) {
+  return /* @__PURE__ */ i(De, { values: o, onValuesChange: r, defaultValues: s, children: /* @__PURE__ */ i(Ee, { ref: e, "aria-multiselectable": !0, ...c, children: t }) });
+}), Po = F(function(n) {
   const { children: a, ref: t, value: e, onSelect: s, closeOnSelect: o = !1, ...r } = n, {
     selected: c,
     selectValue: l,
     registerValue: d
   } = b(Z);
   ue(() => d(e), [d, e]);
-  const m = h(() => {
+  const m = v(() => {
     s == null || s(), l(e);
   }, [l, s, e]), g = c(e);
-  return /* @__PURE__ */ i(ct, { value: g, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(it, { value: g, children: /* @__PURE__ */ i(
     ce,
     {
       ref: t,
@@ -1338,41 +1351,41 @@ const Ro = F(function(a) {
       children: a
     }
   ) });
-}), ha = u((n) => {
+}), va = u((n) => {
   const { container: a, className: t, ...e } = n;
-  return /* @__PURE__ */ i(kt, { container: a, children: /* @__PURE__ */ i(Ls, { className: x(yo(), t), "data-floating-content": "", ...e }) });
+  return /* @__PURE__ */ i(Rt, { container: a, children: /* @__PURE__ */ i(As, { className: x(zo(), t), "data-floating-content": "", ...e }) });
 });
-ha.displayName = "CommandMenuOverlay";
-const va = u((n) => {
-  const { children: a, ref: t, page: e, ...s } = n, { page: o } = b(it), r = w(() => e === o, [e, o]);
-  return /* @__PURE__ */ i("div", { ref: t, "data-active": Le(r), hidden: !r, ...s, children: r ? a : null });
-});
-va.displayName = "CommandMenuPage";
+va.displayName = "CommandMenuOverlay";
 const ba = u((n) => {
-  const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s);
-  return /* @__PURE__ */ i(it, { value: { page: o, setPage: r }, children: a });
+  const { children: a, ref: t, page: e, ...s } = n, { page: o } = b(lt), r = w(() => e === o, [e, o]);
+  return /* @__PURE__ */ i("div", { ref: t, "data-active": Ae(r), hidden: !r, ...s, children: r ? a : null });
 });
-ba.displayName = "CommandMenuPages";
+ba.displayName = "CommandMenuPage";
 const Ca = u((n) => {
-  const { ref: a, page: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { page: r, setPage: c } = b(it), l = w(() => t === r, [t, r]), d = h(() => {
+  const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s);
+  return /* @__PURE__ */ i(lt, { value: { page: o, setPage: r }, children: a });
+});
+Ca.displayName = "CommandMenuPages";
+const ya = u((n) => {
+  const { ref: a, page: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { page: r, setPage: c } = b(lt), l = w(() => t === r, [t, r]), d = v(() => {
     e == null || e(), c(t);
   }, [e, t, c]);
-  return /* @__PURE__ */ i(ct, { value: l, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(it, { value: l, children: /* @__PURE__ */ i(
     ce,
     {
       ref: a,
       onSelect: d,
-      "data-state": Le(l),
+      "data-state": Ae(l),
       closeOnSelect: s,
       ...o
     }
   ) });
 });
-Ca.displayName = "CommandMenuPageTriggerItem";
-const Po = F(function(a) {
+ya.displayName = "CommandMenuPageTriggerItem";
+const Mo = F(function(a) {
   const { children: t, ref: e, required: s, defaultValue: o, value: r, onValueChange: c, ...l } = a;
-  return /* @__PURE__ */ i(Ge, { ref: e, role: "radiogroup", ...l, children: s ? /* @__PURE__ */ i(
-    st,
+  return /* @__PURE__ */ i(Ee, { ref: e, role: "radiogroup", ...l, children: s ? /* @__PURE__ */ i(
+    ot,
     {
       defaultValue: o,
       value: r,
@@ -1380,7 +1393,7 @@ const Po = F(function(a) {
       children: t
     }
   ) : /* @__PURE__ */ i(
-    ot,
+    rt,
     {
       defaultValue: o,
       value: r,
@@ -1388,12 +1401,12 @@ const Po = F(function(a) {
       children: t
     }
   ) });
-}), Mo = F(function(n) {
-  const { children: a, ref: t, value: e, onSelect: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = h(() => {
+}), Oo = F(function(n) {
+  const { children: a, ref: t, value: e, onSelect: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = v(() => {
     s == null || s(), c(e);
   }, [s, c, e]), d = r(e);
-  return /* @__PURE__ */ i(ct, { value: d, children: /* @__PURE__ */ i(ce, { ref: t, onSelect: l, "data-state": oe(d), ...o, children: a }) });
-}), ya = u((n) => {
+  return /* @__PURE__ */ i(it, { value: d, children: /* @__PURE__ */ i(ce, { ref: t, onSelect: l, "data-state": oe(d), ...o, children: a }) });
+}), za = u((n) => {
   const {
     children: a,
     defaultOpen: t,
@@ -1405,14 +1418,14 @@ const Po = F(function(a) {
     open: r,
     setOpen: c
   }), [r, c]);
-  return /* @__PURE__ */ i(H.Root, { defaultOpen: t, open: r, onOpenChange: c, modal: o, children: /* @__PURE__ */ i(ua, { value: l, children: a }) });
+  return /* @__PURE__ */ i(H.Root, { defaultOpen: t, open: r, onOpenChange: c, modal: o, children: /* @__PURE__ */ i(ma, { value: l, children: a }) });
 });
-ya.displayName = "CommandMenuRoot";
-const Oo = F(function(n) {
-  const { ref: a, onSelect: t, closeOnSelect: e = !1, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: c } = b(Z), l = h(() => {
+za.displayName = "CommandMenuRoot";
+const Vo = F(function(n) {
+  const { ref: a, onSelect: t, closeOnSelect: e = !1, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: c } = b(Z), l = v(() => {
     t == null || t(), c();
   }, [t, c]), d = o ? !0 : r ? "indeterminate" : !1;
-  return /* @__PURE__ */ i(da, { value: d, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(ua, { value: d, children: /* @__PURE__ */ i(
     ce,
     {
       ref: a,
@@ -1423,7 +1436,7 @@ const Oo = F(function(n) {
       ...s
     }
   ) });
-}), xe = T(!1), Ee = u((n) => {
+}), xe = T(!1), _e = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n, o = b(xe), r = typeof t == "function" ? t(o) : t;
   return /* @__PURE__ */ i(
     "span",
@@ -1442,63 +1455,63 @@ const Oo = F(function(n) {
     }
   );
 });
-Ee.displayName = "SelectedIndicator";
-const za = u((n) => {
+_e.displayName = "SelectedIndicator";
+const Na = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(Ee, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(_e, { ref: a, ...e, children: t });
 });
-za.displayName = "CommandMenuSelectedIndicator";
-const Na = u((n) => {
+Na.displayName = "CommandMenuSelectedIndicator";
+const wa = u((n) => {
   const { className: a, ref: t, spacing: e = !1, ...s } = n, { size: o } = b(re);
-  return /* @__PURE__ */ i(Ps, { ref: t, className: x(wo({ size: o, spacing: e }), a), ...s });
+  return /* @__PURE__ */ i(Ms, { ref: t, className: x(Io({ size: o, spacing: e }), a), ...s });
 });
-Na.displayName = "CommandMenuSeparator";
-const wa = u((n) => /* @__PURE__ */ i(As, { ...n }));
-wa.displayName = "CommandMenuTrigger";
-const Uc = {
-  Root: ya,
-  Overlay: ha,
-  Content: ga,
-  Trigger: wa,
-  Input: xa,
-  List: fa,
-  Group: Ge,
+wa.displayName = "CommandMenuSeparator";
+const Ia = u((n) => /* @__PURE__ */ i(Ds, { ...n }));
+Ia.displayName = "CommandMenuTrigger";
+const qc = {
+  Root: za,
+  Overlay: va,
+  Content: pa,
+  Trigger: Ia,
+  Input: fa,
+  List: ha,
+  Group: Ee,
   Item: ce,
-  Separator: Na,
-  Empty: pa,
+  Separator: wa,
+  Empty: xa,
   // Multi select
-  MultiSelectGroup: Ro,
-  MultiSelectItem: To,
-  SelectAllItem: Oo,
-  SelectedIndicator: za,
+  MultiSelectGroup: To,
+  MultiSelectItem: Po,
+  SelectAllItem: Vo,
+  SelectedIndicator: Na,
   // Radio / single select
-  RadioGroup: Po,
-  RadioItem: Mo,
+  RadioGroup: Mo,
+  RadioItem: Oo,
   // Checkbox
-  CheckboxItem: ma,
-  CheckboxIndicator: la,
+  CheckboxItem: ga,
+  CheckboxIndicator: da,
   // Pages
-  Pages: ba,
-  Page: va,
-  PageTriggerItem: Ca
+  Pages: Ca,
+  Page: ba,
+  PageTriggerItem: ya
 }, q = u((n) => {
   const { ref: a, icon: t, className: e, size: s = "1em", ...o } = n;
   return /* @__PURE__ */ i(t, { ref: a, className: x("shrink-0", e), size: s, ...o });
 });
 q.displayName = "LuIcon";
-const Vo = (n) => {
+const Lo = (n) => {
   const { orientation: a, ...t } = n;
   switch (a) {
     case "up":
-      return /* @__PURE__ */ i(q, { icon: Fs, ...t });
+      return /* @__PURE__ */ i(q, { icon: Hs, ...t });
     case "down":
-      return /* @__PURE__ */ i(q, { icon: _s, ...t });
+      return /* @__PURE__ */ i(q, { icon: Fs, ...t });
     case "left":
-      return /* @__PURE__ */ i(q, { icon: Es, ...t });
+      return /* @__PURE__ */ i(q, { icon: _s, ...t });
     default:
-      return /* @__PURE__ */ i(q, { icon: Gs, ...t });
+      return /* @__PURE__ */ i(q, { icon: Es, ...t });
   }
-}, Lo = v(["relative", "size-max"], {
+}, Ao = h(["relative", "size-max"], {
   variants: {
     size: {
       xs: ["text-xs"],
@@ -1508,7 +1521,7 @@ const Vo = (n) => {
       xl: ["text-xl"]
     }
   }
-}), Ao = v(
+}), Do = h(
   [
     "relative",
     "transition-[background,text]",
@@ -1560,7 +1573,7 @@ const Vo = (n) => {
       }
     }
   }
-), wt = v(
+), It = h(
   [
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-1",
@@ -1585,7 +1598,7 @@ const Vo = (n) => {
       }
     }
   }
-), Do = v(["font-medium", "text-(--base-a11)"], {
+), Go = h(["font-medium", "text-(--base-a11)"], {
   variants: {
     size: {
       xs: ["size-6"],
@@ -1595,7 +1608,7 @@ const Vo = (n) => {
       xl: ["size-10"]
     }
   }
-}), Go = v(
+}), Eo = h(
   [
     "*:after:absolute",
     "*:after:bg-(--base-12)",
@@ -1620,7 +1633,7 @@ const Vo = (n) => {
       }
     }
   }
-), Eo = v(["font-medium", "w-full", "flex", "gap-4", "items-center"], {
+), _o = h(["font-medium", "w-full", "flex", "gap-4", "items-center"], {
   variants: {
     size: {
       xs: ["h-6"],
@@ -1630,7 +1643,7 @@ const Vo = (n) => {
       xl: ["h-10"]
     }
   }
-}), _o = v(
+}), Fo = h(
   [
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-1",
@@ -1655,7 +1668,7 @@ const Vo = (n) => {
       }
     }
   }
-), Fo = v(["inline-flex", "items-center"], {
+), Ho = h(["inline-flex", "items-center"], {
   variants: {
     size: {
       xs: ["h-6", "text-xs", "gap-0.5"],
@@ -1665,7 +1678,7 @@ const Vo = (n) => {
       xl: ["h-10", "text-xl", "gap-1.5"]
     }
   }
-}), It = { Chevron: Vo }, Ho = new Date(1969, 0, 1), Bo = new Date(2042, 11, 1), $o = u((n) => {
+}), St = { Chevron: Lo }, Bo = new Date(1969, 0, 1), $o = new Date(2042, 11, 1), jo = u((n) => {
   const a = M(), {
     components: t,
     classNames: e,
@@ -1674,31 +1687,31 @@ const Vo = (n) => {
     variant: r = "soft",
     radius: c = a.radius,
     showOutsideDays: l = !0,
-    startMonth: d = Ho,
-    endMonth: m = Bo,
+    startMonth: d = Bo,
+    endMonth: m = $o,
     ...g
   } = n, p = w(() => ({
     ...e,
-    root: x(e == null ? void 0 : e.root, Lo({ size: o })),
+    root: x(e == null ? void 0 : e.root, Ao({ size: o })),
     nav: x(e == null ? void 0 : e.nav, ["absolute", "top-0", "w-full", "flex", "justify-end"]),
     month: x(e == null ? void 0 : e.month, ["flex", "flex-col", "gap-1"]),
-    month_caption: x(e == null ? void 0 : e.month_caption, Eo({ size: o })),
+    month_caption: x(e == null ? void 0 : e.month_caption, _o({ size: o })),
     button_next: x(
       e == null ? void 0 : e.button_next,
-      wt({ size: o }),
+      It({ size: o }),
       k({ radius: c, maxLarge: !1 })
     ),
     button_previous: x(
       e == null ? void 0 : e.button_previous,
-      wt({ size: o }),
+      It({ size: o }),
       k({ radius: c, maxLarge: !1 })
     ),
-    weekday: x(e == null ? void 0 : e.weekday, Do({ size: o })),
-    today: x(e == null ? void 0 : e.today, Go({ size: o, variant: r })),
+    weekday: x(e == null ? void 0 : e.weekday, Go({ size: o })),
+    today: x(e == null ? void 0 : e.today, Eo({ size: o, variant: r })),
     day: x(e == null ? void 0 : e.day, ["group/day"]),
     day_button: x(
       e == null ? void 0 : e.day_button,
-      Ao({ size: o, variant: r }),
+      Do({ size: o, variant: r }),
       k({ radius: c, maxLarge: !1 })
     ),
     range_start: x(e == null ? void 0 : e.range_start, "rdp-range-start"),
@@ -1708,18 +1721,18 @@ const Vo = (n) => {
     years_dropdown: "opacity-0 absolute z-[1]",
     dropdown_root: x(
       e == null ? void 0 : e.dropdown_root,
-      _o({ size: o }),
+      Fo({ size: o }),
       k({ radius: c, maxLarge: !1 })
     ),
     dropdowns: "flex items-center",
-    caption_label: x(e == null ? void 0 : e.caption_label, Fo({ size: o })),
+    caption_label: x(e == null ? void 0 : e.caption_label, Ho({ size: o })),
     chevron: "size-[1em]"
   }), [e, c, o, r]), f = w(
-    () => t ? { ...It, ...t } : It,
+    () => t ? { ...St, ...t } : St,
     [t]
   );
   return /* @__PURE__ */ i(
-    Ds,
+    Gs,
     {
       "data-accent-color": s,
       showOutsideDays: l,
@@ -1733,18 +1746,18 @@ const Vo = (n) => {
     }
   );
 });
-$o.displayName = "DayPicker";
-const Ia = T({}), jo = () => {
-  const n = j(Ia);
+jo.displayName = "DayPicker";
+const Sa = T({}), Uo = () => {
+  const n = j(Sa);
   if (!n)
     throw new Error("useDialog must be used within a DialogRoot");
   return n;
-}, Sa = u((n) => {
-  const { radius: a } = M(), t = jo(), { ref: e, children: s, container: o, className: r, size: c, ...l } = n, d = w(() => typeof s == "function" ? s(t) : s, [s, t]);
+}, ka = u((n) => {
+  const { radius: a } = M(), t = Uo(), { ref: e, children: s, container: o, className: r, size: c, ...l } = n, d = w(() => typeof s == "function" ? s(t) : s, [s, t]);
   return /* @__PURE__ */ i(H.Portal, { container: o, children: /* @__PURE__ */ i(
     H.Content,
     {
-      className: x(Kt({ size: c }), k({ radius: a, maxLarge: !0 }), r),
+      className: x(Xt({ size: c }), k({ radius: a, maxLarge: !0 }), r),
       ref: e,
       "data-floating-content": "",
       ...l,
@@ -1752,22 +1765,22 @@ const Ia = T({}), jo = () => {
     }
   ) });
 });
-Sa.displayName = "DialogContent";
-const ka = u((n) => {
+ka.displayName = "DialogContent";
+const Ra = u((n) => {
   const { ref: a, children: t, className: e, container: s, ...o } = n;
   return /* @__PURE__ */ i(H.Portal, { container: s, children: /* @__PURE__ */ i(
     H.Overlay,
     {
       ref: a,
-      className: x(Wt({}), e),
+      className: x(Kt({}), e),
       "data-floating-content": "",
       ...o,
       children: t
     }
   ) });
 });
-ka.displayName = "DialogOverlay";
-const Ra = u((n) => {
+Ra.displayName = "DialogOverlay";
+const Ta = u((n) => {
   const {
     children: a,
     onOpen: t,
@@ -1777,7 +1790,7 @@ const Ra = u((n) => {
     open: r,
     // oxlint-disable-next-line typescript/unbound-method
     onOpenChange: c
-  } = n, [l, d] = E(s ?? !1), m = r ?? l, g = h(
+  } = n, [l, d] = E(s ?? !1), m = r ?? l, g = v(
     (f) => {
       if (c) return c(f);
       if (f && t)
@@ -1792,7 +1805,7 @@ const Ra = u((n) => {
       d(f);
     },
     [c, t, e, o]
-  ), p = h(
+  ), p = v(
     (f) => {
       if (f != null && f.force)
         return d(!1);
@@ -1800,25 +1813,25 @@ const Ra = u((n) => {
     },
     [g]
   );
-  return /* @__PURE__ */ i(H.Root, { open: m, onOpenChange: g, children: /* @__PURE__ */ i(Ia.Provider, { value: p, children: a }) });
+  return /* @__PURE__ */ i(H.Root, { open: m, onOpenChange: g, children: /* @__PURE__ */ i(Sa.Provider, { value: p, children: a }) });
 });
-Ra.displayName = "DialogRoot";
-const qc = {
-  Root: Ra,
-  Content: Sa,
-  Overlay: ka,
+Ta.displayName = "DialogRoot";
+const Wc = {
+  Root: Ta,
+  Content: ka,
+  Overlay: Ra,
   Title: H.Title,
   Description: H.Description,
   Trigger: H.Trigger,
   Close: H.Close
-}, Uo = {
+}, qo = {
   1: "h1",
   2: "h2",
   3: "h3",
   4: "h4",
   5: "h5",
   6: "h6"
-}, qo = v([], {
+}, Wo = h([], {
   variants: {
     size: {
       xs: ["text-xs"],
@@ -1847,7 +1860,7 @@ const qc = {
       right: ["text-right"]
     }
   }
-}), Wo = u((n) => {
+}), Ko = u((n) => {
   const {
     ref: a,
     children: t,
@@ -1859,13 +1872,13 @@ const qc = {
     highContrast: l = !1,
     accentColor: d,
     ...m
-  } = n, g = Uo[s];
+  } = n, g = qo[s];
   return /* @__PURE__ */ i(
     g,
     {
       ref: a,
       className: x(
-        qo({ size: o, weight: r, align: c }),
+        Wo({ size: o, weight: r, align: c }),
         {
           "text-(--accent-a11)": !!d,
           "text-(--accent-a12)": l
@@ -1878,13 +1891,13 @@ const qc = {
     }
   );
 });
-Wo.displayName = "Heading";
-const Ta = u((n) => {
+Ko.displayName = "Heading";
+const Pa = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
   return /* @__PURE__ */ i(ye.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
 });
-Ta.displayName = "HoverCardArrow";
-const Ko = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
+Pa.displayName = "HoverCardArrow";
+const Xo = h(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
   variants: {
     size: {
       xs: ["p-2"],
@@ -1897,7 +1910,7 @@ const Ko = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
   defaultVariants: {
     size: "md"
   }
-}), Pa = u((n) => {
+}), Ma = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -1914,8 +1927,9 @@ const Ko = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
     ye.Content,
     {
       className: x(
-        Ko({ size: o }),
-        Ve({ side: r, shadow: "3" }),
+        Xo({ size: o }),
+        Ve({ side: r }),
+        Le({ size: "md" }),
         k({ radius: c, maxLarge: !0 }),
         s
       ),
@@ -1929,16 +1943,16 @@ const Ko = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
     }
   ) });
 });
-Pa.displayName = "HoverCardContent";
-const Wc = {
-  Arrow: Ta,
-  Content: Pa,
+Ma.displayName = "HoverCardContent";
+const Kc = {
+  Arrow: Pa,
+  Content: Ma,
   Root: ye.Root,
   Trigger: ye.Trigger
-}, Xo = u(({ children: n, forceHover: a }) => {
-  const [t, e] = E(!1), s = h(() => {
+}, Yo = u(({ children: n, forceHover: a }) => {
+  const [t, e] = E(!1), s = v(() => {
     e(!0);
-  }, []), o = h(() => {
+  }, []), o = v(() => {
     e(!1);
   }, []);
   return n({
@@ -1947,8 +1961,8 @@ const Wc = {
     onPointerLeave: o
   });
 });
-Xo.displayName = "HoverUtility";
-const lt = T({}), Yo = v(
+Yo.displayName = "HoverUtility";
+const dt = T({}), Qo = h(
   [
     "flex",
     "items-stretch",
@@ -1980,7 +1994,7 @@ const lt = T({}), Yo = v(
       variant: "surface"
     }
   }
-), Qo = v(["peer-[.slot]/slot:px-0"], {
+), Jo = h(["peer-[.slot]/slot:px-0"], {
   variants: {
     variant: {
       surface: ["placeholder-(--accent-12)", "placeholder:opacity-60", "selection:bg-(--accent-a5)"],
@@ -2000,7 +2014,7 @@ const lt = T({}), Yo = v(
     size: "md",
     variant: "surface"
   }
-}), Jo = v(["peer/slot", "slot"], {
+}), Zo = h(["peer/slot", "slot"], {
   variants: {
     size: {
       xs: ["px-1.5"],
@@ -2019,19 +2033,19 @@ const lt = T({}), Yo = v(
   defaultVariants: {
     size: "md"
   }
-}), Ma = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, variant: o } = j(lt);
+}), Oa = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, variant: o } = j(dt);
   return /* @__PURE__ */ i(
     "input",
     {
-      className: x(Qo({ size: s, variant: o }), "grow bg-transparent outline-0", t),
+      className: x(Jo({ size: s, variant: o }), "grow bg-transparent outline-0", t),
       ref: a,
       ...e
     }
   );
 });
-Ma.displayName = "InputField";
-const Oa = u((n) => {
+Oa.displayName = "InputField";
+const Va = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -2042,10 +2056,10 @@ const Oa = u((n) => {
     radius: l = a.radius,
     ...d
   } = n, m = w(() => ({ size: r, variant: o }), [r, o]);
-  return /* @__PURE__ */ i(lt.Provider, { value: m, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(dt.Provider, { value: m, children: /* @__PURE__ */ i(
     "div",
     {
-      className: x(Yo({ variant: o, size: r }), k({ radius: l, maxLarge: !1 }), s),
+      className: x(Qo({ variant: o, size: r }), k({ radius: l, maxLarge: !1 }), s),
       ref: t,
       "data-accent-color": c,
       ...d,
@@ -2053,30 +2067,30 @@ const Oa = u((n) => {
     }
   ) });
 });
-Oa.displayName = "InputRoot";
-const Va = u((n) => {
-  const { ref: a, children: t, className: e, ...s } = n, { size: o, variant: r } = j(lt);
-  return /* @__PURE__ */ i("div", { className: x(Jo({ size: o, variant: r }), "flex items-center", e), ref: a, ...s, children: t });
-});
-Va.displayName = "InputSlot";
-const Kc = {
-  Field: Ma,
-  Root: Oa,
-  Slot: Va
-}, dt = Ks({}), ke = () => Xs(dt);
-function Xc(n) {
-  return Ys(dt, n);
-}
+Va.displayName = "InputRoot";
 const La = u((n) => {
+  const { ref: a, children: t, className: e, ...s } = n, { size: o, variant: r } = j(dt);
+  return /* @__PURE__ */ i("div", { className: x(Zo({ size: o, variant: r }), "flex items-center", e), ref: a, ...s, children: t });
+});
+La.displayName = "InputSlot";
+const Xc = {
+  Field: Oa,
+  Root: Va,
+  Slot: La
+}, ut = Xs({}), ke = () => Ys(ut);
+function Yc(n) {
+  return Qs(ut, n);
+}
+const Aa = u((n) => {
   const { ref: a, children: t, ...e } = n, { hideLayout: s = !1 } = ke();
   return !s && /* @__PURE__ */ i("div", { ref: a, ...e, children: t });
 });
-La.displayName = "LayoutContainer";
-const Aa = u((n) => {
-  const { children: a, small: t = !1, hideLayout: e = !1 } = n, [s, o] = E({}), r = h(
+Aa.displayName = "LayoutContainer";
+const Da = u((n) => {
+  const { children: a, small: t = !1, hideLayout: e = !1 } = n, [s, o] = E({}), r = v(
     (d) => s[d] ?? !1,
     [s]
-  ), c = h((d, m) => {
+  ), c = v((d, m) => {
     o((g) => ({ ...g, [d]: m }));
   }, []), l = w(
     () => ({
@@ -2087,11 +2101,11 @@ const Aa = u((n) => {
     }),
     [e, r, c, t]
   );
-  return /* @__PURE__ */ i(dt.Provider, { value: l, children: a });
+  return /* @__PURE__ */ i(ut.Provider, { value: l, children: a });
 });
-Aa.displayName = "LayoutRoot";
-const fe = T({}), Da = T({}), ut = u((n) => {
-  const { ref: a, onClick: t, disabled: e, ...s } = n, { setOpen: o } = b(fe), r = h(
+Da.displayName = "LayoutRoot";
+const fe = T({}), Ga = T({}), mt = u((n) => {
+  const { ref: a, onClick: t, disabled: e, ...s } = n, { setOpen: o } = b(fe), r = v(
     (c) => {
       t == null || t(c), !c.defaultPrevented && o(!1);
     },
@@ -2099,16 +2113,16 @@ const fe = T({}), Da = T({}), ut = u((n) => {
   );
   return /* @__PURE__ */ i(me, { ref: a, onClick: r, "data-disabled": e ?? !1, ...s });
 });
-ut.displayName = "SlideOutClose";
-const Zo = 200;
-function er(n, a = globalThis == null ? void 0 : globalThis.document.body) {
-  const t = nr(n), e = U(!1), s = U(() => {
+mt.displayName = "SlideOutClose";
+const er = 200;
+function tr(n, a = globalThis == null ? void 0 : globalThis.document.body) {
+  const t = sr(n), e = U(!1), s = U(() => {
   });
   return B(() => {
     const o = (c) => {
       if (c.target && !e.current) {
         const l = { originalEvent: c }, d = () => {
-          ar("pointerDownOutside", t, l, {
+          nr("pointerDownOutside", t, l, {
             discrete: !0
           });
         };
@@ -2127,14 +2141,14 @@ function er(n, a = globalThis == null ? void 0 : globalThis.document.body) {
     onPointerDownCapture: () => e.current = !0
   };
 }
-function tr(n, a) {
-  n && Js.flushSync(() => n.dispatchEvent(a));
+function ar(n, a) {
+  n && Zs.flushSync(() => n.dispatchEvent(a));
 }
-function ar(n, a, t, { discrete: e }) {
+function nr(n, a, t, { discrete: e }) {
   const s = t.originalEvent.target, o = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
-  a && s.addEventListener(n, a, { once: !0 }), tr(s, o);
+  a && s.addEventListener(n, a, { once: !0 }), ar(s, o);
 }
-function nr(n) {
+function sr(n) {
   const a = U(n);
   return B(() => {
     a.current = n;
@@ -2143,7 +2157,7 @@ function nr(n) {
     return (e = a.current) == null ? void 0 : e.call(a, ...t);
   }, []);
 }
-const sr = {
+const or = {
   left: {
     enter: "-ml-(--slide-out-size)",
     enterActive: "ease-linear duration-200 transition-[margin-left] ml-0",
@@ -2172,10 +2186,10 @@ const sr = {
     exitActive: "ease-linear duration-200 transition-[margin-bottom] -mb-(--slide-out-size)",
     exitDone: "-mb-(--slide-out-size)"
   }
-}, mt = u((n) => {
-  const { ref: a, children: t, style: e, side: s, type: o, resizeable: r = !1, initialSize: c, minSize: l, maxSize: d, ...m } = n, g = U(null), { open: p, setOpen: f, parentElement: C, modal: S, hide: z } = b(fe), [N, P] = E(null), L = h(() => {
+}, gt = u((n) => {
+  const { ref: a, children: t, style: e, side: s, type: o, resizeable: r = !1, initialSize: c, minSize: l, maxSize: d, ...m } = n, g = U(null), { open: p, setOpen: f, parentElement: C, modal: S, hide: z } = b(fe), [N, P] = E(null), L = v(() => {
     S && f(!1);
-  }, [S, f]), { onPointerDownCapture: y } = er(
+  }, [S, f]), { onPointerDownCapture: y } = tr(
     L,
     C ?? void 0
   );
@@ -2235,7 +2249,7 @@ const sr = {
           "--slide-out-size": `${N}px`
         };
     }
-  }, [N, c, d, l, s, e, o]), A = sr[s], G = w(
+  }, [N, c, d, l, s, e, o]), A = or[s], G = w(
     () => ({
       side: s,
       type: o,
@@ -2249,11 +2263,11 @@ const sr = {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     /* @__PURE__ */ i(
-      Qs,
+      Js,
       {
         classNames: A,
         in: p,
-        timeout: Zo,
+        timeout: er,
         unmountOnExit: !0,
         mountOnEnter: !0,
         nodeRef: g,
@@ -2267,16 +2281,16 @@ const sr = {
             "data-type": o,
             style: V,
             ...m,
-            children: /* @__PURE__ */ i(Da, { value: G, children: t })
+            children: /* @__PURE__ */ i(Ga, { value: G, children: t })
           }
         )
       }
     )
   );
 });
-mt.displayName = "SlideOutContent";
-const gt = u((n) => {
-  const { ref: a, onMouseDown: t, disabled: e, ...s } = n, o = U(null), [r, c] = E(!1), { side: l, resizeable: d, computedSize: m, setComputedSize: g } = b(Da), p = e ?? !d, f = h(
+gt.displayName = "SlideOutContent";
+const pt = u((n) => {
+  const { ref: a, onMouseDown: t, disabled: e, ...s } = n, o = U(null), [r, c] = E(!1), { side: l, resizeable: d, computedSize: m, setComputedSize: g } = b(Ga), p = e ?? !d, f = v(
     (N, P) => {
       switch (l) {
         case "left":
@@ -2294,12 +2308,12 @@ const gt = u((n) => {
       }
     },
     [l]
-  ), C = h(
+  ), C = v(
     (N) => {
       t == null || t(N), !(N.defaultPrevented || p) && (N.preventDefault(), f(N.clientX, N.clientY), c(!0));
     },
     [p, t, f]
-  ), S = h(
+  ), S = v(
     (N) => {
       if (!r || !o.current || p) return;
       N.preventDefault();
@@ -2322,7 +2336,7 @@ const gt = u((n) => {
       f(P, L), g(m + y);
     },
     [p, m, r, g, f, l]
-  ), z = h(() => {
+  ), z = v(() => {
     !r || p || (o.current = null, c(!1));
   }, [p, r]);
   return B(() => (document.addEventListener("pointermove", S), document.addEventListener("pointerup", z), () => {
@@ -2339,13 +2353,13 @@ const gt = u((n) => {
     }
   );
 });
-gt.displayName = "SlideOutHandle";
-const pt = u((n) => {
+pt.displayName = "SlideOutHandle";
+const xt = u((n) => {
   const { ref: a, ...t } = n, { open: e, hide: s } = b(fe);
   return e && !s ? /* @__PURE__ */ i("div", { ref: a, "data-open": e, ...t }) : null;
 });
-pt.displayName = "SlideOutOverlay";
-const xt = u((n) => {
+xt.displayName = "SlideOutOverlay";
+const ft = u((n) => {
   const {
     ref: a,
     children: t,
@@ -2367,9 +2381,9 @@ const xt = u((n) => {
   );
   return /* @__PURE__ */ i("div", { ref: we([a, m]), ...l, children: /* @__PURE__ */ i(fe, { value: f, children: t }) });
 });
-xt.displayName = "SlideOutRoot";
-const Ga = u((n) => {
-  const { ref: a, onClick: t, ...e } = n, { open: s, setOpen: o } = b(fe), r = h(
+ft.displayName = "SlideOutRoot";
+const Ea = u((n) => {
+  const { ref: a, onClick: t, ...e } = n, { open: s, setOpen: o } = b(fe), r = v(
     (c) => {
       t == null || t(c), !c.defaultPrevented && o(!s);
     },
@@ -2377,8 +2391,8 @@ const Ga = u((n) => {
   );
   return /* @__PURE__ */ i(me, { ref: a, onClick: r, "data-disabled": n.disabled ?? !1, ...e });
 });
-Ga.displayName = "SlideOutTrigger";
-const ft = u((n) => {
+Ea.displayName = "SlideOutTrigger";
+const ht = u((n) => {
   const { ref: a, ...t } = n, e = U(null), { open: s, modal: o, parentElement: r } = b(fe);
   return B(() => {
     if (!e.current) return;
@@ -2388,37 +2402,37 @@ const ft = u((n) => {
     };
   }, [o, s, r == null ? void 0 : r.style]), /* @__PURE__ */ i("div", { ref: we([a, e]), ...t });
 });
-ft.displayName = "SlideOutViewport";
-const Yc = {
-  Close: ut,
-  Content: mt,
-  Handle: gt,
-  Overlay: pt,
-  Root: xt,
-  Trigger: Ga,
-  Viewport: ft
-}, Ea = u((n) => {
+ht.displayName = "SlideOutViewport";
+const Qc = {
+  Close: mt,
+  Content: gt,
+  Handle: pt,
+  Overlay: xt,
+  Root: ft,
+  Trigger: Ea,
+  Viewport: ht
+}, _a = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ i(ut, { ref: a, ...t });
+  return /* @__PURE__ */ i(mt, { ref: a, ...t });
 });
-Ea.displayName = "LayoutSlideOutClose";
-const _a = u((n) => {
+_a.displayName = "LayoutSlideOutClose";
+const Fa = u((n) => {
   const { ref: a, type: t, ...e } = n, { small: s } = ke();
-  return /* @__PURE__ */ i(mt, { ref: a, type: t ?? (s ? "overlay" : "inline"), ...e });
+  return /* @__PURE__ */ i(gt, { ref: a, type: t ?? (s ? "overlay" : "inline"), ...e });
 });
-_a.displayName = "LayoutSlideOutContent";
-const Fa = u((n) => {
+Fa.displayName = "LayoutSlideOutContent";
+const Ha = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ i(gt, { ref: a, ...t });
+  return /* @__PURE__ */ i(pt, { ref: a, ...t });
 });
-Fa.displayName = "LayoutSlideOutHandle";
-const Ha = u((n) => {
+Ha.displayName = "LayoutSlideOutHandle";
+const Ba = u((n) => {
   const { ref: a, smallModeOnly: t = !1, ...e } = n, { small: s, hideLayout: o } = ke();
-  return w(() => !(o || t && !s), [o, s, t]) ? /* @__PURE__ */ i(pt, { ref: a, ...e }) : null;
+  return w(() => !(o || t && !s), [o, s, t]) ? /* @__PURE__ */ i(xt, { ref: a, ...e }) : null;
 });
-Ha.displayName = "SlideOutOverlay";
-const Ba = u((n) => {
-  const { ref: a, slideOutId: t, defaultOpen: e, hide: s, ...o } = n, { isOpen: r, setOpen: c, small: l, hideLayout: d } = ke(), m = r(t), g = h(
+Ba.displayName = "SlideOutOverlay";
+const $a = u((n) => {
+  const { ref: a, slideOutId: t, defaultOpen: e, hide: s, ...o } = n, { isOpen: r, setOpen: c, small: l, hideLayout: d } = ke(), m = r(t), g = v(
     (p) => {
       p || c(t, !1);
     },
@@ -2427,7 +2441,7 @@ const Ba = u((n) => {
   return B(() => {
     l && (e == null ? void 0 : e.small) !== void 0 ? c(t, e == null ? void 0 : e.small) : !l && (e == null ? void 0 : e.large) !== void 0 && c(t, e == null ? void 0 : e.large);
   }, [e, t, c, l]), /* @__PURE__ */ i(
-    xt,
+    ft,
     {
       ref: a,
       open: m,
@@ -2438,30 +2452,30 @@ const Ba = u((n) => {
     }
   );
 });
-Ba.displayName = "LayoutSlideOutRoot";
-const $a = u((n) => {
-  const { ref: a, slideOutId: t, children: e, ...s } = n, { isOpen: o, setOpen: r } = ke(), c = o(t), l = h(() => {
+$a.displayName = "LayoutSlideOutRoot";
+const ja = u((n) => {
+  const { ref: a, slideOutId: t, children: e, ...s } = n, { isOpen: o, setOpen: r } = ke(), c = o(t), l = v(() => {
     r(t, !c);
   }, [c, r, t]);
   return /* @__PURE__ */ i(me, { "data-state": pe(c), ref: a, onClick: l, ...s, children: e });
 });
-$a.displayName = "LayoutSlideOutTrigger";
-const ja = u((n) => {
+ja.displayName = "LayoutSlideOutTrigger";
+const Ua = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ i(ft, { ref: a, ...t });
+  return /* @__PURE__ */ i(ht, { ref: a, ...t });
 });
-ja.displayName = "LayoutSlideOutViewport";
-const Qc = {
-  Root: Aa,
-  Container: La,
-  SlideOutClose: Ea,
-  SlideOutContent: _a,
-  SlideOutHandle: Fa,
-  SlideOutOverlay: Ha,
-  SlideOutRoot: Ba,
-  SlideOutTrigger: $a,
-  SlideOutViewport: ja
-}, or = v(["cursor-pointer"], {
+Ua.displayName = "LayoutSlideOutViewport";
+const Jc = {
+  Root: Da,
+  Container: Aa,
+  SlideOutClose: _a,
+  SlideOutContent: Fa,
+  SlideOutHandle: Ha,
+  SlideOutOverlay: Ba,
+  SlideOutRoot: $a,
+  SlideOutTrigger: ja,
+  SlideOutViewport: Ua
+}, rr = h(["cursor-pointer"], {
   variants: {
     size: {
       none: ["[font-size:inherit]", "leading-[inherit]"],
@@ -2496,7 +2510,7 @@ const Qc = {
     weight: "regular",
     align: "left"
   }
-}), rr = u((n) => {
+}), cr = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -2513,7 +2527,7 @@ const Qc = {
     {
       ref: t,
       className: x(
-        or({ size: o, weight: r, align: c }),
+        rr({ size: o, weight: r, align: c }),
         {
           "text-(--accent-a11)": !l,
           "text-(--accent-a12)": l
@@ -2526,8 +2540,8 @@ const Qc = {
     }
   );
 });
-rr.displayName = "Link";
-const cr = v(
+cr.displayName = "Link";
+const ir = h(
   [
     "select-none",
     "relative",
@@ -2567,7 +2581,7 @@ const cr = v(
       variant: "soft"
     }
   }
-), ir = v(["text-(--base-a10)", "flex", "items-center", "select-none", "py-1"], {
+), lr = h(["text-(--base-a10)", "flex", "items-center", "select-none", "py-1"], {
   variants: {
     size: {
       xs: ["gap-1.5", "px-3", "text-xs"],
@@ -2580,7 +2594,7 @@ const cr = v(
   defaultVariants: {
     size: "md"
   }
-}), lr = v(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
+}), dr = h(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
   variants: {
     size: {
       xs: ["-mx-0.5", "my-0.5"],
@@ -2593,7 +2607,7 @@ const cr = v(
   defaultVariants: {
     size: "md"
   }
-}), Ua = v(
+}), qa = h(
   [
     "flex",
     "flex-col",
@@ -2630,7 +2644,7 @@ const cr = v(
       size: "md"
     }
   }
-), dr = v(["overflow-hidden", "touch-manipulation"], {
+), ur = h(["overflow-hidden", "touch-manipulation"], {
   variants: {
     modal: {
       true: ["pointer-events-auto"],
@@ -2640,7 +2654,7 @@ const cr = v(
   defaultVariants: {
     modal: !1
   }
-}), ur = v(
+}), mr = h(
   [
     "flex",
     "items-stretch",
@@ -2666,8 +2680,8 @@ const cr = v(
       size: "md"
     }
   }
-), J = T({}), ie = T({}), _e = T({}), mr = ["Enter", " "], se = u((n) => {
-  const a = b(ie), { getItemProps: t, activeIndex: e, setOpen: s, size: o, variant: r, radius: c } = b(J), { closeRoot: l } = b(_e), {
+), J = T({}), ie = T({}), Fe = T({}), gr = ["Enter", " "], se = u((n) => {
+  const a = b(ie), { getItemProps: t, activeIndex: e, setOpen: s, size: o, variant: r, radius: c } = b(J), { closeRoot: l } = b(Fe), {
     ref: d,
     className: m,
     children: g,
@@ -2677,21 +2691,21 @@ const cr = v(
     closeOnSelect: S = !0,
     disabled: z = !1,
     ...N
-  } = n, { ref: P, index: L } = Rt(), y = ge([P, d]), V = h(
+  } = n, { ref: P, index: L } = Tt(), y = ge([P, d]), V = v(
     (_) => {
       _.stopPropagation(), !z && (f == null || f(_), p == null || p(), S && s(!1), l && a.setOpen(!1));
     },
     [S, l, z, a, f, p, s]
-  ), A = h(
+  ), A = v(
     (_) => {
-      z || (C == null || C(_), mr.includes(_.key) && (p == null || p(), S && s(!1)));
+      z || (C == null || C(_), gr.includes(_.key) && (p == null || p(), S && s(!1)));
     },
     [S, z, C, p, s]
   ), G = w(() => L === e, [e, L]), O = w(() => typeof g == "function" ? g({ active: G, selected: !1 }) : g, [g, G]);
   return /* @__PURE__ */ i(
     "li",
     {
-      className: x(cr({ size: o, variant: r }), k({ radius: c, maxLarge: !0 }), m),
+      className: x(ir({ size: o, variant: r }), k({ radius: c, maxLarge: !0 }), m),
       ref: y,
       role: "menuitem",
       "data-disabled": Q(z),
@@ -2708,8 +2722,8 @@ const cr = v(
   );
 });
 se.displayName = "MenuItem";
-const qa = u((n) => {
-  const { ref: a, checked: t, onCheckedChange: e, onSelect: s, ...o } = n, r = h(() => {
+const Wa = u((n) => {
+  const { ref: a, checked: t, onCheckedChange: e, onSelect: s, ...o } = n, r = v(() => {
     switch (s == null || s(), t) {
       case !0:
         e(!1);
@@ -2722,13 +2736,13 @@ const qa = u((n) => {
   }, [t, e, s]);
   return /* @__PURE__ */ i(Se.Provider, { value: t, children: /* @__PURE__ */ i(se, { ref: a, onSelect: r, ...o }) });
 });
-qa.displayName = "MenuCheckboxItem";
-const Wa = u((n) => {
+Wa.displayName = "MenuCheckboxItem";
+const Ka = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(De, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
-Wa.displayName = "MenuCheckboxItemIndicator";
-const Ka = u((n) => {
+Ka.displayName = "MenuCheckboxItemIndicator";
+const Xa = u((n) => {
   const { ref: a, children: t, disabled: e = !1 } = n, { getReferenceProps: s, refs: o, setTriggerType: r, open: c } = b(ie), l = ge([o.setReference, a]);
   return B(() => {
     r("click");
@@ -2744,8 +2758,8 @@ const Ka = u((n) => {
     }
   );
 });
-Ka.displayName = "MenuClickTrigger";
-const Xa = u((n) => {
+Xa.displayName = "MenuClickTrigger";
+const Ya = u((n) => {
   var R;
   const a = M(), {
     ref: t,
@@ -2777,9 +2791,9 @@ const Xa = u((n) => {
       ...V,
       visibility: (I = p.hide) != null && I.referenceHidden ? "hidden" : "visible"
     };
-  }, [V, (R = p.hide) == null ? void 0 : R.referenceHidden]), _ = h(
+  }, [V, (R = p.hide) == null ? void 0 : R.referenceHidden]), _ = v(
     (I) => {
-      A && bo(I);
+      A && Co(I);
     },
     [A]
   ), ee = w(
@@ -2810,14 +2824,14 @@ const Xa = u((n) => {
       c
     ]
   );
-  return /* @__PURE__ */ i(Tt, { id: L, children: N && /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(
-    Zs,
+  return /* @__PURE__ */ i(Pt, { id: L, children: N && /* @__PURE__ */ i(Mt, { children: /* @__PURE__ */ i(
+    eo,
     {
-      className: dr({ modal: A }),
+      className: ur({ modal: A }),
       onClick: _,
       lockScroll: !0,
       "data-floating-content": "",
-      children: /* @__PURE__ */ i(Mt, { context: y, children: /* @__PURE__ */ i(Ot, { elementsRef: f, children: /* @__PURE__ */ i(J.Provider, { value: ee, children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ i(Ot, { context: y, children: /* @__PURE__ */ i(Vt, { elementsRef: f, children: /* @__PURE__ */ i(J.Provider, { value: ee, children: /* @__PURE__ */ i(
         "div",
         {
           className: "border-box w-max outline-none",
@@ -2830,8 +2844,9 @@ const Xa = u((n) => {
             "ul",
             {
               className: x(
-                Ua({ size: o }),
-                Ve({ side: G, shadow: "3" }),
+                qa({ size: o }),
+                Ve({ side: G }),
+                Le({ size: "md" }),
                 k({ radius: c, maxLarge: !0 }),
                 "max-h-(--overmap-menu-available-height)",
                 e
@@ -2849,13 +2864,13 @@ const Xa = u((n) => {
     }
   ) }) });
 });
-Xa.displayName = "Menu.Content";
-const Ya = u((n) => {
+Ya.displayName = "Menu.Content";
+const Qa = u((n) => {
   const { ref: a, children: t, disabled: e = !1 } = n, s = U(null), { setOpen: o, refs: r, setTriggerType: c, open: l } = b(ie), d = ge([a, s]);
   B(() => {
     c("context");
   }, [c]);
-  const m = h(
+  const m = v(
     (g) => {
       const { clientY: p, clientX: f } = g;
       !e && s.current && (g.preventDefault(), r.setPositionReference({
@@ -2889,14 +2904,14 @@ const Ya = u((n) => {
     }
   );
 });
-Ya.displayName = "MenuContextTrigger";
-const Fe = u((n) => {
+Qa.displayName = "MenuContextTrigger";
+const He = u((n) => {
   const { ref: a, children: t, ...e } = n;
   return /* @__PURE__ */ i("div", { ref: a, role: "group", ...e, children: t });
 });
-Fe.displayName = "MenuGroup";
-const Qa = u((n) => {
-  const { ref: a, className: t, onValueChange: e, onChange: s, disabled: o = !1, ...r } = n, { activeIndex: c, getItemProps: l } = b(J), { index: d, ref: m } = Rt(), g = ge([m, a]), p = h(
+He.displayName = "MenuGroup";
+const Ja = u((n) => {
+  const { ref: a, className: t, onValueChange: e, onChange: s, disabled: o = !1, ...r } = n, { activeIndex: c, getItemProps: l } = b(J), { index: d, ref: m } = Tt(), g = ge([m, a]), p = v(
     (f) => {
       s == null || s(f), e == null || e(f.target.value);
     },
@@ -2919,29 +2934,29 @@ const Qa = u((n) => {
     }
   );
 });
-Qa.displayName = "MenuInputField";
-const Ja = u((n) => {
+Ja.displayName = "MenuInputField";
+const Za = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ i("div", { className: x(ur({ size: s }), t), ref: a, ...e });
+  return /* @__PURE__ */ i("div", { className: x(mr({ size: s }), t), ref: a, ...e });
 });
-Ja.displayName = "MenuInputRoot";
-const Za = u((n) => {
+Za.displayName = "MenuInputRoot";
+const en = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i("div", { className: x("flex", "items-center", "text-(--base-a11)", t), ref: a, ...e });
 });
-Za.displayName = "MenuInputSlot";
-const en = u((n) => {
+en.displayName = "MenuInputSlot";
+const tn = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ i("div", { ref: a, className: x(ir({ size: s }), t), ...e });
+  return /* @__PURE__ */ i("div", { ref: a, className: x(lr({ size: s }), t), ...e });
 });
-en.displayName = "MenuLabel";
-const gr = F(function(a) {
+tn.displayName = "MenuLabel";
+const pr = F(function(a) {
   const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
-  return /* @__PURE__ */ i(Fe, { ref: t, ...c, children: /* @__PURE__ */ i(Ae, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
-}), pr = F(function(n) {
+  return /* @__PURE__ */ i(He, { ref: t, ...c, children: /* @__PURE__ */ i(De, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
+}), xr = F(function(n) {
   const { ref: a, onSelect: t, children: e, closeOnSelect: s = !1, value: o, ...r } = n, { selected: c, selectValue: l, registerValue: d } = b(Z);
   ue(() => d(o), [d, o]);
-  const m = c(o), g = h(() => {
+  const m = c(o), g = v(() => {
     t == null || t(), l(o);
   }, [t, l, o]), p = w(() => typeof e == "function" ? ({ active: f }) => e({ selected: m, active: f }) : e, [e, m]);
   return /* @__PURE__ */ i(xe.Provider, { value: m, children: /* @__PURE__ */ i(
@@ -2956,25 +2971,25 @@ const gr = F(function(a) {
       children: p
     }
   ) });
-}), ht = T({}), tn = u((n) => {
-  const { page: a, children: t } = n, { activePage: e } = b(ht);
+}), vt = T({}), an = u((n) => {
+  const { page: a, children: t } = n, { activePage: e } = b(vt);
   return e === a ? t : null;
 });
-tn.displayName = "PageContent";
-const an = u((n) => {
+an.displayName = "PageContent";
+const nn = u((n) => {
   const { children: a, defaultPage: t, page: e, onPageChange: s } = n, [o, r] = X(t ?? "", e, s), c = w(() => ({ activePage: o, setActivePage: r }), [o, r]);
-  return /* @__PURE__ */ i(ht.Provider, { value: c, children: a });
+  return /* @__PURE__ */ i(vt.Provider, { value: c, children: a });
 });
-an.displayName = "MenuPages";
-const nn = u((n) => {
-  const { ref: a, onSelect: t, page: e, ...s } = n, { refs: o, setActiveIndex: r } = b(J), { setActivePage: c } = b(ht), l = h(() => {
+nn.displayName = "MenuPages";
+const sn = u((n) => {
+  const { ref: a, onSelect: t, page: e, ...s } = n, { refs: o, setActiveIndex: r } = b(J), { setActivePage: c } = b(vt), l = v(() => {
     var d;
     t == null || t(), c(e), (d = o.floating.current) == null || d.focus(), r(null);
   }, [t, e, o.floating, r, c]);
   return /* @__PURE__ */ i(se, { ref: a, onSelect: l, closeOnSelect: !1, ...s });
 });
-nn.displayName = "MenuPageTrigger";
-const Me = 20, Y = 8, sn = 250, xr = 5, on = u((n) => {
+sn.displayName = "MenuPageTrigger";
+const Me = 20, Y = 8, on = 250, fr = 5, rn = u((n) => {
   const {
     children: a,
     side: t = "bottom",
@@ -2986,42 +3001,42 @@ const Me = 20, Y = 8, sn = 250, xr = 5, on = u((n) => {
     open: c,
     onOpenChange: l,
     defaultOpen: d
-  } = n, [m, g] = X(d ?? !1, c, l), [p, f] = E(null), [C, S] = E(null), z = U([]), N = Vt(), { refs: P, floatingStyles: L, context: y, middlewareData: V } = Lt({
+  } = n, [m, g] = X(d ?? !1, c, l), [p, f] = E(null), [C, S] = E(null), z = U([]), N = Lt(), { refs: P, floatingStyles: L, context: y, middlewareData: V } = At({
     nodeId: N,
     strategy: "fixed",
     // TODO: probably some way with template string types to not need the "as Placement"
     placement: t + (e !== "center" ? "-" + e : ""),
-    whileElementsMounted: Ft,
+    whileElementsMounted: Ht,
     open: m,
     onOpenChange: g,
     middleware: [
-      At({ mainAxis: s ?? xr }),
-      Dt({
+      Dt({ mainAxis: s ?? fr }),
+      Gt({
         apply({ availableHeight: he, elements: ve }) {
           ve.floating.style.setProperty(
             "--overmap-menu-available-height",
-            `${Math.max(he, sn)}px`
+            `${Math.max(he, on)}px`
           );
         },
         padding: Me
       }),
-      Gt({ fallbackStrategy: "initialPlacement" }),
-      Et({ padding: Me }),
-      _t()
+      Et({ fallbackStrategy: "initialPlacement" }),
+      _t({ padding: Me }),
+      Ft()
     ]
-  }), A = eo(y, {
+  }), A = to(y, {
     role: "menu"
-  }), G = Ht(y, {
+  }), G = Bt(y, {
     capture: !0,
     ancestorScroll: C === "context" || C === "virtual"
-  }), O = Bt(y, {
+  }), O = $t(y, {
     enabled: C === "click"
-  }), _ = $t(y, {
+  }), _ = jt(y, {
     listRef: z,
     activeIndex: p,
     onNavigate: f,
     loop: o
-  }), { getFloatingProps: ee, getItemProps: R, getReferenceProps: I } = jt([
+  }), { getFloatingProps: ee, getItemProps: R, getReferenceProps: I } = Ut([
     G,
     _,
     O,
@@ -3064,10 +3079,10 @@ const Me = 20, Y = 8, sn = 250, xr = 5, on = u((n) => {
       S
     ]
   );
-  return /* @__PURE__ */ i(to, { children: /* @__PURE__ */ i(ie.Provider, { value: D, children: a }) });
+  return /* @__PURE__ */ i(ao, { children: /* @__PURE__ */ i(ie.Provider, { value: D, children: a }) });
 });
-on.displayName = "Root";
-const rn = u((n) => {
+rn.displayName = "Root";
+const cn = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(
     "div",
@@ -3081,9 +3096,9 @@ const rn = u((n) => {
     }
   );
 });
-rn.displayName = "MenuScroll";
-const fr = F((n) => {
-  const { ref: a, children: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { allSelected: r, someSelected: c, toggleSelectAll: l } = b(Z), d = r ? !0 : c ? "indeterminate" : !1, m = h(() => {
+cn.displayName = "MenuScroll";
+const hr = F((n) => {
+  const { ref: a, children: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { allSelected: r, someSelected: c, toggleSelectAll: l } = b(Z), d = r ? !0 : c ? "indeterminate" : !1, m = v(() => {
     e == null || e(), l();
   }, [e, l]), g = w(() => typeof t == "function" ? ({ active: p }) => t({ selected: d, active: p }) : t, [t, d]);
   return /* @__PURE__ */ i(Se, { value: d, children: /* @__PURE__ */ i(
@@ -3097,15 +3112,15 @@ const fr = F((n) => {
       children: g
     }
   ) });
-}), cn = u((n) => {
+}), ln = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(Ee, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(_e, { ref: a, ...e, children: t });
 });
-cn.displayName = "MenuSelectedIndicator";
-const hr = F(function(a) {
+ln.displayName = "MenuSelectedIndicator";
+const vr = F(function(a) {
   const { ref: t, children: e, required: s, defaultValue: o, value: r, onValueChange: c, ...l } = a;
-  return /* @__PURE__ */ i(Fe, { ref: t, ...l, children: s ? /* @__PURE__ */ i(st, { defaultValue: o, value: r, onValueChange: c, children: e }) : /* @__PURE__ */ i(
-    ot,
+  return /* @__PURE__ */ i(He, { ref: t, ...l, children: s ? /* @__PURE__ */ i(ot, { defaultValue: o, value: r, onValueChange: c, children: e }) : /* @__PURE__ */ i(
+    rt,
     {
       defaultValue: o,
       value: r,
@@ -3113,8 +3128,8 @@ const hr = F(function(a) {
       children: e
     }
   ) });
-}), vr = F(function(n) {
-  const { ref: a, value: t, onSelect: e, children: s, closeOnSelect: o = !0, ...r } = n, { selected: c, selectValue: l } = b(Ne), d = c(t), m = h(() => {
+}), br = F(function(n) {
+  const { ref: a, value: t, onSelect: e, children: s, closeOnSelect: o = !0, ...r } = n, { selected: c, selectValue: l } = b(Ne), d = c(t), m = v(() => {
     e == null || e(), l(t);
   }, [e, l, t]), g = w(() => typeof s == "function" ? ({ active: p }) => s({ selected: d, active: p }) : s, [s, d]);
   return /* @__PURE__ */ i(xe.Provider, { value: d, children: /* @__PURE__ */ i(
@@ -3129,17 +3144,17 @@ const hr = F(function(a) {
       children: g
     }
   ) });
-}), ln = u((n) => {
+}), dn = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ i(Je.Root, { className: x(lr({ size: s }), t), ref: a, ...e });
+  return /* @__PURE__ */ i(Ze.Root, { className: x(dr({ size: s }), t), ref: a, ...e });
 });
-ln.displayName = "MenuSeparator";
-const br = { mainAxis: Y + 1, crossAxis: 0 }, Cr = {
+dn.displayName = "MenuSeparator";
+const Cr = { mainAxis: Y + 1, crossAxis: 0 }, yr = {
   "right-start": { mainAxis: Y + 1, crossAxis: -Y },
   "right-end": { mainAxis: Y + 1, crossAxis: Y },
   "left-start": { mainAxis: Y + 1, crossAxis: -Y },
   "left-end": { mainAxis: Y + 1, crossAxis: Y }
-}, yr = (n, a) => Cr[`${n}-${a}`] ?? br, dn = u((n) => {
+}, zr = (n, a) => yr[`${n}-${a}`] ?? Cr, un = u((n) => {
   const {
     children: a,
     disabled: t = !1,
@@ -3152,57 +3167,57 @@ const br = { mainAxis: Y + 1, crossAxis: 0 }, Cr = {
     open: l,
     onOpenChange: d,
     defaultOpen: m
-  } = n, [g, p] = X(m ?? !1, l, d), f = Vt(), { refs: C, floatingStyles: S, context: z } = Lt({
+  } = n, [g, p] = X(m ?? !1, l, d), f = Lt(), { refs: C, floatingStyles: S, context: z } = At({
     nodeId: f,
     strategy: "fixed",
-    whileElementsMounted: Ft,
+    whileElementsMounted: Ht,
     open: g,
     onOpenChange: (R, I, D) => {
       D && p(R);
     },
     placement: e + (s !== "center" ? "-" + s : ""),
     middleware: [
-      At({ ...yr(e, s) }),
-      Dt({
+      Dt({ ...zr(e, s) }),
+      Gt({
         padding: Me,
         apply({ availableHeight: R, elements: I }) {
           I.floating.style.setProperty(
             "--overmap-menu-available-height",
-            `${Math.max(R, sn)}px`
+            `${Math.max(R, on)}px`
           );
         }
       }),
-      Gt(),
-      Et({ padding: Me }),
-      _t()
+      Et(),
+      _t({ padding: Me }),
+      Ft()
     ]
-  }), N = Ht(z, {
+  }), N = Bt(z, {
     bubbles: o,
     outsidePress: o
-  }), P = ao(z, {
+  }), P = no(z, {
     restMs: 50,
-    handleClose: no({
+    handleClose: so({
       blockPointerEvents: !0,
       requireIntent: !1
     }),
     enabled: !t
-  }), L = Bt(z, {
+  }), L = $t(z, {
     enabled: !t
-  }), y = U([]), [V, A] = E(null), G = $t(z, {
+  }), y = U([]), [V, A] = E(null), G = jt(z, {
     listRef: y,
     nested: !0,
     activeIndex: V,
     onNavigate: A,
     loop: r,
     rtl: e === "left"
-  }), { getFloatingProps: O, getItemProps: _, getReferenceProps: ee } = jt([
+  }), { getFloatingProps: O, getItemProps: _, getReferenceProps: ee } = Ut([
     G,
     N,
     P,
     L
   ]);
   return /* @__PURE__ */ i(
-    _e.Provider,
+    Fe.Provider,
     {
       value: {
         open: g,
@@ -3226,8 +3241,8 @@ const br = { mainAxis: Y + 1, crossAxis: 0 }, Cr = {
     }
   );
 });
-dn.displayName = "SubMenu";
-const un = u((n) => {
+un.displayName = "SubMenu";
+const mn = u((n) => {
   var O;
   const { ref: a, children: t, ...e } = n, { middlewareData: s } = b(ie), { accentColor: o, radius: r, variant: c, size: l } = b(J), {
     open: d,
@@ -3242,14 +3257,14 @@ const un = u((n) => {
     floatingStyles: P,
     setOpen: L,
     side: y
-  } = b(_e), V = U(null), A = ge([g.setFloating, V]), G = w(() => {
+  } = b(Fe), V = U(null), A = ge([g.setFloating, V]), G = w(() => {
     var _;
     return {
       ...P,
       visibility: (_ = s.hide) != null && _.referenceHidden ? "hidden" : "visible"
     };
   }, [P, (O = s.hide) == null ? void 0 : O.referenceHidden]);
-  return /* @__PURE__ */ i(Tt, { id: m, children: d && /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(Mt, { context: p, initialFocus: V, children: /* @__PURE__ */ i(Ot, { elementsRef: N, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(Pt, { id: m, children: d && /* @__PURE__ */ i(Mt, { children: /* @__PURE__ */ i(Ot, { context: p, initialFocus: V, children: /* @__PURE__ */ i(Vt, { elementsRef: N, children: /* @__PURE__ */ i(
     J.Provider,
     {
       value: {
@@ -3277,8 +3292,9 @@ const un = u((n) => {
             {
               className: x(
                 "overmap-menu-sub-content",
-                Ua({ size: l }),
-                Ve({ side: y, shadow: "3" }),
+                qa({ size: l }),
+                Ve({ side: y }),
+                Le({ size: "md" }),
                 k({ radius: r, maxLarge: !0 }),
                 "max-h-(--overmap-menu-available-height)"
               ),
@@ -3295,9 +3311,9 @@ const un = u((n) => {
     }
   ) }) }) }) });
 });
-un.displayName = "MenuSubContent";
-const mn = u((n) => {
-  const { ref: a, children: t, ...e } = n, { refs: s, getReferenceProps: o, open: r, disabled: c } = b(_e), l = ge([a, s.setReference]);
+mn.displayName = "MenuSubContent";
+const gn = u((n) => {
+  const { ref: a, children: t, ...e } = n, { refs: s, getReferenceProps: o, open: r, disabled: c } = b(Fe), l = ge([a, s.setReference]);
   return /* @__PURE__ */ i(
     se,
     {
@@ -3311,8 +3327,8 @@ const mn = u((n) => {
     }
   );
 });
-mn.displayName = "MenuSubTrigger";
-const gn = u((n) => {
+gn.displayName = "MenuSubTrigger";
+const pn = u((n) => {
   const { virtualElement: a, disabled: t } = n, { refs: e, setTriggerType: s, setOpen: o } = b(ie);
   return B(() => {
     s("virtual");
@@ -3320,50 +3336,50 @@ const gn = u((n) => {
     !t && a ? (e.setPositionReference(a), o(!0)) : (e.setPositionReference(null), o(!1));
   }, [t, e, o, a]), null;
 });
-gn.displayName = "VirtualTrigger";
-const Jc = {
-  Root: on,
-  Content: Xa,
+pn.displayName = "VirtualTrigger";
+const Zc = {
+  Root: rn,
+  Content: Ya,
   // sub
-  Sub: dn,
-  SubContent: un,
-  SubTrigger: mn,
+  Sub: un,
+  SubContent: mn,
+  SubTrigger: gn,
   // pages
-  Pages: an,
-  PageContent: tn,
-  PageTrigger: nn,
+  Pages: nn,
+  PageContent: an,
+  PageTrigger: sn,
   // triggers
-  ClickTrigger: Ka,
-  ContextTrigger: Ya,
-  VirtualTrigger: gn,
+  ClickTrigger: Xa,
+  ContextTrigger: Qa,
+  VirtualTrigger: pn,
   // groups
-  Group: Fe,
-  SelectGroup: hr,
-  MultiSelectGroup: gr,
+  Group: He,
+  SelectGroup: vr,
+  MultiSelectGroup: pr,
   // items
   Item: se,
-  SelectItem: vr,
-  MultiSelectItem: pr,
-  SelectAllItem: fr,
-  CheckboxItem: qa,
+  SelectItem: br,
+  MultiSelectItem: xr,
+  SelectAllItem: hr,
+  CheckboxItem: Wa,
   // indicators
-  SelectedIndicator: cn,
-  CheckboxItemIndicator: Wa,
+  SelectedIndicator: ln,
+  CheckboxItemIndicator: Ka,
   // input
-  InputRoot: Ja,
-  InputField: Qa,
-  InputSlot: Za,
+  InputRoot: Za,
+  InputField: Ja,
+  InputSlot: en,
   // others
-  Label: en,
-  Separator: ln,
-  Scroll: rn
+  Label: tn,
+  Separator: dn,
+  Scroll: cn
 }, Ce = {
   next: "ArrowDown",
   prev: "ArrowUp",
   first: "PageUp",
   last: "PageDown",
   selectItem: "Enter"
-}, te = "menu-item", Ke = "menu-group", He = T({}), pn = T({}), vt = T({}), zr = v(["w-full", "outline-none"], {
+}, te = "menu-item", Xe = "menu-group", Be = T({}), xn = T({}), bt = T({}), Nr = h(["w-full", "outline-none"], {
   variants: {
     size: {
       xs: ["p-0.5", "text-xs", "min-w-30"],
@@ -3382,7 +3398,7 @@ const Jc = {
       full: ["rounded-lg"]
     }
   }
-}), Nr = v(
+}), wr = h(
   [
     "select-none",
     "relative",
@@ -3417,7 +3433,7 @@ const Jc = {
       }
     }
   }
-), wr = v(["text-(--base-a11)", "flex", "items-center", "select-none", "py-1"], {
+), Ir = h(["text-(--base-a11)", "flex", "items-center", "select-none", "py-1"], {
   variants: {
     size: {
       xs: ["gap-1.5", "px-3", "text-xs"],
@@ -3427,7 +3443,7 @@ const Jc = {
       xl: ["gap-2.5", "px-5", "text-lg"]
     }
   }
-}), Ir = v(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
+}), Sr = h(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
   variants: {
     size: {
       xs: ["-mx-0.5", "my-0.5"],
@@ -3449,27 +3465,27 @@ const Jc = {
     onPointerLeave: l,
     onPointerMove: d,
     ...m
-  } = n, g = U(null), p = Ye(), { activeItemId: f, setActiveItemId: C, size: S, variant: z, radius: N } = b(He), P = p === f, L = h(
+  } = n, g = U(null), p = Qe(), { activeItemId: f, setActiveItemId: C, size: S, variant: z, radius: N } = b(Be), P = p === f, L = v(
     (O) => {
       r == null || r(O);
     },
     [r]
-  ), y = h(
+  ), y = v(
     (O) => {
       o == null || o(O), L(new Event("menu-select"));
     },
     [L, o]
-  ), V = h(
+  ), V = v(
     (O) => {
       c == null || c(O), !O.defaultPrevented && C(p);
     },
     [c, C, p]
-  ), A = h(
+  ), A = v(
     (O) => {
       l == null || l(O), !O.defaultPrevented && C(null);
     },
     [l, C]
-  ), G = h(
+  ), G = v(
     (O) => {
       d == null || d(O), !O.defaultPrevented && C(p);
     },
@@ -3485,7 +3501,7 @@ const Jc = {
     "div",
     {
       ref: we([a, g]),
-      className: x(Nr({ size: S, variant: z }), k({ radius: N, maxLarge: !0 }), e),
+      className: x(wr({ size: S, variant: z }), k({ radius: N, maxLarge: !0 }), e),
       role: "menuitem",
       onClick: y,
       onPointerEnter: V,
@@ -3501,8 +3517,8 @@ const Jc = {
   );
 });
 le.displayName = "MenuItem";
-const xn = u((n) => {
-  const { ref: a, checked: t, onCheckedChange: e, onSelect: s, ...o } = n, r = h(
+const fn = u((n) => {
+  const { ref: a, checked: t, onCheckedChange: e, onSelect: s, ...o } = n, r = v(
     (c) => {
       if (s == null || s(c), !c.defaultPrevented)
         switch (t) {
@@ -3521,45 +3537,45 @@ const xn = u((n) => {
   );
   return /* @__PURE__ */ i(Se.Provider, { value: t, children: /* @__PURE__ */ i(le, { ref: a, onSelect: r, ...o }) });
 });
-xn.displayName = "MenuCheckboxItem";
-const fn = u((n) => {
+fn.displayName = "MenuCheckboxItem";
+const hn = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(De, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
-fn.displayName = "MenuCheckboxItemIndicator";
-const Be = u((n) => {
-  const { ref: a, children: t, ...e } = n, s = Ye(), [o, r] = E(null), c = w(
+hn.displayName = "MenuCheckboxItemIndicator";
+const $e = u((n) => {
+  const { ref: a, children: t, ...e } = n, s = Qe(), [o, r] = E(null), c = w(
     () => ({
       labelId: o,
       setLabelId: r
     }),
     [o]
   );
-  return /* @__PURE__ */ i("div", { ref: a, role: "group", [Ke]: s, "aria-labelledby": o ?? void 0, ...e, children: /* @__PURE__ */ i(pn, { value: c, children: t }) });
+  return /* @__PURE__ */ i("div", { ref: a, role: "group", [Xe]: s, "aria-labelledby": o ?? void 0, ...e, children: /* @__PURE__ */ i(xn, { value: c, children: t }) });
 });
-Be.displayName = "MenuGroup";
-const hn = u((n) => {
-  const { ref: a, children: t, id: e, className: s, ...o } = n, r = vo(e), { size: c } = b(He), { setLabelId: l } = b(pn);
+$e.displayName = "MenuGroup";
+const vn = u((n) => {
+  const { ref: a, children: t, id: e, className: s, ...o } = n, r = bo(e), { size: c } = b(Be), { setLabelId: l } = b(xn);
   return B(() => {
     l(r);
-  }, [r, l]), /* @__PURE__ */ i("div", { ref: a, id: r, className: x(wr({ size: c }), s), ...o, children: t });
+  }, [r, l]), /* @__PURE__ */ i("div", { ref: a, id: r, className: x(Ir({ size: c }), s), ...o, children: t });
 });
-hn.displayName = "MenuGroupLabel";
-const Sr = F((n) => {
-  const { ref: a, children: t, onSelect: e, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: c } = b(Z), l = o ? !0 : r ? "indeterminate" : !1, d = h(
+vn.displayName = "MenuGroupLabel";
+const kr = F((n) => {
+  const { ref: a, children: t, onSelect: e, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: c } = b(Z), l = o ? !0 : r ? "indeterminate" : !1, d = v(
     (m) => {
       e == null || e(m), !m.defaultPrevented && c();
     },
     [e, c]
   );
   return /* @__PURE__ */ i(le, { onSelect: d, ref: a, "data-state": Ie(l), ...s, children: /* @__PURE__ */ i(Se, { value: l, children: t }) });
-}), kr = F(function(a) {
+}), Rr = F(function(a) {
   const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
-  return /* @__PURE__ */ i(Be, { ref: t, ...c, children: /* @__PURE__ */ i(Ae, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
-}), Rr = F(function(n) {
+  return /* @__PURE__ */ i($e, { ref: t, ...c, children: /* @__PURE__ */ i(De, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
+}), Tr = F(function(n) {
   const { ref: a, onSelect: t, children: e, value: s, ...o } = n, { selected: r, selectValue: c, registerValue: l } = b(Z);
   ue(() => l(s), [l, s]);
-  const d = r(s), m = h(
+  const d = r(s), m = v(
     (g) => {
       t == null || t(g), !g.defaultPrevented && c(s);
     },
@@ -3576,12 +3592,12 @@ const Sr = F((n) => {
       children: /* @__PURE__ */ i(xe, { value: d, children: e })
     }
   );
-}), vn = u((n) => {
-  const { children: a, ref: t, page: e, ...s } = n, { page: o } = b(vt), r = e === o;
-  return /* @__PURE__ */ i("div", { ref: t, "data-active": Le(r), hidden: !r, ...s, children: r ? a : null });
+}), bn = u((n) => {
+  const { children: a, ref: t, page: e, ...s } = n, { page: o } = b(bt), r = e === o;
+  return /* @__PURE__ */ i("div", { ref: t, "data-active": Ae(r), hidden: !r, ...s, children: r ? a : null });
 });
-vn.displayName = "MenuPage";
-const bn = u((n) => {
+bn.displayName = "MenuPage";
+const Cn = u((n) => {
   const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s), c = w(
     () => ({
       page: o,
@@ -3589,27 +3605,27 @@ const bn = u((n) => {
     }),
     [o, r]
   );
-  return /* @__PURE__ */ i(vt, { value: c, children: a });
+  return /* @__PURE__ */ i(bt, { value: c, children: a });
 });
-bn.displayName = "MenuPages";
-const Cn = u((n) => {
-  const { ref: a, children: t, page: e, onSelect: s, ...o } = n, { page: r, setPage: c } = b(vt), l = e === r, d = h(
+Cn.displayName = "MenuPages";
+const yn = u((n) => {
+  const { ref: a, children: t, page: e, onSelect: s, ...o } = n, { page: r, setPage: c } = b(bt), l = e === r, d = v(
     (m) => {
       s == null || s(m), !m.defaultPrevented && c(e);
     },
     [s, e, c]
   );
-  return /* @__PURE__ */ i(le, { ref: a, onSelect: d, "data-state": Le(l), ...o, children: /* @__PURE__ */ i(xe, { value: l, children: t }) });
+  return /* @__PURE__ */ i(le, { ref: a, onSelect: d, "data-state": Ae(l), ...o, children: /* @__PURE__ */ i(xe, { value: l, children: t }) });
 });
-Cn.displayName = "CommandMenuPageTriggerItem";
-const St = (n, a, t, e) => {
+yn.displayName = "CommandMenuPageTriggerItem";
+const kt = (n, a, t, e) => {
   switch (t) {
     case "next":
       return n === a - 1 ? e ? 0 : n : n + 1;
     case "prev":
       return n === 0 ? e ? a - 1 : n : n - 1;
   }
-}, yn = u((n) => {
+}, zn = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -3622,31 +3638,31 @@ const St = (n, a, t, e) => {
     size: d = "md",
     variant: m = "soft",
     ...g
-  } = n, p = U(null), [f, C] = E(null), S = h((R) => Array.from(R.querySelectorAll(`[${te}]:not([data-disabled=true]`)), []), z = h(
+  } = n, p = U(null), [f, C] = E(null), S = v((R) => Array.from(R.querySelectorAll(`[${te}]:not([data-disabled=true]`)), []), z = v(
     (R) => S(R).at(0),
     [S]
-  ), N = h(
+  ), N = v(
     (R) => S(R).at(-1),
     [S]
-  ), P = h(
+  ), P = v(
     (R) => S(R).find((I) => I.getAttribute(te) === f),
     [f, S]
-  ), L = h(
+  ), L = v(
     (R, I) => {
-      const D = S(R), he = P(R), ve = D.findIndex((zs) => zs === he), Ue = St(ve, D.length, I, r);
-      return D[Ue];
+      const D = S(R), he = P(R), ve = D.findIndex((Ns) => Ns === he), qe = kt(ve, D.length, I, r);
+      return D[qe];
     },
     [P, S, r]
-  ), y = h(() => p.current ? Array.from(p.current.querySelectorAll(`[${Ke}]`)) : [], []), V = h(() => {
+  ), y = v(() => p.current ? Array.from(p.current.querySelectorAll(`[${Xe}]`)) : [], []), V = v(() => {
     var R;
-    return ((R = P(p.current)) == null ? void 0 : R.closest(`[${Ke}]`)) ?? void 0;
-  }, [P]), A = h(
+    return ((R = P(p.current)) == null ? void 0 : R.closest(`[${Xe}]`)) ?? void 0;
+  }, [P]), A = v(
     (R) => {
-      const I = y(), D = V(), he = I.findIndex((Ue) => Ue === D), ve = St(he, I.length, R, r);
+      const I = y(), D = V(), he = I.findIndex((qe) => qe === D), ve = kt(he, I.length, R, r);
       return I[ve];
     },
     [V, y, r]
-  ), G = h(() => y().at(0), [y]), O = h(() => y().at(-1), [y]), _ = h(
+  ), G = v(() => y().at(0), [y]), O = v(() => y().at(-1), [y]), _ = v(
     (R) => {
       if (o == null || o(R), !R.defaultPrevented)
         switch (R.code) {
@@ -3728,27 +3744,27 @@ const St = (n, a, t, e) => {
     "div",
     {
       ref: we([t, p]),
-      className: x(zr({ size: d }), k({ radius: c, maxLarge: !0 }), s),
+      className: x(Nr({ size: d }), k({ radius: c, maxLarge: !0 }), s),
       role: "menu",
       onKeyDown: _,
       tabIndex: 0,
       "aria-activedescendant": f ?? void 0,
       "data-accent-color": l,
       ...g,
-      children: /* @__PURE__ */ i(He, { value: ee, children: e })
+      children: /* @__PURE__ */ i(Be, { value: ee, children: e })
     }
   );
 });
-yn.displayName = "MenuRoot";
-const zn = u((n) => {
+zn.displayName = "MenuRoot";
+const Nn = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ i(Ee, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(_e, { ref: a, ...e, children: t });
 });
-zn.displayName = "MenuCheckboxItemIndicator";
-const Tr = F(function(a) {
+Nn.displayName = "MenuCheckboxItemIndicator";
+const Pr = F(function(a) {
   const { ref: t, children: e, required: s, defaultValue: o, value: r, onValueChange: c, ...l } = a;
-  return /* @__PURE__ */ i(Be, { ref: t, ...l, children: s ? /* @__PURE__ */ i(st, { defaultValue: o, value: r, onValueChange: c, children: e }) : /* @__PURE__ */ i(
-    ot,
+  return /* @__PURE__ */ i($e, { ref: t, ...l, children: s ? /* @__PURE__ */ i(ot, { defaultValue: o, value: r, onValueChange: c, children: e }) : /* @__PURE__ */ i(
+    rt,
     {
       defaultValue: o,
       value: r,
@@ -3756,8 +3772,8 @@ const Tr = F(function(a) {
       children: e
     }
   ) });
-}), Pr = F(function(n) {
-  const { ref: a, value: t, onSelect: e, children: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = r(t), d = h(
+}), Mr = F(function(n) {
+  const { ref: a, value: t, onSelect: e, children: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = r(t), d = v(
     (m) => {
       e == null || e(m), !m.defaultPrevented && c(t);
     },
@@ -3774,31 +3790,31 @@ const Tr = F(function(a) {
       children: /* @__PURE__ */ i(xe, { value: l, children: s })
     }
   );
-}), Nn = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s } = b(He);
-  return /* @__PURE__ */ i(Je.Root, { className: x(Ir({ size: s }), t), ref: a, ...e });
+}), wn = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s } = b(Be);
+  return /* @__PURE__ */ i(Ze.Root, { className: x(Sr({ size: s }), t), ref: a, ...e });
 });
-Nn.displayName = "MenuSeparator";
-const Zc = {
-  Root: yn,
-  Group: Be,
-  GroupLabel: hn,
+wn.displayName = "MenuSeparator";
+const ei = {
+  Root: zn,
+  Group: $e,
+  GroupLabel: vn,
   Item: le,
-  Separator: Nn,
-  SelectGroup: Tr,
-  SelectItem: Pr,
-  MultiSelectGroup: kr,
-  MultiSelectItem: Rr,
-  SelectAllItem: Sr,
-  SelectedIndicator: zn,
-  CheckboxItem: xn,
-  CheckedIndicator: fn,
-  Pages: bn,
-  Page: vn,
-  PageTriggerItem: Cn
-}, wn = u((n) => /* @__PURE__ */ i(Ze.HiddenInput, { ...n }));
-wn.displayName = "OneTimePasswordFieldHiddenInput";
-const In = T({}), Mr = v(
+  Separator: wn,
+  SelectGroup: Pr,
+  SelectItem: Mr,
+  MultiSelectGroup: Rr,
+  MultiSelectItem: Tr,
+  SelectAllItem: kr,
+  SelectedIndicator: Nn,
+  CheckboxItem: fn,
+  CheckedIndicator: hn,
+  Pages: Cn,
+  Page: bn,
+  PageTriggerItem: yn
+}, In = u((n) => /* @__PURE__ */ i(et.HiddenInput, { ...n }));
+In.displayName = "OneTimePasswordFieldHiddenInput";
+const Sn = T({}), Or = h(
   [
     "flex",
     "items-center",
@@ -3853,14 +3869,14 @@ const In = T({}), Mr = v(
       variant: "surface"
     }
   }
-), Sn = u((n) => {
-  const { ref: a, className: t, ...e } = n, { variant: s, size: o, radius: r, accentColor: c } = b(In);
+), kn = u((n) => {
+  const { ref: a, className: t, ...e } = n, { variant: s, size: o, radius: r, accentColor: c } = b(Sn);
   return /* @__PURE__ */ i(
-    Ze.Input,
+    et.Input,
     {
       ref: a,
       className: x(
-        Mr({ variant: s, size: o }),
+        Or({ variant: s, size: o }),
         k({ radius: r, maxLarge: !0 }),
         t
       ),
@@ -3869,8 +3885,8 @@ const In = T({}), Mr = v(
     }
   );
 });
-Sn.displayName = "OneTimePasswordFieldInput";
-const kn = u((n) => {
+kn.displayName = "OneTimePasswordFieldInput";
+const Rn = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -3880,19 +3896,19 @@ const kn = u((n) => {
     accentColor: c = a.accentColor,
     ...l
   } = n, d = w(() => ({ variant: s, size: o, radius: r, accentColor: c }), [c, r, o, s]);
-  return /* @__PURE__ */ i(Ze.Root, { ref: t, "data-accent-color": c, ...l, children: /* @__PURE__ */ i(In, { value: d, children: e }) });
+  return /* @__PURE__ */ i(et.Root, { ref: t, "data-accent-color": c, ...l, children: /* @__PURE__ */ i(Sn, { value: d, children: e }) });
 });
-kn.displayName = "OneTimePasswordFieldRoot";
-const ei = {
-  HiddenInput: wn,
-  Input: Sn,
-  Root: kn
-}, Rn = u((n) => {
+Rn.displayName = "OneTimePasswordFieldRoot";
+const ti = {
+  HiddenInput: In,
+  Input: kn,
+  Root: Rn
+}, Tn = u((n) => {
   const { ref: a, ...t } = n;
   return /* @__PURE__ */ i(H.Close, { ref: a, ...t });
 });
-Rn.displayName = "OverlayClose";
-const Or = v([
+Tn.displayName = "OverlayClose";
+const Vr = h([
   "fixed",
   "inset-0",
   "bg-(--color-background)",
@@ -3902,79 +3918,79 @@ const Or = v([
   "data-[state='open']:animate-in",
   "data-[state='open']:fade-in-0",
   "data-[state='open']:zoom-in-95"
-]), Tn = u((n) => {
+]), Pn = u((n) => {
   const { ref: a, container: t, className: e, ...s } = n;
   return /* @__PURE__ */ i(H.Portal, { container: t, children: /* @__PURE__ */ i(
     H.Content,
     {
-      className: x(Or(), e),
+      className: x(Vr(), e),
       ref: a,
       "data-floating-content": "",
       ...s
     }
   ) });
 });
-Tn.displayName = "OverlayContent";
-const Pn = u((n) => {
+Pn.displayName = "OverlayContent";
+const Mn = u((n) => {
   const { ref: a, ...t } = n;
   return /* @__PURE__ */ i(H.Description, { ref: a, ...t });
 });
-Pn.displayName = "OverlayDescription";
-const Mn = u((n) => /* @__PURE__ */ i(H.Root, { ...n }));
-Mn.displayName = "OverlayRoot";
-const On = u((n) => {
+Mn.displayName = "OverlayDescription";
+const On = u((n) => /* @__PURE__ */ i(H.Root, { ...n }));
+On.displayName = "OverlayRoot";
+const Vn = u((n) => {
   const { ref: a, ...t } = n;
   return /* @__PURE__ */ i(H.Title, { ref: a, ...t });
 });
-On.displayName = "OverlayTitle";
-const Vn = u((n) => {
+Vn.displayName = "OverlayTitle";
+const Ln = u((n) => {
   const { ref: a, ...t } = n;
   return /* @__PURE__ */ i(H.Trigger, { ref: a, ...t });
 });
-Vn.displayName = "OverlayTrigger";
-const ti = {
-  Root: Mn,
-  Content: Tn,
-  Title: On,
-  Description: Pn,
-  Trigger: Vn,
-  Close: Rn
-}, qe = { placeSelf: "center" }, Ln = u((n) => {
-  const { absoluteCentering: a, message: t = "Something went wrong", onRetry: e } = n, { resetBoundary: s } = so(), o = "20px", r = a ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0, c = h(() => {
+Ln.displayName = "OverlayTrigger";
+const ai = {
+  Root: On,
+  Content: Pn,
+  Title: Vn,
+  Description: Mn,
+  Trigger: Ln,
+  Close: Tn
+}, We = { placeSelf: "center" }, An = u((n) => {
+  const { absoluteCentering: a, message: t = "Something went wrong", onRetry: e } = n, { resetBoundary: s } = oo(), o = "20px", r = a ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0, c = v(() => {
     s(), e();
   }, [e, s]);
   return /* @__PURE__ */ W("div", { className: "flex w-full gap-2", style: r, children: [
     /* @__PURE__ */ i("div", { style: { flexGrow: 1 } }),
-    /* @__PURE__ */ i(q, { icon: Hs, size: o, style: qe }),
-    /* @__PURE__ */ i("span", { style: { lineHeight: o, ...qe }, children: t }),
-    /* @__PURE__ */ i(tt, { "aria-label": "Try again", variant: "soft", onClick: c, style: qe, children: /* @__PURE__ */ i(q, { icon: Bs, size: o }) }),
+    /* @__PURE__ */ i(q, { icon: Bs, size: o, style: We }),
+    /* @__PURE__ */ i("span", { style: { lineHeight: o, ...We }, children: t }),
+    /* @__PURE__ */ i(at, { "aria-label": "Try again", variant: "soft", onClick: c, style: We, children: /* @__PURE__ */ i(q, { icon: $s, size: o }) }),
     /* @__PURE__ */ i("div", { style: { flexGrow: 1 } })
   ] });
 });
-Ln.displayName = "ErrorFallback";
-const Vr = u((n) => {
-  const { absoluteCentering: a, message: t } = n, [e, s] = E(0), o = h((c, l) => {
+An.displayName = "ErrorFallback";
+const Lr = u((n) => {
+  const { absoluteCentering: a, message: t } = n, [e, s] = E(0), o = v((c, l) => {
     console.error("Error in OvermapErrorBoundary:", c, l), s((d) => d + 1);
-  }, []), r = h(() => {
+  }, []), r = v(() => {
     s((c) => c + 1);
   }, []);
   return /* @__PURE__ */ i(
-    oo,
+    ro,
     {
-      fallback: /* @__PURE__ */ i(Ln, { absoluteCentering: a, message: t, onRetry: r }),
+      fallback: /* @__PURE__ */ i(An, { absoluteCentering: a, message: t, onRetry: r }),
       onError: o,
       children: n.children
     },
     e
   );
 });
-Vr.displayName = "OvermapErrorBoundary";
-const An = u((n) => {
+Lr.displayName = "OvermapErrorBoundary";
+const Dn = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
   return /* @__PURE__ */ i(Pe.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
 });
-An.displayName = "PopoverArrow";
-const Lr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
+Dn.displayName = "PopoverArrow";
+const Ar = h(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
   variants: {
     size: {
       xs: ["p-2"],
@@ -3987,7 +4003,7 @@ const Lr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
   defaultVariants: {
     size: "md"
   }
-}), Dn = u((n) => {
+}), Gn = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -3997,14 +4013,16 @@ const Lr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
     size: c = "md",
     sideOffset: l = 5,
     container: d,
-    ...m
+    side: m,
+    ...g
   } = n;
   return /* @__PURE__ */ i(Pe.Portal, { container: d, children: /* @__PURE__ */ i(
     Pe.Content,
     {
       className: x(
-        Lr({ size: c }),
-        Ve({ shadow: "3" }),
+        Ar({ size: c }),
+        Ve({ side: m }),
+        Le({ size: "md" }),
         k({ radius: o, maxLarge: !0 }),
         s
       ),
@@ -4012,17 +4030,18 @@ const Lr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
       sideOffset: l,
       "data-accent-color": r,
       "data-floating-content": "",
-      ...m,
+      side: m,
+      ...g,
       children: e
     }
   ) });
 });
-Dn.displayName = "PopoverContent";
-const ai = {
+Gn.displayName = "PopoverContent";
+const ni = {
   ...Pe,
-  Content: Dn,
-  Arrow: An
-}, Ar = v(["relative", "overflow-hidden", "grow"], {
+  Content: Gn,
+  Arrow: Dn
+}, Dr = h(["relative", "overflow-hidden", "grow"], {
   variants: {
     size: {
       xs: ["h-1.5"],
@@ -4036,7 +4055,7 @@ const ai = {
       soft: ["bg-(--base-a4)"]
     }
   }
-}), Dr = v(
+}), Gr = h(
   [
     "size-full",
     "transform-[scaleX(calc(var(--progress-value)/var(--progress-max)))]",
@@ -4058,7 +4077,7 @@ const ai = {
       }
     }
   }
-), Gr = u((n) => {
+), Er = u((n) => {
   const a = M(), {
     ref: t,
     className: e,
@@ -4077,19 +4096,19 @@ const ai = {
     [d.max, d.value, s]
   );
   return /* @__PURE__ */ i(
-    Nt.Root,
+    wt.Root,
     {
       ref: t,
-      className: x(Ar({ variant: r, size: c }), k({ radius: o, maxLarge: !1 }), e),
+      className: x(Dr({ variant: r, size: c }), k({ radius: o, maxLarge: !1 }), e),
       style: m,
       "data-accent-color": l,
       ...d,
-      children: /* @__PURE__ */ i(Nt.ProgressIndicator, { className: Dr({ variant: r, size: c }) })
+      children: /* @__PURE__ */ i(wt.ProgressIndicator, { className: Gr({ variant: r, size: c }) })
     }
   );
 });
-Gr.displayName = "Progress";
-const Gn = T({}), Er = v([], {
+Er.displayName = "Progress";
+const En = T({}), _r = h([], {
   variants: {
     size: {
       xs: ["text-xs"],
@@ -4103,7 +4122,7 @@ const Gn = T({}), Er = v([], {
       outline: []
     }
   }
-}), _r = v(
+}), Fr = h(
   [
     "block",
     "overflow-hidden",
@@ -4146,19 +4165,19 @@ const Gn = T({}), Er = v([], {
       }
     }
   }
-), En = u((n) => {
-  const { variant: a, size: t, radius: e } = b(Gn), { className: s, accentColor: o, ...r } = n;
+), _n = u((n) => {
+  const { variant: a, size: t, radius: e } = b(En), { className: s, accentColor: o, ...r } = n;
   return /* @__PURE__ */ i(
     ae.Item,
     {
-      className: x(_r({ variant: a, size: t }), k({ radius: e, maxLarge: !0 }), s),
+      className: x(Fr({ variant: a, size: t }), k({ radius: e, maxLarge: !0 }), s),
       "data-accent-color": o,
       ...r
     }
   );
 });
-En.displayName = "RadioCardsItem";
-const _n = u((n) => {
+_n.displayName = "RadioCardsItem";
+const Fn = u((n) => {
   const a = M(), {
     className: t,
     children: e,
@@ -4178,18 +4197,18 @@ const _n = u((n) => {
   return /* @__PURE__ */ i(
     ae.Root,
     {
-      className: x(Er({ size: o, variant: s }), t),
+      className: x(_r({ size: o, variant: s }), t),
       "data-accent-color": c,
       ...l,
-      children: /* @__PURE__ */ i(Gn, { value: d, children: e })
+      children: /* @__PURE__ */ i(En, { value: d, children: e })
     }
   );
 });
-_n.displayName = "RadioCardsRoot";
-const ni = {
-  Root: _n,
-  Item: En
-}, Fn = u((n) => {
+Fn.displayName = "RadioCardsRoot";
+const si = {
+  Root: Fn,
+  Item: _n
+}, Hn = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
   return /* @__PURE__ */ i(
     ae.Indicator,
@@ -4201,8 +4220,8 @@ const ni = {
     }
   );
 });
-Fn.displayName = "RadioGroupIndicator";
-const Hn = T({}), Fr = v(
+Hn.displayName = "RadioGroupIndicator";
+const Bn = T({}), Hr = h(
   [
     "inline-flex",
     "justify-center",
@@ -4244,8 +4263,8 @@ const Hn = T({}), Fr = v(
       size: "md"
     }
   }
-), Bn = u((n) => {
-  const a = j(Hn), {
+), $n = u((n) => {
+  const a = j(Bn), {
     ref: t,
     children: e,
     className: s,
@@ -4253,10 +4272,10 @@ const Hn = T({}), Fr = v(
     variant: r = a.variant,
     ...c
   } = n;
-  return /* @__PURE__ */ i(ae.Item, { className: x(Fr({ size: o, variant: r }), s), ref: t, ...c, children: e });
+  return /* @__PURE__ */ i(ae.Item, { className: x(Hr({ size: o, variant: r }), s), ref: t, ...c, children: e });
 });
-Bn.displayName = "RadioGroupItem";
-const $n = u((n) => {
+$n.displayName = "RadioGroupItem";
+const jn = u((n) => {
   const a = M(), {
     ref: t,
     className: e,
@@ -4266,20 +4285,20 @@ const $n = u((n) => {
     children: c,
     ...l
   } = n, d = w(() => ({ variant: o, size: r }), [o, r]);
-  return /* @__PURE__ */ i(ae.Root, { className: x(e), ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(Hn.Provider, { value: d, children: c }) });
+  return /* @__PURE__ */ i(ae.Root, { className: x(e), ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(Bn.Provider, { value: d, children: c }) });
 });
-$n.displayName = "RadioGroupRoot";
-const si = {
-  Indicator: Fn,
-  Item: Bn,
-  Root: $n
-}, bt = T({}), jn = T({}), Un = u((n) => {
-  const { ref: a, children: t, value: e, ...s } = n, { value: o } = b(bt), r = !!o && e <= o, c = w(() => ({ value: e }), [e]);
-  return /* @__PURE__ */ i(ae.Item, { ref: a, value: e.toString(), "data-active": r, ...s, children: /* @__PURE__ */ i(jn, { value: c, children: t }) });
-});
-Un.displayName = "RatingItem";
-const qn = u((n) => {
-  const { ref: a, children: t, forceMount: e, ...s } = n, { value: o } = b(bt), { value: r } = b(jn), c = !!o && r <= o;
+jn.displayName = "RadioGroupRoot";
+const oi = {
+  Indicator: Hn,
+  Item: $n,
+  Root: jn
+}, Ct = T({}), Un = T({}), qn = u((n) => {
+  const { ref: a, children: t, value: e, ...s } = n, { value: o } = b(Ct), r = !!o && e <= o, c = w(() => ({ value: e }), [e]);
+  return /* @__PURE__ */ i(ae.Item, { ref: a, value: e.toString(), "data-active": r, ...s, children: /* @__PURE__ */ i(Un, { value: c, children: t }) });
+});
+qn.displayName = "RatingItem";
+const Wn = u((n) => {
+  const { ref: a, children: t, forceMount: e, ...s } = n, { value: o } = b(Ct), { value: r } = b(Un), c = !!o && r <= o;
   return /* @__PURE__ */ i(
     ae.Indicator,
     {
@@ -4291,9 +4310,9 @@ const qn = u((n) => {
     }
   );
 });
-qn.displayName = "RatingItemIndicator";
-const Wn = u((n) => {
-  const { ref: a, children: t, defaultValue: e, value: s, onValueChange: o, ...r } = n, [c, l] = X(e ?? null, s, o), d = h(
+Wn.displayName = "RatingItemIndicator";
+const Kn = u((n) => {
+  const { ref: a, children: t, defaultValue: e, value: s, onValueChange: o, ...r } = n, [c, l] = X(e ?? null, s, o), d = v(
     (g) => {
       l(parseInt(g));
     },
@@ -4311,16 +4330,16 @@ const Wn = u((n) => {
       value: c ? c.toString() : null,
       onValueChange: d,
       ...r,
-      children: /* @__PURE__ */ i(bt, { value: m, children: t })
+      children: /* @__PURE__ */ i(Ct, { value: m, children: t })
     }
   );
 });
-Wn.displayName = "RatingRoot";
-const oi = {
-  Item: Un,
-  ItemIndicator: qn,
-  Root: Wn
-}, Hr = v(
+Kn.displayName = "RatingRoot";
+const ri = {
+  Item: qn,
+  ItemIndicator: Wn,
+  Root: Kn
+}, Br = h(
   ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
   {
     variants: {
@@ -4338,7 +4357,7 @@ const oi = {
       }
     }
   }
-), Br = v(
+), $r = h(
   [
     "h-full",
     "grow",
@@ -4461,24 +4480,24 @@ const oi = {
       icon: !1
     }
   }
-), Kn = T({}), $r = () => {
-  const n = j(Kn);
+), Xn = T({}), jr = () => {
+  const n = j(Xn);
   if (!n)
     throw new Error("useSegmentedControl must be used within a SegmentedControlProvider");
   return n;
-}, Xn = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, radius: o, variant: r, icon: c } = $r();
+}, Yn = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, radius: o, variant: r, icon: c } = jr();
   return /* @__PURE__ */ i(
     Oe.Item,
     {
       ref: a,
-      className: x(Br({ size: s, variant: r, icon: c, radius: o }), t),
+      className: x($r({ size: s, variant: r, icon: c, radius: o }), t),
       ...e
     }
   );
 });
-Xn.displayName = "SegmentedControlItem";
-const Yn = u((n) => {
+Yn.displayName = "SegmentedControlItem";
+const Qn = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -4495,22 +4514,22 @@ const Yn = u((n) => {
     {
       ref: t,
       className: x(
-        Hr({ size: o, variant: r }),
+        Br({ size: o, variant: r }),
         k({ radius: l, maxLarge: !1 }),
         s
       ),
       type: "single",
       "data-accent-color": d,
       ...m,
-      children: /* @__PURE__ */ i(Kn.Provider, { value: { size: o, variant: r, radius: l, icon: c }, children: e })
+      children: /* @__PURE__ */ i(Xn.Provider, { value: { size: o, variant: r, radius: l, icon: c }, children: e })
     }
   );
 });
-Yn.displayName = "SegmentedControlRoot";
-const ri = {
-  Item: Xn,
-  Root: Yn
-}, Qn = T({}), jr = v(
+Qn.displayName = "SegmentedControlRoot";
+const ci = {
+  Item: Yn,
+  Root: Qn
+}, Jn = T({}), Ur = h(
   ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
   {
     variants: {
@@ -4532,7 +4551,7 @@ const ri = {
       size: "md"
     }
   }
-), Ur = v(
+), qr = h(
   [
     "h-full",
     "grow",
@@ -4655,7 +4674,7 @@ const ri = {
       icon: !1
     }
   }
-), Jn = u((n) => {
+), Zn = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -4677,38 +4696,38 @@ const ri = {
     ne.List,
     {
       ref: t,
-      className: x(jr({ size: o, variant: r }), k({ radius: c, maxLarge: !1 }), s),
+      className: x(Ur({ size: o, variant: r }), k({ radius: c, maxLarge: !1 }), s),
       "data-accent-color": l,
       ...d,
-      children: /* @__PURE__ */ i(Qn.Provider, { value: m, children: e })
+      children: /* @__PURE__ */ i(Jn.Provider, { value: m, children: e })
     }
   );
 });
-Jn.displayName = "TabsList";
-const Zn = u((n) => {
+Zn.displayName = "TabsList";
+const es = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(ne.Root, { ref: a, className: x("flex flex-col", t), ...e });
 });
-Zn.displayName = "TabsRoot";
-const es = u((n) => {
-  const { ref: a, children: t, className: e, ...s } = n, { size: o, radius: r, variant: c } = b(Qn);
+es.displayName = "TabsRoot";
+const ts = u((n) => {
+  const { ref: a, children: t, className: e, ...s } = n, { size: o, radius: r, variant: c } = b(Jn);
   return /* @__PURE__ */ i(
     ne.Trigger,
     {
       ref: a,
-      className: x(Ur({ size: o, radius: r, variant: c }), e),
+      className: x(qr({ size: o, radius: r, variant: c }), e),
       ...s,
       children: t
     }
   );
 });
-es.displayName = "TabsTrigger";
-const ci = {
-  Root: Zn,
-  List: Jn,
-  Trigger: es,
+ts.displayName = "TabsTrigger";
+const ii = {
+  Root: es,
+  List: Zn,
+  Trigger: ts,
   Content: ne.Content
-}, qr = v(["shrink-0", "bg-(--accent-6)"], {
+}, Wr = h(["shrink-0", "bg-(--accent-6)"], {
   variants: {
     size: {
       xs: [],
@@ -4789,20 +4808,20 @@ const ci = {
     size: "md",
     orientation: "horizontal"
   }
-}), Wr = u((n) => {
+}), Kr = u((n) => {
   const { ref: a, className: t, accentColor: e = "base", orientation: s, size: o, ...r } = n;
   return /* @__PURE__ */ i(
-    Je.Root,
+    Ze.Root,
     {
-      className: x(qr({ orientation: s, size: o }), t),
+      className: x(Wr({ orientation: s, size: o }), t),
       "data-accent-color": e,
       ref: a,
       ...r
     }
   );
 });
-Wr.displayName = "Separator";
-const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"], {
+Kr.displayName = "Separator";
+const Xr = h(["relative", "select-none", "touch-none", "flex", "items-center"], {
   variants: {
     size: {
       xs: [],
@@ -4874,7 +4893,7 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       className: ["w-8"]
     }
   ]
-}), Xr = v(
+}), Yr = h(
   [
     "overflow-hidden",
     "relative",
@@ -4957,7 +4976,7 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       }
     ]
   }
-), Yr = v(
+), Qr = h(
   ["absolute", "rounded-[inherit]", "data-disabled:opacity-50", "disabled:pointer-events-none"],
   {
     variants: {
@@ -4978,7 +4997,7 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       }
     }
   }
-), Qr = v(
+), Jr = h(
   [
     "block",
     "shrink-0",
@@ -5007,7 +5026,7 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       }
     }
   }
-), Jr = u((n) => {
+), Zr = u((n) => {
   const a = M(), {
     className: t,
     size: e = "md",
@@ -5022,7 +5041,7 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
     Te.Root,
     {
       className: x(
-        Kr({ size: e, variant: c, orientation: s }),
+        Xr({ size: e, variant: c, orientation: s }),
         k({ radius: r, maxLarge: !1 }),
         t
       ),
@@ -5030,11 +5049,11 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       "data-accent-color": o,
       ...d,
       children: [
-        /* @__PURE__ */ i(Te.Track, { className: Xr({ size: e, variant: c, orientation: s }), children: /* @__PURE__ */ i(Te.Range, { className: Yr({ size: e, variant: c, orientation: s }) }) }),
+        /* @__PURE__ */ i(Te.Track, { className: Yr({ size: e, variant: c, orientation: s }), children: /* @__PURE__ */ i(Te.Range, { className: Qr({ size: e, variant: c, orientation: s }) }) }),
         (n.value ?? d.defaultValue ?? []).map((m, g) => /* @__PURE__ */ i(
           Te.Thumb,
           {
-            className: x(Qr({ size: e, variant: c }), k({ radius: r, maxLarge: !1 })),
+            className: x(Jr({ size: e, variant: c }), k({ radius: r, maxLarge: !1 })),
             ...l !== void 0 ? { tabIndex: l } : void 0
           },
           `${g}-${m}`
@@ -5043,8 +5062,8 @@ const Kr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
     }
   );
 });
-Jr.displayName = "Slider";
-const Zr = v(
+Zr.displayName = "Slider";
+const ec = h(
   ["box-border", "shrink-0", "animate-spin", "rounded-full", "border-(--accent-9)", "border-b-transparent"],
   {
     variants: {
@@ -5060,12 +5079,12 @@ const Zr = v(
       size: "md"
     }
   }
-), ec = u((n) => {
+), tc = u((n) => {
   const a = M(), { ref: t, className: e, size: s = "md", accentColor: o = a.accentColor, ...r } = n;
-  return /* @__PURE__ */ i("div", { className: x(Zr({ size: s }), e), ref: t, "data-accent-color": o, ...r });
+  return /* @__PURE__ */ i("div", { className: x(ec({ size: s }), e), ref: t, "data-accent-color": o, ...r });
 });
-ec.displayName = "Spinner";
-const ts = T({}), tc = v(
+tc.displayName = "Spinner";
+const as = T({}), ac = h(
   [
     "shrink-0",
     // select
@@ -5098,7 +5117,7 @@ const ts = T({}), tc = v(
       size: "md"
     }
   }
-), ac = v(
+), nc = h(
   [
     "flex",
     "items-center",
@@ -5122,7 +5141,7 @@ const ts = T({}), tc = v(
       size: "md"
     }
   }
-), as = u((n) => {
+), ns = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -5133,38 +5152,38 @@ const ts = T({}), tc = v(
     ...l
   } = n, d = w(() => ({ size: o, radius: r }), [o, r]);
   return /* @__PURE__ */ i(
-    Ut.Root,
+    qt.Root,
     {
-      className: x(tc({ size: o }), k({ radius: r, maxLarge: !1 }), s),
+      className: x(ac({ size: o }), k({ radius: r, maxLarge: !1 }), s),
       ref: t,
       "data-accent-color": c,
       ...l,
-      children: /* @__PURE__ */ i(ts.Provider, { value: d, children: e })
+      children: /* @__PURE__ */ i(as.Provider, { value: d, children: e })
     }
   );
 });
-as.displayName = "SwitchRoot";
-const ns = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, radius: o } = j(ts);
+ns.displayName = "SwitchRoot";
+const ss = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, radius: o } = j(as);
   return /* @__PURE__ */ i(
-    Ut.Thumb,
+    qt.Thumb,
     {
-      className: x(ac({ size: s }), k({ radius: o, maxLarge: !1 }), t),
+      className: x(nc({ size: s }), k({ radius: o, maxLarge: !1 }), t),
       ref: a,
       ...e
     }
   );
 });
-ns.displayName = "SwitchThumb";
-const ii = {
-  Root: as,
-  Thumb: ns
-}, ss = u((n) => {
+ss.displayName = "SwitchThumb";
+const li = {
+  Root: ns,
+  Thumb: ss
+}, os = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i("tbody", { ref: a, className: x(t), ...e });
 });
-ss.displayName = "TableBody";
-const $e = T({}), nc = v(["border-collapse text-left"], {
+os.displayName = "TableBody";
+const je = T({}), sc = h(["border-collapse text-left"], {
   variants: {
     variant: {
       ghost: [],
@@ -5178,7 +5197,7 @@ const $e = T({}), nc = v(["border-collapse text-left"], {
       xl: ["text-xl"]
     }
   }
-}), Ct = v([], {
+}), yt = h([], {
   variants: {
     variant: {
       surface: [],
@@ -5218,41 +5237,41 @@ const $e = T({}), nc = v(["border-collapse text-left"], {
     { size: "xl", compact: !0, className: ["px-10", "py-5"] },
     { size: "xl", compact: !1, className: ["p-10"] }
   ]
-}), os = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j($e);
+}), rs = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j(je);
   return /* @__PURE__ */ i(
     "td",
     {
       ref: a,
-      className: x(Ct({ size: s, border: o, cell: !0, variant: r, compact: c }), t),
+      className: x(yt({ size: s, border: o, cell: !0, variant: r, compact: c }), t),
       ...e
     }
   );
 });
-os.displayName = "TableCell";
-const rs = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j($e);
+rs.displayName = "TableCell";
+const cs = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j(je);
   return /* @__PURE__ */ i(
     "th",
     {
       ref: a,
-      className: x(Ct({ size: s, border: o, cell: !1, variant: r, compact: c }), t),
+      className: x(yt({ size: s, border: o, cell: !1, variant: r, compact: c }), t),
       ...e
     }
   );
 });
-rs.displayName = "TableColumnHeaderCell";
-const cs = u((n) => {
+cs.displayName = "TableColumnHeaderCell";
+const is = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i("tfoot", { ref: a, className: x(t), ...e });
 });
-cs.displayName = "TableFooter";
-const is = u((n) => {
+is.displayName = "TableFooter";
+const ls = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i("thead", { ref: a, className: x(t), ...e });
 });
-is.displayName = "TableHeader";
-const ls = u((n) => {
+ls.displayName = "TableHeader";
+const ds = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -5269,44 +5288,44 @@ const ls = u((n) => {
     {
       ref: t,
       className: x(
-        nc({ size: o, variant: l }),
+        sc({ size: o, variant: l }),
         k({ radius: a.radius, maxLarge: !0 }),
         s
       ),
       "data-accent-color": c,
       ...m,
-      children: /* @__PURE__ */ i($e.Provider, { value: g, children: e })
+      children: /* @__PURE__ */ i(je.Provider, { value: g, children: e })
     }
   );
 });
-ls.displayName = "TableRoot";
-const ds = u((n) => {
+ds.displayName = "TableRoot";
+const us = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i("tr", { ref: a, className: x(t), ...e });
 });
-ds.displayName = "TableRow";
-const us = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j($e);
+us.displayName = "TableRow";
+const ms = u((n) => {
+  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r, compact: c } = j(je);
   return /* @__PURE__ */ i(
     "th",
     {
       ref: a,
-      className: x(Ct({ size: s, border: o, cell: !0, variant: r, compact: c }), t),
+      className: x(yt({ size: s, border: o, cell: !0, variant: r, compact: c }), t),
       ...e
     }
   );
 });
-us.displayName = "TableRowHeaderCell";
-const li = {
-  Root: ls,
-  Header: is,
-  Body: ss,
-  Footer: cs,
-  Row: ds,
-  Cell: os,
-  RowHeaderCell: us,
-  ColumnHeaderCell: rs
-}, ms = T({}), sc = v(["flex", "border-box", "inset-shadow-[0_-1px_0_0_var(--base-a6)]"], {
+ms.displayName = "TableRowHeaderCell";
+const di = {
+  Root: ds,
+  Header: ls,
+  Body: os,
+  Footer: is,
+  Row: us,
+  Cell: rs,
+  RowHeaderCell: ms,
+  ColumnHeaderCell: cs
+}, gs = T({}), oc = h(["flex", "border-box", "inset-shadow-[0_-1px_0_0_var(--base-a6)]"], {
   variants: {
     size: {
       xs: ["h-6", "text-xs"],
@@ -5319,7 +5338,7 @@ const li = {
   defaultVariants: {
     size: "md"
   }
-}), oc = v(
+}), rc = h(
   [
     "select-none",
     "shrink-0",
@@ -5353,41 +5372,41 @@ const li = {
       size: "md"
     }
   }
-), gs = u((n) => {
+), ps = u((n) => {
   const a = M(), { ref: t, children: e, className: s, size: o = "md", accentColor: r = a.accentColor, ...c } = n;
   return /* @__PURE__ */ i(
     ne.List,
     {
       ref: t,
-      className: x(sc({ size: o }), s),
+      className: x(oc({ size: o }), s),
       "data-accent-color": r,
       ...c,
-      children: /* @__PURE__ */ i(ms.Provider, { value: { size: o }, children: e })
+      children: /* @__PURE__ */ i(gs.Provider, { value: { size: o }, children: e })
     }
   );
 });
-gs.displayName = "TabsList";
-const ps = u((n) => {
+ps.displayName = "TabsList";
+const xs = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(ne.Root, { ref: a, className: x("flex flex-col", t), ...e });
 });
-ps.displayName = "TabsRoot";
-const rc = () => {
-  const n = j(ms);
+xs.displayName = "TabsRoot";
+const cc = () => {
+  const n = j(gs);
   if (!n)
     throw new Error("useTabsList must be used within a TabsList component");
   return n;
-}, xs = u((n) => {
-  const { ref: a, children: t, className: e, ...s } = n, { size: o } = rc();
-  return /* @__PURE__ */ i(ne.Trigger, { ref: a, className: x(oc({ size: o }), e), ...s, children: t });
-});
-xs.displayName = "TabsTrigger";
-const di = {
-  Root: ps,
-  List: gs,
-  Trigger: xs,
+}, fs = u((n) => {
+  const { ref: a, children: t, className: e, ...s } = n, { size: o } = cc();
+  return /* @__PURE__ */ i(ne.Trigger, { ref: a, className: x(rc({ size: o }), e), ...s, children: t });
+});
+fs.displayName = "TabsTrigger";
+const ui = {
+  Root: xs,
+  List: ps,
+  Trigger: fs,
   Content: ne.Content
-}, cc = v([], {
+}, ic = h([], {
   variants: {
     size: {
       xs: ["text-xs"],
@@ -5416,14 +5435,14 @@ const di = {
       right: ["text-right"]
     }
   }
-}), Xe = u((n) => {
+}), Ye = u((n) => {
   const { ref: a, className: t, size: e, weight: s, align: o, accentColor: r, highContrast: c = !1, ...l } = n;
   return /* @__PURE__ */ i(
     "span",
     {
       ref: a,
       className: x(
-        cc({ size: e, weight: s, align: o }),
+        ic({ size: e, weight: s, align: o }),
         {
           "text-(--accent-a11)": !!r,
           "text-(--accent-a12)": c
@@ -5435,8 +5454,8 @@ const di = {
     }
   );
 });
-Xe.displayName = "Text";
-const ic = v(
+Ye.displayName = "Text";
+const lc = h(
   [
     "focus:outline-(--accent-a8)",
     "focus:outline-2",
@@ -5496,7 +5515,7 @@ const ic = v(
       resize: "none"
     }
   }
-), lc = u((n) => {
+), dc = u((n) => {
   const a = M(), {
     ref: t,
     className: e,
@@ -5509,18 +5528,18 @@ const ic = v(
   return /* @__PURE__ */ i(
     "textarea",
     {
-      className: x(ic({ size: s, variant: o }), k({ radius: r, maxLarge: !0 }), e),
+      className: x(lc({ size: s, variant: o }), k({ radius: r, maxLarge: !0 }), e),
       ref: t,
       "data-accent-color": c,
       ...l
     }
   );
 });
-lc.displayName = "TextArea";
+dc.displayName = "TextArea";
 const Re = u((n) => {
-  const { toastId: a, title: t, description: e, icon: s, accentColor: o, closeButton: r, action: c } = n, { radius: l } = M(), d = h(() => {
+  const { toastId: a, title: t, description: e, icon: s, accentColor: o, closeButton: r, action: c } = n, { radius: l } = M(), d = v(() => {
     K.dismiss(a);
-  }, [a]), m = h(() => {
+  }, [a]), m = v(() => {
     K.dismiss(a);
   }, [a]);
   return /* @__PURE__ */ W(
@@ -5535,13 +5554,13 @@ const Re = u((n) => {
         /* @__PURE__ */ W("div", { className: "flex items-center gap-4 grow min-w-0", children: [
           s,
           /* @__PURE__ */ W("div", { className: "flex flex-col min-w-0 select-none", children: [
-            /* @__PURE__ */ i(Xe, { className: "truncate", children: t }),
-            e && /* @__PURE__ */ i(Xe, { accentColor: "base", size: "sm", weight: "regular", children: e })
+            /* @__PURE__ */ i(Ye, { className: "truncate", children: t }),
+            e && /* @__PURE__ */ i(Ye, { accentColor: "base", size: "sm", weight: "regular", children: e })
           ] })
         ] }),
         /* @__PURE__ */ i(me, { onClick: d, children: c }),
         r && /* @__PURE__ */ i(
-          tt,
+          at,
           {
             type: "button",
             onClick: m,
@@ -5549,18 +5568,18 @@ const Re = u((n) => {
             accentColor: "base",
             variant: "ghost",
             size: "xs",
-            children: /* @__PURE__ */ i(q, { icon: $s })
+            children: /* @__PURE__ */ i(q, { icon: js })
           }
         )
       ]
     }
   );
-}), je = {
-  success: /* @__PURE__ */ i(q, { icon: Ws, color: "var(--accent-9)" }),
-  info: /* @__PURE__ */ i(q, { icon: qs, color: "var(--base-11)" }),
-  warning: /* @__PURE__ */ i(q, { icon: Us, color: "var(--accent-9)" }),
-  error: /* @__PURE__ */ i(q, { icon: js, color: "var(--accent-9)" })
-}, dc = (n) => {
+}), Ue = {
+  success: /* @__PURE__ */ i(q, { icon: Ks, color: "var(--accent-9)" }),
+  info: /* @__PURE__ */ i(q, { icon: Ws, color: "var(--base-11)" }),
+  warning: /* @__PURE__ */ i(q, { icon: qs, color: "var(--accent-9)" }),
+  error: /* @__PURE__ */ i(q, { icon: Us, color: "var(--accent-9)" })
+}, uc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
     (c) => /* @__PURE__ */ i(
@@ -5576,7 +5595,7 @@ const Re = u((n) => {
     ),
     r
   );
-}, uc = (n) => {
+}, mc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
     (c) => /* @__PURE__ */ i(
@@ -5584,7 +5603,7 @@ const Re = u((n) => {
       {
         accentColor: "success",
         toastId: c,
-        icon: a ?? je.success,
+        icon: a ?? Ue.success,
         description: t,
         title: e,
         closeButton: s,
@@ -5593,7 +5612,7 @@ const Re = u((n) => {
     ),
     r
   );
-}, mc = (n) => {
+}, gc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
     (c) => /* @__PURE__ */ i(
@@ -5601,7 +5620,7 @@ const Re = u((n) => {
       {
         accentColor: "base",
         toastId: c,
-        icon: a ?? je.info,
+        icon: a ?? Ue.info,
         description: t,
         title: e,
         closeButton: s,
@@ -5610,7 +5629,7 @@ const Re = u((n) => {
     ),
     r
   );
-}, gc = (n) => {
+}, pc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
     (c) => /* @__PURE__ */ i(
@@ -5618,7 +5637,7 @@ const Re = u((n) => {
       {
         accentColor: "warning",
         toastId: c,
-        icon: a ?? je.warning,
+        icon: a ?? Ue.warning,
         description: t,
         title: e,
         closeButton: s,
@@ -5627,7 +5646,7 @@ const Re = u((n) => {
     ),
     r
   );
-}, pc = (n) => {
+}, xc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
     (c) => /* @__PURE__ */ i(
@@ -5635,7 +5654,7 @@ const Re = u((n) => {
       {
         accentColor: "danger",
         toastId: c,
-        icon: a ?? je.error,
+        icon: a ?? Ue.error,
         description: t,
         title: e,
         closeButton: s,
@@ -5644,22 +5663,22 @@ const Re = u((n) => {
     ),
     r
   );
-}, ui = Object.assign(
-  dc,
+}, mi = Object.assign(
+  uc,
   {
-    success: uc,
-    info: mc,
-    warning: gc,
-    error: pc,
+    success: mc,
+    info: gc,
+    warning: pc,
+    error: xc,
     custom: K.custom,
     dismiss: K.dismiss
   },
   { getHistory: K.getHistory, getToasts: K.getToasts }
-), xc = {
+), fc = {
   unstyled: !0
-}, fc = u((n) => /* @__PURE__ */ i(ro, { toastOptions: xc, richColors: !1, closeButton: !1, theme: "system", ...n }));
-fc.displayName = "Toaster";
-const hc = v(
+}, hc = u((n) => /* @__PURE__ */ i(co, { toastOptions: fc, richColors: !1, closeButton: !1, theme: "system", ...n }));
+hc.displayName = "Toaster";
+const vc = h(
   [
     "flex",
     "items-center",
@@ -5778,7 +5797,7 @@ const hc = v(
       variant: "outline"
     }
   }
-), yt = u((n) => {
+), zt = u((n) => {
   const a = M(), {
     ref: t,
     className: e,
@@ -5790,21 +5809,21 @@ const hc = v(
     ...d
   } = n;
   return /* @__PURE__ */ i(
-    co.Root,
+    io.Root,
     {
       ref: t,
-      className: x(hc({ size: s, variant: r, icon: o }), k({ radius: c, maxLarge: !1 }), e),
+      className: x(vc({ size: s, variant: r, icon: o }), k({ radius: c, maxLarge: !1 }), e),
       "data-accent-color": l,
       ...d
     }
   );
 });
-yt.displayName = "BaseToggleButton";
-const vc = u((n) => /* @__PURE__ */ i(yt, { icon: !0, ...n }));
-vc.displayName = "IconToggleButton";
-const bc = u((n) => /* @__PURE__ */ i(yt, { icon: !1, ...n }));
-bc.displayName = "ToggleButton";
-const fs = T({}), Cc = v(
+zt.displayName = "BaseToggleButton";
+const bc = u((n) => /* @__PURE__ */ i(zt, { icon: !0, ...n }));
+bc.displayName = "IconToggleButton";
+const Cc = u((n) => /* @__PURE__ */ i(zt, { icon: !1, ...n }));
+Cc.displayName = "ToggleButton";
+const hs = T({}), yc = h(
   [
     "flex",
     "items-center",
@@ -5918,8 +5937,8 @@ const fs = T({}), Cc = v(
       }
     ]
   }
-), zt = u((n) => {
-  const a = b(fs), {
+), Nt = u((n) => {
+  const a = b(hs), {
     ref: t,
     className: e,
     icon: s,
@@ -5934,7 +5953,7 @@ const fs = T({}), Cc = v(
     {
       ref: t,
       className: x(
-        Cc({ icon: s, variant: c, size: l }),
+        yc({ icon: s, variant: c, size: l }),
         k({ radius: r, maxLarge: !1 }),
         e
       ),
@@ -5943,12 +5962,12 @@ const fs = T({}), Cc = v(
     }
   );
 });
-zt.displayName = "ToggleGroupBaseItem";
-const hs = u((n) => /* @__PURE__ */ i(zt, { icon: !0, ...n }));
-hs.displayName = "ToggleGroupIconItem";
-const vs = u((n) => /* @__PURE__ */ i(zt, { icon: !1, ...n }));
-vs.displayName = "ToggleGroupItem";
-const bs = u((n) => {
+Nt.displayName = "ToggleGroupBaseItem";
+const vs = u((n) => /* @__PURE__ */ i(Nt, { icon: !0, ...n }));
+vs.displayName = "ToggleGroupIconItem";
+const bs = u((n) => /* @__PURE__ */ i(Nt, { icon: !1, ...n }));
+bs.displayName = "ToggleGroupItem";
+const Cs = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -5966,19 +5985,19 @@ const bs = u((n) => {
     }),
     [s, o, c, r]
   );
-  return /* @__PURE__ */ i(Oe.Root, { ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(fs, { value: d, children: e }) });
-});
-bs.displayName = "ToggleGroupRoot";
-const mi = {
-  Root: bs,
-  Item: vs,
-  IconItem: hs
-}, Cs = u((n) => {
+  return /* @__PURE__ */ i(Oe.Root, { ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(hs, { value: d, children: e }) });
+});
+Cs.displayName = "ToggleGroupRoot";
+const gi = {
+  Root: Cs,
+  Item: bs,
+  IconItem: vs
+}, ys = u((n) => {
   const { ref: a, className: t, ...e } = n;
   return /* @__PURE__ */ i(de.Arrow, { className: x("fill-(--base-6)", t), ref: a, ...e });
 });
-Cs.displayName = "TooltipArrow";
-const yc = v(
+ys.displayName = "TooltipArrow";
+const zc = h(
   [
     "data-[state=delayed-open]:animate-in",
     "data-[state=delayed-open]:fade-in-0",
@@ -6014,7 +6033,7 @@ const yc = v(
       side: "top"
     }
   }
-), ys = u((n) => {
+), zs = u((n) => {
   const a = M(), {
     ref: t,
     children: e,
@@ -6029,7 +6048,7 @@ const yc = v(
   return /* @__PURE__ */ i(de.Portal, { container: d, children: /* @__PURE__ */ i(
     de.Content,
     {
-      className: x(yc({ size: r, side: o }), k({ radius: c, maxLarge: !1 }), s),
+      className: x(zc({ size: r, side: o }), k({ radius: c, maxLarge: !1 }), s),
       ref: t,
       sideOffset: l,
       "data-floating-content": "",
@@ -6038,222 +6057,223 @@ const yc = v(
     }
   ) });
 });
-ys.displayName = "TooltipContent";
-const gi = {
-  Arrow: Cs,
-  Content: ys,
+zs.displayName = "TooltipContent";
+const pi = {
+  Arrow: ys,
+  Content: zs,
   Root: de.Root,
   Trigger: de.Trigger,
   Provider: de.Provider
 };
 export {
-  _c as AlertDialog,
-  et as AlertDialogContent,
-  uo as AlertDialogProvider,
-  Fc as Avatar,
-  ea as AvatarFallback,
-  ta as AvatarImage,
-  aa as AvatarRoot,
-  xo as Badge,
-  We as Button,
-  lo as ButtonGroup,
-  ho as Card,
-  Hc as Checkbox,
-  jc as CheckboxGroup,
-  oa as CheckboxGroupItem,
-  ra as CheckboxGroupItemIndicator,
-  ca as CheckboxGroupRoot,
-  ia as CheckboxGroupSelectAllItem,
-  na as CheckboxIndicator,
-  sa as CheckboxRoot,
-  Uc as CommandMenu,
-  la as CommandMenuCheckboxIndicator,
-  ma as CommandMenuCheckboxItem,
-  ga as CommandMenuContent,
-  pa as CommandMenuEmpty,
-  Ge as CommandMenuGroup,
-  xa as CommandMenuInput,
+  Fc as AlertDialog,
+  tt as AlertDialogContent,
+  mo as AlertDialogProvider,
+  Hc as Avatar,
+  ta as AvatarFallback,
+  aa as AvatarImage,
+  na as AvatarRoot,
+  fo as Badge,
+  Ke as Button,
+  uo as ButtonGroup,
+  vo as Card,
+  Bc as Checkbox,
+  Uc as CheckboxGroup,
+  ra as CheckboxGroupItem,
+  ca as CheckboxGroupItemIndicator,
+  ia as CheckboxGroupRoot,
+  la as CheckboxGroupSelectAllItem,
+  sa as CheckboxIndicator,
+  oa as CheckboxRoot,
+  qc as CommandMenu,
+  da as CommandMenuCheckboxIndicator,
+  ga as CommandMenuCheckboxItem,
+  pa as CommandMenuContent,
+  xa as CommandMenuEmpty,
+  Ee as CommandMenuGroup,
+  fa as CommandMenuInput,
   ce as CommandMenuItem,
-  fa as CommandMenuList,
-  Ro as CommandMenuMultiSelectGroup,
-  To as CommandMenuMultiSelectItem,
-  ha as CommandMenuOverlay,
-  va as CommandMenuPage,
-  Ca as CommandMenuPageTriggerItem,
-  ba as CommandMenuPages,
-  Po as CommandMenuRadioGroup,
-  Mo as CommandMenuRadioItem,
-  ya as CommandMenuRoot,
-  Oo as CommandMenuSelectAllItem,
-  za as CommandMenuSelectedIndicator,
-  Na as CommandMenuSeparator,
-  wa as CommandMenuTrigger,
-  $o as DayPicker,
-  qc as Dialog,
-  Sa as DialogContent,
-  ka as DialogOverlay,
-  Ra as DialogRoot,
-  Wo as Heading,
-  Wc as HoverCard,
-  Ta as HoverCardArrow,
-  Pa as HoverCardContent,
-  Xo as HoverUtility,
-  tt as IconButton,
-  vc as IconToggleButton,
-  Kc as Input,
-  Ma as InputField,
-  Oa as InputRoot,
-  Va as InputSlot,
-  Qc as Layout,
-  La as LayoutContainer,
-  Aa as LayoutRoot,
-  Ea as LayoutSlideOutClose,
-  _a as LayoutSlideOutContent,
-  Fa as LayoutSlideOutHandle,
-  Ha as LayoutSlideOutOverlay,
-  Ba as LayoutSlideOutRoot,
-  $a as LayoutSlideOutTrigger,
-  rr as Link,
+  ha as CommandMenuList,
+  To as CommandMenuMultiSelectGroup,
+  Po as CommandMenuMultiSelectItem,
+  va as CommandMenuOverlay,
+  ba as CommandMenuPage,
+  ya as CommandMenuPageTriggerItem,
+  Ca as CommandMenuPages,
+  Mo as CommandMenuRadioGroup,
+  Oo as CommandMenuRadioItem,
+  za as CommandMenuRoot,
+  Vo as CommandMenuSelectAllItem,
+  Na as CommandMenuSelectedIndicator,
+  wa as CommandMenuSeparator,
+  Ia as CommandMenuTrigger,
+  jo as DayPicker,
+  Wc as Dialog,
+  ka as DialogContent,
+  Ra as DialogOverlay,
+  Ta as DialogRoot,
+  Ko as Heading,
+  Kc as HoverCard,
+  Pa as HoverCardArrow,
+  Ma as HoverCardContent,
+  Yo as HoverUtility,
+  at as IconButton,
+  bc as IconToggleButton,
+  Xc as Input,
+  Oa as InputField,
+  Va as InputRoot,
+  La as InputSlot,
+  Jc as Layout,
+  Aa as LayoutContainer,
+  Da as LayoutRoot,
+  _a as LayoutSlideOutClose,
+  Fa as LayoutSlideOutContent,
+  Ha as LayoutSlideOutHandle,
+  Ba as LayoutSlideOutOverlay,
+  $a as LayoutSlideOutRoot,
+  ja as LayoutSlideOutTrigger,
+  cr as Link,
   q as LuIcon,
-  Jc as Menu,
-  qa as MenuCheckboxItem,
-  Wa as MenuCheckboxItemIndicator,
-  Ka as MenuClickTrigger,
-  Xa as MenuContent,
-  Ya as MenuContextTrigger,
-  Fe as MenuGroup,
-  Qa as MenuInputField,
-  Ja as MenuInputRoot,
-  Za as MenuInputSlot,
+  Zc as Menu,
+  Wa as MenuCheckboxItem,
+  Ka as MenuCheckboxItemIndicator,
+  Xa as MenuClickTrigger,
+  Ya as MenuContent,
+  Qa as MenuContextTrigger,
+  He as MenuGroup,
+  Ja as MenuInputField,
+  Za as MenuInputRoot,
+  en as MenuInputSlot,
   se as MenuItem,
-  en as MenuLabel,
-  gr as MenuMultiSelectGroup,
-  pr as MenuMultiSelectItem,
-  tn as MenuPageContent,
-  nn as MenuPageTrigger,
-  an as MenuPages,
-  on as MenuRoot,
-  rn as MenuScroll,
-  fr as MenuSelectAllItem,
-  hr as MenuSelectGroup,
-  vr as MenuSelectItem,
-  cn as MenuSelectedIndicator,
-  ln as MenuSeparator,
-  dn as MenuSub,
-  un as MenuSubContent,
-  mn as MenuSubTrigger,
-  Zc as MenuV2,
-  xn as MenuV2CheckboxItem,
-  fn as MenuV2CheckedIndicator,
-  Be as MenuV2Group,
-  hn as MenuV2GroupLabel,
+  tn as MenuLabel,
+  pr as MenuMultiSelectGroup,
+  xr as MenuMultiSelectItem,
+  an as MenuPageContent,
+  sn as MenuPageTrigger,
+  nn as MenuPages,
+  rn as MenuRoot,
+  cn as MenuScroll,
+  hr as MenuSelectAllItem,
+  vr as MenuSelectGroup,
+  br as MenuSelectItem,
+  ln as MenuSelectedIndicator,
+  dn as MenuSeparator,
+  un as MenuSub,
+  mn as MenuSubContent,
+  gn as MenuSubTrigger,
+  ei as MenuV2,
+  fn as MenuV2CheckboxItem,
+  hn as MenuV2CheckedIndicator,
+  $e as MenuV2Group,
+  vn as MenuV2GroupLabel,
   le as MenuV2Item,
-  kr as MenuV2MultiSelectGroup,
-  Rr as MenuV2MultiSelectItem,
-  vn as MenuV2Page,
-  Cn as MenuV2PageTriggerItem,
-  bn as MenuV2Pages,
-  yn as MenuV2Root,
-  Sr as MenuV2SelectAllItem,
-  Tr as MenuV2SelectGroup,
-  Pr as MenuV2SelectItem,
-  zn as MenuV2SelectedIndicator,
-  Nn as MenuV2Separator,
-  gn as MenuVirtualTrigger,
-  ei as OneTimePasswordField,
-  wn as OneTimePasswordFieldHiddenInput,
-  Sn as OneTimePasswordFieldInput,
-  kn as OneTimePasswordFieldRoot,
-  ti as Overlay,
-  Rn as OverlayClose,
-  Tn as OverlayContent,
-  Pn as OverlayDescription,
-  Mn as OverlayRoot,
-  On as OverlayTitle,
-  Vn as OverlayTrigger,
-  Vr as OvermapErrorBoundary,
-  ai as Popover,
-  An as PopoverArrow,
-  Dn as PopoverContent,
-  Gr as Progress,
-  io as Provider,
-  ni as RadioCards,
-  En as RadioCardsItem,
-  _n as RadioCardsRoot,
-  si as RadioGroup,
-  Fn as RadioGroupIndicator,
-  Bn as RadioGroupItem,
-  $n as RadioGroupRoot,
-  oi as Rating,
-  Un as RatingItem,
-  qn as RatingItemIndicator,
-  Wn as RatingRoot,
-  ri as SegmentedControl,
-  Xn as SegmentedControlItem,
-  Yn as SegmentedControlRoot,
-  ci as SegmentedTabs,
-  Jn as SegmentedTabsList,
-  Zn as SegmentedTabsRoot,
-  es as SegmentedTabsTrigger,
-  Wr as Separator,
-  Yc as SlideOut,
-  ut as SlideOutClose,
-  mt as SlideOutContent,
-  gt as SlideOutHandle,
-  pt as SlideOutOverlay,
-  xt as SlideOutRoot,
-  Ga as SlideOutTrigger,
-  ft as SlideOutViewport,
-  Jr as Slider,
-  ec as Spinner,
-  ii as Switch,
-  as as SwitchRoot,
-  ns as SwitchThumb,
-  li as Table,
-  ss as TableBody,
-  os as TableCell,
-  rs as TableColumnHeaderCell,
-  cs as TableFooter,
-  is as TableHeader,
-  ls as TableRoot,
-  ds as TableRow,
-  us as TableRowHeaderCell,
-  di as Tabs,
-  gs as TabsList,
-  ps as TabsRoot,
-  xs as TabsTrigger,
-  Xe as Text,
-  lc as TextArea,
-  fc as Toaster,
-  bc as ToggleButton,
-  mi as ToggleGroup,
-  hs as ToggleGroupIconItem,
-  vs as ToggleGroupItem,
-  bs as ToggleGroupRoot,
-  gi as Tooltip,
-  Cs as TooltipArrow,
-  ys as TooltipContent,
-  po as badge,
-  Jt as buttonCva,
+  Rr as MenuV2MultiSelectGroup,
+  Tr as MenuV2MultiSelectItem,
+  bn as MenuV2Page,
+  yn as MenuV2PageTriggerItem,
+  Cn as MenuV2Pages,
+  zn as MenuV2Root,
+  kr as MenuV2SelectAllItem,
+  Pr as MenuV2SelectGroup,
+  Mr as MenuV2SelectItem,
+  Nn as MenuV2SelectedIndicator,
+  wn as MenuV2Separator,
+  pn as MenuVirtualTrigger,
+  ti as OneTimePasswordField,
+  In as OneTimePasswordFieldHiddenInput,
+  kn as OneTimePasswordFieldInput,
+  Rn as OneTimePasswordFieldRoot,
+  ai as Overlay,
+  Tn as OverlayClose,
+  Pn as OverlayContent,
+  Mn as OverlayDescription,
+  On as OverlayRoot,
+  Vn as OverlayTitle,
+  Ln as OverlayTrigger,
+  Lr as OvermapErrorBoundary,
+  ni as Popover,
+  Dn as PopoverArrow,
+  Gn as PopoverContent,
+  Er as Progress,
+  lo as Provider,
+  si as RadioCards,
+  _n as RadioCardsItem,
+  Fn as RadioCardsRoot,
+  oi as RadioGroup,
+  Hn as RadioGroupIndicator,
+  $n as RadioGroupItem,
+  jn as RadioGroupRoot,
+  ri as Rating,
+  qn as RatingItem,
+  Wn as RatingItemIndicator,
+  Kn as RatingRoot,
+  ci as SegmentedControl,
+  Yn as SegmentedControlItem,
+  Qn as SegmentedControlRoot,
+  ii as SegmentedTabs,
+  Zn as SegmentedTabsList,
+  es as SegmentedTabsRoot,
+  ts as SegmentedTabsTrigger,
+  Kr as Separator,
+  Qc as SlideOut,
+  mt as SlideOutClose,
+  gt as SlideOutContent,
+  pt as SlideOutHandle,
+  xt as SlideOutOverlay,
+  ft as SlideOutRoot,
+  Ea as SlideOutTrigger,
+  ht as SlideOutViewport,
+  Zr as Slider,
+  tc as Spinner,
+  li as Switch,
+  ns as SwitchRoot,
+  ss as SwitchThumb,
+  di as Table,
+  os as TableBody,
+  rs as TableCell,
+  cs as TableColumnHeaderCell,
+  is as TableFooter,
+  ls as TableHeader,
+  ds as TableRoot,
+  us as TableRow,
+  ms as TableRowHeaderCell,
+  ui as Tabs,
+  ps as TabsList,
+  xs as TabsRoot,
+  fs as TabsTrigger,
+  Ye as Text,
+  dc as TextArea,
+  hc as Toaster,
+  Cc as ToggleButton,
+  gi as ToggleGroup,
+  vs as ToggleGroupIconItem,
+  bs as ToggleGroupItem,
+  Cs as ToggleGroupRoot,
+  pi as Tooltip,
+  ys as TooltipArrow,
+  zs as TooltipContent,
+  xo as badge,
+  Zt as buttonCva,
   Ve as floating,
   F as genericMemo,
-  Le as getActiveState,
+  Ae as getActiveState,
   Q as getBooleanState,
   Ie as getCheckedState,
   pe as getOpenState,
   oe as getSelectedState,
   we as mergeRefs,
   k as radiusCva,
-  bo as stopPropagation,
-  ui as toast,
-  Ec as useAlertDialog,
-  Qt as useButtonGroup,
+  Le as shadowCva,
+  Co as stopPropagation,
+  mi as toast,
+  _c as useAlertDialog,
+  Jt as useButtonGroup,
   X as useControlledState,
-  vo as useFallbackId,
-  nt as useLatest,
+  bo as useFallbackId,
+  st as useLatest,
   ke as useLayoutContext,
-  Xc as useLayoutContextSelector,
+  Yc as useLayoutContextSelector,
   M as useProvider,
-  $c as useTextFilter,
-  Bc as useViewportSize
+  jc as useTextFilter,
+  $c as useViewportSize
 };