@backmatter/studio 0.0.13 → 0.0.14

package/dist/chunks/{UiKitApp-ZZXQt3zy.js → UiKitApp-fYeVEf4-.js}

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as t, Fragment as U } from "react/jsx-runtime";
-import { P as $, V as ue, W as Zt, p as Rt, X as Jt, f as at, Y as Fe, Z as Qt, _ as en, $ as tn, a0 as nn, a1 as rn, G as on, m as an, a2 as sn, a3 as ln, a4 as cn, a5 as He, a6 as me, a7 as Ne, a8 as st, a9 as dn, aa as un, T as hn, ab as pn, ac as gn, ad as mn, ae as fn, af as bn, ag as xn, F as vn, ah as $n, N as kn, ai as wn } from "./WorkspaceRoutes-CCDPtLla.js";
-import { useRef as k, useState as f, useLayoutEffect as te, useCallback as Ke, useEffect as z, useMemo as yn, useId as Ue } from "react";
+import { P as v, V as ue, W as Xt, p as zt, X as Yt, f as ot, Y as Fe, Z as Zt, _ as Jt, $ as Qt, a0 as en, a1 as tn, G as nn, m as rn, a2 as on, a3 as an, a4 as sn, a5 as He, a6 as me, a7 as Ne, a8 as at, a9 as ln, aa as cn, T as dn, ab as un, ac as hn, ad as pn, ae as gn, af as mn, ag as fn, F as bn, ah as xn, N as vn, ai as $n } from "./WorkspaceRoutes-Dt7JvEWT.js";
+import { useRef as k, useState as b, useLayoutEffect as te, useCallback as Ke, useEffect as z, useMemo as kn, useId as Ue } from "react";
 import { createPortal as Me } from "react-dom";
-import { L as Nn, a as lt } from "./dashboard-Dw0zfTXg.js";
+import { L as wn, a as st } from "./dashboard-BuY2aGkO.js";
 function O({
   title: n,
   lede: r,
@@ -10,8 +10,8 @@ function O({
 }) {
   return /* @__PURE__ */ s("div", { className: "x78zum5 xdt5ytf x14n5cft x1kozois", children: [
     /* @__PURE__ */ s("header", { className: "x78zum5 xdt5ytf x1ndbd79 xiky8lt", children: [
-      /* @__PURE__ */ t($, { as: "h1", size: "display", weight: "semibold", children: n }),
-      /* @__PURE__ */ t($, { tone: "muted", size: "sm", children: r })
+      /* @__PURE__ */ t(v, { as: "h1", size: "display", weight: "semibold", children: n }),
+      /* @__PURE__ */ t(v, { tone: "muted", size: "sm", children: r })
     ] }),
     /* @__PURE__ */ t("div", { className: "x78zum5 xdt5ytf x14n5cft", children: o })
   ] });
@@ -21,12 +21,12 @@ function Ee({
 }) {
   return /* @__PURE__ */ t("div", { className: "xrvj5dj xnby9oq xwaa2ar xe93d63 x7a106z xcqouw7", children: n });
 }
-function Sn({
+function yn({
   children: n
 }) {
   return /* @__PURE__ */ t("div", { className: "x78zum5 x1a02dak x6s0dn4 x3smv4v", children: n });
 }
-function b({
+function f({
   label: n,
   children: r
 }) {
@@ -97,22 +97,22 @@ const P = [
     lede: "The host bar a site mounts. These specimens do not call the preview API."
   }
 ];
-function Mn(n) {
+function Nn(n) {
   const r = P.find((o) => o.slug === n);
   return r ? r.slug : "colors";
 }
-const ct = P.find((n) => n.slug === "buttons"), En = ["primary", "secondary", "ghost", "danger"];
-function Cn() {
-  return /* @__PURE__ */ t(O, { title: ct.title, lede: ct.lede, children: /* @__PURE__ */ t(Ee, { children: En.map((n) => /* @__PURE__ */ t(b, { label: n, children: /* @__PURE__ */ s(Sn, { children: [
+const lt = P.find((n) => n.slug === "buttons"), Sn = ["primary", "secondary", "ghost", "danger"];
+function Mn() {
+  return /* @__PURE__ */ t(O, { title: lt.title, lede: lt.lede, children: /* @__PURE__ */ t(Ee, { children: Sn.map((n) => /* @__PURE__ */ t(f, { label: n, children: /* @__PURE__ */ s(yn, { children: [
     /* @__PURE__ */ t(ue, { variant: n, children: n }),
     /* @__PURE__ */ t(ue, { variant: n, disabled: !0, children: "disabled" }),
-    /* @__PURE__ */ t(Zt, { variant: n, to: "/__ui/buttons", children: "link" })
+    /* @__PURE__ */ t(Xt, { variant: n, to: "/__ui/buttons", children: "link" })
   ] }) }, n)) }) });
 }
-const dt = P.find((n) => n.slug === "colors");
-function zn() {
-  return /* @__PURE__ */ t(O, { title: dt.title, lede: dt.lede, children: /* @__PURE__ */ t("div", { className: "xrvj5dj x1sipb5g x11cgr9k x1kk4rku", children: Rn.map(([n, r]) => /* @__PURE__ */ s("figure", { className: "x78zum5 xdt5ytf x3smv4v x1ghz6dp xeuugli", children: [
-    /* @__PURE__ */ t("div", { ...Rt(w.chip, r) }),
+const ct = P.find((n) => n.slug === "colors");
+function En() {
+  return /* @__PURE__ */ t(O, { title: ct.title, lede: ct.lede, children: /* @__PURE__ */ t("div", { className: "xrvj5dj x1sipb5g x11cgr9k x1kk4rku", children: Cn.map(([n, r]) => /* @__PURE__ */ s("figure", { className: "x78zum5 xdt5ytf x3smv4v x1ghz6dp xeuugli", children: [
+    /* @__PURE__ */ t("div", { ...zt(w.chip, r) }),
     /* @__PURE__ */ t("figcaption", { className: "x1ar5oo6 x10qp4ay x111yfic", children: n })
   ] }, n)) }) });
 }
@@ -205,111 +205,113 @@ const w = {
     kWkggS: "xc54rw4",
     $$css: !0
   }
-}, Rn = [["bgApp", w.bgApp], ["bgSidebar", w.bgSidebar], ["bgPanel", w.bgPanel], ["bgPanelInset", w.bgPanelInset], ["bgSurface", w.bgSurface], ["bgHover", w.bgHover], ["bgActive", w.bgActive], ["bgInput", w.bgInput], ["bgStatus", w.bgStatus], ["text", w.text], ["textMuted", w.textMuted], ["textInverse", w.textInverse], ["border", w.border], ["accent", w.accent], ["accentHover", w.accentHover], ["accentMuted", w.accentMuted], ["danger", w.danger], ["success", w.success], ["overlay", w.overlay], ["focus", w.focus]];
-function ut(n, r, o, a = "en") {
+}, Cn = [["bgApp", w.bgApp], ["bgSidebar", w.bgSidebar], ["bgPanel", w.bgPanel], ["bgPanelInset", w.bgPanelInset], ["bgSurface", w.bgSurface], ["bgHover", w.bgHover], ["bgActive", w.bgActive], ["bgInput", w.bgInput], ["bgStatus", w.bgStatus], ["text", w.text], ["textMuted", w.textMuted], ["textInverse", w.textInverse], ["border", w.border], ["accent", w.accent], ["accentHover", w.accentHover], ["accentMuted", w.accentMuted], ["danger", w.danger], ["success", w.success], ["overlay", w.overlay], ["focus", w.focus]];
+function dt(n, r, o) {
   if (!(n != null && n.trim())) return;
-  const d = n.replace(/\/+$/, "");
-  return !r || !o ? d : `${d}${Jt(o, r.type, r.slug, r.locale, a)}`;
+  const a = n.replace(/\/+$/, "");
+  return !r || !o ? a : `${a}${Yt(o, r.type, r.slug)}`;
 }
-const he = "cubic-bezier(0.23, 1, 0.32, 1)", Oe = "cubic-bezier(0.55, 0, 1, 0.45)", In = "cubic-bezier(0.32, 0.72, 0, 1)", _n = 550, An = 300, Ln = 750, Bn = 360, It = "backmatter.devbar.mode";
-function Pn(n) {
+const he = "cubic-bezier(0.23, 1, 0.32, 1)", Oe = "cubic-bezier(0.55, 0, 1, 0.45)", zn = "cubic-bezier(0.32, 0.72, 0, 1)", Rn = 550, In = 300, _n = 750, An = 360, Rt = "backmatter.devbar.mode";
+function Ln(n) {
   const r = n.activity ?? null, o = r ? r.type : n.siteMode === "preview" && n.changeCount > 0 ? "changes" : "idle", a = o === "published" ? "live" : n.siteMode;
   return { mode: a, row: o, modeLabel: a === "preview" ? "Exit preview" : "Enter preview", announce: a === "preview" ? "Preview on, drafts visible" : "Live site" };
 }
-function Tn(n, r) {
+function Bn(n, r) {
   return {
     x: r.left + r.width / 2 - n.left,
     y: r.top + r.height / 2 - n.top
   };
 }
-function Wn(n, r) {
+function Pn(n, r) {
   return Math.abs(r - n) > 1;
 }
 function se() {
   return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Hn() {
+function Tn() {
   if (typeof sessionStorage > "u") return null;
   try {
-    const n = sessionStorage.getItem(It);
+    const n = sessionStorage.getItem(Rt);
     return n === "live" || n === "preview" ? n : null;
   } catch {
     return null;
   }
 }
-const ht = "backmatter.devbar.highlight", pt = "backmatter.devbar.agent-preview", Dn = "backmatter-theme";
-function qn(n) {
-  const r = n == null ? void 0 : n.getItem(Dn);
+const ut = "backmatter.devbar.highlight", ht = "backmatter.devbar.agent-preview", Wn = "backmatter-theme";
+function Hn(n) {
+  const r = n == null ? void 0 : n.getItem(Wn);
   return r === "light" || r === "dark" || r === "system" ? r : "system";
 }
-function jn(n, r) {
+function qn(n, r) {
   return n === "system" ? r ? "dark" : "light" : n;
 }
-function gt(n, r, o) {
+function pt(n, r, o) {
   const a = n == null ? void 0 : n.getItem(r);
   return a === "1" ? !0 : a === "0" ? !1 : o;
 }
-function mt(n, r, o) {
+function gt(n, r, o) {
   n == null || n.setItem(r, o ? "1" : "0");
 }
-function De(n) {
+function qe(n) {
   if (!(typeof sessionStorage > "u"))
     try {
-      sessionStorage.setItem(It, n);
+      sessionStorage.setItem(Rt, n);
     } catch {
     }
 }
-const Fn = 20, ft = 16, Kn = 12, Vn = 8, _t = 12;
-function Un(n) {
+const Dn = 20, mt = 16, jn = 12, Fn = 8, It = 12;
+function Kn(n) {
   if (!n) return null;
   const r = Number.parseInt(n.split(".")[0] ?? "", 10);
   return Number.isFinite(r) ? r : null;
 }
-function At(n) {
+function _t(n) {
   return /Macintosh|Mac OS X/.test(n);
 }
-function On(n) {
-  return !At(n) || /Firefox\//.test(n) ? !1 : /Chrome\/|Chromium\/|Edg\/|OPR\/|Brave\//.test(n);
+function Vn(n) {
+  return !_t(n) || /Firefox\//.test(n) ? !1 : /Chrome\/|Chromium\/|Edg\/|OPR\/|Brave\//.test(n);
 }
 function Ve(n, r) {
-  if (/Windows/.test(n)) return Vn;
-  if (!At(n)) return _t;
-  const o = Un(r);
-  return On(n) ? o !== null && o >= 26 ? Fn : (o !== null && o >= 15, ft) : Kn;
+  if (/Windows/.test(n)) return Fn;
+  if (!_t(n)) return It;
+  const o = Kn(r);
+  return Vn(n) ? o !== null && o >= 26 ? Dn : (o !== null && o >= 15, mt) : jn;
 }
 const be = "backmatter-preview-frame";
-function Gn() {
+function Un() {
   if (typeof navigator > "u") return Promise.resolve(void 0);
   const n = navigator.userAgentData;
   return n != null && n.getHighEntropyValues ? n.getHighEntropyValues(["platformVersion"]).then((r) => r.platformVersion) : Promise.resolve(void 0);
 }
-function Xn() {
-  return typeof navigator > "u" ? _t : Ve(navigator.userAgent);
+function On() {
+  return typeof navigator > "u" ? It : Ve(navigator.userAgent);
 }
-function bt(n) {
+function ft(n) {
   if (n !== void 0 && Number.isFinite(n) && n >= 0) return n;
-  if (typeof document < "u") {
-    const r = getComputedStyle(document.documentElement).getPropertyValue("--bm-preview-frame-radius").trim();
-    if (r) {
-      const o = Number.parseFloat(r);
-      if (Number.isFinite(o) && o >= 0) return o;
+  if (typeof document < "u")
+    try {
+      const r = getComputedStyle(document.documentElement).getPropertyValue("--bm-preview-frame-radius").trim();
+      if (r) {
+        const o = Number.parseFloat(r);
+        if (Number.isFinite(o) && o >= 0) return o;
+      }
+    } catch {
     }
-  }
-  return Xn();
+  return On();
 }
-const Lt = "oklch(0.56 0.21 295)";
-function Yn({
+const At = "oklch(0.56 0.21 295)";
+function Gn({
   active: n,
   radius: r
 }) {
-  const o = k(null), a = k(null), [d, m] = f(() => bt(r));
+  const o = k(null), a = k(null), [d, m] = b(() => ft(r));
   return te(() => {
     if (r !== void 0) {
-      m(bt(r));
+      m(ft(r));
       return;
     }
     const h = navigator.userAgent;
-    m(Ve(h)), Gn().then((u) => {
+    m(Ve(h)), Un().then((u) => {
       u !== void 0 && m(Ve(h, u));
     });
   }, [r]), te(() => {
@@ -323,7 +325,7 @@ function Yn({
       { duration: 700, delay: 180, easing: he }
     );
   }, [n]), /* @__PURE__ */ s(U, { children: [
-    /* @__PURE__ */ t("style", { children: Zn }),
+    /* @__PURE__ */ t("style", { children: Xn }),
     /* @__PURE__ */ t(
       "div",
       {
@@ -337,23 +339,23 @@ function Yn({
     )
   ] });
 }
-const Zn = `
+const Xn = `
 .${be} {
   position: fixed;
   inset: 0;
   z-index: 2147482999;
   box-sizing: border-box;
   pointer-events: none;
-  border: 3px solid ${Lt};
+  border: 3px solid ${At};
   border-radius: 0 0 var(--bm-preview-frame-radius, 12px) var(--bm-preview-frame-radius, 12px);
   background: transparent;
   clip-path: circle(0% at 100% 100%);
-  transition: clip-path ${Bn}ms ${Oe};
+  transition: clip-path ${An}ms ${Oe};
 }
 .${be}[data-active="true"] {
   /* 150% is shorter than the viewport diagonal — the ring never reached the top. */
   clip-path: circle(150vmax at 100% 100%);
-  transition: clip-path ${Ln}ms ${he} 80ms;
+  transition: clip-path ${_n}ms ${he} 80ms;
 }
 @media (prefers-reduced-motion: reduce) {
   .${be} {
@@ -365,11 +367,11 @@ const Zn = `
     opacity: 1;
   }
 }
-`, e = "backmatter-devbar", Jn = "/api/backmatter/preview", Qn = 10, er = 360;
-function xt(n, r) {
+`, e = "backmatter-devbar", Yn = "/api/backmatter/preview", Zn = 10, Jn = 360;
+function bt(n, r) {
   return `${n}:${r.trim().toLowerCase()}`;
 }
-function tr({
+function Qn({
   label: n,
   branch: r,
   tree: o,
@@ -380,9 +382,9 @@ function tr({
   changeCount: u,
   lineDiff: p,
   activity: c = null,
-  previewEntryPath: R = Jn,
+  previewEntryPath: R = Yn,
   siteMode: y = "preview",
-  frame: D = !1,
+  frame: q = !1,
   frameRadius: X,
   entrance: I = "auto",
   dashboardHref: N,
@@ -391,19 +393,19 @@ function tr({
   onToggleChat: E,
   onTogglePublish: g,
   onStop: M,
-  onViewLive: q,
+  onViewLive: D,
   onPublishedDone: _,
   onSignOut: j,
   onPublishAnchor: Y
 }) {
-  const le = k(null), ce = k(null), Z = k(null), G = k(null), x = k(null), A = k(null), T = k(null), J = k(null), [ne, pe] = f(null), re = Ke((i) => {
+  const le = k(null), ce = k(null), Z = k(null), G = k(null), x = k(null), A = k(null), T = k(null), J = k(null), [ne, pe] = b(null), re = Ke((i) => {
     if (le.current = i, !i) {
       pe(null);
       return;
     }
     const l = i.shadowRoot ?? i.attachShadow({ mode: "open" });
-    pe((v) => v === l ? v : l);
-  }, []), [ie, xe] = f(null), [F, L] = f(null), [ve, Ce] = f(y), [ze, Tt] = f(!1), Re = k(!1), oe = k(null), Ge = k(0), Xe = k(!1), Ye = k(!1), W = k({
+    pe(($) => $ === l ? $ : l);
+  }, []), [ie, xe] = b(null), [F, L] = b(null), [ve, Ce] = b(y), [ze, Pt] = b(!1), Re = k(!1), oe = k(null), Ge = k(0), Xe = k(!1), Ye = k(!1), W = k({
     toggleHidden: () => {
     },
     onModeKey: (i) => {
@@ -413,7 +415,7 @@ function tr({
     openDashboard: () => !1,
     openShortcuts: () => {
     }
-  }), Ze = k(!0), [Ie, Wt] = f("system"), [_e, Je] = f(!0), [Qe, et] = f(!0), [Ht, $e] = f("main"), [Dt, qt] = f(""), [Ae, Le] = f(null), [tt, jt] = f("en");
+  }), Ze = k(!0), [Ie, Tt] = b("system"), [_e, Je] = b(!0), [Qe, et] = b(!0), [Wt, $e] = b("main"), [Ht, qt] = b(""), [Ae, Le] = b(null);
   z(() => {
     const i = a == null ? void 0 : a.workspaceId;
     if (!i) {
@@ -421,51 +423,51 @@ function tr({
       return;
     }
     let l = !1;
-    return at(i).then(({ workspace: v }) => {
-      l || (Le(v.slug), jt(v.locales[0] ?? "en"));
+    return ot(i).then(({ workspace: $ }) => {
+      l || Le($.slug);
     }).catch(() => {
       l || Le(null);
     }), () => {
       l = !0;
     };
   }, [a == null ? void 0 : a.workspaceId]);
-  const Be = yn(
-    () => ut(N, a, Ae, tt),
-    [N, a, Ae, tt]
-  ), Ft = Ke((i) => {
+  const Be = kn(
+    () => dt(N, a, Ae),
+    [N, a, Ae]
+  ), Dt = Ke((i) => {
     Z.current = i, !(i && !(i.getRootNode() instanceof ShadowRoot)) && xe(i);
-  }, []), Pe = Pn({ siteMode: ve, changeCount: u, activity: c }), de = Pe.mode, Kt = (c == null ? void 0 : c.type) === "editing" ? `editing:${c.field}` : (c == null ? void 0 : c.type) === "publishing" ? `publishing:${c.steps.map((i) => `${i.state}:${i.label}`).join("|")}` : (c == null ? void 0 : c.type) === "published" ? `published:${c.sha}` : "", Te = `${ve}|${Pe.row}|${u}|${(p == null ? void 0 : p.added) ?? ""}|${(p == null ? void 0 : p.removed) ?? ""}|${n}|${Kt}`;
+  }, []), Pe = Ln({ siteMode: ve, changeCount: u, activity: c }), de = Pe.mode, jt = (c == null ? void 0 : c.type) === "editing" ? `editing:${c.field}` : (c == null ? void 0 : c.type) === "publishing" ? `publishing:${c.steps.map((i) => `${i.state}:${i.label}`).join("|")}` : (c == null ? void 0 : c.type) === "published" ? `published:${c.sha}` : "", Te = `${ve}|${Pe.row}|${u}|${(p == null ? void 0 : p.added) ?? ""}|${(p == null ? void 0 : p.removed) ?? ""}|${n}|${jt}`;
   z(() => {
     qt(location.host);
-    const i = je(), l = qn(i);
-    et(gt(i, pt, !0)), Wt(l), Je(gt(i, ht, !0));
+    const i = je(), l = Hn(i);
+    et(pt(i, ht, !0)), Tt(l), Je(pt(i, ut, !0));
   }, []), z(() => {
-    if (kt(Ie), Ie !== "system" || typeof matchMedia != "function") return;
-    const i = matchMedia("(prefers-color-scheme: dark)"), l = () => kt("system");
+    if ($t(Ie), Ie !== "system" || typeof matchMedia != "function") return;
+    const i = matchMedia("(prefers-color-scheme: dark)"), l = () => $t("system");
     return i.addEventListener("change", l), () => i.removeEventListener("change", l);
   }, [Ie]), z(() => (document.documentElement.classList.toggle("backmatter-blocks", _e), () => document.documentElement.classList.remove("backmatter-blocks")), [_e]), z(() => {
     const i = le.current;
     if (!i) return;
-    const l = document.documentElement, v = `${e}-pointing`, H = () => i.classList.toggle(v, l.classList.contains("backmatter-pointing"));
+    const l = document.documentElement, $ = `${e}-pointing`, H = () => i.classList.toggle($, l.classList.contains("backmatter-pointing"));
     H();
     const Q = new MutationObserver(H);
     return Q.observe(l, { attributes: !0, attributeFilter: ["class"] }), () => Q.disconnect();
   }, []), z(() => {
     if (oe.current && oe.current !== y && !d) {
-      oe.current = null, De(y), Ce(y);
+      oe.current = null, qe(y), Ce(y);
       return;
     }
     oe.current || Ce(y), oe.current === y && (oe.current = null);
   }, [y, d]), z(() => {
     if (!F) return;
     function i(l) {
-      const v = ce.current;
-      v && l.composedPath().includes(v) || L(null);
+      const $ = ce.current;
+      $ && l.composedPath().includes($) || L(null);
     }
     return document.addEventListener("pointerdown", i), () => document.removeEventListener("pointerdown", i);
   }, [F]), te(() => {
     const i = Z.current, l = T.current;
-    !i || !l || F !== "settings" || cr(i, l);
+    !i || !l || F !== "settings" || sr(i, l);
   }, [F, ie, Te]), te(() => {
     if (!Y) return;
     const i = A.current;
@@ -479,16 +481,16 @@ function tr({
     };
   }, [h, Y, Te, ie]), z(() => {
     function i(l) {
-      if (!ar(l.composedPath()[0] ?? null)) {
+      if (!ir(l.composedPath()[0] ?? null)) {
         if ((l.metaKey || l.ctrlKey) && l.key === ".") {
           l.preventDefault(), W.current.toggleHidden();
           return;
         }
         if ((l.metaKey || l.ctrlKey) && l.shiftKey && l.key.toLowerCase() === "p") {
           l.preventDefault();
-          const v = x.current;
-          if (!v || v.disabled) return;
-          W.current.onModeKey(v);
+          const $ = x.current;
+          if (!$ || $.disabled) return;
+          W.current.onModeKey($);
           return;
         }
         if ((l.metaKey || l.ctrlKey) && !l.shiftKey && l.key.toLowerCase() === "d") {
@@ -504,19 +506,19 @@ function tr({
           W.current.onEscape();
           return;
         }
-        Qt(l) === "chat" && L(null);
+        Zt(l) === "chat" && L(null);
       }
     }
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, []), te(() => {
-    var ot;
+    var it;
     const i = Z.current;
     if (!ne || !i || !(i.getRootNode() instanceof ShadowRoot)) return;
     if (!Ye.current) {
       Ye.current = !0;
-      const ae = I !== "play" && Hn() === y;
-      if (I !== "play" && De(y), ae)
-        (ot = ce.current) == null || ot.setAttribute("data-settled", "true"), requestAnimationFrame(() => {
+      const ae = I !== "play" && Tn() === y;
+      if (I !== "play" && qe(y), ae)
+        (it = ce.current) == null || it.setAttribute("data-settled", "true"), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             var ye;
             return (ye = ce.current) == null ? void 0 : ye.removeAttribute("data-settled");
@@ -529,7 +531,7 @@ function tr({
           [{ transform: "translateY(100%)" }, { transform: "none" }],
           { duration: 460, easing: he, delay: 600, fill: "backwards" }
         );
-        ye.id = "rise", G.current && qe(G.current, { delay: 740 });
+        ye.id = "rise", G.current && De(G.current, { delay: 740 });
       }
     }
     const l = !Xe.current;
@@ -539,12 +541,12 @@ function tr({
     const Q = i.offsetWidth;
     if (Ge.current = Q, l) return;
     const B = G.current;
-    if (B && (se() ? B.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: "ease", fill: "backwards" }) : qe(B, { delay: 40, blur: !0 })), se() || !Wn(H, Q)) return;
-    const Yt = i.animate(
+    if (B && (se() ? B.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: "ease", fill: "backwards" }) : De(B, { delay: 40, blur: !0 })), se() || !Pn(H, Q)) return;
+    const Gt = i.animate(
       [{ width: `${H}px` }, { width: `${Q}px` }],
-      { duration: 380, easing: In }
+      { duration: 380, easing: zn }
     );
-    Yt.id = "w";
+    Gt.id = "w";
   }, [ne, Te, I, y]);
   const ke = (c == null ? void 0 : c.type) === "published" ? c.sha : "";
   te(() => {
@@ -563,19 +565,19 @@ function tr({
   }, [ke, _]);
   function We(i, l) {
     if (d || i === ve || i === "preview" && !S) return;
-    const v = Z.current;
-    if (v) {
-      const H = Tn(v.getBoundingClientRect(), l.getBoundingClientRect());
-      v.style.setProperty("--ox", `${H.x}px`), v.style.setProperty("--oy", `${H.y}px`);
+    const $ = Z.current;
+    if ($) {
+      const H = Bn($.getBoundingClientRect(), l.getBoundingClientRect());
+      $.style.setProperty("--ox", `${H.x}px`), $.style.setProperty("--oy", `${H.y}px`);
     }
-    i === "live" && (L(null), m && E(), h && g()), oe.current = i, De(i), Ce(i), i === "preview" ? S == null || S() : C();
+    i === "live" && (L(null), m && E(), h && g()), oe.current = i, qe(i), Ce(i), i === "preview" ? S == null || S() : C();
   }
-  function nt(i) {
+  function tt(i) {
     if (Re.current === i) return;
-    Re.current = i, L(null), Tt(i);
+    Re.current = i, L(null), Pt(i);
     const l = Z.current;
     if (!l || !(l.getRootNode() instanceof ShadowRoot)) return;
-    const v = l.getRootNode(), H = v instanceof ShadowRoot ? v.activeElement : null;
+    const $ = l.getRootNode(), H = $ instanceof ShadowRoot ? $.activeElement : null;
     if (i && H instanceof HTMLElement && H.blur(), l.getAnimations().filter((B) => B.id === "hide" || B.id === "rise").forEach((B) => B.cancel()), se()) {
       const B = l.animate(
         [{ opacity: i ? 1 : 0 }, { opacity: i ? 0 : 1 }],
@@ -596,20 +598,20 @@ function tr({
       [{ transform: "translateY(100%)" }, { transform: "none" }],
       { duration: 460, easing: he, fill: "backwards" }
     );
-    Q.id = "rise", G.current && qe(G.current, { delay: 140 });
+    Q.id = "rise", G.current && De(G.current, { delay: 140 });
   }
   W.current.openDashboard = () => N ? ((async () => {
     let i = Be ?? N;
     if (a != null && a.workspaceId && a.type && a.slug && !Ae)
       try {
-        const { workspace: l } = await at(a.workspaceId);
-        i = ut(N, a, l.slug, l.locales[0] ?? "en") ?? i;
+        const { workspace: l } = await ot(a.workspaceId);
+        i = dt(N, a, l.slug) ?? i;
       } catch {
       }
     location.assign(i);
   })(), !0) : !1, W.current.openShortcuts = () => {
     $e("shortcuts"), L("settings");
-  }, W.current.toggleHidden = () => nt(!Re.current), W.current.onModeKey = (i) => We(de === "preview" ? "live" : "preview", i), W.current.onEscape = () => {
+  }, W.current.toggleHidden = () => tt(!Re.current), W.current.onModeKey = (i) => We(de === "preview" ? "live" : "preview", i), W.current.onEscape = () => {
     if (F) {
       L(null);
       return;
@@ -620,24 +622,24 @@ function tr({
     }
     (c == null ? void 0 : c.type) === "editing" && (M == null || M());
   };
-  function rt(i) {
+  function nt(i) {
     d || (L(null), h && g(), ve === "live" && Ze.current && We("preview", i), E());
   }
-  function Vt() {
+  function Ft() {
     d || (L(null), m && E(), g());
   }
   Ze.current = Qe;
-  function Ut(i) {
+  function Kt(i) {
     h && g(), $e(i), L((l) => l === "settings" && i === "main" ? null : "settings");
   }
-  function Ot() {
+  function Vt() {
     h && g(), L((i) => i === "page" ? null : "page");
   }
-  const Gt = !!d || de === "live" && !S, Xt = !a || u <= 0, we = /* @__PURE__ */ t(
-    nr,
+  const Ut = !!d || de === "live" && !S, Ot = !a || u <= 0, we = /* @__PURE__ */ t(
+    er,
     {
       mode: de,
-      disabled: Gt,
+      disabled: Ut,
       buttonRef: x,
       onClick: (i) => We(de === "preview" ? "live" : "preview", i.currentTarget)
     }
@@ -656,7 +658,7 @@ function tr({
     we,
     /* @__PURE__ */ t("span", { className: `${e}-steps`, children: c.steps.map((i, l) => /* @__PURE__ */ s("span", { className: `${e}-step`, children: [
       l > 0 ? /* @__PURE__ */ t("span", { className: `${e}-dash`, "aria-hidden": !0, children: "—" }) : null,
-      /* @__PURE__ */ t(or, { state: i.state }),
+      /* @__PURE__ */ t(rr, { state: i.state }),
       /* @__PURE__ */ t("span", { children: i.label })
     ] }, `${i.label}:${l}`)) })
   ] }) : (c == null ? void 0 : c.type) === "published" ? ge = /* @__PURE__ */ s(U, { children: [
@@ -670,20 +672,20 @@ function tr({
         c.when
       ] })
     ] }),
-    /* @__PURE__ */ t("button", { type: "button", className: `${e}-btn`, onClick: () => (q ?? C)(), children: "View live" }),
+    /* @__PURE__ */ t("button", { type: "button", className: `${e}-btn`, onClick: () => (D ?? C)(), children: "View live" }),
     /* @__PURE__ */ t(
-      vt,
+      xt,
       {
         pressed: m,
         disabled: !a,
         shortcut: Fe(),
-        onClick: (i) => rt(i.currentTarget)
+        onClick: (i) => nt(i.currentTarget)
       }
     )
   ] }) : ge = /* @__PURE__ */ s(U, { children: [
     we,
     /* @__PURE__ */ t(
-      br,
+      mr,
       {
         label: n,
         doc: a,
@@ -691,40 +693,40 @@ function tr({
         bar: ie,
         open: F === "page",
         expanded: F === "page",
-        onToggle: Ot
+        onToggle: Vt
       }
     ),
     /* @__PURE__ */ t("span", { className: `${e}-rule`, "aria-hidden": !0 }),
     /* @__PURE__ */ t(
-      vt,
+      xt,
       {
         pressed: m,
         disabled: !a,
         shortcut: Fe(),
-        onClick: (i) => rt(i.currentTarget)
+        onClick: (i) => nt(i.currentTarget)
       }
     ),
     /* @__PURE__ */ t(
-      rr,
+      tr,
       {
         buttonRef: A,
         open: h,
         count: u,
-        disabled: Xt,
-        onClick: Vt
+        disabled: Ot,
+        onClick: Ft
       }
     ),
     /* @__PURE__ */ t(
-      sr,
+      or,
       {
         buttonRef: T,
         open: F === "settings",
-        onClick: () => Ut("main")
+        onClick: () => Kt("main")
       }
     )
   ] });
-  const it = /* @__PURE__ */ s(U, { children: [
-    /* @__PURE__ */ t("style", { children: wr }),
+  const rt = /* @__PURE__ */ s(U, { children: [
+    /* @__PURE__ */ t("style", { children: $r }),
     /* @__PURE__ */ s(
       "div",
       {
@@ -733,11 +735,11 @@ function tr({
         "data-mode": de,
         "data-branch": r || void 0,
         children: [
-          D ? /* @__PURE__ */ t(Yn, { active: de === "preview", radius: X }) : null,
+          q ? /* @__PURE__ */ t(Gn, { active: de === "preview", radius: X }) : null,
           /* @__PURE__ */ s(
             "footer",
             {
-              ref: Ft,
+              ref: Dt,
               "aria-label": "Backmatter",
               "aria-hidden": ze || void 0,
               inert: ze ? !0 : void 0,
@@ -762,34 +764,34 @@ function tr({
             }
           ),
           /* @__PURE__ */ t(
-            lr,
+            ar,
             {
               open: F === "settings",
-              pane: Ht,
-              hostName: Dt,
+              pane: Wt,
+              hostName: Ht,
               branch: r,
               bar: ie,
               highlightBlocks: _e,
               previewAgent: Qe,
               dashboardHref: Be,
               onHighlight: (i) => {
-                Je(i), mt(je(), ht, i);
+                Je(i), gt(je(), ut, i);
               },
               onPreviewAgent: (i) => {
-                et(i), mt(je(), pt, i);
+                et(i), gt(je(), ht, i);
               },
               onShortcuts: () => $e("shortcuts"),
               onBack: () => $e("main"),
               onDashboard: () => {
                 W.current.openDashboard();
               },
-              onHide: () => nt(!0),
+              onHide: () => tt(!0),
               onSwitchBranch: r ? () => L("branch") : void 0,
               onSignOut: j
             }
           ),
           r ? /* @__PURE__ */ t(
-            xr,
+            fr,
             {
               branch: r,
               tree: o,
@@ -805,17 +807,17 @@ function tr({
     )
   ] });
   return /* @__PURE__ */ s("div", { ref: re, className: `${e}-host`, "data-backmatter-devbar": "", children: [
-    /* @__PURE__ */ t("style", { children: kr }),
-    ne ? Me(it, ne) : /* @__PURE__ */ t(
+    /* @__PURE__ */ t("style", { children: vr }),
+    ne ? Me(rt, ne) : /* @__PURE__ */ t(
       "template",
       {
         shadowrootmode: "open",
-        children: it
+        children: rt
       }
     )
   ] });
 }
-function nr({
+function er({
   mode: n,
   disabled: r,
   buttonRef: o,
@@ -835,13 +837,13 @@ function nr({
       disabled: r,
       onClick: a,
       children: [
-        /* @__PURE__ */ t(ir, { exit: d }),
+        /* @__PURE__ */ t(nr, { exit: d }),
         d ? "Exit preview" : "Enter preview"
       ]
     }
   );
 }
-function vt({
+function xt({
   pressed: n,
   disabled: r,
   shortcut: o,
@@ -857,7 +859,7 @@ function vt({
       disabled: r,
       onClick: a,
       children: [
-        /* @__PURE__ */ t(en, {}),
+        /* @__PURE__ */ t(Jt, {}),
         /* @__PURE__ */ t("span", { children: "Agent" }),
         /* @__PURE__ */ s("kbd", { className: `${e}-kbd`, children: [
           o,
@@ -867,7 +869,7 @@ function vt({
     }
   );
 }
-function rr({
+function tr({
   buttonRef: n,
   open: r,
   count: o,
@@ -885,7 +887,7 @@ function rr({
       disabled: a,
       onClick: d,
       children: [
-        /* @__PURE__ */ t(nn, {}),
+        /* @__PURE__ */ t(en, {}),
         /* @__PURE__ */ s("span", { children: [
           "Publish",
           o > 0 ? /* @__PURE__ */ s("span", { className: `${e}-count`, children: [
@@ -897,16 +899,16 @@ function rr({
     }
   );
 }
-function ir({ exit: n }) {
+function nr({ exit: n }) {
   return n ? /* @__PURE__ */ t("svg", { className: `${e}-mark`, width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M3 3l6 6M9 3 3 9", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }) }) : /* @__PURE__ */ s("svg", { className: `${e}-mark`, width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("circle", { cx: "6", cy: "6", r: "3.25", stroke: "currentColor", strokeWidth: "1.25" }),
     /* @__PURE__ */ t("circle", { cx: "6", cy: "6", r: "1.35", fill: "currentColor" })
   ] });
 }
-function or({ state: n }) {
+function rr({ state: n }) {
   return n === "done" ? /* @__PURE__ */ t("span", { className: `${e}-done`, "aria-hidden": !0, children: "✓" }) : n === "active" ? /* @__PURE__ */ t("span", { className: `${e}-spin`, "aria-hidden": !0 }) : /* @__PURE__ */ t("span", { className: `${e}-ring`, "aria-hidden": !0 });
 }
-function qe(n, r = {}) {
+function De(n, r = {}) {
   const o = r.delay ?? 0;
   if (se()) {
     n.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: "ease", fill: "backwards" });
@@ -922,12 +924,12 @@ function qe(n, r = {}) {
     );
   });
 }
-function ar(n) {
+function ir(n) {
   if (!(n instanceof HTMLElement)) return !1;
   const r = n.tagName;
   return r === "INPUT" || r === "TEXTAREA" || r === "SELECT" ? !0 : n.isContentEditable;
 }
-function sr({
+function or({
   buttonRef: n,
   open: r,
   onClick: o
@@ -942,11 +944,11 @@ function sr({
       "aria-haspopup": "dialog",
       "aria-expanded": r,
       onClick: o,
-      children: /* @__PURE__ */ t(rn, {})
+      children: /* @__PURE__ */ t(tn, {})
     }
   );
 }
-function lr({
+function ar({
   open: n,
   pane: r,
   hostName: o,
@@ -959,16 +961,16 @@ function lr({
   onPreviewAgent: c,
   onShortcuts: R,
   onBack: y,
-  onDashboard: D,
+  onDashboard: q,
   onHide: X,
   onSwitchBranch: I,
   onSignOut: N
 }) {
-  const C = Ue(), [S, E] = f(null), g = Fe();
+  const C = Ue(), [S, E] = b(null), g = Fe();
   if (z(() => {
     if (!n) return;
     let _ = !1;
-    return on().then((j) => {
+    return nn().then((j) => {
       _ || E((j == null ? void 0 : j.user.email) ?? null);
     }).catch(() => {
       _ || E(null);
@@ -976,9 +978,9 @@ function lr({
       _ = !0;
     };
   }, [n]), !n || !d) return null;
-  const M = o && a ? `${o} · ${a}` : o || a || "", q = r === "shortcuts" ? /* @__PURE__ */ s("div", { role: "dialog", "aria-labelledby": C, className: `${e}-menu ${e}-settings`, children: [
+  const M = o && a ? `${o} · ${a}` : o || a || "", D = r === "shortcuts" ? /* @__PURE__ */ s("div", { role: "dialog", "aria-labelledby": C, className: `${e}-menu ${e}-settings`, children: [
     /* @__PURE__ */ t("div", { className: `${e}-settings-head`, children: /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-back`, onClick: y, children: [
-      /* @__PURE__ */ t(Pt, {}),
+      /* @__PURE__ */ t(Bt, {}),
       /* @__PURE__ */ t("span", { id: C, children: "Shortcuts" })
     ] }) }),
     /* @__PURE__ */ t(fe, { label: "Toggle preview", keys: `${g}⇧P` }),
@@ -992,18 +994,18 @@ function lr({
       M ? /* @__PURE__ */ t("span", { className: `${e}-settings-place`, children: M }) : null
     ] }),
     /* @__PURE__ */ s("div", { className: `${e}-settings-row`, children: [
-      /* @__PURE__ */ t(ur, {}),
+      /* @__PURE__ */ t(cr, {}),
       /* @__PURE__ */ t("span", { children: "Highlight editable blocks" }),
-      /* @__PURE__ */ t($t, { on: m, label: "Highlight editable blocks", onClick: () => p(!m) })
+      /* @__PURE__ */ t(vt, { on: m, label: "Highlight editable blocks", onClick: () => p(!m) })
     ] }),
     /* @__PURE__ */ s("div", { className: `${e}-settings-row`, children: [
-      /* @__PURE__ */ t(hr, {}),
+      /* @__PURE__ */ t(dr, {}),
       /* @__PURE__ */ t("span", { children: "Preview when Agent edits" }),
-      /* @__PURE__ */ t($t, { on: h, label: "Preview when Agent edits", onClick: () => c(!h) })
+      /* @__PURE__ */ t(vt, { on: h, label: "Preview when Agent edits", onClick: () => c(!h) })
     ] }),
     /* @__PURE__ */ t("div", { className: `${e}-settings-rule` }),
-    u ? /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, onClick: D, children: [
-      /* @__PURE__ */ t(pr, {}),
+    u ? /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, onClick: q, children: [
+      /* @__PURE__ */ t(ur, {}),
       /* @__PURE__ */ t("span", { children: "Open in dashboard" }),
       /* @__PURE__ */ s("kbd", { className: `${e}-kbd`, children: [
         g,
@@ -1011,17 +1013,17 @@ function lr({
       ] })
     ] }) : null,
     I ? /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, onClick: I, children: [
-      /* @__PURE__ */ t("span", { className: `${e}-settings-icon`, "aria-hidden": !0, children: /* @__PURE__ */ t(sn, {}) }),
+      /* @__PURE__ */ t("span", { className: `${e}-settings-icon`, "aria-hidden": !0, children: /* @__PURE__ */ t(on, {}) }),
       /* @__PURE__ */ t("span", { children: "Switch branch" }),
       a ? /* @__PURE__ */ t("span", { className: `${e}-settings-email`, children: a }) : null
     ] }) : null,
     /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, onClick: R, children: [
-      /* @__PURE__ */ t(gr, {}),
+      /* @__PURE__ */ t(hr, {}),
       /* @__PURE__ */ t("span", { children: "Keyboard shortcuts" }),
       /* @__PURE__ */ t("kbd", { className: `${e}-kbd`, children: "?" })
     ] }),
     /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, "aria-keyshortcuts": "Meta+. Control+.", onClick: X, children: [
-      /* @__PURE__ */ t(mr, {}),
+      /* @__PURE__ */ t(pr, {}),
       /* @__PURE__ */ t("span", { children: "Hide toolbar" }),
       /* @__PURE__ */ s("kbd", { className: `${e}-kbd`, children: [
         g,
@@ -1031,13 +1033,13 @@ function lr({
     N ? /* @__PURE__ */ s(U, { children: [
       /* @__PURE__ */ t("div", { className: `${e}-settings-rule` }),
       /* @__PURE__ */ s("button", { type: "button", className: `${e}-settings-action`, onClick: N, children: [
-        /* @__PURE__ */ t(fr, {}),
+        /* @__PURE__ */ t(gr, {}),
         /* @__PURE__ */ t("span", { children: "Sign out" }),
         S ? /* @__PURE__ */ t("span", { className: `${e}-settings-email`, children: S }) : null
       ] })
     ] }) : null
   ] });
-  return Me(q, d);
+  return Me(D, d);
 }
 function fe({ label: n, keys: r }) {
   return /* @__PURE__ */ s("div", { className: `${e}-settings-action ${e}-settings-static`, children: [
@@ -1045,7 +1047,7 @@ function fe({ label: n, keys: r }) {
     /* @__PURE__ */ t("kbd", { className: `${e}-kbd`, children: r })
   ] });
 }
-function $t({ on: n, label: r, onClick: o }) {
+function vt({ on: n, label: r, onClick: o }) {
   return /* @__PURE__ */ t(
     "button",
     {
@@ -1059,44 +1061,44 @@ function $t({ on: n, label: r, onClick: o }) {
     }
   );
 }
-function cr(n, r) {
+function sr(n, r) {
   const o = n.getBoundingClientRect(), a = r.getBoundingClientRect();
   n.style.setProperty("--menu-right", `${Math.max(0, o.right - a.right)}px`);
 }
-function dr(n, r) {
-  const o = n.getBoundingClientRect(), a = r.getBoundingClientRect(), d = Math.min(er, window.innerWidth - 32);
+function lr(n, r) {
+  const o = n.getBoundingClientRect(), a = r.getBoundingClientRect(), d = Math.min(Jn, window.innerWidth - 32);
   let h = a.left + a.width / 2 - o.left - d / 2;
   const u = 16, p = u - o.left, c = window.innerWidth - u - d - o.left;
   n.style.setProperty("--menu-x", `${Math.max(p, Math.min(h, c))}px`);
 }
-function ur() {
+function cr() {
   return /* @__PURE__ */ s("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("path", { d: "M3 3h4.2v4.2H3zM8.8 3H13v4.2H8.8zM3 8.8h4.2V13H3z", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }),
     /* @__PURE__ */ t("path", { d: "M8.8 10.2h4.2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeDasharray: "1.4 1.5" })
   ] });
 }
-function hr() {
+function dr() {
   return /* @__PURE__ */ s("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("path", { d: "M1.6 8S4 3.8 8 3.8 14.4 8 14.4 8 12 12.2 8 12.2 1.6 8 1.6 8Z", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }),
     /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "1.8", fill: "none", stroke: "currentColor", strokeWidth: "1.3" })
   ] });
 }
-function pr() {
+function ur() {
   return /* @__PURE__ */ t("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M2.5 2.5h4.2v4.2H2.5zM9.3 2.5h4.2v4.2H9.3zM2.5 9.3h4.2v4.2H2.5zM9.3 9.3h4.2v4.2H9.3z", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }) });
 }
-function gr() {
+function hr() {
   return /* @__PURE__ */ s("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("rect", { x: "1.8", y: "3.6", width: "12.4", height: "8.8", rx: "1.4", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }),
     /* @__PURE__ */ t("path", { d: "M4 6.2h.1M6.4 6.2h.1M8.8 6.2h.1M11.2 6.2h.1M4.8 8.4h6.4", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
   ] });
 }
-function mr() {
+function pr() {
   return /* @__PURE__ */ s("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("path", { d: "M2 8s2.2-3.6 6-3.6S14 8 14 8s-2.2 3.6-6 3.6S2 8 2 8Z", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }),
     /* @__PURE__ */ t("path", { d: "M3 13 13 3", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
   ] });
 }
-function fr() {
+function gr() {
   return /* @__PURE__ */ s("svg", { className: `${e}-settings-icon`, width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("path", { d: "M6.5 3.2H3.8v9.6h2.7", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
     /* @__PURE__ */ t("path", { d: "M7 8h6.2M11 5.4 13.6 8 11 10.6", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
@@ -1109,12 +1111,12 @@ function je() {
     return null;
   }
 }
-function kt(n) {
+function $t(n) {
   if (typeof document > "u") return;
-  const r = typeof matchMedia == "function" && matchMedia("(prefers-color-scheme: dark)").matches, o = jn(n, r) === "dark", a = document.documentElement;
+  const r = typeof matchMedia == "function" && matchMedia("(prefers-color-scheme: dark)").matches, o = qn(n, r) === "dark", a = document.documentElement;
   a.dataset.theme = o ? "dark" : "light", a.style.colorScheme = n === "system" ? "light dark" : o ? "dark" : "light", a.classList.toggle("dark", o), a.classList.toggle("light", !o);
 }
-function br({
+function mr({
   label: n,
   doc: r,
   dashboardHref: o,
@@ -1123,7 +1125,7 @@ function br({
   expanded: m,
   onToggle: h
 }) {
-  const [u, p] = f([]), [c, R] = f(0), [y, D] = f(!1), [X, I] = f(!1), [N, C] = f(null), [S, E] = f(""), g = Ue(), M = k(null), q = k(null), _ = k(null), j = k(0), Y = k(/* @__PURE__ */ new Map());
+  const [u, p] = b([]), [c, R] = b(0), [y, q] = b(!1), [X, I] = b(!1), [N, C] = b(null), [S, E] = b(""), g = Ue(), M = k(null), D = k(null), _ = k(null), j = k(0), Y = k(/* @__PURE__ */ new Map());
   z(() => {
     d || E("");
   }, [d]), te(() => {
@@ -1132,16 +1134,16 @@ function br({
   }, [d]), te(() => {
     const x = M.current;
     if (!d || !a || !x) return;
-    const A = () => dr(a, x);
+    const A = () => lr(a, x);
     return A(), window.addEventListener("resize", A), () => window.removeEventListener("resize", A);
   }, [d, a]);
   const le = Ke(
     (x, A, T) => {
       if (!r) return;
-      const J = ++j.current, ne = S.trim(), pe = xt(r.workspaceId, ne);
-      A ? I(!0) : T != null && T.silent || D(!0), tn(r.workspaceId, {
+      const J = ++j.current, ne = S.trim(), pe = bt(r.workspaceId, ne);
+      A ? I(!0) : T != null && T.silent || q(!0), Qt(r.workspaceId, {
         q: ne || void 0,
-        limit: Qn,
+        limit: Zn,
         offset: x,
         current: r
       }).then((re) => {
@@ -1152,14 +1154,14 @@ function br({
       }).catch(() => {
         J === j.current && (A || Y.current.get(pe) || p([]), C("Couldn't load pages"));
       }).finally(() => {
-        J === j.current && (D(!1), I(!1));
+        J === j.current && (q(!1), I(!1));
       });
     },
     [r, S]
   );
   z(() => {
     if (!d || !r) return;
-    const x = S.trim(), A = xt(r.workspaceId, x), T = Y.current.get(A);
+    const x = S.trim(), A = bt(r.workspaceId, x), T = Y.current.get(A);
     T && (p(T.rows), R(T.total), C(null));
     const J = window.setTimeout(
       () => le(0, !1, { silent: !!T }),
@@ -1168,7 +1170,7 @@ function br({
     return () => window.clearTimeout(J);
   }, [d, r, S, le]);
   function ce() {
-    const x = q.current;
+    const x = D.current;
     !x || y || X || u.length >= c || x.scrollTop + x.clientHeight < x.scrollHeight - 48 || le(u.length, !0);
   }
   if (!r) return /* @__PURE__ */ t("span", { className: `${e}-crumb`, children: n });
@@ -1181,7 +1183,7 @@ function br({
       className: `${e}-menu ${e}-page-menu`,
       children: [
         /* @__PURE__ */ t(
-          Bt,
+          Lt,
           {
             query: S,
             onQuery: E,
@@ -1194,7 +1196,7 @@ function br({
             loading: y && u.length === 0
           }
         ),
-        /* @__PURE__ */ s("div", { ref: q, className: `${e}-page-menu-list`, onScroll: ce, children: [
+        /* @__PURE__ */ s("div", { ref: D, className: `${e}-page-menu-list`, onScroll: ce, children: [
           u.map((x) => /* @__PURE__ */ t(
             "button",
             {
@@ -1244,14 +1246,14 @@ function br({
         onClick: h,
         children: [
           /* @__PURE__ */ t("span", { children: n }),
-          /* @__PURE__ */ t(Pt, {})
+          /* @__PURE__ */ t(Bt, {})
         ]
       }
     ),
     G && a ? Me(G, a) : null
   ] });
 }
-function xr({
+function fr({
   branch: n,
   tree: r,
   workspaceId: o,
@@ -1260,26 +1262,26 @@ function xr({
   open: m,
   onClose: h
 }) {
-  const [u, p] = f(null), [c, R] = f(null), [y, D] = f(null), [X, I] = f(!1), [N, C] = f(""), S = Ue();
+  const [u, p] = b(null), [c, R] = b(null), [y, q] = b(null), [X, I] = b(!1), [N, C] = b(""), S = Ue();
   if (z(() => {
     m || C("");
   }, [m]), z(() => {
     if (!m || !o || u) return;
     let g = !1;
-    return an(o).then((M) => {
+    return rn(o).then((M) => {
       if (g) return;
-      const q = M.branches.map((_) => _.name);
-      q.includes(n) || q.unshift(n), p(q), R(M.defaultBranch);
+      const D = M.branches.map((_) => _.name);
+      D.includes(n) || D.unshift(n), p(D), R(M.defaultBranch);
     }).catch(() => {
-      g || D("Couldn't load branches");
+      g || q("Couldn't load branches");
     }), () => {
       g = !0;
     };
   }, [m, o, u, n]), !m || !d) return null;
-  const E = u ? vr(u.map((g) => ({ key: g, label: g })), N) : null;
+  const E = u ? br(u.map((g) => ({ key: g, label: g })), N) : null;
   return Me(
     /* @__PURE__ */ t("div", { id: S, role: "menu", "aria-label": "Branches", className: `${e}-menu ${e}-page-menu`, children: o ? /* @__PURE__ */ t(
-      Bt,
+      Lt,
       {
         query: N,
         onQuery: C,
@@ -1301,14 +1303,14 @@ function xr({
                 h();
                 return;
               }
-              I(!0), D(null), $r({
+              I(!0), q(null), xr({
                 workspaceId: o,
                 branch: g.label,
                 tree: r,
                 redirect: location.pathname + location.search + location.hash,
                 previewEntryPath: a
               }).catch((M) => {
-                I(!1), D(M instanceof Error ? M.message : "Couldn't switch branch");
+                I(!1), q(M instanceof Error ? M.message : "Couldn't switch branch");
               });
             },
             children: [
@@ -1323,7 +1325,7 @@ function xr({
     d
   );
 }
-function Bt({
+function Lt({
   query: n,
   onQuery: r,
   inputRef: o,
@@ -1357,15 +1359,15 @@ function Bt({
     ] }) : null
   ] });
 }
-function Pt() {
+function Bt() {
   return /* @__PURE__ */ t("svg", { className: `${e}-chevron`, width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M2.5 4.5 6 8l3.5-3.5", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function vr(n, r) {
+function br(n, r) {
   const o = r.trim().toLowerCase();
   return o ? n.filter((a) => a.label.toLowerCase().includes(o)) : [...n];
 }
-async function $r(n) {
-  const r = n.checkout ?? cn, o = n.ticket ?? ln, a = n.assign ?? ((h) => location.assign(h));
+async function xr(n) {
+  const r = n.checkout ?? sn, o = n.ticket ?? an, a = n.assign ?? ((h) => location.assign(h));
   await r(n.workspaceId, n.branch);
   let d;
   try {
@@ -1381,7 +1383,7 @@ async function $r(n) {
   const m = n.previewEntryPath.includes("?") ? "&" : "?";
   a(`${n.previewEntryPath}${m}ticket=${encodeURIComponent(d.ticket)}`);
 }
-const kr = `
+const vr = `
 .${e}-host {
   position: absolute;
   width: 0;
@@ -1400,9 +1402,9 @@ html.backmatter-blocks [data-backmatter-block] {
   outline: 1.5px solid oklch(0.56 0.21 295);
   outline-offset: 2px;
 }
-`, wr = `
+`, $r = `
 .${e}-root {
-  --preview: ${Lt};
+  --preview: ${At};
   --preview-hover: oklch(0.50 0.20 295);
   --preview-deep: oklch(0.48 0.20 295);
   --preview-line: oklch(0.66 0.16 295);
@@ -1506,11 +1508,11 @@ html.backmatter-blocks [data-backmatter-block] {
   background: var(--preview);
   pointer-events: none;
   clip-path: circle(0px at var(--ox) var(--oy));
-  transition: clip-path ${An}ms var(--ease-in);
+  transition: clip-path ${In}ms var(--ease-in);
 }
 .${e}-root[data-mode="preview"] .${e}-flood {
   clip-path: circle(150% at var(--ox) var(--oy));
-  transition: clip-path ${_n}ms var(--ease-out);
+  transition: clip-path ${Rn}ms var(--ease-out);
 }
 .${e}-root[data-settled] .${e}-flood { transition: none; }
 .${e}-row {
@@ -2009,21 +2011,21 @@ html.backmatter-blocks [data-backmatter-block] {
 :host(.${e}-pointing) .${e} * { cursor: pointer !important; }
 :host(.${e}-pointing) .${e} button:disabled { cursor: default !important; }
 `, Se = () => {
-}, yr = {
+}, kr = {
   position: "relative",
   height: 96,
   overflow: "hidden",
   transform: "translateZ(0)",
   "--bm-devbar-right": "auto",
   "--bm-devbar-left": "12px"
-}, Nr = {
+}, wr = {
   locale: "en",
   type: "page",
   slug: "home",
   workspaceId: "ws_sample"
 };
-function Sr() {
-  const [n, r] = f(0);
+function yr() {
+  const [n, r] = b(0);
   return /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 40 }, children: [
     /* @__PURE__ */ t("style", { children: `
         .ui-kit-devbar-label {
@@ -2132,12 +2134,12 @@ function K({
 }) {
   return /* @__PURE__ */ s("section", { style: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ t("h2", { className: "ui-kit-devbar-label", children: r }),
-    /* @__PURE__ */ t("div", { className: "ui-kit-devbar-stage", style: yr, children: /* @__PURE__ */ t(
-      tr,
+    /* @__PURE__ */ t("div", { className: "ui-kit-devbar-stage", style: kr, children: /* @__PURE__ */ t(
+      Qn,
       {
         label: "page/home",
         branch: a,
-        doc: m ? Nr : null,
+        doc: m ? wr : null,
         siteMode: o,
         exiting: d,
         chatOpen: h,
@@ -2155,30 +2157,30 @@ function K({
     ) })
   ] });
 }
-const wt = P.find((n) => n.slug === "feedback");
-function Mr() {
-  return /* @__PURE__ */ t(O, { title: wt.title, lede: wt.lede, children: /* @__PURE__ */ s(Ee, { children: [
-    /* @__PURE__ */ t(b, { label: "StatusBar", block: !0, children: /* @__PURE__ */ s(He, { children: [
+const kt = P.find((n) => n.slug === "feedback");
+function Nr() {
+  return /* @__PURE__ */ t(O, { title: kt.title, lede: kt.lede, children: /* @__PURE__ */ s(Ee, { children: [
+    /* @__PURE__ */ t(f, { label: "StatusBar", block: !0, children: /* @__PURE__ */ s(He, { children: [
       /* @__PURE__ */ t(me, { children: "main" }),
       /* @__PURE__ */ t(me, { children: "2 uncommitted" })
     ] }) }),
-    /* @__PURE__ */ t(b, { label: "StatusBar", block: !0, children: /* @__PURE__ */ s(He, { children: [
+    /* @__PURE__ */ t(f, { label: "StatusBar", block: !0, children: /* @__PURE__ */ s(He, { children: [
       /* @__PURE__ */ t(me, { children: "feat/sale" }),
       /* @__PURE__ */ t(me, { children: "Unsaved" })
     ] }) }),
-    /* @__PURE__ */ t(b, { label: "danger", block: !0, children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(me, { tone: "danger", children: "Save failed" }) }) }),
-    /* @__PURE__ */ t(b, { label: "success", children: /* @__PURE__ */ t($, { tone: "success", children: "Success" }) }),
-    /* @__PURE__ */ t(b, { label: "danger", children: /* @__PURE__ */ t($, { tone: "danger", children: "Danger" }) })
+    /* @__PURE__ */ t(f, { label: "danger", block: !0, children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(me, { tone: "danger", children: "Save failed" }) }) }),
+    /* @__PURE__ */ t(f, { label: "success", children: /* @__PURE__ */ t(v, { tone: "success", children: "Success" }) }),
+    /* @__PURE__ */ t(f, { label: "danger", children: /* @__PURE__ */ t(v, { tone: "danger", children: "Danger" }) })
   ] }) });
 }
-const yt = P.find((n) => n.slug === "fields");
-function Er() {
-  const [n, r] = f("en");
-  return /* @__PURE__ */ t(O, { title: yt.title, lede: yt.lede, children: /* @__PURE__ */ s(Ee, { children: [
-    /* @__PURE__ */ t(b, { label: "Input", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Text", hint: "Shown under the field.", children: /* @__PURE__ */ t(st, { defaultValue: "Ada Lovelace", autoComplete: "off", spellCheck: !1 }) }) }),
-    /* @__PURE__ */ t(b, { label: "disabled", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Disabled", children: /* @__PURE__ */ t(st, { defaultValue: "Locked", disabled: !0 }) }) }),
-    /* @__PURE__ */ t(b, { label: "Select", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Select", children: /* @__PURE__ */ t(
-      dn,
+const wt = P.find((n) => n.slug === "fields");
+function Sr() {
+  const [n, r] = b("en");
+  return /* @__PURE__ */ t(O, { title: wt.title, lede: wt.lede, children: /* @__PURE__ */ s(Ee, { children: [
+    /* @__PURE__ */ t(f, { label: "Input", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Text", hint: "Shown under the field.", children: /* @__PURE__ */ t(at, { defaultValue: "Ada Lovelace", autoComplete: "off", spellCheck: !1 }) }) }),
+    /* @__PURE__ */ t(f, { label: "disabled", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Disabled", children: /* @__PURE__ */ t(at, { defaultValue: "Locked", disabled: !0 }) }) }),
+    /* @__PURE__ */ t(f, { label: "Select", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Select", children: /* @__PURE__ */ t(
+      ln,
       {
         "aria-label": "Locale",
         value: n,
@@ -2189,28 +2191,28 @@ function Er() {
         ]
       }
     ) }) }),
-    /* @__PURE__ */ t(b, { label: "Textarea", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Body", children: /* @__PURE__ */ t(un, { mono: !0, rows: 4, defaultValue: `---
+    /* @__PURE__ */ t(f, { label: "Textarea", block: !0, children: /* @__PURE__ */ t(Ne, { label: "Body", children: /* @__PURE__ */ t(cn, { mono: !0, rows: 4, defaultValue: `---
 title: Hello
 ---
 
 Paragraph.` }) }) })
   ] }) });
 }
-const Nt = P.find((n) => n.slug === "lists");
-function Cr() {
-  return /* @__PURE__ */ t(O, { title: Nt.title, lede: Nt.lede, children: /* @__PURE__ */ t(b, { label: "List", block: !0, children: /* @__PURE__ */ s(Nn, { children: [
-    /* @__PURE__ */ t(lt, { to: "/__ui/lists", title: "hello", meta: "en" }),
-    /* @__PURE__ */ t(lt, { to: "/__ui/lists", title: "about", meta: "da" })
+const yt = P.find((n) => n.slug === "lists");
+function Mr() {
+  return /* @__PURE__ */ t(O, { title: yt.title, lede: yt.lede, children: /* @__PURE__ */ t(f, { label: "List", block: !0, children: /* @__PURE__ */ s(wn, { children: [
+    /* @__PURE__ */ t(st, { to: "/__ui/lists", title: "hello", meta: "en" }),
+    /* @__PURE__ */ t(st, { to: "/__ui/lists", title: "about", meta: "da" })
   ] }) }) });
 }
-const St = P.find((n) => n.slug === "overlays");
-function zr() {
-  const [n, r] = f(!1);
-  return /* @__PURE__ */ t(hn, { children: /* @__PURE__ */ t(O, { title: St.title, lede: St.lede, children: /* @__PURE__ */ s(Ee, { children: [
-    /* @__PURE__ */ s(b, { label: "ConfirmDialog", children: [
+const Nt = P.find((n) => n.slug === "overlays");
+function Er() {
+  const [n, r] = b(!1);
+  return /* @__PURE__ */ t(dn, { children: /* @__PURE__ */ t(O, { title: Nt.title, lede: Nt.lede, children: /* @__PURE__ */ s(Ee, { children: [
+    /* @__PURE__ */ s(f, { label: "ConfirmDialog", children: [
       /* @__PURE__ */ t(ue, { onClick: () => r(!0), children: "Open dialog" }),
       /* @__PURE__ */ t(
-        pn,
+        un,
         {
           open: n,
           onOpenChange: r,
@@ -2222,31 +2224,31 @@ function zr() {
         }
       )
     ] }),
-    /* @__PURE__ */ t(b, { label: "Tooltip", children: /* @__PURE__ */ t(gn, { label: "Sample tooltip", children: /* @__PURE__ */ t(ue, { variant: "secondary", children: "Hover" }) }) })
+    /* @__PURE__ */ t(f, { label: "Tooltip", children: /* @__PURE__ */ t(hn, { label: "Sample tooltip", children: /* @__PURE__ */ t(ue, { variant: "secondary", children: "Hover" }) }) })
   ] }) }) });
 }
-const Mt = P.find((n) => n.slug === "sections");
-function Rr() {
-  return /* @__PURE__ */ s(O, { title: Mt.title, lede: Mt.lede, children: [
-    /* @__PURE__ */ t(b, { label: "PageHeader", block: !0, children: /* @__PURE__ */ t(
-      mn,
+const St = P.find((n) => n.slug === "sections");
+function Cr() {
+  return /* @__PURE__ */ s(O, { title: St.title, lede: St.lede, children: [
+    /* @__PURE__ */ t(f, { label: "PageHeader", block: !0, children: /* @__PURE__ */ t(
+      pn,
       {
-        kicker: /* @__PURE__ */ t(fn, { to: "/__ui/sections", children: "Sections" }),
+        kicker: /* @__PURE__ */ t(gn, { to: "/__ui/sections", children: "Sections" }),
         title: "Documents",
         description: "Sample page header with action.",
         action: /* @__PURE__ */ t(ue, { children: "New" })
       }
     ) }),
-    /* @__PURE__ */ t(b, { label: "Panel", block: !0, children: /* @__PURE__ */ t(bn, { children: /* @__PURE__ */ s(xn, { children: [
-      /* @__PURE__ */ t($, { children: "First line" }),
-      /* @__PURE__ */ t($, { children: "Second line" })
+    /* @__PURE__ */ t(f, { label: "Panel", block: !0, children: /* @__PURE__ */ t(mn, { children: /* @__PURE__ */ s(fn, { children: [
+      /* @__PURE__ */ t(v, { children: "First line" }),
+      /* @__PURE__ */ t(v, { children: "Second line" })
     ] }) }) })
   ] });
 }
-const Et = P.find((n) => n.slug === "surfaces");
-function Ir() {
-  return /* @__PURE__ */ s(O, { title: Et.title, lede: Et.lede, children: [
-    /* @__PURE__ */ t(b, { label: "Space", children: /* @__PURE__ */ s("div", { className: "x78zum5 x1a02dak xuk3077 x1n5939r", children: [
+const Mt = P.find((n) => n.slug === "surfaces");
+function zr() {
+  return /* @__PURE__ */ s(O, { title: Mt.title, lede: Mt.lede, children: [
+    /* @__PURE__ */ t(f, { label: "Space", children: /* @__PURE__ */ s("div", { className: "x78zum5 x1a02dak xuk3077 x1n5939r", children: [
       /* @__PURE__ */ t(ee, { label: "xs", bar: V.xs }),
       /* @__PURE__ */ t(ee, { label: "sm", bar: V.sm }),
       /* @__PURE__ */ t(ee, { label: "md", bar: V.md }),
@@ -2254,17 +2256,17 @@ function Ir() {
       /* @__PURE__ */ t(ee, { label: "xl", bar: V.xl }),
       /* @__PURE__ */ t(ee, { label: "xxl", bar: V.xxl })
     ] }) }),
-    /* @__PURE__ */ t(b, { label: "Radius", children: /* @__PURE__ */ s("div", { className: "x78zum5 x1a02dak xuk3077 x1n5939r", children: [
+    /* @__PURE__ */ t(f, { label: "Radius", children: /* @__PURE__ */ s("div", { className: "x78zum5 x1a02dak xuk3077 x1n5939r", children: [
       /* @__PURE__ */ t(ee, { label: "sm", box: V.radiusSm }),
       /* @__PURE__ */ t(ee, { label: "md", box: V.radiusMd })
     ] }) }),
-    /* @__PURE__ */ t(b, { label: "Backgrounds", children: /* @__PURE__ */ s("div", { className: "xk7greg x13oidi x86kjsi", children: [
-      /* @__PURE__ */ t($, { size: "xs", tone: "muted", mono: !0, children: "bgApp" }),
+    /* @__PURE__ */ t(f, { label: "Backgrounds", children: /* @__PURE__ */ s("div", { className: "xk7greg x13oidi x86kjsi", children: [
+      /* @__PURE__ */ t(v, { size: "xs", tone: "muted", mono: !0, children: "bgApp" }),
       /* @__PURE__ */ s("div", { className: "xk7greg x13oidi x1jtkcfc", children: [
-        /* @__PURE__ */ t($, { size: "xs", tone: "muted", mono: !0, children: "bgSidebar" }),
+        /* @__PURE__ */ t(v, { size: "xs", tone: "muted", mono: !0, children: "bgSidebar" }),
         /* @__PURE__ */ s("div", { className: "xk7greg x13oidi x1d0qn7y", children: [
-          /* @__PURE__ */ t($, { size: "xs", tone: "muted", mono: !0, children: "bgPanel" }),
-          /* @__PURE__ */ t("div", { className: "xk7greg x13oidi x1hb2obb xmkeg23 x1y0btm7 x1j0qoeq", children: /* @__PURE__ */ t($, { size: "xs", mono: !0, children: "bgSurface" }) })
+          /* @__PURE__ */ t(v, { size: "xs", tone: "muted", mono: !0, children: "bgPanel" }),
+          /* @__PURE__ */ t("div", { className: "xk7greg x13oidi x1hb2obb xmkeg23 x1y0btm7 x1j0qoeq", children: /* @__PURE__ */ t(v, { size: "xs", mono: !0, children: "bgSurface" }) })
         ] })
       ] })
     ] }) })
@@ -2276,8 +2278,8 @@ function ee({
   box: o
 }) {
   return /* @__PURE__ */ s("div", { className: "x78zum5 xdt5ytf x1cy8zhl x3smv4v", children: [
-    /* @__PURE__ */ t("div", { ...Rt(r ? V.bar : V.radiusBox, r, o) }),
-    /* @__PURE__ */ t($, { size: "xs", tone: "muted", mono: !0, children: n })
+    /* @__PURE__ */ t("div", { ...zt(r ? V.bar : V.radiusBox, r, o) }),
+    /* @__PURE__ */ t(v, { size: "xs", tone: "muted", mono: !0, children: n })
   ] });
 }
 const V = {
@@ -2328,41 +2330,41 @@ const V = {
     kaIpWk: "x13oidi",
     $$css: !0
   }
-}, Ct = P.find((n) => n.slug === "type");
-function _r() {
-  return /* @__PURE__ */ s(O, { title: Ct.title, lede: Ct.lede, children: [
-    /* @__PURE__ */ t(b, { label: "display", children: /* @__PURE__ */ t($, { size: "display", weight: "semibold", children: "Display" }) }),
-    /* @__PURE__ */ t(b, { label: "xl", children: /* @__PURE__ */ t($, { size: "xl", weight: "semibold", children: "Title" }) }),
-    /* @__PURE__ */ t(b, { label: "lg", children: /* @__PURE__ */ t($, { size: "lg", weight: "medium", children: "Heading" }) }),
-    /* @__PURE__ */ t(b, { label: "md", children: /* @__PURE__ */ t($, { children: "Body" }) }),
-    /* @__PURE__ */ t(b, { label: "sm", children: /* @__PURE__ */ t($, { size: "sm", children: "Small" }) }),
-    /* @__PURE__ */ t(b, { label: "xs", children: /* @__PURE__ */ t($, { size: "xs", weight: "semibold", children: "Overline" }) }),
-    /* @__PURE__ */ t(b, { label: "muted", children: /* @__PURE__ */ t($, { tone: "muted", size: "sm", children: "Muted" }) }),
-    /* @__PURE__ */ t(b, { label: "danger", children: /* @__PURE__ */ t($, { tone: "danger", children: "Danger" }) }),
-    /* @__PURE__ */ t(b, { label: "success", children: /* @__PURE__ */ t($, { tone: "success", children: "Success" }) }),
-    /* @__PURE__ */ t(b, { label: "mono", children: /* @__PURE__ */ t($, { mono: !0, size: "sm", children: "content/blog/hello.mdx" }) })
+}, Et = P.find((n) => n.slug === "type");
+function Rr() {
+  return /* @__PURE__ */ s(O, { title: Et.title, lede: Et.lede, children: [
+    /* @__PURE__ */ t(f, { label: "display", children: /* @__PURE__ */ t(v, { size: "display", weight: "semibold", children: "Display" }) }),
+    /* @__PURE__ */ t(f, { label: "xl", children: /* @__PURE__ */ t(v, { size: "xl", weight: "semibold", children: "Title" }) }),
+    /* @__PURE__ */ t(f, { label: "lg", children: /* @__PURE__ */ t(v, { size: "lg", weight: "medium", children: "Heading" }) }),
+    /* @__PURE__ */ t(f, { label: "md", children: /* @__PURE__ */ t(v, { children: "Body" }) }),
+    /* @__PURE__ */ t(f, { label: "sm", children: /* @__PURE__ */ t(v, { size: "sm", children: "Small" }) }),
+    /* @__PURE__ */ t(f, { label: "xs", children: /* @__PURE__ */ t(v, { size: "xs", weight: "semibold", children: "Overline" }) }),
+    /* @__PURE__ */ t(f, { label: "muted", children: /* @__PURE__ */ t(v, { tone: "muted", size: "sm", children: "Muted" }) }),
+    /* @__PURE__ */ t(f, { label: "danger", children: /* @__PURE__ */ t(v, { tone: "danger", children: "Danger" }) }),
+    /* @__PURE__ */ t(f, { label: "success", children: /* @__PURE__ */ t(v, { tone: "success", children: "Success" }) }),
+    /* @__PURE__ */ t(f, { label: "mono", children: /* @__PURE__ */ t(v, { mono: !0, size: "sm", children: "content/blog/hello.mdx" }) })
   ] });
 }
-const Ar = {
-  colors: zn,
-  type: _r,
-  surfaces: Ir,
-  sections: Rr,
-  buttons: Cn,
-  fields: Er,
-  lists: Cr,
-  overlays: zr,
-  feedback: Mr,
-  devbar: Lr
+const Ir = {
+  colors: En,
+  type: Rr,
+  surfaces: zr,
+  sections: Cr,
+  buttons: Mn,
+  fields: Sr,
+  lists: Mr,
+  overlays: Er,
+  feedback: Nr,
+  devbar: _r
 };
-function Lr() {
+function _r() {
   const n = P.find((r) => r.slug === "devbar");
-  return /* @__PURE__ */ t(O, { title: n.title, lede: n.lede, children: /* @__PURE__ */ t(Sr, {}) });
+  return /* @__PURE__ */ t(O, { title: n.title, lede: n.lede, children: /* @__PURE__ */ t(yr, {}) });
 }
-const zt = P.map((n) => ({
+const Ct = P.map((n) => ({
   ...n,
-  Page: Ar[n.slug]
-})), Br = [{
+  Page: Ir[n.slug]
+})), Ar = [{
   value: "system",
   label: "System"
 }, {
@@ -2371,26 +2373,26 @@ const zt = P.map((n) => ({
 }, {
   value: "dark",
   label: "Dark"
-}], Pr = ["Foundations", "Components", "Host"];
-function jr() {
+}], Lr = ["Foundations", "Components", "Host"];
+function qr() {
   const {
     pathname: n
-  } = vn(), r = n.replace(/\/$/, "") || "/", o = r === "/__ui" ? void 0 : r.slice(6), a = Mn(o), {
+  } = bn(), r = n.replace(/\/$/, "") || "/", o = r === "/__ui" ? void 0 : r.slice(6), a = Nn(o), {
     preference: d,
     setPreference: m
-  } = $n();
+  } = xn();
   if (r !== `/__ui/${a}`)
-    return /* @__PURE__ */ t(kn, { to: `/__ui/${a}`, replace: !0 });
-  const u = zt.find((p) => p.slug === a).Page;
+    return /* @__PURE__ */ t(vn, { to: `/__ui/${a}`, replace: !0 });
+  const u = Ct.find((p) => p.slug === a).Page;
   return /* @__PURE__ */ s("div", { className: "x78zum5 xdt5ytf x1ov3xa9 x86kjsi xqjzbou xnezs1t", children: [
     /* @__PURE__ */ s("header", { className: "x78zum5 x6s0dn4 x1qughib x11cgr9k x173sf5p x15jjofa xso031l x1q0q8m5 x4b2zrn x1hb2obb", children: [
-      /* @__PURE__ */ t($, { as: "p", size: "lg", weight: "semibold", children: "UI kit" }),
-      /* @__PURE__ */ t("div", { className: "x78zum5 x1a02dak x3smv4v", role: "group", "aria-label": "Theme", children: Br.map((p) => /* @__PURE__ */ t(ue, { variant: d === p.value ? "primary" : "secondary", "aria-pressed": d === p.value, onClick: () => m(p.value), children: p.label }, p.value)) })
+      /* @__PURE__ */ t(v, { as: "p", size: "lg", weight: "semibold", children: "UI kit" }),
+      /* @__PURE__ */ t("div", { className: "x78zum5 x1a02dak x3smv4v", role: "group", "aria-label": "Theme", children: Ar.map((p) => /* @__PURE__ */ t(ue, { variant: d === p.value ? "primary" : "secondary", "aria-pressed": d === p.value, onClick: () => m(p.value), children: p.label }, p.value)) })
     ] }),
     /* @__PURE__ */ s("div", { className: "x78zum5 x98rzlu x2lwn1j", children: [
-      /* @__PURE__ */ t("nav", { className: "x16grhtn x2lah0s x1odjw0f xk7greg x1jtkcfc xs1s249 x32b0ac xpozbvl", "aria-label": "UI kit", children: Pr.map((p) => /* @__PURE__ */ s("div", { className: "x78zum5 xdt5ytf xpw8yq9 x31bu4j", children: [
-        /* @__PURE__ */ t($, { as: "p", size: "xs", tone: "muted", weight: "semibold", children: p }),
-        zt.filter((c) => c.group === p).map((c) => /* @__PURE__ */ t(wn, { to: `/__ui/${c.slug}`, className: "x1lliihq x1heor9g x1hl2dhg", children: ({
+      /* @__PURE__ */ t("nav", { className: "x16grhtn x2lah0s x1odjw0f xk7greg x1jtkcfc xs1s249 x32b0ac xpozbvl", "aria-label": "UI kit", children: Lr.map((p) => /* @__PURE__ */ s("div", { className: "x78zum5 xdt5ytf xpw8yq9 x31bu4j", children: [
+        /* @__PURE__ */ t(v, { as: "p", size: "xs", tone: "muted", weight: "semibold", children: p }),
+        Ct.filter((c) => c.group === p).map((c) => /* @__PURE__ */ t($n, { to: `/__ui/${c.slug}`, className: "x1lliihq x1heor9g x1hl2dhg", children: ({
           isActive: R
         }) => /* @__PURE__ */ t("span", { ...{
           0: {
@@ -2406,5 +2408,5 @@ function jr() {
   ] });
 }
 export {
-  jr as UiKitApp
+  qr as UiKitApp
 };