@expofp/floorplan
Version:
Interactive floor plan library for expos and events
1,455 lines (1,449 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.20.0" };
var t = new e.Error().stack;
t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "0e8006b9-cde3-485e-bf89-ca4f05fa0727", e._sentryDebugIdIdentifier = "sentry-dbid-0e8006b9-cde3-485e-bf89-ca4f05fa0727");
} catch {}
})();
import { r as e } from "./rolldown-runtime-7-Wh3Cc7.js";
import { n as t, r as n, t as r } from "./efp-debug-init-CHsd9_cw.js";
import { t as i } from "./react-lDheuaid.js";
import { n as a, o, t as s } from "./adopt-global-settings-BcaNagH6.js";
import { t as c } from "./jsx-runtime-BRhWrtmW.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 C, r as w, s as ee, t as T, u as E, w as D, x as O, y as te } from "./flex-CjUEJCJL.js";
import { a as ne, i as k, n as A, o as j, s as M } from "./dist-D2vwS61f.js";
import { _ as N, c as re, d as ie, f as ae, g as P, h as oe, l as se, m as ce, n as le, p as ue, u as de, v as fe, y as pe } from "./theme-B72VWXzW.js";
import { t as me } from "./classnames-DuZoMrrx.js";
//#region ../debug/src/lib/settings/reset-all-settings.ts
var F = /* @__PURE__ */ e(i(), 1), I = c();
function he() {
o.forEach((e) => e.reset());
}
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_81faf5e47e55f6463040512a83faa842/node_modules/@radix-ui/react-dialog/dist/index.mjs
var L = "Dialog", [ge, _e] = j(L), [ve, R] = ge(L), ye = (e) => {
let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = F.useRef(null), c = F.useRef(null), [l, u] = A({
prop: r,
defaultProp: i != null && i,
onChange: a,
caller: L
});
return /* @__PURE__ */ (0, I.jsx)(ve, {
scope: t,
triggerRef: s,
contentRef: c,
contentId: P(),
titleId: P(),
descriptionId: P(),
open: l,
onOpenChange: u,
onOpenToggle: F.useCallback(() => u((e) => !e), [u]),
modal: o,
children: n
});
};
ye.displayName = L;
var be = "DialogTrigger", xe = F.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = R(be, n), a = d(t, i.triggerRef);
return /* @__PURE__ */ (0, I.jsx)(M.button, {
type: "button",
"aria-haspopup": "dialog",
"aria-expanded": i.open,
"aria-controls": i.contentId,
"data-state": U(i.open),
...r,
ref: a,
onClick: k(e.onClick, i.onOpenToggle)
});
});
xe.displayName = be;
var z = "DialogPortal", [Se, Ce] = ge(z, { forceMount: void 0 }), we = (e) => {
let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = R(z, t);
return /* @__PURE__ */ (0, I.jsx)(Se, {
scope: t,
forceMount: n,
children: F.Children.map(r, (e) => /* @__PURE__ */ (0, I.jsx)(N, {
present: n || a.open,
children: /* @__PURE__ */ (0, I.jsx)(ie, {
asChild: !0,
container: i,
children: e
})
}))
});
};
we.displayName = z;
var B = "DialogOverlay", Te = F.forwardRef((e, t) => {
let n = Ce(B, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = R(B, e.__scopeDialog);
return a.modal ? /* @__PURE__ */ (0, I.jsx)(N, {
present: r || a.open,
children: /* @__PURE__ */ (0, I.jsx)(De, {
...i,
ref: t
})
}) : null;
});
Te.displayName = B;
var Ee = p("DialogOverlay.RemoveScroll"), De = F.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = R(B, n);
return /* @__PURE__ */ (0, I.jsx)(se, {
as: Ee,
allowPinchZoom: !0,
shards: [i.contentRef],
children: /* @__PURE__ */ (0, I.jsx)(M.div, {
"data-state": U(i.open),
...r,
ref: t,
style: {
pointerEvents: "auto",
...r.style
}
})
});
}), V = "DialogContent", Oe = F.forwardRef((e, t) => {
let n = Ce(V, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = R(V, e.__scopeDialog);
return /* @__PURE__ */ (0, I.jsx)(N, {
present: r || a.open,
children: a.modal ? /* @__PURE__ */ (0, I.jsx)(ke, {
...i,
ref: t
}) : /* @__PURE__ */ (0, I.jsx)(Ae, {
...i,
ref: t
})
});
});
Oe.displayName = V;
var ke = F.forwardRef((e, t) => {
let n = R(V, e.__scopeDialog), r = F.useRef(null), i = d(t, n.contentRef, r);
return F.useEffect(() => {
let e = r.current;
if (e) return re(e);
}, []), /* @__PURE__ */ (0, I.jsx)(je, {
...e,
ref: i,
trapFocus: n.open,
disableOutsidePointerEvents: !0,
onCloseAutoFocus: k(e.onCloseAutoFocus, (e) => {
var t;
e.preventDefault(), (t = n.triggerRef.current) == null || t.focus();
}),
onPointerDownOutside: k(e.onPointerDownOutside, (e) => {
let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
(t.button === 2 || n) && e.preventDefault();
}),
onFocusOutside: k(e.onFocusOutside, (e) => e.preventDefault())
});
}), Ae = F.forwardRef((e, t) => {
let n = R(V, e.__scopeDialog), r = F.useRef(!1), i = F.useRef(!1);
return /* @__PURE__ */ (0, I.jsx)(je, {
...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();
}
});
}), je = F.forwardRef((e, t) => {
let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, ...o } = e, s = R(V, n), c = F.useRef(null), l = d(t, c);
return de(), /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [/* @__PURE__ */ (0, I.jsx)(ae, {
asChild: !0,
loop: !0,
trapped: r,
onMountAutoFocus: i,
onUnmountAutoFocus: a,
children: /* @__PURE__ */ (0, I.jsx)(ue, {
role: "dialog",
id: s.contentId,
"aria-describedby": s.descriptionId,
"aria-labelledby": s.titleId,
"data-state": U(s.open),
...o,
ref: l,
onDismiss: () => s.onOpenChange(!1)
})
}), /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [/* @__PURE__ */ (0, I.jsx)(Be, { titleId: s.titleId }), /* @__PURE__ */ (0, I.jsx)(He, {
contentRef: c,
descriptionId: s.descriptionId
})] })] });
}), H = "DialogTitle", Me = F.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = R(H, n);
return /* @__PURE__ */ (0, I.jsx)(M.h2, {
id: i.titleId,
...r,
ref: t
});
});
Me.displayName = H;
var Ne = "DialogDescription", Pe = F.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = R(Ne, n);
return /* @__PURE__ */ (0, I.jsx)(M.p, {
id: i.descriptionId,
...r,
ref: t
});
});
Pe.displayName = Ne;
var Fe = "DialogClose", Ie = F.forwardRef((e, t) => {
let { __scopeDialog: n, ...r } = e, i = R(Fe, n);
return /* @__PURE__ */ (0, I.jsx)(M.button, {
type: "button",
...r,
ref: t,
onClick: k(e.onClick, () => i.onOpenChange(!1))
});
});
Ie.displayName = Fe;
function U(e) {
return e ? "open" : "closed";
}
var Le = "DialogTitleWarning", [Re, ze] = ne(Le, {
contentName: V,
titleName: H,
docsSlug: "dialog"
}), Be = ({ titleId: e }) => {
let t = ze(Le), 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 F.useEffect(() => {
e && (document.getElementById(e) || console.error(n));
}, [n, e]), null;
}, Ve = "DialogDescriptionWarning", He = ({ contentRef: e, descriptionId: t }) => {
let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ze(Ve).contentName}}.`;
return F.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;
}, Ue = ye, We = xe, Ge = we, Ke = Te, qe = Oe, Je = Me, Ye = Pe, Xe = Ie, Ze = "AlertDialog", [Qe, $e] = j(Ze, [_e]), W = _e(), et = (e) => {
let { __scopeAlertDialog: t, ...n } = e, r = W(t);
return /* @__PURE__ */ (0, I.jsx)(Ue, {
...r,
...n,
modal: !0
});
};
et.displayName = Ze;
var tt = "AlertDialogTrigger", nt = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = W(n);
return /* @__PURE__ */ (0, I.jsx)(We, {
...i,
...r,
ref: t
});
});
nt.displayName = tt;
var rt = "AlertDialogPortal", it = (e) => {
let { __scopeAlertDialog: t, ...n } = e, r = W(t);
return /* @__PURE__ */ (0, I.jsx)(Ge, {
...r,
...n
});
};
it.displayName = rt;
var at = "AlertDialogOverlay", ot = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = W(n);
return /* @__PURE__ */ (0, I.jsx)(Ke, {
...i,
...r,
ref: t
});
});
ot.displayName = at;
var G = "AlertDialogContent", [st, ct] = Qe(G), lt = u("AlertDialogContent"), ut = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, children: r, ...i } = e, a = W(n), o = F.useRef(null), s = d(t, o), c = F.useRef(null);
return /* @__PURE__ */ (0, I.jsx)(Re, {
contentName: G,
titleName: dt,
docsSlug: "alert-dialog",
children: /* @__PURE__ */ (0, I.jsx)(st, {
scope: n,
cancelRef: c,
children: /* @__PURE__ */ (0, I.jsxs)(qe, {
role: "alertdialog",
...a,
...i,
ref: s,
onOpenAutoFocus: k(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, I.jsx)(lt, { children: r }), /* @__PURE__ */ (0, I.jsx)(yt, { contentRef: o })]
})
})
});
});
ut.displayName = G;
var dt = "AlertDialogTitle", ft = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = W(n);
return /* @__PURE__ */ (0, I.jsx)(Je, {
...i,
...r,
ref: t
});
});
ft.displayName = dt;
var pt = "AlertDialogDescription", mt = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = W(n);
return /* @__PURE__ */ (0, I.jsx)(Ye, {
...i,
...r,
ref: t
});
});
mt.displayName = pt;
var ht = "AlertDialogAction", gt = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, i = W(n);
return /* @__PURE__ */ (0, I.jsx)(Xe, {
...i,
...r,
ref: t
});
});
gt.displayName = ht;
var _t = "AlertDialogCancel", vt = F.forwardRef((e, t) => {
let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = ct(_t, n), a = W(n), o = d(t, i);
return /* @__PURE__ */ (0, I.jsx)(Xe, {
...a,
...r,
ref: o
});
});
vt.displayName = _t;
var yt = ({ contentRef: e }) => {
let t = `\`${G}\` requires a description for the component to be accessible for screen reader users.
You can add a description to the \`${G}\` by passing a \`${pt}\` 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 \`${G}\`. 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 F.useEffect(() => {
var n;
document.getElementById((n = e.current) == null ? void 0 : n.getAttribute("aria-describedby")) || console.warn(t);
}, [t, e]), null;
}, bt = et, xt = nt, St = it, Ct = ot, wt = ut, Tt = gt, Et = vt, Dt = ft, Ot = mt, K = "rovingFocusGroup.onEntryFocus", kt = {
bubbles: !1,
cancelable: !0
}, q = "RovingFocusGroup", [J, At, jt] = fe(q), [Mt, Nt] = j(q, [jt]), [Pt, Ft] = Mt(q), It = F.forwardRef((e, t) => /* @__PURE__ */ (0, I.jsx)(J.Provider, {
scope: e.__scopeRovingFocusGroup,
children: /* @__PURE__ */ (0, I.jsx)(J.Slot, {
scope: e.__scopeRovingFocusGroup,
children: /* @__PURE__ */ (0, I.jsx)(Lt, {
...e,
ref: t
})
})
}));
It.displayName = q;
var Lt = F.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 = F.useRef(null), m = d(t, p), h = oe(a), [g, _] = A({
prop: o,
defaultProp: s == null ? null : s,
onChange: c,
caller: q
}), [v, y] = F.useState(!1), b = ce(l), x = At(n), S = F.useRef(!1), [C, w] = F.useState(0);
return F.useEffect(() => {
let e = p.current;
if (e) return e.addEventListener(K, b), () => e.removeEventListener(K, b);
}, [b]), /* @__PURE__ */ (0, I.jsx)(Pt, {
scope: n,
orientation: r,
dir: h,
loop: i,
currentTabStopId: g,
onItemFocus: F.useCallback((e) => _(e), [_]),
onItemShiftTab: F.useCallback(() => y(!0), []),
onFocusableItemAdd: F.useCallback(() => w((e) => e + 1), []),
onFocusableItemRemove: F.useCallback(() => w((e) => e - 1), []),
children: /* @__PURE__ */ (0, I.jsx)(M.div, {
tabIndex: v || C === 0 ? -1 : 0,
"data-orientation": r,
...f,
ref: m,
style: {
outline: "none",
...e.style
},
onMouseDown: k(e.onMouseDown, () => {
S.current = !0;
}),
onFocus: k(e.onFocus, (e) => {
let t = !S.current;
if (e.target === e.currentTarget && t && !v) {
let t = new CustomEvent(K, kt);
if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
let e = x().filter((e) => e.focusable);
Ut([
e.find((e) => e.active),
e.find((e) => e.id === g),
...e
].filter(Boolean).map((e) => e.ref.current), u);
}
}
S.current = !1;
}),
onBlur: k(e.onBlur, () => y(!1))
})
});
}), Rt = "RovingFocusGroupItem", zt = F.forwardRef((e, t) => {
let { __scopeRovingFocusGroup: n, focusable: r = !0, active: i = !1, tabStopId: a, children: o, ...s } = e, c = P(), l = a || c, u = Ft(Rt, n), d = u.currentTabStopId === l, f = At(n), { onFocusableItemAdd: p, onFocusableItemRemove: m, currentTabStopId: h } = u;
return F.useEffect(() => {
if (r) return p(), () => m();
}, [
r,
p,
m
]), /* @__PURE__ */ (0, I.jsx)(J.ItemSlot, {
scope: n,
id: l,
focusable: r,
active: i,
children: /* @__PURE__ */ (0, I.jsx)(M.span, {
tabIndex: d ? 0 : -1,
"data-orientation": u.orientation,
...s,
ref: t,
onMouseDown: k(e.onMouseDown, (e) => {
r ? u.onItemFocus(l) : e.preventDefault();
}),
onFocus: k(e.onFocus, () => u.onItemFocus(l)),
onKeyDown: k(e.onKeyDown, (e) => {
if (e.key === "Tab" && e.shiftKey) {
u.onItemShiftTab();
return;
}
if (e.target !== e.currentTarget) return;
let t = Ht(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 ? Wt(n, r + 1) : n.slice(r + 1);
}
setTimeout(() => Ut(n));
}
}),
children: typeof o == "function" ? o({
isCurrentTabStop: d,
hasTabStop: h != null
}) : o
})
});
});
zt.displayName = Rt;
var Bt = {
ArrowLeft: "prev",
ArrowUp: "prev",
ArrowRight: "next",
ArrowDown: "next",
PageUp: "first",
Home: "first",
PageDown: "last",
End: "last"
};
function Vt(e, t) {
return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
}
function Ht(e, t, n) {
let r = Vt(e.key, n);
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return Bt[r];
}
function Ut(e, t = !1) {
let n = document.activeElement;
for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
}
function Wt(e, t) {
return e.map((n, r) => e[(t + r) % e.length]);
}
var Gt = It, Kt = zt, Y = "Tabs", [qt, Jt] = j(Y, [Nt]), Yt = Nt(), [Xt, X] = qt(Y), Zt = F.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, onValueChange: i, defaultValue: a, orientation: o = "horizontal", dir: s, activationMode: c = "automatic", ...l } = e, u = oe(s), [d, f] = A({
prop: r,
onChange: i,
defaultProp: a == null ? "" : a,
caller: Y
});
return /* @__PURE__ */ (0, I.jsx)(Xt, {
scope: n,
baseId: P(),
value: d,
onValueChange: f,
orientation: o,
dir: u,
activationMode: c,
children: /* @__PURE__ */ (0, I.jsx)(M.div, {
dir: u,
"data-orientation": o,
...l,
ref: t
})
});
});
Zt.displayName = Y;
var Qt = "TabsList", $t = F.forwardRef((e, t) => {
let { __scopeTabs: n, loop: r = !0, ...i } = e, a = X(Qt, n), o = Yt(n);
return /* @__PURE__ */ (0, I.jsx)(Gt, {
asChild: !0,
...o,
orientation: a.orientation,
dir: a.dir,
loop: r,
children: /* @__PURE__ */ (0, I.jsx)(M.div, {
role: "tablist",
"aria-orientation": a.orientation,
...i,
ref: t
})
});
});
$t.displayName = Qt;
var en = "TabsTrigger", tn = F.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, disabled: i = !1, ...a } = e, o = X(en, n), s = Yt(n), c = an(o.baseId, r), l = on(o.baseId, r), u = r === o.value;
return /* @__PURE__ */ (0, I.jsx)(Kt, {
asChild: !0,
...s,
focusable: !i,
active: u,
children: /* @__PURE__ */ (0, I.jsx)(M.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: k(e.onMouseDown, (e) => {
!i && e.button === 0 && e.ctrlKey === !1 ? o.onValueChange(r) : e.preventDefault();
}),
onKeyDown: k(e.onKeyDown, (e) => {
[" ", "Enter"].includes(e.key) && o.onValueChange(r);
}),
onFocus: k(e.onFocus, () => {
let e = o.activationMode !== "manual";
!u && !i && e && o.onValueChange(r);
})
})
});
});
tn.displayName = en;
var nn = "TabsContent", rn = F.forwardRef((e, t) => {
let { __scopeTabs: n, value: r, forceMount: i, children: a, ...o } = e, s = X(nn, n), c = an(s.baseId, r), l = on(s.baseId, r), u = r === s.value, d = F.useRef(u);
return F.useEffect(() => {
let e = requestAnimationFrame(() => d.current = !1);
return () => cancelAnimationFrame(e);
}, []), /* @__PURE__ */ (0, I.jsx)(N, {
present: i || u,
children: ({ present: n }) => /* @__PURE__ */ (0, I.jsx)(M.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
})
});
});
rn.displayName = nn;
function an(e, t) {
return `${e}-trigger-${t}`;
}
function on(e, t) {
return `${e}-content-${t}`;
}
var sn = Zt, cn = $t, ln = tn, un = rn, dn = [
"1",
"2",
"3",
"4"
], fn = {
...l,
align: {
type: "enum",
className: "rt-r-align",
values: ["start", "center"],
default: "center"
},
size: {
type: "enum",
className: "rt-r-size",
values: dn,
default: "3",
responsive: !0
},
width: f.width,
minWidth: f.minWidth,
maxWidth: {
...f.maxWidth,
default: "600px"
},
...O
}, pn = [
"span",
"div",
"label",
"p"
], mn = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9"
], hn = {
as: {
type: "enum",
values: pn,
default: "span"
},
...l,
size: {
type: "enum",
className: "rt-r-size",
values: mn,
responsive: !0
},
..._,
...S,
...b,
...v,
...C,
...te,
...y
}, Z = /* @__PURE__ */ e(me()), gn = F.forwardRef((e, t) => {
let { children: n, className: r, asChild: i, as: a = "span", color: o, ...s } = E(e, hn, x);
return F.createElement(D, {
"data-accent-color": o,
...s,
ref: t,
className: (0, Z.default)("rt-Text", r)
}, i ? n : F.createElement(a, null, n));
});
gn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/helpers/require-react-element.js
var _n = (e) => {
if (!F.isValidElement(e)) throw Error(`Expected a single React Element child, but got: ${F.Children.toArray(e).map((e) => typeof e == "object" && "type" in e && typeof e.type == "string" ? e.type : typeof e).join(", ")}`);
return e;
}, vn = (e) => F.createElement(bt, { ...e });
vn.displayName = "AlertDialog.Root";
var yn = F.forwardRef(({ children: e, ...t }, n) => F.createElement(xt, {
...t,
ref: n,
asChild: !0
}, _n(e)));
yn.displayName = "AlertDialog.Trigger";
var bn = F.forwardRef(({ align: e, ...t }, n) => {
let { align: r, ...i } = fn, { className: a } = E({ align: e }, { align: r }), { className: o, forceMount: s, container: c, ...l } = E(t, i);
return F.createElement(St, {
container: c,
forceMount: s
}, F.createElement(le, { asChild: !0 }, F.createElement(Ct, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, F.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, F.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${a}` }, F.createElement(wt, {
...l,
ref: n,
className: (0, Z.default)("rt-BaseDialogContent", "rt-AlertDialogContent", o)
}))))));
});
bn.displayName = "AlertDialog.Content";
var xn = F.forwardRef((e, t) => F.createElement(Dt, { asChild: !0 }, F.createElement(g, {
size: "5",
mb: "3",
trim: "start",
...e,
asChild: !1,
ref: t
})));
xn.displayName = "AlertDialog.Title";
var Sn = F.forwardRef((e, t) => F.createElement(Ot, { asChild: !0 }, F.createElement(gn, {
as: "p",
size: "3",
...e,
asChild: !1,
ref: t
})));
Sn.displayName = "AlertDialog.Description";
var Cn = F.forwardRef(({ children: e, ...t }, n) => F.createElement(Tt, {
...t,
ref: n,
asChild: !0
}, _n(e)));
Cn.displayName = "AlertDialog.Action";
var wn = F.forwardRef(({ children: e, ...t }, n) => F.createElement(Et, {
...t,
ref: n,
asChild: !0
}, _n(e)));
wn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/helpers/get-subtree.js
function Tn(e, t) {
let { asChild: n, children: r } = e;
if (!n) return typeof t == "function" ? t(r) : t;
let i = F.Children.only(r);
return F.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/box.props.js
var En = ["div", "span"], Dn = [
"none",
"inline",
"inline-block",
"block",
"contents"
], On = {
as: {
type: "enum",
values: En,
default: "div"
},
...l,
display: {
type: "enum",
className: "rt-r-display",
values: Dn,
responsive: !0
}
}, Q = F.forwardRef((e, t) => {
let { className: n, asChild: r, as: i = "div", ...a } = E(e, On, w, x);
return F.createElement(r ? m : i, {
...a,
ref: t,
className: (0, Z.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-button.props.js
var kn = [
"1",
"2",
"3",
"4"
], An = [
"classic",
"solid",
"soft",
"surface",
"outline",
"ghost"
], jn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: kn,
default: "2",
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: An,
default: "solid"
},
...h,
...y,
...ee,
loading: {
type: "boolean",
className: "rt-loading",
default: !1
}
}, Mn = {
size: {
type: "enum",
className: "rt-r-size",
values: [
"1",
"2",
"3"
],
default: "2",
responsive: !0
},
loading: {
type: "boolean",
default: !0
}
}, Nn = F.forwardRef((e, t) => {
let { className: n, children: r, loading: i, ...a } = E(e, Mn, x);
if (!i) return r;
let o = F.createElement("span", {
...a,
ref: t,
className: (0, Z.default)("rt-Spinner", n)
}, F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }), F.createElement("span", { className: "rt-SpinnerLeaf" }));
return r === void 0 ? o : F.createElement(T, {
asChild: !0,
position: "relative",
align: "center",
justify: "center"
}, F.createElement("span", null, F.createElement("span", {
"aria-hidden": !0,
style: {
display: "contents",
visibility: "hidden"
},
inert: void 0
}, r), F.createElement(T, {
asChild: !0,
align: "center",
justify: "center",
position: "absolute",
inset: "0"
}, F.createElement("span", null, o))));
});
Nn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/visually-hidden.js
var Pn = pe;
//#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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/helpers/map-prop-values.js
function Fn(e, t) {
if (e !== void 0) return typeof e == "string" ? t(e) : Object.fromEntries(Object.entries(e).map(([e, n]) => [e, t(n)]));
}
function In(e) {
return e === "3" ? "3" : "2";
}
function Ln(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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-button.js
var Rn = F.forwardRef((e, t) => {
let { size: n = jn.size.default } = e, { className: r, children: i, asChild: a, color: o, radius: s, disabled: c = e.loading, ...l } = E(e, jn, x), u = a ? D : "button";
return F.createElement(u, {
"data-disabled": c || void 0,
"data-accent-color": o,
"data-radius": s,
...l,
ref: t,
className: (0, Z.default)("rt-reset", "rt-BaseButton", r),
disabled: c
}, e.loading ? F.createElement(F.Fragment, null, F.createElement("span", {
style: {
display: "contents",
visibility: "hidden"
},
"aria-hidden": !0
}, i), F.createElement(Pn, null, i), F.createElement(T, {
asChild: !0,
align: "center",
justify: "center",
position: "absolute",
inset: "0"
}, F.createElement("span", null, F.createElement(Nn, { size: Fn(n, Ln) })))) : i);
});
Rn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/button.js
var $ = F.forwardRef(({ className: e, ...t }, n) => F.createElement(Rn, {
...t,
ref: n,
className: (0, Z.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/callout.props.js
var zn = [
"1",
"2",
"3"
], Bn = [
"soft",
"surface",
"outline"
], Vn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: zn,
default: "2",
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: Bn,
default: "soft"
},
...h,
...y
}, Hn = F.createContext({}), Un = F.forwardRef((e, t) => {
let { size: n = Vn.size.default } = e, { asChild: r, children: i, className: a, color: o, ...s } = E(e, Vn, x), c = r ? D : "div";
return F.createElement(c, {
"data-accent-color": o,
...s,
className: (0, Z.default)("rt-CalloutRoot", a),
ref: t
}, F.createElement(Hn.Provider, { value: F.useMemo(() => ({ size: n }), [n]) }, i));
});
Un.displayName = "Callout.Root";
var Wn = F.forwardRef(({ className: e, ...t }, n) => F.createElement("div", {
...t,
className: (0, Z.default)("rt-CalloutIcon", e),
ref: n
}));
Wn.displayName = "Callout.Icon";
var Gn = F.forwardRef(({ className: e, ...t }, n) => {
let { size: r } = F.useContext(Hn);
return F.createElement(gn, {
as: "p",
size: Fn(r, In),
...t,
asChild: !1,
ref: n,
className: (0, Z.default)("rt-CalloutText", e)
});
});
Gn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/code.props.js
var Kn = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9"
], qn = [
"solid",
"soft",
"outline",
"ghost"
], Jn = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: Kn,
responsive: !0
},
variant: {
type: "enum",
className: "rt-variant",
values: qn,
default: "soft"
},
..._,
...h,
...y,
...v,
...C
}, Yn = F.forwardRef((e, t) => {
let { asChild: n, className: r, color: i, ...a } = E(e, Jn, x), o = e.variant === "ghost" ? i || void 0 : i, s = n ? D : "code";
return F.createElement(s, {
"data-accent-color": o,
...a,
ref: t,
className: (0, Z.default)("rt-reset", "rt-Code", r)
});
});
Yn.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/container.props.js
var Xn = [
"1",
"2",
"3",
"4"
], Zn = ["none", "initial"], Qn = [
"left",
"center",
"right"
], $n = {
...l,
size: {
type: "enum",
className: "rt-r-size",
values: Xn,
default: "4",
responsive: !0
},
display: {
type: "enum",
className: "rt-r-display",
values: Zn,
parseValue: er,
responsive: !0
},
align: {
type: "enum",
className: "rt-r-ai",
values: Qn,
parseValue: tr,
responsive: !0
}
};
function er(e) {
return e === "initial" ? "flex" : e;
}
function tr(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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/container.js
var nr = F.forwardRef(({ width: e, minWidth: t, maxWidth: n, height: r, minHeight: i, maxHeight: a, ...o }, s) => {
let { asChild: c, children: l, className: u, ...d } = E(o, $n, w, x), { className: p, style: m } = E({
width: e,
minWidth: t,
maxWidth: n,
height: r,
minHeight: i,
maxHeight: a
}, f, O), h = c ? D : "div";
return F.createElement(h, {
...d,
ref: s,
className: (0, Z.default)("rt-Container", u)
}, Tn({
asChild: c,
children: l
}, (e) => F.createElement("div", {
className: (0, Z.default)("rt-ContainerInner", p),
style: m
}, e)));
});
nr.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/helpers/inert.js
var rr = !0, ir = {
loading: {
type: "boolean",
default: !0
},
...f,
...O
}, ar = F.forwardRef((e, t) => {
let { children: n, className: r, loading: i, ...a } = E(e, ir, x);
if (!i) return n;
let o = F.isValidElement(n) ? D : "span";
return F.createElement(o, {
ref: t,
"aria-hidden": !0,
className: (0, Z.default)("rt-Skeleton", r),
"data-inline-skeleton": !F.isValidElement(n) || void 0,
tabIndex: -1,
inert: rr,
...a
}, n);
});
ar.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._5ea800d4e947acedb1fa1275f1697b17/node_modules/@radix-ui/themes/dist/esm/components/_internal/base-tab-list.props.js
var or = {
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
},
...te,
...y
}, sr = F.forwardRef((e, t) => {
let { className: n, ...r } = E(e, x);
return F.createElement(sn, {
...r,
ref: t,
className: (0, Z.default)("rt-TabsRoot", n)
});
});
sr.displayName = "Tabs.Root";
var cr = F.forwardRef((e, t) => {
let { className: n, color: r, ...i } = E(e, or, x);
return F.createElement(cn, {
"data-accent-color": r,
...i,
asChild: !1,
ref: t,
className: (0, Z.default)("rt-BaseTabList", "rt-TabsList", n)
});
});
cr.displayName = "Tabs.List";
var lr = F.forwardRef((e, t) => {
let { className: n, children: r, ...i } = e;
return F.createElement(ln, {
...i,
asChild: !1,
ref: t,
className: (0, Z.default)("rt-reset", "rt-BaseTabListTrigger", "rt-TabsTrigger", n)
}, F.createElement("span", { className: "rt-BaseTabListTriggerInner rt-TabsTriggerInner" }, r), F.createElement("span", { className: "rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden" }, r));
});
lr.displayName = "Tabs.Trigger";
var ur = F.forwardRef((e, t) => {
let { className: n, ...r } = E(e, x);
return F.createElement(un, {
...r,
ref: t,
className: (0, Z.default)("rt-TabsContent", n)
});
});
ur.displayName = "Tabs.Content";
//#endregion
//#region ../../node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@19.2.8/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js
function dr(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 fr = ["color"], pr = /*#__PURE__*/ (0, F.forwardRef)(function(e, t) {
var n = e.color, r = n === void 0 ? "currentColor" : n, i = dr(e, fr);
return (0, F.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, F.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"
}));
}), mr = ["color"], hr = /*#__PURE__*/ (0, F.forwardRef)(function(e, t) {
var n = e.color, r = n === void 0 ? "currentColor" : n, i = dr(e, mr);
return (0, F.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, F.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 gr(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" ? _r(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 _r(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 vr() {
return (0, F.useSyncExternalStore)(n, t, t);
}
//#endregion
//#region ../debug/src/lib/ui/log-tab.tsx
var yr = () => {
let e = vr();
return /* @__PURE__ */ (0, I.jsxs)(Q, {
pt: "20px",
children: [/* @__PURE__ */ (0, I.jsxs)(T, {
justify: "between",
align: "center",
mb: "3",
children: [/* @__PURE__ */ (0, I.jsxs)(Q, { children: [
e.length,
" ",
e.length === 1 ? "entry" : "entries"
] }), /* @__PURE__ */ (0, I.jsx)($, {
size: "1",
variant: "soft",
onClick: r,
disabled: e.length === 0,
children: "Clear"
})]
}), e.length === 0 ? /* @__PURE__ */ (0, I.jsxs)(Un, { children: [/* @__PURE__ */ (0, I.jsx)(Wn, { children: /* @__PURE__ */ (0, I.jsx)(hr, {}) }), /* @__PURE__ */ (0, I.jsx)(Gn, { children: "No logs yet — console.log / info / warn / error calls will appear here." })] }) : e.map((e, t) => /* @__PURE__ */ (0, I.jsx)(xr, { entry: e }, t))]
});
}, br = {
log: void 0,
debug: "gray",
info: "blue",
warn: "amber",
error: "red"
}, xr = ({ entry: e }) => {
let { segments: t, trailing: n } = gr(e.args);
return /* @__PURE__ */ (0, I.jsxs)(Q, {
mb: "1",
style: {
fontFamily: "monospace",
fontSize: 12,
whiteSpace: "pre-wrap",
wordBreak: "break-word"
},
children: [
/* @__PURE__ */ (0, I.jsx)(Yn, {
size: "1",
variant: "ghost",
children: Cr(e.ts)
}),
" ",
/* @__PURE__ */ (0, I.jsxs)(Yn, {
size: "1",
variant: "ghost",
color: br[e.level],
children: [
"[",
e.level,
"]"
]
}),
" ",
t.length > 0 ? Sr(t, n) : e.args.map((e, t) => /* @__PURE__ */ (0, I.jsxs)("span", { children: [t > 0 ? " " : "", wr(e)] }, t))
]
});
};
function Sr(e, t) {
return /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [e.map((e, t) => /* @__PURE__ */ (0, I.jsx)("span", {
style: e.style,
children: e.text
}, t)), t.map((e, t) => /* @__PURE__ */ (0, I.jsxs)("span", { children: [" ", wr(e)] }, `t-${t}`))] });
}
function Cr(e) {
return new Date(e).toISOString().slice(11, 23);
}
function wr(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 Tr = () => (s(), a(), [...o.values()].sort((e, t) => e.key.localeCompare(t.key)).map(({ key: e, Editor: t }) => /* @__PURE__ */ (0, I.jsx)(F.Suspense, {
fallback: /* @__PURE__ */ (0, I.jsx)(ar, { height: "60px" }),
children: /* @__PURE__ */ (0, I.jsx)(t, {})
}, e))), Er = () => /* @__PURE__ */ (0, I.jsxs)(Q, {
pt: "20px",
children: [
/* @__PURE__ */ (0, I.jsx)(Q, {
mb: "20px",
children: /* @__PURE__ */ (0, I.jsxs)(Un, { children: [/* @__PURE__ */ (0, I.jsx)(Wn, { children: /* @__PURE__ */ (0, I.jsx)(hr, {}) }), /* @__PURE__ */ (0, I.jsx)(Gn, { children: "These settings will persist across page reloads in your browser." })] })
}),
/* @__PURE__ */ (0, I.jsx)(Tr, {}),
/* @__PURE__ */ (0, I.jsxs)(T, {
gap: "3",
mt: "40px",
justify: "center",
wrap: "wrap",
children: [/* @__PURE__ */ (0, I.jsx)($, {
onClick: () => {
window.location.reload();
},
children: "Reload with the applied changes"
}), /* @__PURE__ */ (0, I.jsxs)(vn, { children: [/* @__PURE__ */ (0, I.jsx)(yn, { children: /* @__PURE__ */ (0, I.jsx)($, {
color: "red",
children: "Reset all and reload"
}) }), /* @__PURE__ */ (0, I.jsxs)(bn, {
maxWidth: "450px",
children: [
/* @__PURE__ */ (0, I.jsx)(xn, { children: "Reset all and reload" }),
/* @__PURE__ */ (0, I.jsx)(Sn, {
size: "2",
children: "This will reset all settings, disable debug mode, and reload the page."
}),
/* @__PURE__ */ (0, I.jsxs)(T, {
gap: "3",
mt: "4",
justify: "end",
children: [/* @__PURE__ */ (0, I.jsx)(wn, { children: /* @__PURE__ */ (0, I.jsx)($, {
variant: "soft",
color: "gray",
children: "Cancel"
}) }), /* @__PURE__ */ (0, I.jsx)(Cn, { children: /* @__PURE__ */ (0, I.jsx)($, {
variant: "solid",
color: "red",
onClick: () => {
he(), window.location.reload();
},
children: "Reset all and reload"
}) })]
})
]
})] })]
})
]
}), Dr = ({ onClose: e }) => /* @__PURE__ */ (0, I.jsxs)(sr, {
defaultValue: "settingsTab",
children: [
/* @__PURE__ */ (0, I.jsxs)(cr, { children: [
/* @__PURE__ */ (0, I.jsx)(lr, {
value: "settingsTab",
children: "Settings"
}),
/* @__PURE__ */ (0, I.jsx)(lr, {
value: "logTab",
children: "Log"
}),
/* @__PURE__ */ (0, I.jsxs)($, {
ml: "auto",
variant: "soft",
mt: "3px",
color: "gray",
onClick: e,
children: [/* @__PURE__ */ (0, I.jsx)(pr, {
width: "16",
height: "16"
}), " Close"]
})
] }),
/* @__PURE__ */ (0, I.jsx)(ur, {
value: "settingsTab",
children: /* @__PURE__ */ (0, I.jsx)(Er, {})
}),
/* @__PURE__ */ (0, I.jsx)(ur, {
value: "logTab",
children: /* @__PURE__ */ (0, I.jsx)(yr, {})
})
]
}), Or = ({ onClose: e }) => /* @__PURE__ */ (0, I.jsx)(le, {
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, I.jsx)(nr, {
size: "4",
px: "2",
children: /* @__PURE__ */ (0, I.jsx)(Dr, { onClose: e })
})
});
//#endregion
export { Or 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: