@overmap-ai/blocks 1.0.43 → 1.0.44-alpha.0

package/dist/blocks.js

@@ -1,5 +1,5 @@
 import * as $ from "@radix-ui/react-alert-dialog";
-import { jsx as c, jsxs as W } from "react/jsx-runtime";
+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 R, useContext as j, memo as u, useMemo as w, useState as E, useCallback as h, useRef as q, useEffect as B, useId as Ye, useLayoutEffect as ue, use as b } from "react";
 import * as Qe from "@radix-ui/react-avatar";
@@ -106,7 +106,7 @@ const Oe = v(
     }),
     [a, t]
   );
-  return /* @__PURE__ */ c(Ut.Provider, { value: s, children: e });
+  return /* @__PURE__ */ i(Ut.Provider, { value: s, children: e });
 });
 oo.displayName = "Provider";
 const Wt = v([
@@ -165,16 +165,16 @@ const Wt = v([
     }
   }
 ), et = u((n) => {
-  const { radius: a } = M(), { ref: t, children: e, className: s, size: o, container: r, ...i } = 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__ */ c($.Overlay, { className: Wt({}), "data-floating-content": "" }),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ i($.Overlay, { className: Wt({}), "data-floating-content": "" }),
+    /* @__PURE__ */ i(
       $.Content,
       {
         className: x(Kt({ size: o }), k({ radius: a, maxLarge: !0 }), s),
         ref: t,
         "data-floating-content": "",
-        ...i,
+        ...c,
         children: e
       }
     )
@@ -183,7 +183,7 @@ const Wt = v([
 et.displayName = "AlertDialogContent";
 const Xt = R(() => {
   throw new Error("No AlertDialogProvider found");
-}), Pi = () => {
+}), Pc = () => {
   const n = j(Xt);
   if (!n)
     throw new Error("No AlertDialogProvider found");
@@ -195,7 +195,7 @@ const Xt = R(() => {
     size: s = "md",
     radius: o = a.radius,
     accentColor: r = a.accentColor,
-    ...i
+    ...c
   } = n, l = w(
     () => ({
       variant: e,
@@ -205,7 +205,7 @@ const Xt = R(() => {
     }),
     [r, o, s, e]
   );
-  return /* @__PURE__ */ c("div", { ...i, children: /* @__PURE__ */ c(Yt.Provider, { value: l, children: t }) });
+  return /* @__PURE__ */ i("div", { ...c, children: /* @__PURE__ */ i(Yt.Provider, { value: l, children: t }) });
 });
 ro.displayName = "Buttons";
 const Qt = () => j(Yt), Jt = v(
@@ -366,15 +366,15 @@ const Qt = () => j(Yt), Jt = v(
     children: s,
     className: o,
     variant: r = t.variant,
-    size: i = t.size,
+    size: c = t.size,
     radius: l = t.radius ?? a.radius,
     accentColor: d = t.accentColor ?? a.accentColor,
     ...m
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "button",
     {
-      className: x(Jt({ size: i, icon: !1, variant: r }), k({ radius: l, maxLarge: !1 }), o),
+      className: x(Jt({ size: c, icon: !1, variant: r }), k({ radius: l, maxLarge: !1 }), o),
       ref: e,
       "data-accent-color": d,
       ...m,
@@ -389,15 +389,15 @@ const tt = u((n) => {
     children: s,
     className: o,
     variant: r = t.variant,
-    size: i = t.size,
+    size: c = t.size,
     radius: l = t.radius ?? a.radius,
     accentColor: d = t.accentColor ?? a.accentColor,
     ...m
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "button",
     {
-      className: x(Jt({ size: i, icon: !0, variant: r }), k({ radius: l, maxLarge: !1 }), o),
+      className: x(Jt({ size: c, icon: !0, variant: r }), k({ radius: l, maxLarge: !1 }), o),
       ref: e,
       "data-accent-color": d,
       ...m,
@@ -406,14 +406,14 @@ const tt = u((n) => {
   );
 });
 tt.displayName = "IconButton";
-const io = u((n) => {
+const co = u((n) => {
   const { children: a } = n, [t, e] = E(!1), [s, o] = E(null), r = h(
     (l) => {
       var d;
       e(l), !l && ((d = s == null ? void 0 : s.onClose) == null || d.call(s));
     },
     [s]
-  ), i = h(
+  ), c = h(
     (l) => {
       if (t) throw new Error("AlertDialog is already open");
       e(!0), o({
@@ -425,22 +425,22 @@ const io = u((n) => {
     },
     [t]
   );
-  return /* @__PURE__ */ W(Xt.Provider, { value: i, children: [
+  return /* @__PURE__ */ W(Xt.Provider, { value: c, children: [
     a,
-    /* @__PURE__ */ c($.Root, { open: t, onOpenChange: r, children: /* @__PURE__ */ c(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(et, { 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__ */ c($.Title, { className: "font-medium", children: s == null ? void 0 : s.title }),
-        /* @__PURE__ */ c($.Description, { children: s == null ? void 0 : s.description })
+        /* @__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__ */ c($.Cancel, { onClick: s == null ? void 0 : s.onCancel, children: /* @__PURE__ */ c(We, { variant: "soft", size: s == null ? void 0 : s.size, accentColor: "base", children: s == null ? void 0 : s.cancel }) }),
-        /* @__PURE__ */ c($.Action, { onClick: s == null ? void 0 : s.onAction, children: /* @__PURE__ */ c(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, 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, children: /* @__PURE__ */ i(We, { variant: "solid", size: s == null ? void 0 : s.size, children: s == null ? void 0 : s.action }) })
       ] })
     ] }) }) })
   ] });
 });
-io.displayName = "AlertDialogProvider";
-const Ti = {
+co.displayName = "AlertDialogProvider";
+const Tc = {
   Content: et,
   Trigger: $.Trigger,
   Root: $.Root,
@@ -448,7 +448,7 @@ const Ti = {
   Description: $.Description,
   Action: $.Action,
   Cancel: $.Cancel
-}, Zt = R({}), co = v(["shrink-0", "select-none", "inline-block", "align-middle"], {
+}, Zt = R({}), io = v(["shrink-0", "select-none", "inline-block", "align-middle"], {
   variants: {
     size: {
       xs: ["h-6", "w-6", "text-xs"],
@@ -475,12 +475,12 @@ const Ti = {
   }
 }), ea = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n, { variant: o } = j(Zt);
-  return /* @__PURE__ */ c(Qe.AvatarFallback, { className: x(lo({ variant: o }), e), ref: a, ...s, children: t });
+  return /* @__PURE__ */ i(Qe.AvatarFallback, { className: x(lo({ variant: o }), e), ref: a, ...s, children: t });
 });
 ea.displayName = "AvatarFallback";
 const ta = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Qe.Image,
     {
       className: x("object-cover", "rounded-[inherit]", "w-full", "h-full", t),
@@ -497,23 +497,23 @@ const aa = u((n) => {
     className: s,
     size: o,
     variant: r = "solid",
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     radius: l = a.radius,
     ...d
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Qe.Root,
     {
-      className: x(co({ size: o }), k({ radius: l, maxLarge: !1 }), s),
+      className: x(io({ size: o }), k({ radius: l, maxLarge: !1 }), s),
       ref: t,
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...d,
-      children: /* @__PURE__ */ c(Zt.Provider, { value: { variant: r }, children: e })
+      children: /* @__PURE__ */ i(Zt.Provider, { value: { variant: r }, children: e })
     }
   );
 });
 aa.displayName = "AvatarRoot";
-const Mi = {
+const Mc = {
   Fallback: ea,
   Image: ta,
   Root: aa
@@ -602,15 +602,15 @@ const Mi = {
     className: s,
     accentColor: o = a.accentColor,
     radius: r = a.radius,
-    variant: i,
+    variant: c,
     size: l,
     icon: d,
     ...m
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "span",
     {
-      className: x(uo({ variant: i, size: l, icon: d }), k({ radius: r, maxLarge: !1 }), s),
+      className: x(uo({ variant: c, size: l, icon: d }), k({ radius: r, maxLarge: !1 }), s),
       ref: t,
       "data-accent-color": o,
       ...m,
@@ -645,16 +645,16 @@ const go = v([], {
     className: s,
     size: o = "md",
     variant: r = "surface",
-    accentColor: i = "base",
+    accentColor: c = "base",
     radius: l = a.radius,
     ...d
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: t,
       className: x(go({ size: o, variant: r }), k({ radius: l, maxLarge: !0 }), s),
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...d,
       children: e
     }
@@ -663,7 +663,7 @@ const go = v([], {
 po.displayName = "Card";
 const na = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ze.CheckboxIndicator,
     {
       className: x("flex items-center justify-center", e),
@@ -723,14 +723,14 @@ const at = v(
     className: s,
     variant: o,
     size: r,
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = a.accentColor,
     ...d
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ze.Root,
     {
-      className: x(at({ variant: o, size: r }), k({ radius: i, maxLarge: !0 }), s),
+      className: x(at({ variant: o, size: r }), k({ radius: c, maxLarge: !0 }), s),
       ref: t,
       "data-accent-color": l,
       ...d,
@@ -739,16 +739,16 @@ const at = v(
   );
 });
 sa.displayName = "CheckboxRoot";
-const Oi = {
+const Oc = {
   Root: sa,
   Indicator: na
-}, Ne = R({}), Z = R({}), Vi = (n) => {
-  const { xs: a, sm: t, md: e, lg: s, xl: o } = n, [r, i] = 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 });
+}, Ne = R({}), Z = R({}), Vc = (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) => (i(S), C ? "xl" : f ? "lg" : p ? "md" : g ? "sm" : m ? "xs" : "initial"));
+    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 Li(n, a) {
+function Lc(n, a) {
   const [t, e] = E([]), [s, o] = E("");
   return B(() => {
     e(n.filter((r) => a(r, s)));
@@ -816,9 +816,9 @@ function pe(n) {
   return n ? "open" : "closed";
 }
 const Le = _(function(a) {
-  const { children: t, defaultValues: e, values: s, onValuesChange: o, equalityFn: r } = a, i = nt(r), [l, d] = E(/* @__PURE__ */ new Set()), [m, g] = X(e ?? [], s, o), p = h(
-    (y, V) => i.current ? V.some((A) => i.current(A, y)) : V.includes(y),
-    [i]
+  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(
+    (y, V) => c.current ? V.some((A) => c.current(A, y)) : V.includes(y),
+    [c]
   ), f = h((y) => (d((V) => {
     const A = new Set(V);
     return A.add(y), A;
@@ -830,39 +830,39 @@ const Le = _(function(a) {
   }), []), C = h((y) => p(y, m), [p, m]), S = h(
     (y) => {
       C(y) ? g(
-        m.filter((V) => i.current ? !i.current(V, y) : V !== y)
+        m.filter((V) => c.current ? !c.current(V, y) : V !== y)
       ) : g([...m, y]);
     },
-    [i, C, g, m]
+    [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]), T = h(() => {
     g(z ? [] : Array.from(l.values()));
   }, [z, l, g]), L = w(
     () => ({ selected: C, selectValue: S, allSelected: z, someSelected: N, toggleSelectAll: T, registerValue: f }),
     [z, f, S, C, N, T]
   );
-  return /* @__PURE__ */ c(Z, { value: L, children: t });
+  return /* @__PURE__ */ i(Z, { value: L, children: t });
 }), st = _(function(a) {
-  const { children: t, defaultValue: e, value: s, onValueChange: o, equalityFn: r } = a, i = nt(r), [l, d] = X(e, s, o), m = h(
-    (f) => i.current ? i.current(f, l) : f === l,
-    [l, i]
+  const { children: t, defaultValue: e, value: s, onValueChange: o, equalityFn: r } = a, c = nt(r), [l, d] = X(e, s, o), m = h(
+    (f) => c.current ? c.current(f, l) : f === l,
+    [l, c]
   ), g = h(
     (f) => {
       m(f) || d(f);
     },
     [m, d]
   ), p = w(() => ({ selected: m, selectValue: g }), [g, m]);
-  return /* @__PURE__ */ c(Ne, { value: p, children: t });
+  return /* @__PURE__ */ i(Ne, { value: p, children: t });
 }), ot = _(function(a) {
-  const { children: t, defaultValue: e = void 0, value: s, onValueChange: o, equalityFn: r } = a, i = nt(r), [l, d] = X(e, s, o), m = h(
-    (f) => l !== void 0 && (i.current ? i.current(f, l) : f === l),
-    [l, i]
+  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(
+    (f) => l !== void 0 && (c.current ? c.current(f, l) : f === l),
+    [l, c]
   ), g = h(
     (f) => {
       d(m(f) ? void 0 : f);
     },
     [m, d]
   ), p = w(() => ({ selected: m, selectValue: g }), [m, g]);
-  return /* @__PURE__ */ c(Ne, { value: p, children: t });
+  return /* @__PURE__ */ i(Ne, { value: p, children: t });
 }), rt = R({}), oa = u((n) => {
   const a = b(rt), {
     ref: t,
@@ -870,7 +870,7 @@ const Le = _(function(a) {
     value: s,
     disabled: o,
     accentColor: r = a.accentColor,
-    variant: i = a.variant,
+    variant: c = a.variant,
     size: l = a.size,
     radius: d = a.radius,
     ...m
@@ -879,11 +879,11 @@ const Le = _(function(a) {
   const C = g(s), S = a.disabled || o, z = h(() => {
     p(s);
   }, [p, s]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ze.Root,
     {
       ref: t,
-      className: x(at({ variant: i, size: l }), k({ radius: d, maxLarge: !0 }), e),
+      className: x(at({ variant: c, size: l }), k({ radius: d, maxLarge: !0 }), e),
       name: a.name,
       required: a.required,
       disabled: S,
@@ -898,17 +898,17 @@ const Le = _(function(a) {
 oa.displayName = "CheckboxGroupItem";
 const ra = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(ze.Indicator, { className: x("flex items-center justify-center", t), ref: a, ...e });
+  return /* @__PURE__ */ i(ze.Indicator, { className: x("flex items-center justify-center", t), ref: a, ...e });
 });
 ra.displayName = "CheckboxGroupItemIndicator";
-const ia = u((n) => {
+const ca = u((n) => {
   const a = M(), {
     ref: t,
     defaultValues: e,
     values: s,
     onValuesChange: o,
     children: r,
-    name: i,
+    name: c,
     required: l,
     disabled: d,
     accentColor: m = a.accentColor,
@@ -918,7 +918,7 @@ const ia = u((n) => {
     ...C
   } = n, S = w(
     () => ({
-      name: i,
+      name: c,
       required: l,
       disabled: d,
       // style props
@@ -927,9 +927,9 @@ const ia = u((n) => {
       variant: p,
       radius: g
     }),
-    [m, d, i, g, l, f, p]
+    [m, d, c, g, l, f, p]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: t,
@@ -938,7 +938,7 @@ const ia = u((n) => {
       "data-accent-color": m,
       "aria-disabled": Q(!!d),
       ...C,
-      children: /* @__PURE__ */ c(rt.Provider, { value: S, children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ i(rt.Provider, { value: S, children: /* @__PURE__ */ i(
         Le,
         {
           defaultValues: e,
@@ -950,23 +950,23 @@ const ia = u((n) => {
     }
   );
 });
-ia.displayName = "CheckboxGroupRoot";
-const ca = u((n) => {
+ca.displayName = "CheckboxGroupRoot";
+const ia = u((n) => {
   const a = b(rt), {
     ref: t,
     className: e,
     disabled: s,
     accentColor: o = a.accentColor,
     variant: r = a.variant,
-    size: i = a.size,
+    size: c = a.size,
     radius: l = a.radius,
     ...d
   } = n, { allSelected: m, someSelected: g, toggleSelectAll: p } = b(Z), f = m ? !0 : g ? "indeterminate" : !1, C = a.disabled || s;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ze.Root,
     {
       ref: t,
-      className: x(at({ variant: r, size: i }), k({ radius: l, maxLarge: !0 }), e),
+      className: x(at({ variant: r, size: c }), k({ radius: l, maxLarge: !0 }), e),
       name: a.name,
       required: a.required,
       disabled: C,
@@ -977,15 +977,15 @@ const ca = u((n) => {
     }
   );
 });
-ca.displayName = "CheckboxGroupSelectAllItem";
-const Ai = {
-  Root: ia,
+ia.displayName = "CheckboxGroupSelectAllItem";
+const Ac = {
+  Root: ca,
   Item: oa,
-  SelectAllItem: ca,
+  SelectAllItem: ia,
   ItemIndicator: ra
 }, Se = R({}), Ae = u((n) => {
   const { children: a, ref: t, className: e, ...s } = n, o = b(Se), r = typeof a == "function" ? a(o) : a;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "span",
     {
       ref: t,
@@ -1005,10 +1005,10 @@ const Ai = {
 Ae.displayName = "CheckedIndicator";
 const la = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ae, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ae, { ref: a, ...e, children: t });
 });
 la.displayName = "CommandMenuCheckboxIndicator";
-const re = R({}), it = R(!1), da = R(!1), ct = R({}), ua = R({}), ho = v(
+const re = R({}), ct = R(!1), da = R(!1), it = R({}), ua = R({}), ho = v(
   [
     "ring",
     "ring-(--base-6)",
@@ -1208,14 +1208,14 @@ const re = R({}), it = R(!1), da = R(!1), ct = R({}), ua = R({}), ho = v(
       }
     }
   }
-), ie = u((n) => {
-  const { className: a, ref: t, closeOnSelect: e = !0, onSelect: s, filterValue: o, ...r } = n, { size: i, variant: l, radius: d } = b(re), { setOpen: m } = b(ua), g = h(() => {
+), 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(() => {
     s == null || s(), e && m(!1);
   }, [e, s, m]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Ns,
     {
-      className: x(zo({ size: i, variant: l, radius: d }), a),
+      className: x(zo({ size: c, variant: l, radius: d }), a),
       ref: t,
       onSelect: g,
       value: o,
@@ -1223,12 +1223,12 @@ const re = R({}), it = R(!1), da = R(!1), ct = R({}), ua = R({}), ho = v(
     }
   );
 });
-ie.displayName = "CommandMenuItem";
+ce.displayName = "CommandMenuItem";
 const ma = u((n) => {
-  const { children: a, ref: t, checked: e, onCheckedChange: s, onSelect: o, ...r } = n, i = h(() => {
+  const { children: a, ref: t, checked: e, onCheckedChange: s, onSelect: o, ...r } = n, c = h(() => {
     o == null || o(), s(e !== !0);
   }, [e, s, o]);
-  return /* @__PURE__ */ c(da, { value: e, children: /* @__PURE__ */ c(ie, { ref: t, onSelect: i, "data-state": Ie(e), ...r, children: a }) });
+  return /* @__PURE__ */ i(da, { value: e, children: /* @__PURE__ */ i(ce, { ref: t, onSelect: c, "data-state": Ie(e), ...r, children: a }) });
 });
 ma.displayName = "CommandMenuCheckboxItem";
 const ga = u((n) => {
@@ -1239,7 +1239,7 @@ const ga = u((n) => {
     // DialogContent props
     forceMount: o,
     onOpenAutoFocus: r,
-    onCloseAutoFocus: i,
+    onCloseAutoFocus: c,
     onEscapeKeyDown: l,
     onPointerDownOutside: d,
     onInteractOutside: m,
@@ -1255,12 +1255,12 @@ const ga = u((n) => {
     radius: C,
     accentColor: f
   }), [f, C, p, g]);
-  return /* @__PURE__ */ c(kt, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(kt, { children: /* @__PURE__ */ i(
     Ms,
     {
       forceMount: o,
       onOpenAutoFocus: r,
-      onCloseAutoFocus: i,
+      onCloseAutoFocus: c,
       onEscapeKeyDown: l,
       onPointerDownOutside: d,
       onInteractOutside: m,
@@ -1274,9 +1274,9 @@ const ga = u((n) => {
           "data-accent-color": f,
           ...S,
           children: [
-            /* @__PURE__ */ c(Os, { className: "sr-only", children: n.label }),
-            /* @__PURE__ */ c(Vs, { className: "sr-only", children: "Use the command menu to trigger commands." }),
-            /* @__PURE__ */ c(re, { value: z, children: t })
+            /* @__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(re, { value: z, children: t })
           ]
         }
       )
@@ -1286,22 +1286,22 @@ const ga = u((n) => {
 ga.displayName = "CommandMenuContent";
 const pa = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re);
-  return /* @__PURE__ */ c(Is, { className: x(No({ size: s }), a), ref: t, ...e });
+  return /* @__PURE__ */ i(Is, { className: x(No({ size: s }), a), ref: t, ...e });
 });
 pa.displayName = "CommandMenuEmpty";
 const De = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re);
-  return /* @__PURE__ */ c(Ss, { className: x(wo({ size: s }), a), ref: t, ...e });
+  return /* @__PURE__ */ i(Ss, { className: x(wo({ size: s }), a), ref: t, ...e });
 });
 De.displayName = "CommandMenuGroup";
 const xa = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re);
-  return /* @__PURE__ */ c(ks, { className: x(Co({ size: s }), a), ref: t, ...e });
+  return /* @__PURE__ */ i(ks, { className: x(Co({ size: s }), a), ref: t, ...e });
 });
 xa.displayName = "CommandMenuInput";
 const fa = u((n) => {
   const { className: a, ref: t, ...e } = n, { size: s } = b(re), o = Rs((r) => r.filtered.count);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Ps,
     {
       className: x(bo({ size: s }), a),
@@ -1313,20 +1313,20 @@ const fa = u((n) => {
 });
 fa.displayName = "CommandMenuList";
 const Io = _(function(a) {
-  const { children: t, ref: e, defaultValues: s, values: o, onValuesChange: r, ...i } = a;
-  return /* @__PURE__ */ c(Le, { values: o, onValuesChange: r, defaultValues: s, children: /* @__PURE__ */ c(De, { ref: e, "aria-multiselectable": !0, ...i, children: t }) });
+  const { children: t, ref: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
+  return /* @__PURE__ */ i(Le, { values: o, onValuesChange: r, defaultValues: s, children: /* @__PURE__ */ i(De, { ref: e, "aria-multiselectable": !0, ...c, children: t }) });
 }), So = _(function(n) {
   const { children: a, ref: t, value: e, onSelect: s, closeOnSelect: o = !1, ...r } = n, {
-    selected: i,
+    selected: c,
     selectValue: l,
     registerValue: d
   } = b(Z);
   ue(() => d(e), [d, e]);
   const m = h(() => {
     s == null || s(), l(e);
-  }, [l, s, e]), g = i(e);
-  return /* @__PURE__ */ c(it, { value: g, children: /* @__PURE__ */ c(
-    ie,
+  }, [l, s, e]), g = c(e);
+  return /* @__PURE__ */ i(ct, { value: g, children: /* @__PURE__ */ i(
+    ce,
     {
       ref: t,
       onSelect: m,
@@ -1339,25 +1339,25 @@ const Io = _(function(a) {
   ) });
 }), ha = u((n) => {
   const { container: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(kt, { container: a, children: /* @__PURE__ */ c(Ls, { className: x(vo(), t), "data-floating-content": "", ...e }) });
+  return /* @__PURE__ */ i(kt, { container: a, children: /* @__PURE__ */ i(Ls, { className: x(vo(), t), "data-floating-content": "", ...e }) });
 });
 ha.displayName = "CommandMenuOverlay";
 const va = u((n) => {
-  const { children: a, ref: t, page: e, ...s } = n, { page: o } = b(ct), r = w(() => e === o, [e, o]);
-  return /* @__PURE__ */ c("div", { ref: t, "data-active": Ve(r), hidden: !r, ...s, children: r ? a : null });
+  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": Ve(r), hidden: !r, ...s, children: r ? a : null });
 });
 va.displayName = "CommandMenuPage";
 const ba = u((n) => {
   const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s);
-  return /* @__PURE__ */ c(ct, { value: { page: o, setPage: r }, children: a });
+  return /* @__PURE__ */ i(it, { value: { page: o, setPage: r }, children: a });
 });
 ba.displayName = "CommandMenuPages";
 const Ca = u((n) => {
-  const { ref: a, page: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { page: r, setPage: i } = b(ct), l = w(() => t === r, [t, r]), d = h(() => {
-    e == null || e(), i(t);
-  }, [e, t, i]);
-  return /* @__PURE__ */ c(it, { value: l, children: /* @__PURE__ */ c(
-    ie,
+  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(() => {
+    e == null || e(), c(t);
+  }, [e, t, c]);
+  return /* @__PURE__ */ i(ct, { value: l, children: /* @__PURE__ */ i(
+    ce,
     {
       ref: a,
       onSelect: d,
@@ -1369,29 +1369,29 @@ const Ca = u((n) => {
 });
 Ca.displayName = "CommandMenuPageTriggerItem";
 const ko = _(function(a) {
-  const { children: t, ref: e, required: s, defaultValue: o, value: r, onValueChange: i, ...l } = a;
-  return /* @__PURE__ */ c(De, { ref: e, role: "radiogroup", ...l, children: s ? /* @__PURE__ */ c(
+  const { children: t, ref: e, required: s, defaultValue: o, value: r, onValueChange: c, ...l } = a;
+  return /* @__PURE__ */ i(De, { ref: e, role: "radiogroup", ...l, children: s ? /* @__PURE__ */ i(
     st,
     {
       defaultValue: o,
       value: r,
-      onValueChange: i,
+      onValueChange: c,
       children: t
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ i(
     ot,
     {
       defaultValue: o,
       value: r,
-      onValueChange: i,
+      onValueChange: c,
       children: t
     }
   ) });
 }), Ro = _(function(n) {
-  const { children: a, ref: t, value: e, onSelect: s, ...o } = n, { selected: r, selectValue: i } = b(Ne), l = h(() => {
-    s == null || s(), i(e);
-  }, [s, i, e]), d = r(e);
-  return /* @__PURE__ */ c(it, { value: d, children: /* @__PURE__ */ c(ie, { ref: t, onSelect: l, "data-state": oe(d), ...o, children: a }) });
+  const { children: a, ref: t, value: e, onSelect: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = h(() => {
+    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) => {
   const {
     children: a,
@@ -1400,19 +1400,19 @@ const ko = _(function(a) {
     // oxlint-disable-next-line typescript/unbound-method
     onOpenChange: s,
     modal: o
-  } = n, [r, i] = X(t ?? !1, e, s), l = w(() => ({
+  } = n, [r, c] = X(t ?? !1, e, s), l = w(() => ({
     open: r,
-    setOpen: i
-  }), [r, i]);
-  return /* @__PURE__ */ c(H.Root, { defaultOpen: t, open: r, onOpenChange: i, modal: o, children: /* @__PURE__ */ c(ua, { value: l, children: a }) });
+    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 }) });
 });
 ya.displayName = "CommandMenuRoot";
 const Po = _(function(n) {
-  const { ref: a, onSelect: t, closeOnSelect: e = !1, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: i } = b(Z), l = h(() => {
-    t == null || t(), i();
-  }, [t, i]), d = o ? !0 : r ? "indeterminate" : !1;
-  return /* @__PURE__ */ c(da, { value: d, children: /* @__PURE__ */ c(
-    ie,
+  const { ref: a, onSelect: t, closeOnSelect: e = !1, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: c } = b(Z), l = h(() => {
+    t == null || t(), c();
+  }, [t, c]), d = o ? !0 : r ? "indeterminate" : !1;
+  return /* @__PURE__ */ i(da, { value: d, children: /* @__PURE__ */ i(
+    ce,
     {
       ref: a,
       role: "menuitemcheckbox",
@@ -1424,7 +1424,7 @@ const Po = _(function(n) {
   ) });
 }), xe = R(!1), Ge = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n, o = b(xe), r = typeof t == "function" ? t(o) : t;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "span",
     {
       ref: a,
@@ -1444,17 +1444,17 @@ const Po = _(function(n) {
 Ge.displayName = "SelectedIndicator";
 const za = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ge, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
 za.displayName = "CommandMenuSelectedIndicator";
 const Na = u((n) => {
   const { className: a, ref: t, spacing: e = !1, ...s } = n, { size: o } = b(re);
-  return /* @__PURE__ */ c(Ts, { ref: t, className: x(yo({ size: o, spacing: e }), a), ...s });
+  return /* @__PURE__ */ i(Ts, { ref: t, className: x(yo({ size: o, spacing: e }), a), ...s });
 });
 Na.displayName = "CommandMenuSeparator";
-const wa = u((n) => /* @__PURE__ */ c(As, { ...n }));
+const wa = u((n) => /* @__PURE__ */ i(As, { ...n }));
 wa.displayName = "CommandMenuTrigger";
-const Di = {
+const Dc = {
   Root: ya,
   Overlay: ha,
   Content: ga,
@@ -1462,7 +1462,7 @@ const Di = {
   Input: xa,
   List: fa,
   Group: De,
-  Item: ie,
+  Item: ce,
   Separator: Na,
   Empty: pa,
   // Multi select
@@ -1482,20 +1482,20 @@ const Di = {
   PageTriggerItem: Ca
 }, U = u((n) => {
   const { ref: a, icon: t, className: e, size: s = "1em", ...o } = n;
-  return /* @__PURE__ */ c(t, { ref: a, className: x("shrink-0", e), size: s, ...o });
+  return /* @__PURE__ */ i(t, { ref: a, className: x("shrink-0", e), size: s, ...o });
 });
 U.displayName = "LuIcon";
 const To = (n) => {
   const { orientation: a, ...t } = n;
   switch (a) {
     case "up":
-      return /* @__PURE__ */ c(U, { icon: _s, ...t });
+      return /* @__PURE__ */ i(U, { icon: _s, ...t });
     case "down":
-      return /* @__PURE__ */ c(U, { icon: Fs, ...t });
+      return /* @__PURE__ */ i(U, { icon: Fs, ...t });
     case "left":
-      return /* @__PURE__ */ c(U, { icon: Es, ...t });
+      return /* @__PURE__ */ i(U, { icon: Es, ...t });
     default:
-      return /* @__PURE__ */ c(U, { icon: Gs, ...t });
+      return /* @__PURE__ */ i(U, { icon: Gs, ...t });
   }
 }, Mo = v(["relative", "size-max"], {
   variants: {
@@ -1636,7 +1636,7 @@ const To = (n) => {
     accentColor: s = a.accentColor,
     size: o = "md",
     variant: r = "soft",
-    radius: i = a.radius,
+    radius: c = a.radius,
     showOutsideDays: l = !0,
     ...d
   } = n, m = w(() => ({
@@ -1648,12 +1648,12 @@ const To = (n) => {
     button_next: x(
       e == null ? void 0 : e.button_next,
       wt({ size: o }),
-      k({ radius: i, maxLarge: !1 })
+      k({ radius: c, maxLarge: !1 })
     ),
     button_previous: x(
       e == null ? void 0 : e.button_previous,
       wt({ size: o }),
-      k({ radius: i, maxLarge: !1 })
+      k({ radius: c, maxLarge: !1 })
     ),
     weekday: x(e == null ? void 0 : e.weekday, Vo({ size: o })),
     today: x(e == null ? void 0 : e.today, Lo({ size: o, variant: r })),
@@ -1661,16 +1661,16 @@ const To = (n) => {
     day_button: x(
       e == null ? void 0 : e.day_button,
       Oo({ size: o, variant: r }),
-      k({ radius: i, maxLarge: !1 })
+      k({ radius: c, maxLarge: !1 })
     ),
     range_start: x(e == null ? void 0 : e.range_start, "rdp-range-start"),
     range_middle: x(e == null ? void 0 : e.range_middle, "rdp-range-middle"),
     range_end: x(e == null ? void 0 : e.range_end, "rdp-range-end")
-  }), [e, i, o, r]), g = w(
+  }), [e, c, o, r]), g = w(
     () => t ? { ...It, ...t } : It,
     [t]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Ds,
     {
       "data-accent-color": s,
@@ -1688,11 +1688,11 @@ const Ia = R({}), Go = () => {
     throw new Error("useDialog must be used within a DialogRoot");
   return n;
 }, Sa = u((n) => {
-  const { radius: a } = M(), t = Go(), { ref: e, children: s, container: o, className: r, size: i, ...l } = n, d = w(() => typeof s == "function" ? s(t) : s, [s, t]);
-  return /* @__PURE__ */ c(H.Portal, { container: o, children: /* @__PURE__ */ c(
+  const { radius: a } = M(), t = Go(), { 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: i }), k({ radius: a, maxLarge: !0 }), r),
+      className: x(Kt({ size: c }), k({ radius: a, maxLarge: !0 }), r),
       ref: e,
       "data-floating-content": "",
       ...l,
@@ -1703,7 +1703,7 @@ const Ia = R({}), Go = () => {
 Sa.displayName = "DialogContent";
 const ka = u((n) => {
   const { ref: a, children: t, className: e, container: s, ...o } = n;
-  return /* @__PURE__ */ c(H.Portal, { container: s, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(H.Portal, { container: s, children: /* @__PURE__ */ i(
     H.Overlay,
     {
       ref: a,
@@ -1724,10 +1724,10 @@ const Ra = u((n) => {
     onCloseInterrupt: o,
     open: r,
     // oxlint-disable-next-line typescript/unbound-method
-    onOpenChange: i
+    onOpenChange: c
   } = n, [l, d] = E(s ?? !1), m = r ?? l, g = h(
     (f) => {
-      if (i) return i(f);
+      if (c) return c(f);
       if (f && t)
         t();
       else {
@@ -1739,7 +1739,7 @@ const Ra = u((n) => {
       }
       d(f);
     },
-    [i, t, e, o]
+    [c, t, e, o]
   ), p = h(
     (f) => {
       if (f != null && f.force)
@@ -1748,10 +1748,10 @@ const Ra = u((n) => {
     },
     [g]
   );
-  return /* @__PURE__ */ c(H.Root, { open: m, onOpenChange: g, children: /* @__PURE__ */ c(Ia.Provider, { value: p, children: a }) });
+  return /* @__PURE__ */ i(H.Root, { open: m, onOpenChange: g, children: /* @__PURE__ */ i(Ia.Provider, { value: p, children: a }) });
 });
 Ra.displayName = "DialogRoot";
-const Gi = {
+const Gc = {
   Root: Ra,
   Content: Sa,
   Overlay: ka,
@@ -1803,17 +1803,17 @@ const Gi = {
     level: s = "1",
     size: o,
     weight: r,
-    align: i,
+    align: c,
     highContrast: l = !1,
     accentColor: d,
     ...m
   } = n, g = Eo[s];
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     g,
     {
       ref: a,
       className: x(
-        Fo({ size: o, weight: r, align: i }),
+        Fo({ size: o, weight: r, align: c }),
         {
           "text-(--accent-a11)": !!d,
           "text-(--accent-a12)": l
@@ -1829,7 +1829,7 @@ const Gi = {
 _o.displayName = "Heading";
 const Pa = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
-  return /* @__PURE__ */ c(ye.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
+  return /* @__PURE__ */ i(ye.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
 });
 Pa.displayName = "HoverCardArrow";
 const Ho = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
@@ -1852,19 +1852,19 @@ const Ho = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
     className: s,
     size: o,
     side: r,
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = a.accentColor,
     sideOffset: d = 4,
     container: m,
     ...g
   } = n;
-  return /* @__PURE__ */ c(ye.Portal, { container: m, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(ye.Portal, { container: m, children: /* @__PURE__ */ i(
     ye.Content,
     {
       className: x(
         Ho({ size: o }),
         Oe({ side: r, shadow: "3" }),
-        k({ radius: i, maxLarge: !0 }),
+        k({ radius: c, maxLarge: !0 }),
         s
       ),
       ref: t,
@@ -1878,7 +1878,7 @@ const Ho = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
   ) });
 });
 Ta.displayName = "HoverCardContent";
-const Ei = {
+const Ec = {
   Arrow: Pa,
   Content: Ta,
   Root: ye.Root,
@@ -1969,7 +1969,7 @@ const lt = R({}), jo = v(
   }
 }), Ma = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s, variant: o } = j(lt);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "input",
     {
       className: x($o({ size: s, variant: o }), "grow bg-transparent outline-0", t),
@@ -1986,16 +1986,16 @@ const Oa = u((n) => {
     className: s,
     variant: o = "surface",
     size: r = "md",
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     radius: l = a.radius,
     ...d
   } = n, m = w(() => ({ size: r, variant: o }), [r, o]);
-  return /* @__PURE__ */ c(lt.Provider, { value: m, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(lt.Provider, { value: m, children: /* @__PURE__ */ i(
     "div",
     {
       className: x(jo({ variant: o, size: r }), k({ radius: l, maxLarge: !1 }), s),
       ref: t,
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...d,
       children: e
     }
@@ -2004,44 +2004,44 @@ 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__ */ c("div", { className: x(qo({ size: o, variant: r }), "flex items-center", e), ref: a, ...s, children: t });
+  return /* @__PURE__ */ i("div", { className: x(qo({ size: o, variant: r }), "flex items-center", e), ref: a, ...s, children: t });
 });
 Va.displayName = "InputSlot";
-const Fi = {
+const Fc = {
   Field: Ma,
   Root: Oa,
   Slot: Va
 }, Ee = R({}), dt = () => j(Ee), La = u((n) => {
   const { ref: a, children: t, ...e } = n, { hideLayout: s = !1 } = dt();
-  return !s && /* @__PURE__ */ c("div", { ref: a, ...e, children: t });
+  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(
     (d) => s[d] ?? !1,
     [s]
-  ), i = h((d, m) => {
+  ), c = h((d, m) => {
     o((g) => ({ ...g, [d]: m }));
   }, []), l = w(
     () => ({
       small: t,
       hideLayout: e,
       isOpen: r,
-      setOpen: i
+      setOpen: c
     }),
-    [e, r, i, t]
+    [e, r, c, t]
   );
-  return /* @__PURE__ */ c(Ee.Provider, { value: l, children: a });
+  return /* @__PURE__ */ i(Ee.Provider, { value: l, children: a });
 });
 Aa.displayName = "LayoutRoot";
 const fe = R({}), Da = R({}), ut = u((n) => {
   const { ref: a, onClick: t, disabled: e, ...s } = n, { setOpen: o } = b(fe), r = h(
-    (i) => {
-      t == null || t(i), !i.defaultPrevented && o(!1);
+    (c) => {
+      t == null || t(c), !c.defaultPrevented && o(!1);
     },
     [t, o]
   );
-  return /* @__PURE__ */ c(me, { ref: a, onClick: r, "data-disabled": e ?? !1, ...s });
+  return /* @__PURE__ */ i(me, { ref: a, onClick: r, "data-disabled": e ?? !1, ...s });
 });
 ut.displayName = "SlideOutClose";
 const Uo = 200;
@@ -2049,14 +2049,14 @@ function Wo(n, a = globalThis == null ? void 0 : globalThis.document.body) {
   const t = Yo(n), e = q(!1), s = q(() => {
   });
   return B(() => {
-    const o = (i) => {
-      if (i.target && !e.current) {
-        const l = { originalEvent: i }, d = () => {
+    const o = (c) => {
+      if (c.target && !e.current) {
+        const l = { originalEvent: c }, d = () => {
           Xo("pointerDownOutside", t, l, {
             discrete: !0
           });
         };
-        i.pointerType === "touch" ? (a.removeEventListener("click", s.current), s.current = d, a.addEventListener("click", s.current, { once: !0 })) : d();
+        c.pointerType === "touch" ? (a.removeEventListener("click", s.current), s.current = d, a.addEventListener("click", s.current, { once: !0 })) : d();
       } else
         a.removeEventListener("click", s.current);
       e.current = !1;
@@ -2117,7 +2117,7 @@ const Qo = {
     exitDone: "-mb-(--slide-out-size)"
   }
 }, mt = u((n) => {
-  const { ref: a, children: t, style: e, side: s, type: o, resizeable: r = !1, initialSize: i, minSize: l, maxSize: d, ...m } = n, g = q(null), { open: p, setOpen: f, parentElement: C, modal: S, hide: z } = b(fe), [N, T] = E(null), L = h(() => {
+  const { ref: a, children: t, style: e, side: s, type: o, resizeable: r = !1, initialSize: c, minSize: l, maxSize: d, ...m } = n, g = q(null), { open: p, setOpen: f, parentElement: C, modal: S, hide: z } = b(fe), [N, T] = E(null), L = h(() => {
     S && f(!1);
   }, [S, f]), { onPointerDownCapture: y } = Wo(
     L,
@@ -2142,7 +2142,7 @@ const Qo = {
         return {
           ...e,
           left: 0,
-          width: N ?? i,
+          width: N ?? c,
           maxWidth: d,
           minWidth: l,
           position: o === "inline" ? "relative" : "absolute",
@@ -2152,7 +2152,7 @@ const Qo = {
         return {
           ...e,
           right: 0,
-          width: N ?? i,
+          width: N ?? c,
           maxWidth: d,
           minWidth: l,
           position: o === "inline" ? "relative" : "absolute",
@@ -2162,7 +2162,7 @@ const Qo = {
         return {
           ...e,
           top: 0,
-          height: N ?? i,
+          height: N ?? c,
           maxHeight: d,
           minHeight: l,
           position: o === "inline" ? "relative" : "absolute",
@@ -2172,14 +2172,14 @@ const Qo = {
         return {
           ...e,
           bottom: 0,
-          height: N ?? i,
+          height: N ?? c,
           maxHeight: d,
           minHeight: l,
           position: o === "inline" ? "relative" : "absolute",
           "--slide-out-size": `${N}px`
         };
     }
-  }, [N, i, d, l, s, e, o]), A = Qo[s], G = w(
+  }, [N, c, d, l, s, e, o]), A = Qo[s], G = w(
     () => ({
       side: s,
       type: o,
@@ -2192,7 +2192,7 @@ const Qo = {
   return z ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ i(
       Ks,
       {
         classNames: A,
@@ -2201,7 +2201,7 @@ const Qo = {
         unmountOnExit: !0,
         mountOnEnter: !0,
         nodeRef: g,
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ i(
           "div",
           {
             ref: we([a, g]),
@@ -2211,7 +2211,7 @@ const Qo = {
             "data-type": o,
             style: V,
             ...m,
-            children: /* @__PURE__ */ c(Da, { value: G, children: t })
+            children: /* @__PURE__ */ i(Da, { value: G, children: t })
           }
         )
       }
@@ -2220,7 +2220,7 @@ const Qo = {
 });
 mt.displayName = "SlideOutContent";
 const gt = u((n) => {
-  const { ref: a, onMouseDown: t, disabled: e, ...s } = n, o = q(null), [r, i] = E(!1), { side: l, resizeable: d, computedSize: m, setComputedSize: g } = b(Da), p = e ?? !d, f = h(
+  const { ref: a, onMouseDown: t, disabled: e, ...s } = n, o = q(null), [r, c] = E(!1), { side: l, resizeable: d, computedSize: m, setComputedSize: g } = b(Da), p = e ?? !d, f = h(
     (N, T) => {
       switch (l) {
         case "left":
@@ -2240,7 +2240,7 @@ const gt = u((n) => {
     [l]
   ), C = h(
     (N) => {
-      t == null || t(N), !(N.defaultPrevented || p) && (N.preventDefault(), f(N.clientX, N.clientY), i(!0));
+      t == null || t(N), !(N.defaultPrevented || p) && (N.preventDefault(), f(N.clientX, N.clientY), c(!0));
     },
     [p, t, f]
   ), S = h(
@@ -2267,11 +2267,11 @@ const gt = u((n) => {
     },
     [p, m, r, g, f, l]
   ), z = h(() => {
-    !r || p || (o.current = null, i(!1));
+    !r || p || (o.current = null, c(!1));
   }, [p, r]);
   return B(() => (document.addEventListener("pointermove", S), document.addEventListener("pointerup", z), () => {
     document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", z);
-  }), [S, z]), /* @__PURE__ */ c(
+  }), [S, z]), /* @__PURE__ */ i(
     "div",
     {
       ref: a,
@@ -2286,7 +2286,7 @@ const gt = u((n) => {
 gt.displayName = "SlideOutHandle";
 const pt = u((n) => {
   const { ref: a, ...t } = n, { open: e, hide: s } = b(fe);
-  return e && !s ? /* @__PURE__ */ c("div", { ref: a, "data-open": e, ...t }) : null;
+  return e && !s ? /* @__PURE__ */ i("div", { ref: a, "data-open": e, ...t }) : null;
 });
 pt.displayName = "SlideOutOverlay";
 const xt = u((n) => {
@@ -2297,7 +2297,7 @@ const xt = u((n) => {
     open: s,
     onOpenChange: o,
     modal: r = !1,
-    hide: i = !1,
+    hide: c = !1,
     ...l
   } = n, [d, m] = E(null), [g, p] = X(e, s, o), f = w(
     () => ({
@@ -2305,35 +2305,35 @@ const xt = u((n) => {
       open: g,
       setOpen: p,
       modal: r,
-      hide: i
+      hide: c
     }),
-    [i, r, g, d, p]
+    [c, r, g, d, p]
   );
-  return /* @__PURE__ */ c("div", { ref: we([a, m]), ...l, children: /* @__PURE__ */ c(fe, { value: f, children: t }) });
+  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(
-    (i) => {
-      t == null || t(i), !i.defaultPrevented && o(!s);
+    (c) => {
+      t == null || t(c), !c.defaultPrevented && o(!s);
     },
     [t, s, o]
   );
-  return /* @__PURE__ */ c(me, { ref: a, onClick: r, "data-disabled": n.disabled ?? !1, ...e });
+  return /* @__PURE__ */ i(me, { ref: a, onClick: r, "data-disabled": n.disabled ?? !1, ...e });
 });
 Ga.displayName = "SlideOutTrigger";
 const ft = u((n) => {
   const { ref: a, ...t } = n, e = q(null), { open: s, modal: o, parentElement: r } = b(fe);
   return B(() => {
     if (!e.current) return;
-    const i = e.current, l = i.style.pointerEvents;
-    return s && o && (i.style.pointerEvents = "none"), () => {
-      i.style.pointerEvents = l;
+    const c = e.current, l = c.style.pointerEvents;
+    return s && o && (c.style.pointerEvents = "none"), () => {
+      c.style.pointerEvents = l;
     };
-  }, [o, s, r == null ? void 0 : r.style]), /* @__PURE__ */ c("div", { ref: we([a, e]), ...t });
+  }, [o, s, r == null ? void 0 : r.style]), /* @__PURE__ */ i("div", { ref: we([a, e]), ...t });
 });
 ft.displayName = "SlideOutViewport";
-const _i = {
+const _c = {
   Close: ut,
   Content: mt,
   Handle: gt,
@@ -2343,34 +2343,34 @@ const _i = {
   Viewport: ft
 }, Ea = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(ut, { ref: a, ...t });
+  return /* @__PURE__ */ i(ut, { ref: a, ...t });
 });
 Ea.displayName = "LayoutSlideOutClose";
 const Fa = u((n) => {
   const { ref: a, type: t, ...e } = n, { small: s } = b(Ee);
-  return /* @__PURE__ */ c(mt, { ref: a, type: t ?? (s ? "overlay" : "inline"), ...e });
+  return /* @__PURE__ */ i(mt, { ref: a, type: t ?? (s ? "overlay" : "inline"), ...e });
 });
 Fa.displayName = "LayoutSlideOutContent";
 const _a = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(gt, { ref: a, ...t });
+  return /* @__PURE__ */ i(gt, { ref: a, ...t });
 });
 _a.displayName = "LayoutSlideOutHandle";
 const Ha = u((n) => {
   const { ref: a, smallModeOnly: t = !1, ...e } = n, { small: s, hideLayout: o } = dt();
-  return w(() => !(o || t && !s), [o, s, t]) ? /* @__PURE__ */ c(pt, { ref: a, ...e }) : null;
+  return w(() => !(o || t && !s), [o, s, t]) ? /* @__PURE__ */ i(pt, { 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: i, small: l, hideLayout: d } = b(Ee), m = r(t), g = h(
+  const { ref: a, slideOutId: t, defaultOpen: e, hide: s, ...o } = n, { isOpen: r, setOpen: c, small: l, hideLayout: d } = b(Ee), m = r(t), g = h(
     (p) => {
-      p || i(t, !1);
+      p || c(t, !1);
     },
-    [i, t]
+    [c, t]
   );
   return B(() => {
-    l && (e == null ? void 0 : e.small) !== void 0 ? i(t, e == null ? void 0 : e.small) : !l && (e == null ? void 0 : e.large) !== void 0 && i(t, e == null ? void 0 : e.large);
-  }, [e, t, i, l]), /* @__PURE__ */ c(
+    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,
     {
       ref: a,
@@ -2384,18 +2384,18 @@ const Ba = u((n) => {
 });
 Ba.displayName = "LayoutSlideOutRoot";
 const ja = u((n) => {
-  const { ref: a, slideOutId: t, children: e, ...s } = n, { isOpen: o, setOpen: r } = dt(), i = o(t), l = h(() => {
-    r(t, !i);
-  }, [i, r, t]);
-  return /* @__PURE__ */ c(me, { "data-state": pe(i), ref: a, onClick: l, ...s, children: e });
+  const { ref: a, slideOutId: t, children: e, ...s } = n, { isOpen: o, setOpen: r } = dt(), c = o(t), l = h(() => {
+    r(t, !c);
+  }, [c, r, t]);
+  return /* @__PURE__ */ i(me, { "data-state": pe(c), ref: a, onClick: l, ...s, children: e });
 });
 ja.displayName = "LayoutSlideOutTrigger";
 const $a = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(ft, { ref: a, ...t });
+  return /* @__PURE__ */ i(ft, { ref: a, ...t });
 });
 $a.displayName = "LayoutSlideOutViewport";
-const Hi = {
+const Hc = {
   Root: Aa,
   Container: La,
   SlideOutClose: Ea,
@@ -2447,17 +2447,17 @@ const Hi = {
     className: s,
     size: o,
     weight: r = "regular",
-    align: i = "left",
+    align: c = "left",
     highContrast: l = !1,
     accentColor: d = a.accentColor,
     ...m
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "a",
     {
       ref: t,
       className: x(
-        Jo({ size: o, weight: r, align: i }),
+        Jo({ size: o, weight: r, align: c }),
         {
           "text-(--accent-a11)": !l,
           "text-(--accent-a12)": l
@@ -2610,8 +2610,8 @@ const er = v(
       size: "md"
     }
   }
-), J = R({}), ce = R({}), Fe = R({}), or = ["Enter", " "], se = u((n) => {
-  const a = b(ce), { getItemProps: t, activeIndex: e, setOpen: s, size: o, variant: r, radius: i } = b(J), { closeRoot: l } = b(Fe), {
+), J = R({}), ie = R({}), Fe = R({}), or = ["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,
@@ -2632,10 +2632,10 @@ const er = v(
     },
     [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__ */ c(
+  return /* @__PURE__ */ i(
     "li",
     {
-      className: x(er({ size: o, variant: r }), k({ radius: i, maxLarge: !0 }), m),
+      className: x(er({ size: o, variant: r }), k({ radius: c, maxLarge: !0 }), m),
       ref: y,
       role: "menuitem",
       "data-disabled": Q(z),
@@ -2664,25 +2664,25 @@ const Ua = u((n) => {
         break;
     }
   }, [t, e, s]);
-  return /* @__PURE__ */ c(Se.Provider, { value: t, children: /* @__PURE__ */ c(se, { ref: a, onSelect: r, ...o }) });
+  return /* @__PURE__ */ i(Se.Provider, { value: t, children: /* @__PURE__ */ i(se, { ref: a, onSelect: r, ...o }) });
 });
 Ua.displayName = "MenuCheckboxItem";
 const Wa = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ae, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ae, { ref: a, ...e, children: t });
 });
 Wa.displayName = "MenuCheckboxItemIndicator";
 const Ka = u((n) => {
-  const { ref: a, children: t, disabled: e = !1 } = n, { getReferenceProps: s, refs: o, setTriggerType: r, open: i } = b(ce), l = ge([o.setReference, a]);
+  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");
-  }, [r]), /* @__PURE__ */ c(
+  }, [r]), /* @__PURE__ */ i(
     me,
     {
       ref: l,
       "aria-disabled": e,
       "data-disabled": Q(e),
-      "data-state": pe(i),
+      "data-state": pe(c),
       ...s({ disabled: e }),
       children: t
     }
@@ -2697,7 +2697,7 @@ const Xa = u((n) => {
     children: s,
     size: o = "md",
     variant: r = "soft",
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = "base",
     ...d
   } = n, {
@@ -2715,7 +2715,7 @@ const Xa = u((n) => {
     floatingStyles: V,
     modal: A,
     side: G
-  } = b(ce), O = w(() => {
+  } = b(ie), O = w(() => {
     var I;
     return {
       ...V,
@@ -2738,7 +2738,7 @@ const Xa = u((n) => {
       size: o,
       variant: r,
       accentColor: l,
-      radius: i
+      radius: c
     }),
     [
       z,
@@ -2751,17 +2751,17 @@ const Xa = u((n) => {
       o,
       r,
       l,
-      i
+      c
     ]
   );
-  return /* @__PURE__ */ c(Pt, { id: L, children: N && /* @__PURE__ */ c(Tt, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(Pt, { id: L, children: N && /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
     Ys,
     {
       className: nr({ modal: A }),
       onClick: F,
       lockScroll: !0,
       "data-floating-content": "",
-      children: /* @__PURE__ */ c(Mt, { context: y, children: /* @__PURE__ */ c(Ot, { elementsRef: f, children: /* @__PURE__ */ c(J.Provider, { value: ee, children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ i(Mt, { context: y, children: /* @__PURE__ */ i(Ot, { elementsRef: f, children: /* @__PURE__ */ i(J.Provider, { value: ee, children: /* @__PURE__ */ i(
         "div",
         {
           className: "border-box w-max outline-none",
@@ -2770,13 +2770,13 @@ const Xa = u((n) => {
           style: O,
           "data-floating-content": "",
           ...g(),
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ i(
             "ul",
             {
               className: x(
                 qa({ size: o }),
                 Oe({ side: G, shadow: "3" }),
-                k({ radius: i, maxLarge: !0 }),
+                k({ radius: c, maxLarge: !0 }),
                 "max-h-(--overmap-menu-available-height)",
                 e
               ),
@@ -2795,10 +2795,10 @@ const Xa = u((n) => {
 });
 Xa.displayName = "Menu.Content";
 const Ya = u((n) => {
-  const { ref: a, children: t, disabled: e = !1 } = n, s = q(null), { setOpen: o, refs: r, setTriggerType: i, open: l } = b(ce), d = ge([a, s]);
+  const { ref: a, children: t, disabled: e = !1 } = n, s = q(null), { setOpen: o, refs: r, setTriggerType: c, open: l } = b(ie), d = ge([a, s]);
   B(() => {
-    i("context");
-  }, [i]);
+    c("context");
+  }, [c]);
   const m = h(
     (g) => {
       const { clientY: p, clientX: f } = g;
@@ -2820,7 +2820,7 @@ const Ya = u((n) => {
     },
     [e, r, o]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     me,
     {
       ref: d,
@@ -2836,11 +2836,11 @@ const Ya = u((n) => {
 Ya.displayName = "MenuContextTrigger";
 const _e = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c("div", { ref: a, role: "group", ...e, children: t });
+  return /* @__PURE__ */ i("div", { ref: a, role: "group", ...e, children: t });
 });
 _e.displayName = "MenuGroup";
 const Qa = u((n) => {
-  const { ref: a, className: t, onValueChange: e, onChange: s, disabled: o = !1, ...r } = n, { activeIndex: i, getItemProps: l } = b(J), { index: d, ref: m } = Rt(), g = ge([m, a]), p = h(
+  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(
     (f) => {
       s == null || s(f), e == null || e(f.target.value);
     },
@@ -2848,7 +2848,7 @@ const Qa = u((n) => {
   );
   return B(() => () => {
     e == null || e("");
-  }, []), /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ i(
     "input",
     {
       className: x("placeholder-(--base-a9)", "selection:bg-(--accent-a5)", "outline-none", t),
@@ -2857,7 +2857,7 @@ const Qa = u((n) => {
       "data-disabled": Q(o),
       ...l({
         ...r,
-        tabIndex: d === i ? 0 : -1,
+        tabIndex: d === c ? 0 : -1,
         onChange: p
       })
     }
@@ -2866,29 +2866,29 @@ const Qa = u((n) => {
 Qa.displayName = "MenuInputField";
 const Ja = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ c("div", { className: x(sr({ size: s }), t), ref: a, ...e });
+  return /* @__PURE__ */ i("div", { className: x(sr({ size: s }), t), ref: a, ...e });
 });
 Ja.displayName = "MenuInputRoot";
 const Za = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c("div", { className: x("flex", "items-center", "text-(--base-a11)", t), ref: a, ...e });
+  return /* @__PURE__ */ i("div", { className: x("flex", "items-center", "text-(--base-a11)", t), ref: a, ...e });
 });
 Za.displayName = "MenuInputSlot";
 const en = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ c("div", { ref: a, className: x(tr({ size: s }), t), ...e });
+  return /* @__PURE__ */ i("div", { ref: a, className: x(tr({ size: s }), t), ...e });
 });
 en.displayName = "MenuLabel";
 const rr = _(function(a) {
-  const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...i } = a;
-  return /* @__PURE__ */ c(_e, { ref: t, ...i, children: /* @__PURE__ */ c(Le, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
-}), ir = _(function(n) {
-  const { ref: a, onSelect: t, children: e, closeOnSelect: s = !1, value: o, ...r } = n, { selected: i, selectValue: l, registerValue: d } = b(Z);
+  const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
+  return /* @__PURE__ */ i(_e, { ref: t, ...c, children: /* @__PURE__ */ i(Le, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
+}), cr = _(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 = i(o), g = h(() => {
+  const m = c(o), g = h(() => {
     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__ */ c(xe.Provider, { value: m, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(xe.Provider, { value: m, children: /* @__PURE__ */ i(
     se,
     {
       ref: a,
@@ -2906,19 +2906,19 @@ const rr = _(function(a) {
 });
 tn.displayName = "PageContent";
 const an = u((n) => {
-  const { children: a, defaultPage: t, page: e, onPageChange: s } = n, [o, r] = X(t ?? "", e, s), i = w(() => ({ activePage: o, setActivePage: r }), [o, r]);
-  return /* @__PURE__ */ c(ht.Provider, { value: i, children: a });
+  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 });
 });
 an.displayName = "MenuPages";
 const nn = u((n) => {
-  const { ref: a, onSelect: t, page: e, ...s } = n, { refs: o, setActiveIndex: r } = b(J), { setActivePage: i } = b(ht), l = h(() => {
+  const { ref: a, onSelect: t, page: e, ...s } = n, { refs: o, setActiveIndex: r } = b(J), { setActivePage: c } = b(ht), l = h(() => {
     var d;
-    t == null || t(), i(e), (d = o.floating.current) == null || d.focus(), r(null);
-  }, [t, e, o.floating, r, i]);
-  return /* @__PURE__ */ c(se, { ref: a, onSelect: l, closeOnSelect: !1, ...s });
+    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 Te = 20, Y = 8, sn = 250, cr = 5, on = u((n) => {
+const Te = 20, Y = 8, sn = 250, ir = 5, on = u((n) => {
   const {
     children: a,
     side: t = "bottom",
@@ -2927,10 +2927,10 @@ const Te = 20, Y = 8, sn = 250, cr = 5, on = u((n) => {
     loop: o = !1,
     modal: r = !1,
     // open state related props
-    open: i,
+    open: c,
     onOpenChange: l,
     defaultOpen: d
-  } = n, [m, g] = X(d ?? !1, i, l), [p, f] = E(null), [C, S] = E(null), z = q([]), N = Vt(), { refs: T, floatingStyles: L, context: y, middlewareData: V } = Lt({
+  } = n, [m, g] = X(d ?? !1, c, l), [p, f] = E(null), [C, S] = E(null), z = q([]), N = Vt(), { refs: T, floatingStyles: L, context: y, middlewareData: V } = Lt({
     nodeId: N,
     strategy: "fixed",
     // TODO: probably some way with template string types to not need the "as Placement"
@@ -2939,7 +2939,7 @@ const Te = 20, Y = 8, sn = 250, cr = 5, on = u((n) => {
     open: m,
     onOpenChange: g,
     middleware: [
-      At({ mainAxis: s ?? cr }),
+      At({ mainAxis: s ?? ir }),
       Dt({
         apply({ availableHeight: he, elements: ve }) {
           ve.floating.style.setProperty(
@@ -3008,12 +3008,12 @@ const Te = 20, Y = 8, sn = 250, cr = 5, on = u((n) => {
       S
     ]
   );
-  return /* @__PURE__ */ c(Js, { children: /* @__PURE__ */ c(ce.Provider, { value: D, children: a }) });
+  return /* @__PURE__ */ i(Js, { children: /* @__PURE__ */ i(ie.Provider, { value: D, children: a }) });
 });
 on.displayName = "Root";
 const rn = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: a,
@@ -3027,10 +3027,10 @@ const rn = u((n) => {
 });
 rn.displayName = "MenuScroll";
 const lr = _((n) => {
-  const { ref: a, children: t, onSelect: e, closeOnSelect: s = !1, ...o } = n, { allSelected: r, someSelected: i, toggleSelectAll: l } = b(Z), d = r ? !0 : i ? "indeterminate" : !1, m = h(() => {
+  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(() => {
     e == null || e(), l();
   }, [e, l]), g = w(() => typeof t == "function" ? ({ active: p }) => t({ selected: d, active: p }) : t, [t, d]);
-  return /* @__PURE__ */ c(Se, { value: d, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(Se, { value: d, children: /* @__PURE__ */ i(
     se,
     {
       onSelect: m,
@@ -3043,25 +3043,25 @@ const lr = _((n) => {
   ) });
 }), cn = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ge, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
 cn.displayName = "MenuSelectedIndicator";
 const dr = _(function(a) {
-  const { ref: t, children: e, required: s, defaultValue: o, value: r, onValueChange: i, ...l } = a;
-  return /* @__PURE__ */ c(_e, { ref: t, ...l, children: s ? /* @__PURE__ */ c(st, { defaultValue: o, value: r, onValueChange: i, children: e }) : /* @__PURE__ */ c(
+  const { ref: t, children: e, required: s, defaultValue: o, value: r, onValueChange: c, ...l } = a;
+  return /* @__PURE__ */ i(_e, { ref: t, ...l, children: s ? /* @__PURE__ */ i(st, { defaultValue: o, value: r, onValueChange: c, children: e }) : /* @__PURE__ */ i(
     ot,
     {
       defaultValue: o,
       value: r,
-      onValueChange: i,
+      onValueChange: c,
       children: e
     }
   ) });
 }), ur = _(function(n) {
-  const { ref: a, value: t, onSelect: e, children: s, closeOnSelect: o = !0, ...r } = n, { selected: i, selectValue: l } = b(Ne), d = i(t), m = h(() => {
+  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(() => {
     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__ */ c(xe.Provider, { value: d, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(xe.Provider, { value: d, children: /* @__PURE__ */ i(
     se,
     {
       ref: a,
@@ -3075,7 +3075,7 @@ const dr = _(function(a) {
   ) });
 }), ln = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(J);
-  return /* @__PURE__ */ c(Je.Root, { className: x(ar({ size: s }), t), ref: a, ...e });
+  return /* @__PURE__ */ i(Je.Root, { className: x(ar({ size: s }), t), ref: a, ...e });
 });
 ln.displayName = "MenuSeparator";
 const mr = { mainAxis: Y + 1, crossAxis: 0 }, gr = {
@@ -3091,7 +3091,7 @@ const mr = { mainAxis: Y + 1, crossAxis: 0 }, gr = {
     align: s = "start",
     closeRoot: o = !1,
     loop: r = !1,
-    modal: i = !1,
+    modal: c = !1,
     // open state related props
     open: l,
     onOpenChange: d,
@@ -3145,7 +3145,7 @@ const mr = { mainAxis: Y + 1, crossAxis: 0 }, gr = {
     T,
     L
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Fe.Provider,
     {
       value: {
@@ -3164,7 +3164,7 @@ const mr = { mainAxis: Y + 1, crossAxis: 0 }, gr = {
         disabled: t,
         side: e,
         closeRoot: o,
-        modal: i
+        modal: c
       },
       children: a
     }
@@ -3173,7 +3173,7 @@ const mr = { mainAxis: Y + 1, crossAxis: 0 }, gr = {
 dn.displayName = "SubMenu";
 const un = u((n) => {
   var O;
-  const { ref: a, children: t, ...e } = n, { middlewareData: s } = b(ce), { accentColor: o, radius: r, variant: i, size: l } = b(J), {
+  const { ref: a, children: t, ...e } = n, { middlewareData: s } = b(ie), { accentColor: o, radius: r, variant: c, size: l } = b(J), {
     open: d,
     nodeId: m,
     refs: g,
@@ -3193,7 +3193,7 @@ const un = u((n) => {
       visibility: (F = s.hide) != null && F.referenceHidden ? "hidden" : "visible"
     };
   }, [T, (O = s.hide) == null ? void 0 : O.referenceHidden]);
-  return /* @__PURE__ */ c(Pt, { id: m, children: d && /* @__PURE__ */ c(Tt, { children: /* @__PURE__ */ c(Mt, { context: p, initialFocus: V, children: /* @__PURE__ */ c(Ot, { elementsRef: N, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(Pt, { id: m, children: d && /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(Mt, { context: p, initialFocus: V, children: /* @__PURE__ */ i(Ot, { elementsRef: N, children: /* @__PURE__ */ i(
     J.Provider,
     {
       value: {
@@ -3207,16 +3207,16 @@ const un = u((n) => {
         size: l,
         radius: r,
         accentColor: o,
-        variant: i
+        variant: c
       },
-      children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ i(
         "div",
         {
           className: "outline-none",
           ref: A,
           style: G,
           ...f(),
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ i(
             "ul",
             {
               className: x(
@@ -3241,15 +3241,15 @@ 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: i } = b(Fe), l = ge([a, s.setReference]);
-  return /* @__PURE__ */ c(
+  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,
     {
       ref: l,
       closeOnSelect: !1,
       "aria-haspopup": "menu",
       "data-state": pe(r),
-      disabled: i,
+      disabled: c,
       ...o(e),
       children: t
     }
@@ -3257,7 +3257,7 @@ const mn = u((n) => {
 });
 mn.displayName = "MenuSubTrigger";
 const gn = u((n) => {
-  const { virtualElement: a, disabled: t } = n, { refs: e, setTriggerType: s, setOpen: o } = b(ce);
+  const { virtualElement: a, disabled: t } = n, { refs: e, setTriggerType: s, setOpen: o } = b(ie);
   return B(() => {
     s("virtual");
   }, [s]), B(() => {
@@ -3265,7 +3265,7 @@ const gn = u((n) => {
   }, [t, e, o, a]), null;
 });
 gn.displayName = "VirtualTrigger";
-const Bi = {
+const Bc = {
   Root: on,
   Content: Xa,
   // sub
@@ -3287,7 +3287,7 @@ const Bi = {
   // items
   Item: se,
   SelectItem: ur,
-  MultiSelectItem: ir,
+  MultiSelectItem: cr,
   SelectAllItem: lr,
   CheckboxItem: Ua,
   // indicators
@@ -3389,7 +3389,7 @@ const Bi = {
     disabled: s = !1,
     onClick: o,
     onSelect: r,
-    onPointerEnter: i,
+    onPointerEnter: c,
     onPointerLeave: l,
     onPointerMove: d,
     ...m
@@ -3405,9 +3405,9 @@ const Bi = {
     [L, o]
   ), V = h(
     (O) => {
-      i == null || i(O), !O.defaultPrevented && C(p);
+      c == null || c(O), !O.defaultPrevented && C(p);
     },
-    [i, C, p]
+    [c, C, p]
   ), A = h(
     (O) => {
       l == null || l(O), !O.defaultPrevented && C(null);
@@ -3425,7 +3425,7 @@ const Bi = {
     return O.addEventListener("menu-select", L), () => {
       O.removeEventListener("menu-select", L);
     };
-  }, [L]), /* @__PURE__ */ c(
+  }, [L]), /* @__PURE__ */ i(
     "div",
     {
       ref: we([a, g]),
@@ -3447,8 +3447,8 @@ const Bi = {
 le.displayName = "MenuItem";
 const xn = u((n) => {
   const { ref: a, checked: t, onCheckedChange: e, onSelect: s, ...o } = n, r = h(
-    (i) => {
-      if (s == null || s(i), !i.defaultPrevented)
+    (c) => {
+      if (s == null || s(c), !c.defaultPrevented)
         switch (t) {
           case !0:
             e(!1);
@@ -3463,53 +3463,53 @@ const xn = u((n) => {
     },
     [t, e, s]
   );
-  return /* @__PURE__ */ c(Se.Provider, { value: t, children: /* @__PURE__ */ c(le, { ref: a, onSelect: r, ...o }) });
+  return /* @__PURE__ */ i(Se.Provider, { value: t, children: /* @__PURE__ */ i(le, { ref: a, onSelect: r, ...o }) });
 });
 xn.displayName = "MenuCheckboxItem";
 const fn = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ae, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ae, { 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), i = w(
+  const { ref: a, children: t, ...e } = n, s = Ye(), [o, r] = E(null), c = w(
     () => ({
       labelId: o,
       setLabelId: r
     }),
     [o]
   );
-  return /* @__PURE__ */ c("div", { ref: a, role: "group", [Ke]: s, "aria-labelledby": o ?? void 0, ...e, children: /* @__PURE__ */ c(pn, { value: i, children: t }) });
+  return /* @__PURE__ */ i("div", { ref: a, role: "group", [Ke]: s, "aria-labelledby": o ?? void 0, ...e, children: /* @__PURE__ */ i(pn, { value: c, children: t }) });
 });
 Be.displayName = "MenuGroup";
 const hn = u((n) => {
-  const { ref: a, children: t, id: e, className: s, ...o } = n, r = xo(e), { size: i } = b(He), { setLabelId: l } = b(pn);
+  const { ref: a, children: t, id: e, className: s, ...o } = n, r = xo(e), { size: c } = b(He), { setLabelId: l } = b(pn);
   return B(() => {
     l(r);
-  }, [r, l]), /* @__PURE__ */ c("div", { ref: a, id: r, className: x(hr({ size: i }), s), ...o, children: t });
+  }, [r, l]), /* @__PURE__ */ i("div", { ref: a, id: r, className: x(hr({ size: c }), s), ...o, children: t });
 });
 hn.displayName = "MenuGroupLabel";
 const br = _((n) => {
-  const { ref: a, children: t, onSelect: e, ...s } = n, { allSelected: o, someSelected: r, toggleSelectAll: i } = b(Z), l = o ? !0 : r ? "indeterminate" : !1, d = h(
+  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(
     (m) => {
-      e == null || e(m), !m.defaultPrevented && i();
+      e == null || e(m), !m.defaultPrevented && c();
     },
-    [e, i]
+    [e, c]
   );
-  return /* @__PURE__ */ c(le, { onSelect: d, ref: a, "data-state": Ie(l), ...s, children: /* @__PURE__ */ c(Se, { value: l, children: t }) });
+  return /* @__PURE__ */ i(le, { onSelect: d, ref: a, "data-state": Ie(l), ...s, children: /* @__PURE__ */ i(Se, { value: l, children: t }) });
 }), Cr = _(function(a) {
-  const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...i } = a;
-  return /* @__PURE__ */ c(Be, { ref: t, ...i, children: /* @__PURE__ */ c(Le, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
+  const { ref: t, children: e, defaultValues: s, values: o, onValuesChange: r, ...c } = a;
+  return /* @__PURE__ */ i(Be, { ref: t, ...c, children: /* @__PURE__ */ i(Le, { defaultValues: s, values: o, onValuesChange: r, children: e }) });
 }), yr = _(function(n) {
-  const { ref: a, onSelect: t, children: e, value: s, ...o } = n, { selected: r, selectValue: i, registerValue: l } = b(Z);
+  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(
     (g) => {
-      t == null || t(g), !g.defaultPrevented && i(s);
+      t == null || t(g), !g.defaultPrevented && c(s);
     },
-    [t, i, s]
+    [t, c, s]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     le,
     {
       ref: a,
@@ -3517,33 +3517,33 @@ const br = _((n) => {
       onSelect: m,
       "data-state": oe(d),
       ...o,
-      children: /* @__PURE__ */ c(xe, { value: d, children: e })
+      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__ */ c("div", { ref: t, "data-active": Ve(r), hidden: !r, ...s, children: r ? a : null });
+  return /* @__PURE__ */ i("div", { ref: t, "data-active": Ve(r), hidden: !r, ...s, children: r ? a : null });
 });
 vn.displayName = "MenuPage";
 const bn = u((n) => {
-  const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s), i = w(
+  const { children: a, defaultPage: t = "", page: e, onPageChange: s } = n, [o, r] = X(t, e, s), c = w(
     () => ({
       page: o,
       setPage: r
     }),
     [o, r]
   );
-  return /* @__PURE__ */ c(vt, { value: i, children: a });
+  return /* @__PURE__ */ i(vt, { 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: i } = b(vt), l = e === r, d = h(
+  const { ref: a, children: t, page: e, onSelect: s, ...o } = n, { page: r, setPage: c } = b(vt), l = e === r, d = h(
     (m) => {
-      s == null || s(m), !m.defaultPrevented && i(e);
+      s == null || s(m), !m.defaultPrevented && c(e);
     },
-    [s, e, i]
+    [s, e, c]
   );
-  return /* @__PURE__ */ c(le, { ref: a, onSelect: d, "data-state": Ve(l), ...o, children: /* @__PURE__ */ c(xe, { value: l, children: t }) });
+  return /* @__PURE__ */ i(le, { ref: a, onSelect: d, "data-state": Ve(l), ...o, children: /* @__PURE__ */ i(xe, { value: l, children: t }) });
 });
 Cn.displayName = "CommandMenuPageTriggerItem";
 const St = (n, a, t, e) => {
@@ -3561,7 +3561,7 @@ const St = (n, a, t, e) => {
     onKeyDown: o,
     loop: r = !1,
     // style props
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = "base",
     size: d = "md",
     variant: m = "soft",
@@ -3662,52 +3662,52 @@ const St = (n, a, t, e) => {
       setActiveItemId: C,
       // style props
       accentColor: l,
-      radius: i,
+      radius: c,
       variant: m,
       size: d
     }),
-    [l, f, i, d, m]
+    [l, f, c, d, m]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: we([t, p]),
-      className: x(xr({ size: d }), k({ radius: i, maxLarge: !0 }), s),
+      className: x(xr({ size: d }), k({ radius: c, maxLarge: !0 }), s),
       role: "menu",
       onKeyDown: F,
       tabIndex: 0,
       "aria-activedescendant": f ?? void 0,
       "data-accent-color": l,
       ...g,
-      children: /* @__PURE__ */ c(He, { value: ee, children: e })
+      children: /* @__PURE__ */ i(He, { value: ee, children: e })
     }
   );
 });
 yn.displayName = "MenuRoot";
 const zn = u((n) => {
   const { ref: a, children: t, ...e } = n;
-  return /* @__PURE__ */ c(Ge, { ref: a, ...e, children: t });
+  return /* @__PURE__ */ i(Ge, { ref: a, ...e, children: t });
 });
 zn.displayName = "MenuCheckboxItemIndicator";
 const zr = _(function(a) {
-  const { ref: t, children: e, required: s, defaultValue: o, value: r, onValueChange: i, ...l } = a;
-  return /* @__PURE__ */ c(Be, { ref: t, ...l, children: s ? /* @__PURE__ */ c(st, { defaultValue: o, value: r, onValueChange: i, children: e }) : /* @__PURE__ */ c(
+  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,
     {
       defaultValue: o,
       value: r,
-      onValueChange: i,
+      onValueChange: c,
       children: e
     }
   ) });
 }), Nr = _(function(n) {
-  const { ref: a, value: t, onSelect: e, children: s, ...o } = n, { selected: r, selectValue: i } = b(Ne), l = r(t), d = h(
+  const { ref: a, value: t, onSelect: e, children: s, ...o } = n, { selected: r, selectValue: c } = b(Ne), l = r(t), d = h(
     (m) => {
-      e == null || e(m), !m.defaultPrevented && i(t);
+      e == null || e(m), !m.defaultPrevented && c(t);
     },
-    [e, i, t]
+    [e, c, t]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     le,
     {
       ref: a,
@@ -3715,15 +3715,15 @@ const zr = _(function(a) {
       onSelect: d,
       "data-state": oe(l),
       ...o,
-      children: /* @__PURE__ */ c(xe, { value: l, children: s })
+      children: /* @__PURE__ */ i(xe, { value: l, children: s })
     }
   );
 }), Nn = u((n) => {
   const { ref: a, className: t, ...e } = n, { size: s } = b(He);
-  return /* @__PURE__ */ c(Je.Root, { className: x(vr({ size: s }), t), ref: a, ...e });
+  return /* @__PURE__ */ i(Je.Root, { className: x(vr({ size: s }), t), ref: a, ...e });
 });
 Nn.displayName = "MenuSeparator";
-const ji = {
+const jc = {
   Root: yn,
   Group: Be,
   GroupLabel: hn,
@@ -3740,7 +3740,7 @@ const ji = {
   Pages: bn,
   Page: vn,
   PageTriggerItem: Cn
-}, wn = u((n) => /* @__PURE__ */ c(Ze.HiddenInput, { ...n }));
+}, wn = u((n) => /* @__PURE__ */ i(Ze.HiddenInput, { ...n }));
 wn.displayName = "OneTimePasswordFieldHiddenInput";
 const In = R({}), wr = v(
   [
@@ -3798,8 +3798,8 @@ const In = R({}), wr = v(
     }
   }
 ), Sn = u((n) => {
-  const { ref: a, className: t, ...e } = n, { variant: s, size: o, radius: r, accentColor: i } = b(In);
-  return /* @__PURE__ */ c(
+  const { ref: a, className: t, ...e } = n, { variant: s, size: o, radius: r, accentColor: c } = b(In);
+  return /* @__PURE__ */ i(
     Ze.Input,
     {
       ref: a,
@@ -3808,7 +3808,7 @@ const In = R({}), wr = v(
         k({ radius: r, maxLarge: !0 }),
         t
       ),
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...e
     }
   );
@@ -3821,19 +3821,19 @@ const kn = u((n) => {
     variant: s = "surface",
     size: o = "md",
     radius: r = a.radius,
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     ...l
-  } = n, d = w(() => ({ variant: s, size: o, radius: r, accentColor: i }), [i, r, o, s]);
-  return /* @__PURE__ */ c(Ze.Root, { ref: t, "data-accent-color": i, ...l, children: /* @__PURE__ */ c(In, { value: d, children: e }) });
+  } = 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 }) });
 });
 kn.displayName = "OneTimePasswordFieldRoot";
-const $i = {
+const $c = {
   HiddenInput: wn,
   Input: Sn,
   Root: kn
 }, Rn = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(H.Close, { ref: a, ...t });
+  return /* @__PURE__ */ i(H.Close, { ref: a, ...t });
 });
 Rn.displayName = "OverlayClose";
 const Ir = v([
@@ -3848,7 +3848,7 @@ const Ir = v([
   "data-[state='open']:zoom-in-95"
 ]), Pn = u((n) => {
   const { ref: a, container: t, className: e, ...s } = n;
-  return /* @__PURE__ */ c(H.Portal, { container: t, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(H.Portal, { container: t, children: /* @__PURE__ */ i(
     H.Content,
     {
       className: x(Ir(), e),
@@ -3861,22 +3861,22 @@ const Ir = v([
 Pn.displayName = "OverlayContent";
 const Tn = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(H.Description, { ref: a, ...t });
+  return /* @__PURE__ */ i(H.Description, { ref: a, ...t });
 });
 Tn.displayName = "OverlayDescription";
-const Mn = u((n) => /* @__PURE__ */ c(H.Root, { ...n }));
+const Mn = u((n) => /* @__PURE__ */ i(H.Root, { ...n }));
 Mn.displayName = "OverlayRoot";
 const On = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(H.Title, { ref: a, ...t });
+  return /* @__PURE__ */ i(H.Title, { ref: a, ...t });
 });
 On.displayName = "OverlayTitle";
 const Vn = u((n) => {
   const { ref: a, ...t } = n;
-  return /* @__PURE__ */ c(H.Trigger, { ref: a, ...t });
+  return /* @__PURE__ */ i(H.Trigger, { ref: a, ...t });
 });
 Vn.displayName = "OverlayTrigger";
-const qi = {
+const qc = {
   Root: Mn,
   Content: Pn,
   Title: On,
@@ -3884,28 +3884,28 @@ const qi = {
   Trigger: Vn,
   Close: Rn
 }, Ue = { placeSelf: "center" }, Ln = u((n) => {
-  const { absoluteCentering: a, message: t = "Something went wrong", onRetry: e } = n, { resetBoundary: s } = to(), o = "20px", r = a ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0, i = h(() => {
+  const { absoluteCentering: a, message: t = "Something went wrong", onRetry: e } = n, { resetBoundary: s } = to(), o = "20px", r = a ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0, c = h(() => {
     s(), e();
   }, [e, s]);
   return /* @__PURE__ */ W("div", { className: "flex w-full gap-2", style: r, children: [
-    /* @__PURE__ */ c("div", { style: { flexGrow: 1 } }),
-    /* @__PURE__ */ c(U, { icon: Hs, size: o, style: Ue }),
-    /* @__PURE__ */ c("span", { style: { lineHeight: o, ...Ue }, children: t }),
-    /* @__PURE__ */ c(tt, { "aria-label": "Try again", variant: "soft", onClick: i, style: Ue, children: /* @__PURE__ */ c(U, { icon: Bs, size: o }) }),
-    /* @__PURE__ */ c("div", { style: { flexGrow: 1 } })
+    /* @__PURE__ */ i("div", { style: { flexGrow: 1 } }),
+    /* @__PURE__ */ i(U, { icon: Hs, size: o, style: Ue }),
+    /* @__PURE__ */ i("span", { style: { lineHeight: o, ...Ue }, children: t }),
+    /* @__PURE__ */ i(tt, { "aria-label": "Try again", variant: "soft", onClick: c, style: Ue, children: /* @__PURE__ */ i(U, { icon: Bs, size: o }) }),
+    /* @__PURE__ */ i("div", { style: { flexGrow: 1 } })
   ] });
 });
 Ln.displayName = "ErrorFallback";
 const Sr = u((n) => {
-  const { absoluteCentering: a, message: t } = n, [e, s] = E(0), o = h((i, l) => {
-    console.error("Error in OvermapErrorBoundary:", i, l), s((d) => d + 1);
+  const { absoluteCentering: a, message: t } = n, [e, s] = E(0), o = h((c, l) => {
+    console.error("Error in OvermapErrorBoundary:", c, l), s((d) => d + 1);
   }, []), r = h(() => {
-    s((i) => i + 1);
+    s((c) => c + 1);
   }, []);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ao,
     {
-      fallback: /* @__PURE__ */ c(Ln, { absoluteCentering: a, message: t, onRetry: r }),
+      fallback: /* @__PURE__ */ i(Ln, { absoluteCentering: a, message: t, onRetry: r }),
       onError: o,
       children: n.children
     },
@@ -3915,7 +3915,7 @@ const Sr = u((n) => {
 Sr.displayName = "OvermapErrorBoundary";
 const An = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
-  return /* @__PURE__ */ c(Pe.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
+  return /* @__PURE__ */ i(Pe.Arrow, { className: x("fill-(--base-6)", e), ref: a, ...s, children: t });
 });
 An.displayName = "PopoverArrow";
 const kr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
@@ -3938,16 +3938,16 @@ const kr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
     className: s,
     radius: o = a.radius,
     accentColor: r = a.accentColor,
-    size: i = "md",
+    size: c = "md",
     sideOffset: l = 5,
     container: d,
     ...m
   } = n;
-  return /* @__PURE__ */ c(Pe.Portal, { container: d, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(Pe.Portal, { container: d, children: /* @__PURE__ */ i(
     Pe.Content,
     {
       className: x(
-        kr({ size: i }),
+        kr({ size: c }),
         Oe({ shadow: "3" }),
         k({ radius: o, maxLarge: !0 }),
         s
@@ -3962,7 +3962,7 @@ const kr = v(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(
   ) });
 });
 Dn.displayName = "PopoverContent";
-const Ui = {
+const Uc = {
   ...Pe,
   Content: Dn,
   Arrow: An
@@ -4009,7 +4009,7 @@ const Ui = {
     style: s,
     radius: o = a.radius,
     variant: r = "surface",
-    size: i = "md",
+    size: c = "md",
     accentColor: l = a.accentColor,
     ...d
   } = n, m = w(
@@ -4020,15 +4020,15 @@ const Ui = {
     }),
     [d.max, d.value, s]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Nt.Root,
     {
       ref: t,
-      className: x(Rr({ variant: r, size: i }), k({ radius: o, maxLarge: !1 }), e),
+      className: x(Rr({ variant: r, size: c }), k({ radius: o, maxLarge: !1 }), e),
       style: m,
       "data-accent-color": l,
       ...d,
-      children: /* @__PURE__ */ c(Nt.ProgressIndicator, { className: Pr({ variant: r, size: i }) })
+      children: /* @__PURE__ */ i(Nt.ProgressIndicator, { className: Pr({ variant: r, size: c }) })
     }
   );
 });
@@ -4092,7 +4092,7 @@ const Gn = R({}), Mr = v([], {
   }
 ), En = u((n) => {
   const { variant: a, size: t, radius: e } = b(Gn), { className: s, accentColor: o, ...r } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ae.Item,
     {
       className: x(Or({ variant: a, size: t }), k({ radius: e, maxLarge: !0 }), s),
@@ -4109,7 +4109,7 @@ const Fn = u((n) => {
     variant: s = "surface",
     size: o = "md",
     radius: r = a.radius,
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     ...l
   } = n, d = w(
     () => ({
@@ -4119,23 +4119,23 @@ const Fn = u((n) => {
     }),
     [r, o, s]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ae.Root,
     {
       className: x(Mr({ size: o, variant: s }), t),
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...l,
-      children: /* @__PURE__ */ c(Gn, { value: d, children: e })
+      children: /* @__PURE__ */ i(Gn, { value: d, children: e })
     }
   );
 });
 Fn.displayName = "RadioCardsRoot";
-const Wi = {
+const Wc = {
   Root: Fn,
   Item: En
 }, _n = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ae.Indicator,
     {
       className: x("inline-flex items-center justify-center", e),
@@ -4195,9 +4195,9 @@ const Hn = R({}), Vr = v(
     className: s,
     size: o = a.size,
     variant: r = a.variant,
-    ...i
+    ...c
   } = n;
-  return /* @__PURE__ */ c(ae.Item, { className: x(Vr({ size: o, variant: r }), s), ref: t, ...i, children: e });
+  return /* @__PURE__ */ i(ae.Item, { className: x(Vr({ size: o, variant: r }), s), ref: t, ...c, children: e });
 });
 Bn.displayName = "RadioGroupItem";
 const jn = u((n) => {
@@ -4207,29 +4207,29 @@ const jn = u((n) => {
     accentColor: s = a.accentColor,
     variant: o = "surface",
     size: r = "md",
-    children: i,
+    children: c,
     ...l
   } = n, d = w(() => ({ variant: o, size: r }), [o, r]);
-  return /* @__PURE__ */ c(ae.Root, { className: x(e), ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ c(Hn.Provider, { value: d, children: i }) });
+  return /* @__PURE__ */ i(ae.Root, { className: x(e), ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(Hn.Provider, { value: d, children: c }) });
 });
 jn.displayName = "RadioGroupRoot";
-const Ki = {
+const Kc = {
   Indicator: _n,
   Item: Bn,
   Root: jn
 }, bt = R({}), $n = R({}), qn = u((n) => {
-  const { ref: a, children: t, value: e, ...s } = n, { value: o } = b(bt), r = !!o && e <= o, i = w(() => ({ value: e }), [e]);
-  return /* @__PURE__ */ c(ae.Item, { ref: a, value: e.toString(), "data-active": r, ...s, children: /* @__PURE__ */ c($n, { value: i, children: t }) });
+  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($n, { value: c, children: t }) });
 });
 qn.displayName = "RatingItem";
 const Un = u((n) => {
-  const { ref: a, children: t, forceMount: e, ...s } = n, { value: o } = b(bt), { value: r } = b($n), i = !!o && r <= o;
-  return /* @__PURE__ */ c(
+  const { ref: a, children: t, forceMount: e, ...s } = n, { value: o } = b(bt), { value: r } = b($n), c = !!o && r <= o;
+  return /* @__PURE__ */ i(
     ae.Indicator,
     {
       ref: a,
-      forceMount: e ?? (i || void 0),
-      "data-active": i,
+      forceMount: e ?? (c || void 0),
+      "data-active": c,
       ...s,
       children: t
     }
@@ -4237,30 +4237,30 @@ const Un = u((n) => {
 });
 Un.displayName = "RatingItemIndicator";
 const Wn = u((n) => {
-  const { ref: a, children: t, defaultValue: e, value: s, onValueChange: o, ...r } = n, [i, l] = X(e ?? null, s, o), d = h(
+  const { ref: a, children: t, defaultValue: e, value: s, onValueChange: o, ...r } = n, [c, l] = X(e ?? null, s, o), d = h(
     (g) => {
       l(parseInt(g));
     },
     [l]
   ), m = w(
     () => ({
-      value: i
+      value: c
     }),
-    [i]
+    [c]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ae.Root,
     {
       ref: a,
-      value: i ? i.toString() : null,
+      value: c ? c.toString() : null,
       onValueChange: d,
       ...r,
-      children: /* @__PURE__ */ c(bt, { value: m, children: t })
+      children: /* @__PURE__ */ i(bt, { value: m, children: t })
     }
   );
 });
 Wn.displayName = "RatingRoot";
-const Xi = {
+const Xc = {
   Item: qn,
   ItemIndicator: Un,
   Root: Wn
@@ -4411,12 +4411,12 @@ const Xi = {
     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: i } = Dr();
-  return /* @__PURE__ */ c(
+  const { ref: a, className: t, ...e } = n, { size: s, radius: o, variant: r, icon: c } = Dr();
+  return /* @__PURE__ */ i(
     Me.Item,
     {
       ref: a,
-      className: x(Ar({ size: s, variant: r, icon: i, radius: o }), t),
+      className: x(Ar({ size: s, variant: r, icon: c, radius: o }), t),
       ...e
     }
   );
@@ -4429,12 +4429,12 @@ const Yn = u((n) => {
     className: s,
     size: o = "md",
     variant: r = "surface",
-    icon: i = !1,
+    icon: c = !1,
     radius: l = a.radius,
     accentColor: d = a.accentColor,
     ...m
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Me.Root,
     {
       ref: t,
@@ -4446,12 +4446,12 @@ const Yn = u((n) => {
       type: "single",
       "data-accent-color": d,
       ...m,
-      children: /* @__PURE__ */ c(Kn.Provider, { value: { size: o, variant: r, radius: l, icon: i }, children: e })
+      children: /* @__PURE__ */ i(Kn.Provider, { value: { size: o, variant: r, radius: l, icon: c }, children: e })
     }
   );
 });
 Yn.displayName = "SegmentedControlRoot";
-const Yi = {
+const Yc = {
   Item: Xn,
   Root: Yn
 }, Qn = R({}), Gr = v(
@@ -4606,48 +4606,48 @@ const Yi = {
     className: s,
     size: o = "md",
     variant: r = "surface",
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = a.accentColor,
     ...d
   } = n, m = w(
     () => ({
       size: o,
       variant: r,
-      radius: i
+      radius: c
     }),
-    [i, o, r]
+    [c, o, r]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     ne.List,
     {
       ref: t,
-      className: x(Gr({ size: o, variant: r }), k({ radius: i, maxLarge: !1 }), s),
+      className: x(Gr({ size: o, variant: r }), k({ radius: c, maxLarge: !1 }), s),
       "data-accent-color": l,
       ...d,
-      children: /* @__PURE__ */ c(Qn.Provider, { value: m, children: e })
+      children: /* @__PURE__ */ i(Qn.Provider, { value: m, children: e })
     }
   );
 });
 Jn.displayName = "TabsList";
 const Zn = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(ne.Root, { ref: a, className: x("flex flex-col", t), ...e });
+  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: i } = b(Qn);
-  return /* @__PURE__ */ c(
+  const { ref: a, children: t, className: e, ...s } = n, { size: o, radius: r, variant: c } = b(Qn);
+  return /* @__PURE__ */ i(
     ne.Trigger,
     {
       ref: a,
-      className: x(Er({ size: o, radius: r, variant: i }), e),
+      className: x(Er({ size: o, radius: r, variant: c }), e),
       ...s,
       children: t
     }
   );
 });
 es.displayName = "TabsTrigger";
-const Qi = {
+const Qc = {
   Root: Zn,
   List: Jn,
   Trigger: es,
@@ -4735,7 +4735,7 @@ const Qi = {
   }
 }), _r = u((n) => {
   const { ref: a, className: t, accentColor: e = "base", orientation: s, size: o, ...r } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Je.Root,
     {
       className: x(Fr({ orientation: s, size: o }), t),
@@ -4958,7 +4958,7 @@ const Hr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
     orientation: s = "horizontal",
     accentColor: o = a.accentColor,
     radius: r = a.radius,
-    variant: i = "surface",
+    variant: c = "surface",
     tabIndex: l,
     ...d
   } = n;
@@ -4966,7 +4966,7 @@ const Hr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
     Re.Root,
     {
       className: x(
-        Hr({ size: e, variant: i, orientation: s }),
+        Hr({ size: e, variant: c, orientation: s }),
         k({ radius: r, maxLarge: !1 }),
         t
       ),
@@ -4974,11 +4974,11 @@ const Hr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
       "data-accent-color": o,
       ...d,
       children: [
-        /* @__PURE__ */ c(Re.Track, { className: Br({ size: e, variant: i, orientation: s }), children: /* @__PURE__ */ c(Re.Range, { className: jr({ size: e, variant: i, orientation: s }) }) }),
-        (n.value ?? d.defaultValue ?? []).map((m, g) => /* @__PURE__ */ c(
+        /* @__PURE__ */ i(Re.Track, { className: Br({ size: e, variant: c, orientation: s }), children: /* @__PURE__ */ i(Re.Range, { className: jr({ size: e, variant: c, orientation: s }) }) }),
+        (n.value ?? d.defaultValue ?? []).map((m, g) => /* @__PURE__ */ i(
           Re.Thumb,
           {
-            className: x($r({ size: e, variant: i }), k({ radius: r, maxLarge: !1 })),
+            className: x($r({ size: e, variant: c }), k({ radius: r, maxLarge: !1 })),
             ...l !== void 0 ? { tabIndex: l } : void 0
           },
           `${g}-${m}`
@@ -4988,7 +4988,7 @@ const Hr = v(["relative", "select-none", "touch-none", "flex", "items-center"],
   );
 });
 qr.displayName = "Slider";
-const Ur = u(() => /* @__PURE__ */ c("div", { className: "size-6 animate-spin rounded-full border-2 border-(--base-a12) border-b-transparent" }));
+const Ur = u(() => /* @__PURE__ */ i("div", { className: "size-6 animate-spin rounded-full border-2 border-(--base-a12) border-b-transparent" }));
 Ur.displayName = "Spinner";
 const ts = R({}), Wr = v(
   [
@@ -5054,24 +5054,24 @@ const ts = R({}), Wr = v(
     className: s,
     size: o = "md",
     radius: r = a.radius,
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     ...l
   } = n, d = w(() => ({ size: o, radius: r }), [o, r]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     qt.Root,
     {
       className: x(Wr({ size: o }), k({ radius: r, maxLarge: !1 }), s),
       ref: t,
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...l,
-      children: /* @__PURE__ */ c(ts.Provider, { value: d, children: e })
+      children: /* @__PURE__ */ i(ts.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);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     qt.Thumb,
     {
       className: x(Kr({ size: s }), k({ radius: o, maxLarge: !1 }), t),
@@ -5081,12 +5081,12 @@ const ns = u((n) => {
   );
 });
 ns.displayName = "SwitchThumb";
-const Ji = {
+const Jc = {
   Root: as,
   Thumb: ns
 }, ss = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c("tbody", { ref: a, className: x(t), ...e });
+  return /* @__PURE__ */ i("tbody", { ref: a, className: x(t), ...e });
 });
 ss.displayName = "TableBody";
 const je = R({}), Xr = v(["border-collapse text-left"], {
@@ -5109,16 +5109,20 @@ const je = R({}), Xr = v(["border-collapse text-left"], {
       surface: [],
       ghost: []
     },
+    compact: {
+      true: [],
+      false: []
+    },
     cell: {
       true: [],
       false: []
     },
     size: {
-      xs: ["p-2"],
-      sm: ["p-4"],
-      md: ["p-6"],
-      lg: ["p-8"],
-      xl: ["p-10"]
+      xs: [],
+      sm: [],
+      md: [],
+      lg: [],
+      xl: []
     },
     border: {
       grid: ["box-border", "border", "border-(--accent-a6)"],
@@ -5126,27 +5130,53 @@ const je = R({}), Xr = v(["border-collapse text-left"], {
       col: ["box-border", "border-x", "border-(--accent-a6)"],
       none: []
     }
-  }
+  },
+  compoundVariants: [
+    { size: "xs", compact: !0, className: ["px-2", "py-1"] },
+    { size: "xs", compact: !1, className: ["p-2"] },
+    { size: "sm", compact: !0, className: ["px-4", "py-2"] },
+    { size: "sm", compact: !1, className: ["p-4"] },
+    { size: "md", compact: !0, className: ["px-6", "py-3"] },
+    { size: "md", compact: !1, className: ["p-6"] },
+    { size: "lg", compact: !0, className: ["px-8", "py-4"] },
+    { size: "lg", compact: !1, className: ["p-8"] },
+    { 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 } = j(je);
-  return /* @__PURE__ */ c("td", { ref: a, className: x(Ct({ size: s, border: o, cell: !0, variant: r }), t), ...e });
+  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),
+      ...e
+    }
+  );
 });
 os.displayName = "TableCell";
 const rs = u((n) => {
-  const { ref: a, className: t, ...e } = n, { size: s, border: o, variant: r } = j(je);
-  return /* @__PURE__ */ c("th", { ref: a, className: x(Ct({ size: s, border: o, cell: !1, variant: r }), t), ...e });
+  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),
+      ...e
+    }
+  );
 });
 rs.displayName = "TableColumnHeaderCell";
-const is = u((n) => {
+const cs = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c("tfoot", { ref: a, className: x(t), ...e });
+  return /* @__PURE__ */ i("tfoot", { ref: a, className: x(t), ...e });
 });
-is.displayName = "TableFooter";
-const cs = u((n) => {
+cs.displayName = "TableFooter";
+const is = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c("thead", { ref: a, className: x(t), ...e });
+  return /* @__PURE__ */ i("thead", { ref: a, className: x(t), ...e });
 });
-cs.displayName = "TableHeader";
+is.displayName = "TableHeader";
 const ls = u((n) => {
   const a = M(), {
     ref: t,
@@ -5154,11 +5184,12 @@ const ls = u((n) => {
     className: s,
     size: o = "md",
     border: r = "row",
-    accentColor: i = "base",
+    accentColor: c = "base",
     variant: l = "ghost",
-    ...d
-  } = n, m = w(() => ({ size: o, border: r, variant: l }), [o, r, l]);
-  return /* @__PURE__ */ c(
+    compact: d = !1,
+    ...m
+  } = n, g = w(() => ({ size: o, border: r, variant: l, compact: d }), [o, r, l, d]);
+  return /* @__PURE__ */ i(
     "table",
     {
       ref: t,
@@ -5167,28 +5198,35 @@ const ls = u((n) => {
         k({ radius: a.radius, maxLarge: !0 }),
         s
       ),
-      "data-accent-color": i,
-      ...d,
-      children: /* @__PURE__ */ c(je.Provider, { value: m, children: e })
+      "data-accent-color": c,
+      ...m,
+      children: /* @__PURE__ */ i(je.Provider, { value: g, children: e })
     }
   );
 });
 ls.displayName = "TableRoot";
 const ds = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c("tr", { ref: a, className: x(t), ...e });
+  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 } = j(je);
-  return /* @__PURE__ */ c("th", { ref: a, className: x(Ct({ size: s, border: o, cell: !0, variant: r }), t), ...e });
+  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),
+      ...e
+    }
+  );
 });
 us.displayName = "TableRowHeaderCell";
-const Zi = {
+const Zc = {
   Root: ls,
-  Header: cs,
+  Header: is,
   Body: ss,
-  Footer: is,
+  Footer: cs,
   Row: ds,
   Cell: os,
   RowHeaderCell: us,
@@ -5241,22 +5279,22 @@ const Zi = {
     }
   }
 ), gs = u((n) => {
-  const a = M(), { ref: t, children: e, className: s, size: o = "md", accentColor: r = a.accentColor, ...i } = n;
-  return /* @__PURE__ */ c(
+  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(Yr({ size: o }), s),
       "data-accent-color": r,
-      ...i,
-      children: /* @__PURE__ */ c(ms.Provider, { value: { size: o }, children: e })
+      ...c,
+      children: /* @__PURE__ */ i(ms.Provider, { value: { size: o }, children: e })
     }
   );
 });
 gs.displayName = "TabsList";
 const ps = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(ne.Root, { ref: a, className: x("flex flex-col", t), ...e });
+  return /* @__PURE__ */ i(ne.Root, { ref: a, className: x("flex flex-col", t), ...e });
 });
 ps.displayName = "TabsRoot";
 const Jr = () => {
@@ -5266,10 +5304,10 @@ const Jr = () => {
   return n;
 }, xs = u((n) => {
   const { ref: a, children: t, className: e, ...s } = n, { size: o } = Jr();
-  return /* @__PURE__ */ c(ne.Trigger, { ref: a, className: x(Qr({ size: o }), e), ...s, children: t });
+  return /* @__PURE__ */ i(ne.Trigger, { ref: a, className: x(Qr({ size: o }), e), ...s, children: t });
 });
 xs.displayName = "TabsTrigger";
-const ec = {
+const ei = {
   Root: ps,
   List: gs,
   Trigger: xs,
@@ -5304,8 +5342,8 @@ const ec = {
     }
   }
 }), Xe = u((n) => {
-  const { ref: a, className: t, size: e, weight: s, align: o, accentColor: r, highContrast: i = !1, ...l } = n;
-  return /* @__PURE__ */ c(
+  const { ref: a, className: t, size: e, weight: s, align: o, accentColor: r, highContrast: c = !1, ...l } = n;
+  return /* @__PURE__ */ i(
     "span",
     {
       ref: a,
@@ -5313,7 +5351,7 @@ const ec = {
         Zr({ size: e, weight: s, align: o }),
         {
           "text-(--accent-a11)": !!r,
-          "text-(--accent-a12)": i
+          "text-(--accent-a12)": c
         },
         t
       ),
@@ -5323,7 +5361,7 @@ const ec = {
   );
 });
 Xe.displayName = "Text";
-const ei = v(
+const ec = v(
   [
     "focus:outline-(--accent-a8)",
     "focus:outline-2",
@@ -5383,29 +5421,29 @@ const ei = v(
       resize: "none"
     }
   }
-), ti = u((n) => {
+), tc = u((n) => {
   const a = M(), {
     ref: t,
     className: e,
     size: s,
     variant: o,
     radius: r = a.radius,
-    accentColor: i = a.accentColor,
+    accentColor: c = a.accentColor,
     ...l
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "textarea",
     {
-      className: x(ei({ size: s, variant: o }), k({ radius: r, maxLarge: !0 }), e),
+      className: x(ec({ size: s, variant: o }), k({ radius: r, maxLarge: !0 }), e),
       ref: t,
-      "data-accent-color": i,
+      "data-accent-color": c,
       ...l
     }
   );
 });
-ti.displayName = "TextArea";
+tc.displayName = "TextArea";
 const ke = u((n) => {
-  const { toastId: a, title: t, description: e, icon: s, accentColor: o, closeButton: r, action: i } = 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 = h(() => {
     K.dismiss(a);
   }, [a]), m = h(() => {
     K.dismiss(a);
@@ -5422,12 +5460,12 @@ const ke = 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__ */ c(Xe, { className: "truncate", children: t }),
-            e && /* @__PURE__ */ c(Xe, { accentColor: "base", size: "sm", weight: "regular", children: e })
+            /* @__PURE__ */ i(Xe, { className: "truncate", children: t }),
+            e && /* @__PURE__ */ i(Xe, { accentColor: "base", size: "sm", weight: "regular", children: e })
           ] })
         ] }),
-        /* @__PURE__ */ c(me, { onClick: d, children: i }),
-        r && /* @__PURE__ */ c(
+        /* @__PURE__ */ i(me, { onClick: d, children: c }),
+        r && /* @__PURE__ */ i(
           tt,
           {
             type: "button",
@@ -5436,24 +5474,24 @@ const ke = u((n) => {
             accentColor: "base",
             variant: "ghost",
             size: "xs",
-            children: /* @__PURE__ */ c(U, { icon: js })
+            children: /* @__PURE__ */ i(U, { icon: js })
           }
         )
       ]
     }
   );
 }), $e = {
-  success: /* @__PURE__ */ c(U, { icon: Ws, color: "var(--accent-9)" }),
-  info: /* @__PURE__ */ c(U, { icon: Us, color: "var(--base-11)" }),
-  warning: /* @__PURE__ */ c(U, { icon: qs, color: "var(--accent-9)" }),
-  error: /* @__PURE__ */ c(U, { icon: $s, color: "var(--accent-9)" })
-}, ai = (n) => {
+  success: /* @__PURE__ */ i(U, { icon: Ws, color: "var(--accent-9)" }),
+  info: /* @__PURE__ */ i(U, { icon: Us, color: "var(--base-11)" }),
+  warning: /* @__PURE__ */ i(U, { icon: qs, color: "var(--accent-9)" }),
+  error: /* @__PURE__ */ i(U, { icon: $s, color: "var(--accent-9)" })
+}, ac = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
-    (i) => /* @__PURE__ */ c(
+    (c) => /* @__PURE__ */ i(
       ke,
       {
-        toastId: i,
+        toastId: c,
         icon: a,
         description: t,
         title: e,
@@ -5463,14 +5501,14 @@ const ke = u((n) => {
     ),
     r
   );
-}, ni = (n) => {
+}, nc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
-    (i) => /* @__PURE__ */ c(
+    (c) => /* @__PURE__ */ i(
       ke,
       {
         accentColor: "success",
-        toastId: i,
+        toastId: c,
         icon: a ?? $e.success,
         description: t,
         title: e,
@@ -5480,14 +5518,14 @@ const ke = u((n) => {
     ),
     r
   );
-}, si = (n) => {
+}, sc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
-    (i) => /* @__PURE__ */ c(
+    (c) => /* @__PURE__ */ i(
       ke,
       {
         accentColor: "base",
-        toastId: i,
+        toastId: c,
         icon: a ?? $e.info,
         description: t,
         title: e,
@@ -5497,14 +5535,14 @@ const ke = u((n) => {
     ),
     r
   );
-}, oi = (n) => {
+}, oc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
-    (i) => /* @__PURE__ */ c(
+    (c) => /* @__PURE__ */ i(
       ke,
       {
         accentColor: "warning",
-        toastId: i,
+        toastId: c,
         icon: a ?? $e.warning,
         description: t,
         title: e,
@@ -5514,14 +5552,14 @@ const ke = u((n) => {
     ),
     r
   );
-}, ri = (n) => {
+}, rc = (n) => {
   const { icon: a, description: t, title: e, closeButton: s, action: o, ...r } = n;
   return K.custom(
-    (i) => /* @__PURE__ */ c(
+    (c) => /* @__PURE__ */ i(
       ke,
       {
         accentColor: "danger",
-        toastId: i,
+        toastId: c,
         icon: a ?? $e.error,
         description: t,
         title: e,
@@ -5531,22 +5569,22 @@ const ke = u((n) => {
     ),
     r
   );
-}, tc = Object.assign(
-  ai,
+}, ti = Object.assign(
+  ac,
   {
-    success: ni,
-    info: si,
-    warning: oi,
-    error: ri,
+    success: nc,
+    info: sc,
+    warning: oc,
+    error: rc,
     custom: K.custom,
     dismiss: K.dismiss
   },
   { getHistory: K.getHistory, getToasts: K.getToasts }
-), ii = {
+), cc = {
   unstyled: !0
-}, ci = u((n) => /* @__PURE__ */ c(no, { toastOptions: ii, richColors: !1, closeButton: !1, theme: "system", ...n }));
-ci.displayName = "Toaster";
-const li = v(
+}, ic = u((n) => /* @__PURE__ */ i(no, { toastOptions: cc, richColors: !1, closeButton: !1, theme: "system", ...n }));
+ic.displayName = "Toaster";
+const lc = v(
   [
     "flex",
     "items-center",
@@ -5672,26 +5710,26 @@ const li = v(
     size: s,
     icon: o,
     variant: r,
-    radius: i = a.radius,
+    radius: c = a.radius,
     accentColor: l = a.accentColor,
     ...d
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     so.Root,
     {
       ref: t,
-      className: x(li({ size: s, variant: r, icon: o }), k({ radius: i, maxLarge: !1 }), e),
+      className: x(lc({ size: s, variant: r, icon: o }), k({ radius: c, maxLarge: !1 }), e),
       "data-accent-color": l,
       ...d
     }
   );
 });
 yt.displayName = "BaseToggleButton";
-const di = u((n) => /* @__PURE__ */ c(yt, { icon: !0, ...n }));
-di.displayName = "IconToggleButton";
-const ui = u((n) => /* @__PURE__ */ c(yt, { icon: !1, ...n }));
-ui.displayName = "ToggleButton";
-const fs = R({}), mi = v(
+const dc = u((n) => /* @__PURE__ */ i(yt, { icon: !0, ...n }));
+dc.displayName = "IconToggleButton";
+const uc = u((n) => /* @__PURE__ */ i(yt, { icon: !1, ...n }));
+uc.displayName = "ToggleButton";
+const fs = R({}), mc = v(
   [
     "flex",
     "items-center",
@@ -5812,16 +5850,16 @@ const fs = R({}), mi = v(
     icon: s,
     accentColor: o = a.accentColor,
     radius: r = a.radius,
-    variant: i = a.variant,
+    variant: c = a.variant,
     size: l = a.size,
     ...d
   } = n;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     Me.Item,
     {
       ref: t,
       className: x(
-        mi({ icon: s, variant: i, size: l }),
+        mc({ icon: s, variant: c, size: l }),
         k({ radius: r, maxLarge: !1 }),
         e
       ),
@@ -5831,9 +5869,9 @@ const fs = R({}), mi = v(
   );
 });
 zt.displayName = "ToggleGroupBaseItem";
-const hs = u((n) => /* @__PURE__ */ c(zt, { icon: !0, ...n }));
+const hs = u((n) => /* @__PURE__ */ i(zt, { icon: !0, ...n }));
 hs.displayName = "ToggleGroupIconItem";
-const vs = u((n) => /* @__PURE__ */ c(zt, { icon: !1, ...n }));
+const vs = u((n) => /* @__PURE__ */ i(zt, { icon: !1, ...n }));
 vs.displayName = "ToggleGroupItem";
 const bs = u((n) => {
   const a = M(), {
@@ -5842,30 +5880,30 @@ const bs = u((n) => {
     accentColor: s = a.accentColor,
     radius: o = a.radius,
     variant: r = "soft",
-    size: i = "md",
+    size: c = "md",
     ...l
   } = n, d = w(
     () => ({
       variant: r,
-      size: i,
+      size: c,
       radius: o,
       accentColor: s
     }),
-    [s, o, i, r]
+    [s, o, c, r]
   );
-  return /* @__PURE__ */ c(Me.Root, { ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ c(fs, { value: d, children: e }) });
+  return /* @__PURE__ */ i(Me.Root, { ref: t, "data-accent-color": s, ...l, children: /* @__PURE__ */ i(fs, { value: d, children: e }) });
 });
 bs.displayName = "ToggleGroupRoot";
-const ac = {
+const ai = {
   Root: bs,
   Item: vs,
   IconItem: hs
 }, Cs = u((n) => {
   const { ref: a, className: t, ...e } = n;
-  return /* @__PURE__ */ c(de.Arrow, { className: x("fill-(--base-6)", t), ref: a, ...e });
+  return /* @__PURE__ */ i(de.Arrow, { className: x("fill-(--base-6)", t), ref: a, ...e });
 });
 Cs.displayName = "TooltipArrow";
-const gi = v(
+const gc = v(
   [
     "data-[state=delayed-open]:animate-in",
     "data-[state=delayed-open]:fade-in-0",
@@ -5908,15 +5946,15 @@ const gi = v(
     className: s,
     side: o = "top",
     size: r,
-    radius: i = a.radius,
+    radius: c = a.radius,
     sideOffset: l = 2,
     container: d,
     ...m
   } = n;
-  return /* @__PURE__ */ c(de.Portal, { container: d, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(de.Portal, { container: d, children: /* @__PURE__ */ i(
     de.Content,
     {
-      className: x(gi({ size: r, side: o }), k({ radius: i, maxLarge: !1 }), s),
+      className: x(gc({ size: r, side: o }), k({ radius: c, maxLarge: !1 }), s),
       ref: t,
       sideOffset: l,
       "data-floating-content": "",
@@ -5926,7 +5964,7 @@ const gi = v(
   ) });
 });
 ys.displayName = "TooltipContent";
-const nc = {
+const ni = {
   Arrow: Cs,
   Content: ys,
   Root: de.Root,
@@ -5934,10 +5972,10 @@ const nc = {
   Provider: de.Provider
 };
 export {
-  Ti as AlertDialog,
+  Tc as AlertDialog,
   et as AlertDialogContent,
-  io as AlertDialogProvider,
-  Mi as Avatar,
+  co as AlertDialogProvider,
+  Mc as Avatar,
   ea as AvatarFallback,
   ta as AvatarImage,
   aa as AvatarRoot,
@@ -5945,22 +5983,22 @@ export {
   We as Button,
   ro as ButtonGroup,
   po as Card,
-  Oi as Checkbox,
-  Ai as CheckboxGroup,
+  Oc as Checkbox,
+  Ac as CheckboxGroup,
   oa as CheckboxGroupItem,
   ra as CheckboxGroupItemIndicator,
-  ia as CheckboxGroupRoot,
-  ca as CheckboxGroupSelectAllItem,
+  ca as CheckboxGroupRoot,
+  ia as CheckboxGroupSelectAllItem,
   na as CheckboxIndicator,
   sa as CheckboxRoot,
-  Di as CommandMenu,
+  Dc as CommandMenu,
   la as CommandMenuCheckboxIndicator,
   ma as CommandMenuCheckboxItem,
   ga as CommandMenuContent,
   pa as CommandMenuEmpty,
   De as CommandMenuGroup,
   xa as CommandMenuInput,
-  ie as CommandMenuItem,
+  ce as CommandMenuItem,
   fa as CommandMenuList,
   Io as CommandMenuMultiSelectGroup,
   So as CommandMenuMultiSelectItem,
@@ -5976,22 +6014,22 @@ export {
   Na as CommandMenuSeparator,
   wa as CommandMenuTrigger,
   Do as DayPicker,
-  Gi as Dialog,
+  Gc as Dialog,
   Sa as DialogContent,
   ka as DialogOverlay,
   Ra as DialogRoot,
   _o as Heading,
-  Ei as HoverCard,
+  Ec as HoverCard,
   Pa as HoverCardArrow,
   Ta as HoverCardContent,
   Bo as HoverUtility,
   tt as IconButton,
-  di as IconToggleButton,
-  Fi as Input,
+  dc as IconToggleButton,
+  Fc as Input,
   Ma as InputField,
   Oa as InputRoot,
   Va as InputSlot,
-  Hi as Layout,
+  Hc as Layout,
   La as LayoutContainer,
   Aa as LayoutRoot,
   Ea as LayoutSlideOutClose,
@@ -6002,7 +6040,7 @@ export {
   ja as LayoutSlideOutTrigger,
   Zo as Link,
   U as LuIcon,
-  Bi as Menu,
+  Bc as Menu,
   Ua as MenuCheckboxItem,
   Wa as MenuCheckboxItemIndicator,
   Ka as MenuClickTrigger,
@@ -6015,7 +6053,7 @@ export {
   se as MenuItem,
   en as MenuLabel,
   rr as MenuMultiSelectGroup,
-  ir as MenuMultiSelectItem,
+  cr as MenuMultiSelectItem,
   tn as MenuPageContent,
   nn as MenuPageTrigger,
   an as MenuPages,
@@ -6029,7 +6067,7 @@ export {
   dn as MenuSub,
   un as MenuSubContent,
   mn as MenuSubTrigger,
-  ji as MenuV2,
+  jc as MenuV2,
   xn as MenuV2CheckboxItem,
   fn as MenuV2CheckedIndicator,
   Be as MenuV2Group,
@@ -6047,11 +6085,11 @@ export {
   zn as MenuV2SelectedIndicator,
   Nn as MenuV2Separator,
   gn as MenuVirtualTrigger,
-  $i as OneTimePasswordField,
+  $c as OneTimePasswordField,
   wn as OneTimePasswordFieldHiddenInput,
   Sn as OneTimePasswordFieldInput,
   kn as OneTimePasswordFieldRoot,
-  qi as Overlay,
+  qc as Overlay,
   Rn as OverlayClose,
   Pn as OverlayContent,
   Tn as OverlayDescription,
@@ -6059,31 +6097,31 @@ export {
   On as OverlayTitle,
   Vn as OverlayTrigger,
   Sr as OvermapErrorBoundary,
-  Ui as Popover,
+  Uc as Popover,
   An as PopoverArrow,
   Dn as PopoverContent,
   Tr as Progress,
   oo as Provider,
-  Wi as RadioCards,
+  Wc as RadioCards,
   En as RadioCardsItem,
   Fn as RadioCardsRoot,
-  Ki as RadioGroup,
+  Kc as RadioGroup,
   _n as RadioGroupIndicator,
   Bn as RadioGroupItem,
   jn as RadioGroupRoot,
-  Xi as Rating,
+  Xc as Rating,
   qn as RatingItem,
   Un as RatingItemIndicator,
   Wn as RatingRoot,
-  Yi as SegmentedControl,
+  Yc as SegmentedControl,
   Xn as SegmentedControlItem,
   Yn as SegmentedControlRoot,
-  Qi as SegmentedTabs,
+  Qc as SegmentedTabs,
   Jn as SegmentedTabsList,
   Zn as SegmentedTabsRoot,
   es as SegmentedTabsTrigger,
   _r as Separator,
-  _i as SlideOut,
+  _c as SlideOut,
   ut as SlideOutClose,
   mt as SlideOutContent,
   gt as SlideOutHandle,
@@ -6093,31 +6131,31 @@ export {
   ft as SlideOutViewport,
   qr as Slider,
   Ur as Spinner,
-  Ji as Switch,
+  Jc as Switch,
   as as SwitchRoot,
   ns as SwitchThumb,
-  Zi as Table,
+  Zc as Table,
   ss as TableBody,
   os as TableCell,
   rs as TableColumnHeaderCell,
-  is as TableFooter,
-  cs as TableHeader,
+  cs as TableFooter,
+  is as TableHeader,
   ls as TableRoot,
   ds as TableRow,
   us as TableRowHeaderCell,
-  ec as Tabs,
+  ei as Tabs,
   gs as TabsList,
   ps as TabsRoot,
   xs as TabsTrigger,
   Xe as Text,
-  ti as TextArea,
-  ci as Toaster,
-  ui as ToggleButton,
-  ac as ToggleGroup,
+  tc as TextArea,
+  ic as Toaster,
+  uc as ToggleButton,
+  ai as ToggleGroup,
   hs as ToggleGroupIconItem,
   vs as ToggleGroupItem,
   bs as ToggleGroupRoot,
-  nc as Tooltip,
+  ni as Tooltip,
   Cs as TooltipArrow,
   ys as TooltipContent,
   uo as badge,
@@ -6132,14 +6170,14 @@ export {
   we as mergeRefs,
   k as radiusCva,
   fo as stopPropagation,
-  tc as toast,
-  Pi as useAlertDialog,
+  ti as toast,
+  Pc as useAlertDialog,
   Qt as useButtonGroup,
   X as useControlledState,
   xo as useFallbackId,
   nt as useLatest,
   dt as useLayoutContext,
   M as useProvider,
-  Li as useTextFilter,
-  Vi as useViewportSize
+  Lc as useTextFilter,
+  Vc as useViewportSize
 };