@expofp/floorplan
Version:
Interactive floor plan library for expos and events
1,449 lines (1,443 loc) • 759 kB
JavaScript
function __vite_inject_css__(css, id, forceLightDom){ if (typeof document==='undefined') return; var shadow=!forceLightDom&&typeof window!=='undefined'&&window.__efpShadowDOMStyleParent; var parent=shadow||document.head; var s=document.createElement('style'); s.setAttribute('data-chunk-style', id); s.appendChild(document.createTextNode(css)); parent.appendChild(s);}
(function() {
try {
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
e.SENTRY_RELEASE = { id: "3.7.8" };
var t = new e.Error().stack;
t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "20bb73b0-e732-44ef-9b64-2e95ef320ab4", e._sentryDebugIdIdentifier = "sentry-dbid-20bb73b0-e732-44ef-9b64-2e95ef320ab4");
} catch {}
})();
import { r as e } from "./rolldown-runtime-YBAZwyzS.js";
import { n as t, r as n, t as r } from "./efp-debug-init-CxL7LyPc.js";
import { t as i } from "./react-Di3Pmpio.js";
import { n as a, o, t as s } from "./reset-all-settings-CB7mF2PC.js";
import { t as c } from "./jsx-runtime-C8yjdFgZ.js";
import { C as l, E as u, O as d, S as f, T as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, l as x, m as S, p as ee, r as C, s as te, t as w, u as T, w as E, x as D, y as ne } from "./flex-CegveOzn.js";
import { a as re, i as O, n as k, o as A, s as j } from "./dist-CVz2SjQb.js";
import { _ as M, c as ie, d as ae, f as oe, g as N, h as se, l as ce, m as le, n as ue, p as de, u as fe, v as pe, y as me } from "./theme-Du1VS-C5.js";
import { t as he } from "./classnames-BRCgwycl.js";
//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_a586cb1886ee92e166f497e49d876c32/node_modules/@radix-ui/react-dialog/dist/index.mjs
var P = /* @__PURE__ */ e(i(), 1), F = c(), I = "Dialog", [ge, _e] = A(I), [ve, L] = ge(I), ye = (e) => {
let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = P.useRef(null), c = P.useRef(null), [l, u] = k({
prop: r,
defaultProp: i == null ? !1 : i,
onChange: a,
caller: I
});
return /* @__PURE__ */ (0, F.jsx)(ve, {
scope: t,
triggerRef: s,
contentRef: c,
contentId: N(),
titleId: N(),
descriptionId: N(),
open: l,
onOpenChange: u,
onOpenToggle: P.useCallback(() => u((e) => !e), [u]),
modal: o,
children: n
});
};
ye.displayName = I;
var be = "DialogTrigger", xe = P.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = L(be, n), a = d(t, i.triggerRef);
return /* @__PURE__ */ (0, F.jsx)(j.button, {
type: "button",
"aria-haspopup": "dialog",
"aria-expanded": i.open,
"aria-controls": i.contentId,
"data-state": V(i.open),
...r,
ref: a,
onClick: O(e.onClick, i.onOpenToggle)
});
});
xe.displayName = be;
var Se = "DialogPortal", [Ce, we] = ge(Se, { forceMount: void 0 }), Te = (e) => {
let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = L(Se, t);
return /* @__PURE__ */ (0, F.jsx)(Ce, {
scope: t,
forceMount: n,
children: P.Children.map(r, (e) => /* @__PURE__ */ (0, F.jsx)(M, {
present: n || a.open,
children: /* @__PURE__ */ (0, F.jsx)(ae, {
asChild: !0,
container: i,
children: e
})
}))
});
};
Te.displayName = Se;
var R = "DialogOverlay", Ee = P.forwardRef((e, t) => {
let n = we(R, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = L(R, e.__scopeDialog);
return a.modal ? /* @__PURE__ */ (0, F.jsx)(M, {
present: r || a.open,
children: /* @__PURE__ */ (0, F.jsx)(Oe, {
...i,
ref: t
})
}) : null;
});
Ee.displayName = R;
var De = p("DialogOverlay.RemoveScroll"), Oe = P.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = L(R, n);
return /* @__PURE__ */ (0, F.jsx)(ce, {
as: De,
allowPinchZoom: !0,
shards: [i.contentRef],
children: /* @__PURE__ */ (0, F.jsx)(j.div, {
"data-state": V(i.open),
...r,
ref: t,
style: {
pointerEvents: "auto",
...r.style
}
})
});
}), z = "DialogContent", ke = P.forwardRef((e, t) => {
let n = we(z, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = L(z, e.__scopeDialog);
return /* @__PURE__ */ (0, F.jsx)(M, {
present: r || a.open,
children: a.modal ? /* @__PURE__ */ (0, F.jsx)(Ae, {
...i,
ref: t
}) : /* @__PURE__ */ (0, F.jsx)(je, {
...i,
ref: t
})
});
});
ke.displayName = z;
var Ae = P.forwardRef((e, t) => {
let n = L(z, e.__scopeDialog), r = P.useRef(null), i = d(t, n.contentRef, r);
return P.useEffect(() => {
let e = r.current;
if (e) return ie(e);
}, []), /* @__PURE__ */ (0, F.jsx)(Me, {
...e,
ref: i,
trapFocus: n.open,
disableOutsidePointerEvents: !0,
onCloseAutoFocus: O(e.onCloseAutoFocus, (e) => {
var t;
e.preventDefault(), (t = n.triggerRef.current) == null || t.focus();
}),
onPointerDownOutside: O(e.onPointerDownOutside, (e) => {
let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
(t.button === 2 || n) && e.preventDefault();
}),
onFocusOutside: O(e.onFocusOutside, (e) => e.preventDefault())
});
}), je = P.forwardRef((e, t) => {
let n = L(z, e.__scopeDialog), r = P.useRef(!1), i = P.useRef(!1);
return /* @__PURE__ */ (0, F.jsx)(Me, {
...e,
ref: t,
trapFocus: !1,
disableOutsidePointerEvents: !1,
onCloseAutoFocus: (t) => {
var a;
if ((a = e.onCloseAutoFocus) == null || a.call(e, t), !t.defaultPrevented) {
var o;
r.current || (o = n.triggerRef.current) == null || o.focus(), t.preventDefault();
}
r.current = !1, i.current = !1;
},
onInteractOutside: (t) => {
var a, o;
(a = e.onInteractOutside) == null || a.call(e, t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
let s = t.target;
(o = n.triggerRef.current) != null && o.contains(s) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
}
});
}), Me = P.forwardRef((e, t) => {
let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, ...o } = e, s = L(z, n), c = P.useRef(null), l = d(t, c);
return fe(), /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsx)(oe, {
asChild: !0,
loop: !0,
trapped: r,
onMountAutoFocus: i,
onUnmountAutoFocus: a,
children: /* @__PURE__ */ (0, F.jsx)(de, {
role: "dialog",
id: s.contentId,
"aria-describedby": s.descriptionId,
"aria-labelledby": s.titleId,
"data-state": V(s.open),
...o,
ref: l,
onDismiss: () => s.onOpenChange(!1)
})
}), /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsx)(Ve, { titleId: s.titleId }), /* @__PURE__ */ (0, F.jsx)(Ue, {
contentRef: c,
descriptionId: s.descriptionId
})] })] });
}), B = "DialogTitle", Ne = P.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = L(B, n);
return /* @__PURE__ */ (0, F.jsx)(j.h2, {
id: i.titleId,
...r,
ref: t
});
});
Ne.displayName = B;
var Pe = "DialogDescription", Fe = P.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = L(Pe, n);
return /* @__PURE__ */ (0, F.jsx)(j.p, {
id: i.descriptionId,
...r,
ref: t
});
});
Fe.displayName = Pe;
var Ie = "DialogClose", Le = P.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = L(Ie, n);
return /* @__PURE__ */ (0, F.jsx)(j.button, {
type: "button",
...r,
ref: t,
onClick: O(e.onClick, () => i.onOpenChange(!1))
});
});
Le.displayName = Ie;
function V(e) {
return e ? "open" : "closed";
}
var Re = "DialogTitleWarning", [ze, Be] = re(Re, {
contentName: z,
titleName: B,
docsSlug: "dialog"
}), Ve = ({ titleId: e }) => {
let t = Be(Re), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
return P.useEffect(() => {
e && (document.getElementById(e) || console.error(n));
}, [n, e]), null;
}, He = "DialogDescriptionWarning", Ue = ({ contentRef: e, descriptionId: t }) => {
let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Be(He).contentName}}.`;
return P.useEffect(() => {
var r;
let i = (r = e.current) == null ? void 0 : r.getAttribute("aria-describedby");
t && i && (document.getElementById(t) || console.warn(n));
}, [
n,
e,
t
]), null;
}, We = ye, Ge = xe, Ke = Te, qe = Ee, Je = ke, Ye = Ne, Xe = Fe, Ze = Le, Qe = "AlertDialog", [$e, et] = A(Qe, [_e]), H = _e(), tt = (e) => {
let { __scopeAlertDialog: t, ...n } = e, r = H(t);
return /* @__PURE__ */ (0, F.jsx)(We, {
...r,
...n,
modal: !0
});
};
tt.displayName = Qe;
var nt = "AlertDialogTrigger", rt = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = H(n);
return /* @__PURE__ */ (0, F.jsx)(Ge, {
...i,
...r,
ref: t
});
});
rt.displayName = nt;
var it = "AlertDialogPortal", at = (e) => {
let { __scopeAlertDialog: t, ...n } = e, r = H(t);
return /* @__PURE__ */ (0, F.jsx)(Ke, {
...r,
...n
});
};
at.displayName = it;
var ot = "AlertDialogOverlay", st = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = H(n);
return /* @__PURE__ */ (0, F.jsx)(qe, {
...i,
...r,
ref: t
});
});
st.displayName = ot;
var U = "AlertDialogContent", [ct, lt] = $e(U), ut = u("AlertDialogContent"), dt = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, children: r, ...i } = e, a = H(n), o = P.useRef(null), s = d(t, o), c = P.useRef(null);
return /* @__PURE__ */ (0, F.jsx)(ze, {
contentName: U,
titleName: ft,
docsSlug: "alert-dialog",
children: /* @__PURE__ */ (0, F.jsx)(ct, {
scope: n,
cancelRef: c,
children: /* @__PURE__ */ (0, F.jsxs)(Je, {
role: "alertdialog",
...a,
...i,
ref: s,
onOpenAutoFocus: O(i.onOpenAutoFocus, (e) => {
var t;
e.preventDefault(), (t = c.current) == null || t.focus({ preventScroll: !0 });
}),
onPointerDownOutside: (e) => e.preventDefault(),
onInteractOutside: (e) => e.preventDefault(),
children: [/* @__PURE__ */ (0, F.jsx)(ut, { children: r }), /* @__PURE__ */ (0, F.jsx)(bt, { contentRef: o })]
})
})
});
});
dt.displayName = U;
var ft = "AlertDialogTitle", pt = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = H(n);
return /* @__PURE__ */ (0, F.jsx)(Ye, {
...i,
...r,
ref: t
});
});
pt.displayName = ft;
var mt = "AlertDialogDescription", ht = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = H(n);
return /* @__PURE__ */ (0, F.jsx)(Xe, {
...i,
...r,
ref: t
});
});
ht.displayName = mt;
var gt = "AlertDialogAction", _t = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = H(n);
return /* @__PURE__ */ (0, F.jsx)(Ze, {
...i,
...r,
ref: t
});
});
_t.displayName = gt;
var vt = "AlertDialogCancel", yt = P.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = lt(vt, n), a = H(n), o = d(t, i);
return /* @__PURE__ */ (0, F.jsx)(Ze, {
...a,
...r,
ref: o
});
});
yt.displayName = vt;
var bt = ({ contentRef: e }) => {
let t = `\`${U}\` requires a description for the component to be accessible for screen reader users.
You can add a description to the \`${U}\` by passing a \`${mt}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${U}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
return P.useEffect(() => {
var n;
document.getElementById((n = e.current) == null ? void 0 : n.getAttribute("aria-describedby")) || console.warn(t);
}, [t, e]), null;
}, xt = tt, St = rt, Ct = at, wt = st, Tt = dt, Et = _t, Dt = yt, Ot = pt, kt = ht, W = "rovingFocusGroup.onEntryFocus", At = {
bubbles: !1,
cancelable: !0
}, G = "RovingFocusGroup", [K, jt, Mt] = pe(G), [Nt, Pt] = A(G, [Mt]), [Ft, It] = Nt(G), Lt = P.forwardRef((e, t) => /* @__PURE__ */ (0, F.jsx)(K.Provider, {
scope: e.__scopeRovingFocusGroup,
children: /* @__PURE__ */ (0, F.jsx)(K.Slot, {
scope: e.__scopeRovingFocusGroup,
children: /* @__PURE__ */ (0, F.jsx)(Rt, {
...e,
ref: t
})
})
}));
Lt.displayName = G;
var Rt = P.forwardRef((e, t) => {
let { __scopeRovingFocusGroup: n, orientation: r, loop: i = !1, dir: a, currentTabStopId: o, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: c, onEntryFocus: l, preventScrollOnEntryFocus: u = !1, ...f } = e, p = P.useRef(null), m = d(t, p), h = se(a), [g, _] = k({
prop: o,
defaultProp: s == null ? null : s,
onChange: c,
caller: G
}), [v, y] = P.useState(!1), b = le(l), x = jt(n), S = P.useRef(!1), [ee, C] = P.useState(0);
return P.useEffect(() => {
let e = p.current;
if (e) return e.addEventListener(W, b), () => e.removeEventListener(W, b);
}, [b]), /* @__PURE__ */ (0, F.jsx)(Ft, {
scope: n,
orientation: r,
dir: h,
loop: i,
currentTabStopId: g,
onItemFocus: P.useCallback((e) => _(e), [_]),
onItemShiftTab: P.useCallback(() => y(!0), []),
onFocusableItemAdd: P.useCallback(() => C((e) => e + 1), []),
onFocusableItemRemove: P.useCallback(() => C((e) => e - 1), []),
children: /* @__PURE__ */ (0, F.jsx)(j.div, {
tabIndex: v || ee === 0 ? -1 : 0,
"data-orientation": r,
...f,
ref: m,
style: {
outline: "none",
...e.style
},
onMouseDown: O(e.onMouseDown, () => {
S.current = !0;
}),
onFocus: O(e.onFocus, (e) => {
let t = !S.current;
if (e.target === e.currentTarget && t && !v) {
let t = new CustomEvent(W, At);
if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
let e = x().filter((e) => e.focusable);
Wt([
e.find((e) => e.active),
e.find((e) => e.id === g),
...e
].filter(Boolean).map((e) => e.ref.current), u);
}
}
S.current = !1;
}),
onBlur: O(e.onBlur, () => y(!1))
})
});
}), zt = "RovingFocusGroupItem", Bt = P.forwardRef((e, t) => {
let { __scopeRovingFocusGroup: n, focusable: r = !0, active: i = !1, tabStopId: a, children: o, ...s } = e, c = N(), l = a || c, u = It(zt, n), d = u.currentTabStopId === l, f = jt(n), { onFocusableItemAdd: p, onFocusableItemRemove: m, currentTabStopId: h } = u;
return P.useEffect(() => {
if (r) return p(), () => m();
}, [
r,
p,
m
]), /* @__PURE__ */ (0, F.jsx)(K.ItemSlot, {
scope: n,
id: l,
focusable: r,
active: i,
children: /* @__PURE__ */ (0, F.jsx)(j.span, {
tabIndex: d ? 0 : -1,
"data-orientation": u.orientation,
...s,
ref: t,
onMouseDown: O(e.onMouseDown, (e) => {
r ? u.onItemFocus(l) : e.preventDefault();
}),
onFocus: O(e.onFocus, () => u.onItemFocus(l)),
onKeyDown: O(e.onKeyDown, (e) => {
if (e.key === "Tab" && e.shiftKey) {
u.onItemShiftTab();
return;
}
if (e.target !== e.currentTarget) return;
let t = Ut(e, u.orientation, u.dir);
if (t !== void 0) {
if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
e.preventDefault();
let n = f().filter((e) => e.focusable).map((e) => e.ref.current);
if (t === "last") n.reverse();
else if (t === "prev" || t === "next") {
t === "prev" && n.reverse();
let r = n.indexOf(e.currentTarget);
n = u.loop ? Gt(n, r + 1) : n.slice(r + 1);
}
setTimeout(() => Wt(n));
}
}),
children: typeof o == "function" ? o({
isCurrentTabStop: d,
hasTabStop: h != null
}) : o
})
});
});
Bt.displayName = zt;
var Vt = {
ArrowLeft: "prev",
ArrowUp: "prev",
ArrowRight: "next",
ArrowDown: "next",
PageUp: "first",
Home: "first",
PageDown: "last",
End: "last"
};
function Ht(e, t) {
return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
}
function Ut(e, t, n) {
let r = Ht(e.key, n);
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return Vt[r];
}
function Wt(e, t = !1) {
let n = document.activeElement;
for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
}
function Gt(e, t) {
return e.map((n, r) => e[(t + r) % e.length]);
}
var Kt = Lt, qt = Bt, q = "Tabs", [Jt, Yt] = A(q, [Pt]), Xt = Pt(), [Zt, J] = Jt(q), Qt = P.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, onValueChange: i, defaultValue: a, orientation: o = "horizontal", dir: s, activationMode: c = "automatic", ...l } = e, u = se(s), [d, f] = k({
prop: r,
onChange: i,
defaultProp: a == null ? "" : a,
caller: q
});
return /* @__PURE__ */ (0, F.jsx)(Zt, {
scope: n,
baseId: N(),
value: d,
onValueChange: f,
orientation: o,
dir: u,
activationMode: c,
children: /* @__PURE__ */ (0, F.jsx)(j.div, {
dir: u,
"data-orientation": o,
...l,
ref: t
})
});
});
Qt.displayName = q;
var $t = "TabsList", en = P.forwardRef((e, t) => {
let { __scopeTabs: n, loop: r = !0, ...i } = e, a = J($t, n), o = Xt(n);
return /* @__PURE__ */ (0, F.jsx)(Kt, {
asChild: !0,
...o,
orientation: a.orientation,
dir: a.dir,
loop: r,
children: /* @__PURE__ */ (0, F.jsx)(j.div, {
role: "tablist",
"aria-orientation": a.orientation,
...i,
ref: t
})
});
});
en.displayName = $t;
var tn = "TabsTrigger", nn = P.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, disabled: i = !1, ...a } = e, o = J(tn, n), s = Xt(n), c = on(o.baseId, r), l = sn(o.baseId, r), u = r === o.value;
return /* @__PURE__ */ (0, F.jsx)(qt, {
asChild: !0,
...s,
focusable: !i,
active: u,
children: /* @__PURE__ */ (0, F.jsx)(j.button, {
type: "button",
role: "tab",
"aria-selected": u,
"aria-controls": l,
"data-state": u ? "active" : "inactive",
"data-disabled": i ? "" : void 0,
disabled: i,
id: c,
...a,
ref: t,
onMouseDown: O(e.onMouseDown, (e) => {
!i && e.button === 0 && e.ctrlKey === !1 ? o.onValueChange(r) : e.preventDefault();
}),
onKeyDown: O(e.onKeyDown, (e) => {
[" ", "Enter"].includes(e.key) && o.onValueChange(r);
}),
onFocus: O(e.onFocus, () => {
let e = o.activationMode !== "manual";
!u && !i && e && o.onValueChange(r);
})
})
});
});
nn.displayName = tn;
var rn = "TabsContent", an = P.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, forceMount: i, children: a, ...o } = e, s = J(rn, n), c = on(s.baseId, r), l = sn(s.baseId, r), u = r === s.value, d = P.useRef(u);
return P.useEffect(() => {
let e = requestAnimationFrame(() => d.current = !1);
return () => cancelAnimationFrame(e);
}, []), /* @__PURE__ */ (0, F.jsx)(M, {
present: i || u,
children: ({ present: n }) => /* @__PURE__ */ (0, F.jsx)(j.div, {
"data-state": u ? "active" : "inactive",
"data-orientation": s.orientation,
role: "tabpanel",
"aria-labelledby": c,
hidden: !n,
id: l,
tabIndex: 0,
...o,
ref: t,
style: {
...e.style,
animationDuration: d.current ? "0s" : void 0
},
children: n && a
})
});
});
an.displayName = rn;
function on(e, t) {
return `${e}-trigger-${t}`;
}
function sn(e, t) {
return `${e}-content-${t}`;
}
var cn = Qt, ln = en, un = nn, dn = an, fn = [
"1",
"2",
"3",
"4"
], pn = {
...l,
align: {
type: "enum",
className: "rt-r-align",
values: ["start", "center"],
default: "center"
},
size: {
type: "enum",
className: "rt-r-size",
values: fn,
default: "3",
responsive: !0
},
width: f.width,
minWidth: f.minWidth,
maxWidth: {
...f.maxWidth,
default: "600px"
},
...D
}, mn = [
"span",
"div",
"label",
"p"
], hn = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9"
], gn = {
as: {
type: "enum",
values: mn,
default: "span"
},
...l,
size: {
type: "enum",
className: "rt-r-size",
values: hn,
responsive: !0
},
..._,
...S,
...b,
...v,
...ee,
...ne,
...y
}, Y = /* @__PURE__ */ e(he()), X = P.forwardRef((e, t) => {
let { children: n, className: r, asChild: i, as: a = "span", color: o, ...s } = T(e, gn, x);
return P.createElement(E, {
"data-accent-color": o,
...s,
ref: t,
className: (0, Y.default)("rt-Text", r)
}, i ? n : P.createElement(a, null, n));
});
X.displayName = "Text";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/helpers/require-react-element.js
var Z = (e) => {
if (!P.isValidElement(e)) throw Error(`Expected a single React Element child, but got: ${P.Children.toArray(e).map((e) => typeof e == "object" && "type" in e && typeof e.type == "string" ? e.type : typeof e).join(", ")}`);
return e;
}, _n = (e) => P.createElement(xt, { ...e });
_n.displayName = "AlertDialog.Root";
var vn = P.forwardRef(({ children: e, ...t }, n) => P.createElement(St, {
...t,
ref: n,
asChild: !0
}, Z(e)));
vn.displayName = "AlertDialog.Trigger";
var yn = P.forwardRef(({ align: e, ...t }, n) => {
let { align: r, ...i } = pn, { className: a } = T({ align: e }, { align: r }), { className: o, forceMount: s, container: c, ...l } = T(t, i);
return P.createElement(Ct, {
container: c,
forceMount: s
}, P.createElement(ue, { asChild: !0 }, P.createElement(wt, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, P.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, P.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${a}` }, P.createElement(Tt, {
...l,
ref: n,
className: (0, Y.default)("rt-BaseDialogContent", "rt-AlertDialogContent", o)
}))))));
});
yn.displayName = "AlertDialog.Content";
var bn = P.forwardRef((e, t) => P.createElement(Ot, { asChild: !0 }, P.createElement(g, {
size: "5",
mb: "3",
trim: "start",
...e,
asChild: !1,
ref: t
})));
bn.displayName = "AlertDialog.Title";
var xn = P.forwardRef((e, t) => P.createElement(kt, { asChild: !0 }, P.createElement(X, {
as: "p",
size: "3",
...e,
asChild: !1,
ref: t
})));
xn.displayName = "AlertDialog.Description";
var Sn = P.forwardRef(({ children: e, ...t }, n) => P.createElement(Et, {
...t,
ref: n,
asChild: !0
}, Z(e)));
Sn.displayName = "AlertDialog.Action";
var Cn = P.forwardRef(({ children: e, ...t }, n) => P.createElement(Dt, {
...t,
ref: n,
asChild: !0
}, Z(e)));
Cn.displayName = "AlertDialog.Cancel";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/helpers/get-subtree.js
function wn(e, t) {
let { asChild: n, children: r } = e;
if (!n) return typeof t == "function" ? t(r) : t;
let i = P.Children.only(r);
return P.cloneElement(i, { children: typeof t == "function" ? t(i.props.children) : t });
}
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/box.props.js
var Tn = ["div", "span"], En = [
"none",
"inline",
"inline-block",
"block",
"contents"
], Dn = {
as: {
type: "enum",
values: Tn,
default: "div"
},
...l,
display: {
type: "enum",
className: "rt-r-display",
values: En,
responsive: !0
}
}, Q = P.forwardRef((e, t) => {
let { className: n, asChild: r, as: i = "div", ...a } = T(e, Dn, C, x);
return P.createElement(r ? m : i, {
...a,
ref: t,
className: (0, Y.default)("rt-Box", n)
});
});
Q.displayName = "Box";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-button.props.js
var On = [
"1",
"2",
"3",
"4"
], kn = [
"classic",
"solid",
"soft",
"surface",
"outline",
"ghost"
], An = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: On,
default: "2",
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: kn,
default: "solid"
},
...h,
...y,
...te,
loading: {
type: "boolean",
className: "rt-loading",
default: !1
}
}, jn = {
size: {
type: "enum",
className: "rt-r-size",
values: [
"1",
"2",
"3"
],
default: "2",
responsive: !0
},
loading: {
type: "boolean",
default: !0
}
}, Mn = P.forwardRef((e, t) => {
let { className: n, children: r, loading: i, ...a } = T(e, jn, x);
if (!i) return r;
let o = P.createElement("span", {
...a,
ref: t,
className: (0, Y.default)("rt-Spinner", n)
}, P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }), P.createElement("span", { className: "rt-SpinnerLeaf" }));
return r === void 0 ? o : P.createElement(w, {
asChild: !0,
position: "relative",
align: "center",
justify: "center"
}, P.createElement("span", null, P.createElement("span", {
"aria-hidden": !0,
style: {
display: "contents",
visibility: "hidden"
},
inert: void 0
}, r), P.createElement(w, {
asChild: !0,
align: "center",
justify: "center",
position: "absolute",
inset: "0"
}, P.createElement("span", null, o))));
});
Mn.displayName = "Spinner";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/visually-hidden.js
var Nn = me;
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/helpers/map-prop-values.js
function Pn(e, t) {
if (e !== void 0) return typeof e == "string" ? t(e) : Object.fromEntries(Object.entries(e).map(([e, n]) => [e, t(n)]));
}
function Fn(e) {
return e === "3" ? "3" : "2";
}
function In(e) {
switch (e) {
case "1": return "1";
case "2":
case "3": return "2";
case "4": return "3";
}
}
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-button.js
var Ln = P.forwardRef((e, t) => {
let { size: n = An.size.default } = e, { className: r, children: i, asChild: a, color: o, radius: s, disabled: c = e.loading, ...l } = T(e, An, x), u = a ? E : "button";
return P.createElement(u, {
"data-disabled": c || void 0,
"data-accent-color": o,
"data-radius": s,
...l,
ref: t,
className: (0, Y.default)("rt-reset", "rt-BaseButton", r),
disabled: c
}, e.loading ? P.createElement(P.Fragment, null, P.createElement("span", {
style: {
display: "contents",
visibility: "hidden"
},
"aria-hidden": !0
}, i), P.createElement(Nn, null, i), P.createElement(w, {
asChild: !0,
align: "center",
justify: "center",
position: "absolute",
inset: "0"
}, P.createElement("span", null, P.createElement(Mn, { size: Pn(n, In) })))) : i);
});
Ln.displayName = "BaseButton";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/button.js
var $ = P.forwardRef(({ className: e, ...t }, n) => P.createElement(Ln, {
...t,
ref: n,
className: (0, Y.default)("rt-Button", e)
}));
$.displayName = "Button";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/callout.props.js
var Rn = [
"1",
"2",
"3"
], zn = [
"soft",
"surface",
"outline"
], Bn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: Rn,
default: "2",
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: zn,
default: "soft"
},
...h,
...y
}, Vn = P.createContext({}), Hn = P.forwardRef((e, t) => {
let { size: n = Bn.size.default } = e, { asChild: r, children: i, className: a, color: o, ...s } = T(e, Bn, x), c = r ? E : "div";
return P.createElement(c, {
"data-accent-color": o,
...s,
className: (0, Y.default)("rt-CalloutRoot", a),
ref: t
}, P.createElement(Vn.Provider, { value: P.useMemo(() => ({ size: n }), [n]) }, i));
});
Hn.displayName = "Callout.Root";
var Un = P.forwardRef(({ className: e, ...t }, n) => P.createElement("div", {
...t,
className: (0, Y.default)("rt-CalloutIcon", e),
ref: n
}));
Un.displayName = "Callout.Icon";
var Wn = P.forwardRef(({ className: e, ...t }, n) => {
let { size: r } = P.useContext(Vn);
return P.createElement(X, {
as: "p",
size: Pn(r, Fn),
...t,
asChild: !1,
ref: n,
className: (0, Y.default)("rt-CalloutText", e)
});
});
Wn.displayName = "Callout.Text";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/code.props.js
var Gn = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9"
], Kn = [
"solid",
"soft",
"outline",
"ghost"
], qn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: Gn,
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: Kn,
default: "soft"
},
..._,
...h,
...y,
...v,
...ee
}, Jn = P.forwardRef((e, t) => {
let { asChild: n, className: r, color: i, ...a } = T(e, qn, x), o = e.variant === "ghost" ? i || void 0 : i, s = n ? E : "code";
return P.createElement(s, {
"data-accent-color": o,
...a,
ref: t,
className: (0, Y.default)("rt-reset", "rt-Code", r)
});
});
Jn.displayName = "Code";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/container.props.js
var Yn = [
"1",
"2",
"3",
"4"
], Xn = ["none", "initial"], Zn = [
"left",
"center",
"right"
], Qn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: Yn,
default: "4",
responsive: !0
},
display: {
type: "enum",
className: "rt-r-display",
values: Xn,
parseValue: $n,
responsive: !0
},
align: {
type: "enum",
className: "rt-r-ai",
values: Zn,
parseValue: er,
responsive: !0
}
};
function $n(e) {
return e === "initial" ? "flex" : e;
}
function er(e) {
return e === "left" ? "start" : e === "right" ? "end" : e;
}
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/container.js
var tr = P.forwardRef(({ width: e, minWidth: t, maxWidth: n, height: r, minHeight: i, maxHeight: a, ...o }, s) => {
let { asChild: c, children: l, className: u, ...d } = T(o, Qn, C, x), { className: p, style: m } = T({
width: e,
minWidth: t,
maxWidth: n,
height: r,
minHeight: i,
maxHeight: a
}, f, D), h = c ? E : "div";
return P.createElement(h, {
...d,
ref: s,
className: (0, Y.default)("rt-Container", u)
}, wn({
asChild: c,
children: l
}, (e) => P.createElement("div", {
className: (0, Y.default)("rt-ContainerInner", p),
style: m
}, e)));
});
tr.displayName = "Container";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/helpers/inert.js
var nr = !0, rr = {
loading: {
type: "boolean",
default: !0
},
...f,
...D
}, ir = P.forwardRef((e, t) => {
let { children: n, className: r, loading: i, ...a } = T(e, rr, x);
if (!i) return n;
let o = P.isValidElement(n) ? E : "span";
return P.createElement(o, {
ref: t,
"aria-hidden": !0,
className: (0, Y.default)("rt-Skeleton", r),
"data-inline-skeleton": P.isValidElement(n) ? void 0 : !0,
tabIndex: -1,
inert: nr,
...a
}, n);
});
ir.displayName = "Skeleton";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+themes@3.3.0_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2._925f851475345a9e5e368d312bb98178/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-tab-list.props.js
var ar = {
size: {
type: "enum",
className: "rt-r-size",
values: ["1", "2"],
default: "2",
responsive: !0
},
wrap: {
type: "enum",
className: "rt-r-fw",
values: [
"nowrap",
"wrap",
"wrap-reverse"
],
responsive: !0
},
justify: {
type: "enum",
className: "rt-r-jc",
values: [
"start",
"center",
"end"
],
responsive: !0
},
...ne,
...y
}, or = P.forwardRef((e, t) => {
let { className: n, ...r } = T(e, x);
return P.createElement(cn, {
...r,
ref: t,
className: (0, Y.default)("rt-TabsRoot", n)
});
});
or.displayName = "Tabs.Root";
var sr = P.forwardRef((e, t) => {
let { className: n, color: r, ...i } = T(e, ar, x);
return P.createElement(ln, {
"data-accent-color": r,
...i,
asChild: !1,
ref: t,
className: (0, Y.default)("rt-BaseTabList", "rt-TabsList", n)
});
});
sr.displayName = "Tabs.List";
var cr = P.forwardRef((e, t) => {
let { className: n, children: r, ...i } = e;
return P.createElement(un, {
...i,
asChild: !1,
ref: t,
className: (0, Y.default)("rt-reset", "rt-BaseTabListTrigger", "rt-TabsTrigger", n)
}, P.createElement("span", { className: "rt-BaseTabListTriggerInner rt-TabsTriggerInner" }, r), P.createElement("span", { className: "rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden" }, r));
});
cr.displayName = "Tabs.Trigger";
var lr = P.forwardRef((e, t) => {
let { className: n, ...r } = T(e, x);
return P.createElement(dn, {
...r,
ref: t,
className: (0, Y.default)("rt-TabsContent", n)
});
});
lr.displayName = "Tabs.Content";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@19.2.7/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js
function ur(e, t) {
if (e == null) return {};
var n = {}, r = Object.keys(e), i, a;
for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
return n;
}
var dr = ["color"], fr = /*#__PURE__*/ (0, P.forwardRef)(function(e, t) {
var n = e.color, r = n === void 0 ? "currentColor" : n, i = ur(e, dr);
return (0, P.createElement)("svg", Object.assign({
width: "15",
height: "15",
viewBox: "0 0 15 15",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, i, { ref: t }), (0, P.createElement)("path", {
d: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
fill: r,
fillRule: "evenodd",
clipRule: "evenodd"
}));
}), pr = ["color"], mr = /*#__PURE__*/ (0, P.forwardRef)(function(e, t) {
var n = e.color, r = n === void 0 ? "currentColor" : n, i = ur(e, pr);
return (0, P.createElement)("svg", Object.assign({
width: "15",
height: "15",
viewBox: "0 0 15 15",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, i, { ref: t }), (0, P.createElement)("path", {
d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",
fill: r,
fillRule: "evenodd",
clipRule: "evenodd"
}));
});
//#endregion
//#region ../debug/src/lib/format-console-args.ts
function hr(e) {
let t = e[0];
if (typeof t != "string" || !t.includes("%")) return {
segments: [],
trailing: e
};
let n = [], r = {}, i = "", a = 1, o = 0, s = () => {
i.length > 0 && (n.push({
text: i,
style: r
}), i = "");
};
for (; o < t.length;) {
let n = t[o];
if (n !== "%" || o === t.length - 1) {
i += n, o++;
continue;
}
switch (t[o + 1]) {
case "c": {
s();
let t = e[a++];
r = typeof t == "string" ? gr(t) : {}, o += 2;
break;
}
case "s":
var c;
i += String((c = e[a++]) == null ? "" : c), o += 2;
break;
case "d":
case "i": {
let t = Number(e[a++]);
i += Number.isNaN(t) ? "NaN" : String(Math.trunc(t)), o += 2;
break;
}
case "f":
i += String(Number(e[a++])), o += 2;
break;
case "o":
case "O": {
let t = e[a++];
try {
i += JSON.stringify(t);
} catch {
i += String(t);
}
o += 2;
break;
}
case "%":
i += "%", o += 2;
break;
default: i += n, o++;
}
}
return s(), {
segments: n,
trailing: e.slice(a)
};
}
function gr(e) {
let t = {};
for (let n of e.split(";")) {
let e = n.indexOf(":");
if (e === -1) continue;
let r = n.slice(0, e).trim(), i = n.slice(e + 1).trim();
if (!r || !i) continue;
let a = r.replace(/-([a-z])/g, (e, t) => t.toUpperCase());
t[a] = i;
}
return t;
}
//#endregion
//#region ../debug/src/lib/use-log-buffer.ts
function _r() {
return (0, P.useSyncExternalStore)(n, t, t);
}
//#endregion
//#region ../debug/src/lib/ui/log-tab.tsx
var vr = () => {
let e = _r();
return /* @__PURE__ */ (0, F.jsxs)(Q, {
pt: "20px",
children: [/* @__PURE__ */ (0, F.jsxs)(w, {
justify: "between",
align: "center",
mb: "3",
children: [/* @__PURE__ */ (0, F.jsxs)(Q, { children: [
e.length,
" ",
e.length === 1 ? "entry" : "entries"
] }), /* @__PURE__ */ (0, F.jsx)($, {
size: "1",
variant: "soft",
onClick: r,
disabled: e.length === 0,
children: "Clear"
})]
}), e.length === 0 ? /* @__PURE__ */ (0, F.jsxs)(Hn, { children: [/* @__PURE__ */ (0, F.jsx)(Un, { children: /* @__PURE__ */ (0, F.jsx)(mr, {}) }), /* @__PURE__ */ (0, F.jsx)(Wn, { children: "No logs yet — console.log / info / warn / error calls will appear here." })] }) : e.map((e, t) => /* @__PURE__ */ (0, F.jsx)(br, { entry: e }, t))]
});
}, yr = {
log: void 0,
debug: "gray",
info: "blue",
warn: "amber",
error: "red"
}, br = ({ entry: e }) => {
let { segments: t, trailing: n } = hr(e.args);
return /* @__PURE__ */ (0, F.jsxs)(Q, {
mb: "1",
style: {
fontFamily: "monospace",
fontSize: 12,
whiteSpace: "pre-wrap",
wordBreak: "break-word"
},
children: [
/* @__PURE__ */ (0, F.jsx)(Jn, {
size: "1",
variant: "ghost",
children: Sr(e.ts)
}),
" ",
/* @__PURE__ */ (0, F.jsxs)(Jn, {
size: "1",
variant: "ghost",
color: yr[e.level],
children: [
"[",
e.level,
"]"
]
}),
" ",
t.length > 0 ? xr(t, n) : e.args.map((e, t) => /* @__PURE__ */ (0, F.jsxs)("span", { children: [t > 0 ? " " : "", Cr(e)] }, t))
]
});
};
function xr(e, t) {
return /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [e.map((e, t) => /* @__PURE__ */ (0, F.jsx)("span", {
style: e.style,
children: e.text
}, t)), t.map((e, t) => /* @__PURE__ */ (0, F.jsxs)("span", { children: [" ", Cr(e)] }, `t-${t}`))] });
}
function Sr(e) {
return new Date(e).toISOString().slice(11, 23);
}
function Cr(e) {
if (typeof e == "string") return e;
if (e instanceof Error) return `${e.name}: ${e.message}`;
try {
return JSON.stringify(e);
} catch {
return String(e);
}
}
//#endregion
//#region ../debug/src/lib/ui/settings-list.tsx
var wr = () => (a(), [...o].sort((e, t) => e.key.localeCompare(t.key)).map(({ key: e, Editor: t }) => /* @__PURE__ */ (0, F.jsx)(P.Suspense, {
fallback: /* @__PURE__ */ (0, F.jsx)(ir, { height: "60px" }),
children: /* @__PURE__ */ (0, F.jsx)(t, {})
}, e))), Tr = () => /* @__PURE__ */ (0, F.jsxs)(Q, {
pt: "20px",
children: [
/* @__PURE__ */ (0, F.jsx)(Q, {
mb: "20px",
children: /* @__PURE__ */ (0, F.jsxs)(Hn, { children: [/* @__PURE__ */ (0, F.jsx)(Un, { children: /* @__PURE__ */ (0, F.jsx)(mr, {}) }), /* @__PURE__ */ (0, F.jsx)(Wn, { children: "These settings will persist across page reloads in your browser." })] })
}),
/* @__PURE__ */ (0, F.jsx)(wr, {}),
/* @__PURE__ */ (0, F.jsxs)(w, {
gap: "3",
mt: "40px",
justify: "center",
wrap: "wrap",
children: [/* @__PURE__ */ (0, F.jsx)($, {
onClick: () => {
window.location.reload();
},
children: "Reload with the applied changes"
}), /* @__PURE__ */ (0, F.jsxs)(_n, { children: [/* @__PURE__ */ (0, F.jsx)(vn, { children: /* @__PURE__ */ (0, F.jsx)($, {
color: "red",
children: "Reset all and reload"
}) }), /* @__PURE__ */ (0, F.jsxs)(yn, {
maxWidth: "450px",
children: [
/* @__PURE__ */ (0, F.jsx)(bn, { children: "Reset all and reload" }),
/* @__PURE__ */ (0, F.jsx)(xn, {
size: "2",
children: "This will reset all settings, disable debug mode, and reload the page."
}),
/* @__PURE__ */ (0, F.jsxs)(w, {
gap: "3",
mt: "4",
justify: "end",
children: [/* @__PURE__ */ (0, F.jsx)(Cn, { children: /* @__PURE__ */ (0, F.jsx)($, {
variant: "soft",
color: "gray",
children: "Cancel"
}) }), /* @__PURE__ */ (0, F.jsx)(Sn, { children: /* @__PURE__ */ (0, F.jsx)($, {
variant: "solid",
color: "red",
onClick: () => {
s(), window.location.reload();
},
children: "Reset all and reload"
}) })]
})
]
})] })]
})
]
}), Er = ({ onClose: e }) => /* @__PURE__ */ (0, F.jsxs)(or, {
defaultValue: "settingsTab",
children: [
/* @__PURE__ */ (0, F.jsxs)(sr, { children: [
/* @__PURE__ */ (0, F.jsx)(cr, {
value: "settingsTab",
children: "Settings"
}),
/* @__PURE__ */ (0, F.jsx)(cr, {
value: "logTab",
children: "Log"
}),
/* @__PURE__ */ (0, F.jsxs)($, {
ml: "auto",
variant: "soft",
mt: "3px",
color: "gray",
onClick: e,
children: [/* @__PURE__ */ (0, F.jsx)(fr, {
width: "16",
height: "16"
}), " Close"]
})
] }),
/* @__PURE__ */ (0, F.jsx)(lr, {
value: "settingsTab",
children: /* @__PURE__ */ (0, F.jsx)(Tr, {})
}),
/* @__PURE__ */ (0, F.jsx)(lr, {
value: "logTab",
children: /* @__PURE__ */ (0, F.jsx)(vr, {})
})
]
}), Dr = ({ onClose: e }) => /* @__PURE__ */ (0, F.jsx)(ue, {
appearance: "dark",
style: {
backgroundColor: "rgba(0, 0, 0, 0.9)",
position: "fixed",
top: 0,
right: 0,
width: "100vw",
height: "100dvh",
overflowY: "auto"
},
children: /* @__PURE__ */ (0, F.jsx)(tr, {
size: "4",
px: "2",
children: /* @__PURE__ */ (0, F.jsx)(Er, { onClose: e })
})
});
//#endregion
export { Dr as DebugOverlay };
;/* vite-per-chunk-css */
__vite_inject_css__(":root,.light,.light-theme{--gray-1:#fcfcfc;--gray-2:#f9f9f9;--gray-3:#f0f0f0;--gray-4:#e8e8e8;--gray-5:#e0e0e0;--gray-6:#d9d9d9;--gray-7:#cecece;--gray-8:#bbb;--gray-9:#8d8d8d;--gray-10:#838383;--gray-11:#646464;--gray-12:#202020;--gray-a1:#00000003;--gray-a2:#00000006;--gray-a3:#0000000f;--gray-a4:#00000017;--gray-a5:#0000001f;--gray-a6:#00000026;--gray-a7:#00000031;--gray-a8:#0004;--gray-a9:#00000072;--gray-a10:#0000007c;--gray-a11:#0000009b;--gray-a12:#000000df;--mauve-1:#fdfcfd;--mauve-2:#faf9fb;--mauve-3:#f2eff3;--mauve-4:#eae7ec;--mauve-5:#e3dfe6;--mauve-6:#dbd8e0;--mauve-7:#d0cdd7;--mauve-8:#bcbac7;--mauve-9:#8e8c99;--mauve-10:#84828e;--mauve-11:#65636d;--mauve-12:#211f26;--mauve-a1:#55005503;--mauve-a2:#2b005506;--mauve-a3:#30004010;--mauve-a4:#20003618;--mauve-a5:#20003820;--mauve-a6:#14003527;--mauve-a7:#10003332;--mauve-a8:#08003145;--mauve-a9:#05001d73;--mauve-a10:#0500197d;--mauve-a11:#0400119c;--mauve-a12:#020008e0;--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024;--slate-a1:#00005503;--slate-a2:#00005506;--slate-a3:#0000330f;--slate-a4:#00002d17;--slate-a5:#0009321f;--slate-a6:#00002f26;--slate-a7:#00062e32;--slate-a8:#00083046;--slate-a9:#00051d74;--slate-a10:#00071b7f;--slate-a11:#0007149f;--slate-a12:#000509e3;--sage-1:#fbfdfc;--sage-2:#f7f9f8;--sage-3:#eef1f0;--sage-4:#e6e9e8;--sage-5:#dfe2e0;--sage-6:#d7dad9;--sage-7:#cbcfcd;--sage-8:#b8bcba;--sage-9:#868e8b;--sage-10:#7c8481;--sage-11:#5f6563;--sage-12:#1a211e;--sage-a1:#00804004;--sage-a2:#00402008;--sage-a3:#002d1e11;--sage-a4:#001f1519;--sage-a5:#00180820;--sage-a6:#00140d28;--sage-a7:#00140a34;--sage-a8:#000f0847;--sage-a9:#00110b79;--sage-a10:#00100a83;--sage-a11:#000a07a0;--sage-a12:#000805e5;--olive-1:#fcfdfc;--olive-2:#f8faf8;--olive-3:#eff1ef;--olive-4:#e7e9e7;--olive-5:#dfe2df;--olive-6:#d7dad7;--olive-7:#cccfcc;--olive-8:#b9bcb8;--olive-9:#898e87;--olive-10:#7f847d;--olive-11:#60655f;--olive-12:#1d211c;--olive-a1:#00550003;--olive-a2:#00490007;--olive-a3:#00200010;--olive-a4:#00160018;--olive-a5:#00180020;--olive-a6:#00140028;--olive-a7:#000f0033;--olive-a8:#040f0047;--olive-a9:#050f0078;--olive-a10:#040e0082;--olive-a11:#020a00a0;--olive-a12:#010600e3;--sand-1:#fdfdfc;--sand-2:#f9f9f8;--sand-3:#f1f0ef;--sand-4:#e9e8e6;--sand-5:#e2e1de;--sand-6:#dad9d6;--sand-7:#cfceca;--sand-8:#bcbbb5;--sand-9:#8d8d86;--sand-10:#82827c;--sand-11:#63635e;--sand-12:#21201c;--sand-a1:#55550003;--sand-a2:#25250007;--sand-a3:#20100010;--sand-a4:#1f150019;--sand-a5:#1f180021;--sand-a6:#19130029;--sand-a7:#19140035;--sand-a8:#1915014a;--sand-a9:#0f0f0079;--sand-a10:#0c0c0083;--sand-a11:#080800a1;--sand-a12:#060500e3;--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422;--amber-a1:#c0800004;--amber-a2:#f4d10016;--amber-a3:#ffde003d;--amber-a4:#ffd40063;--amber-a5:#f8cf0088;--amber-a6:#eab5008c;--amber-a7:#dc9b009d;--amber-a8:#da8a00c9;--amber-a9:#ffb300c2;--amber-a10:#ffb300e7;--amber-a11:#ab6400;--amber-a12:#341500dd;--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264;--blue-a1:#0080ff04;--blue-a2:#008cff0b;--blue-a3:#008ff519;--blue-a4:#009eff2a;--blue-a5:#0093ff3d;--blue-a6:#0088f653;--blue-a7:#0083eb71;--blue-a8:#0084e6a1;--blue-a9:#0090ff;--blue-a10:#0086f0fa;--blue-a11:#006dcbf2;--blue-a12:#002359ee;--bronze-1:#fdfcfc;--bronze-2:#fdf7f5;--bronze-3:#f6edea;--bronze-4:#efe4df;--bronze-5:#e7d9d3;--bronze-6:#dfcdc5;--bronze-7:#d3bcb3;--bronze-8:#c2a499;--bronze-9:#a18072;--bronze-10:#957468;--bronze-11:#7d5e54;--bronze-12:#43302b;--bronze-a1:#55000003;--bronze-a2:#cc33000a;--bronze-a3:#92250015;--bronze-a4:#80280020;--bronze-a5:#7423002c;--bronze-a6:#7324003a;--bronze-a7:#6c1f004c;--bronze-a8:#671c0066;--bronze-a9:#551a008d;--bronze-a10:#4c150097;--bronze-a11:#3d0f00ab;--bronze-a12:#1d0600d4;--brown-1:#fefdfc;--brown-2:#fcf9f6;--brown-3:#f6eee7;--brown-4:#f0e4d9;--brown-5:#ebdaca;--brown-6:#e4cdb7;--brown-7:#dcbc9f;--brown-8:#cea37e;--brown-9:#ad7f58;--brown-10:#a07553;--brown-11:#815e46;--brown-12:#3e332e;--brown-a1:#aa550003;--brown-a2:#aa550009;--brown-a3:#a04b0018;--brown-a4:#9b4a0026;--brown-a5:#9f4d0035;--brown-a6:#a04e0048;--brown-a7:#a34e0060;--brown-a8:#9f4a0081;--brown-a9:#823c00a7;--brown-a10:#723300ac;--brown-a11:#522100b9;--brown-a12:#140600d1;--crimson-1:#fffcfd;--crimson-2:#fef7f9;--crimson-3:#ffe9f0;--crimson-4:#fedce7;--crimson-5:#facedd;--crimson-6:#f3bed1;--crimson-7:#eaacc3;--crimson-8:#e093b2;--crimson-9:#e93d82;--crimson-10:#df3478;--crimson-11:#cb1d63;--crimson-12:#621639;--crimson-a1:#ff005503;--crimson-a2:#e0004008;--crimson-a3:#ff005216;--crimson-a4:#f8005123;--crimson-a5:#e5004f31;--crimson-a6:#d0004b41;--crimson-a7:#bf004753;--crimson-a8:#b6004a6c;--crimson-a9:#e2005bc2;--crimson-a10:#d70056cb;--crimson-a11:#c4004fe2;--crimson-a12:#530026e9;--cyan-1:#fafdfe;--cyan-2:#f2fafb;--cyan-3:#def7f9;--cyan-4:#caf1f6;--cyan-5:#b5e9f0;--cyan-6:#9ddde7;--cyan-7:#7dcedc;--cyan-8:#3db9cf;--cyan-9:#00a2c7;--cyan-10:#0797b9;--cyan-11:#107d98;--cyan-12:#0d3c48;--cyan-a1:#0099cc05;--cyan-a2:#009db10d;--cyan-a3:#00c2d121;--cyan-a4:#00bcd435;--cyan-a5:#01b4cc4a;--cyan-a6:#00a7c162;--cyan-a7:#009fbb82;--cyan-a8:#00a3c0c2;--cyan-a9:#00a2c7;--cyan-a10:#0094b7f8;--cyan-a11:#007491ef;--cyan-a12:#00323ef2;--gold-1:#fdfdfc;--gold-2:#faf9f2;--gold-3:#f2f0e7;--gold-4:#eae6db;--gold-5:#e1dc