@photon-ai/pho-ui 2.15.0 → 2.16.0

package/dist/chunks/{basic-page-CVZT_zaH.js → basic-page-CMJuM5iA.js}

@@ -1,54 +1,54 @@
 "use client";
 import { t as p } from "./cn-ChIgwEl3.js";
-import { n as De } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as it, FADE_SWAP as st, SPRING_ENTRANCE as lt, TRAVEL_LINEAR as ot, fadeThroughBlur as ee } from "../motion.js";
-import { a as ie, o as pe } from "./button-CdqS_t5a.js";
-import { t as ct } from "./error-D0yoFxCv.js";
-import { t as ae } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as ut } from "./IconChevronRight-CzoJnYNI.js";
-import { a as fe, i as dt, n as pt, r as ft, s as mt } from "./data-table-CHLJfGkS.js";
-import { t as Ee } from "./IconSearch-BKAHkLyX.js";
-import { t as ht } from "./IconX-pZ9vrtSr.js";
-import { t as gt } from "./toast-iSf6NuAS.js";
-import { t as le } from "./input-group-fc9_jD4d.js";
-import { t as bt } from "./animated-height-CCO-Ocoz.js";
-import { n as He, t as Q } from "./scroll-area-BO-9PMM7.js";
-import { i as yt } from "./checkbox-CLPmblNA.js";
-import { t as vt } from "./form-AiHbbw4m.js";
+import { n as He } from "./link-provider-DXzDQ08N.js";
+import { FADE_ENTRANCE as st, FADE_SWAP as lt, SPRING_ENTRANCE as ot, TRAVEL_LINEAR as ct, fadeThroughBlur as Z } from "../motion.js";
+import { a as ie, o as me } from "./button-CdqS_t5a.js";
+import { t as ut } from "./error-D0yoFxCv.js";
+import { t as te } from "./IconChevronLeft-CSWMKQ4C.js";
+import { t as dt } from "./IconChevronRight-CzoJnYNI.js";
+import { a as he, i as pt, n as ft, r as mt, s as ht } from "./data-table-CHLJfGkS.js";
+import { t as Se } from "./IconSearch-BKAHkLyX.js";
+import { t as gt } from "./IconX-pZ9vrtSr.js";
+import { t as bt } from "./toast-iSf6NuAS.js";
+import { t as oe } from "./input-group-fc9_jD4d.js";
+import { t as yt } from "./animated-height-CCO-Ocoz.js";
+import { n as ge, t as U } from "./scroll-area-BO-9PMM7.js";
+import { i as vt } from "./checkbox-CLPmblNA.js";
+import { t as xt } from "./form-AiHbbw4m.js";
 import { i as W } from "./menu-BQeprfxB.js";
-import { Children as Y, Fragment as xt, createContext as z, isValidElement as Fe, useCallback as Ge, useContext as T, useEffect as L, useId as wt, useLayoutEffect as V, useMemo as $, useRef as _, useState as x, useSyncExternalStore as me } from "react";
-import { Fragment as he, jsx as t, jsxs as v } from "react/jsx-runtime";
-import { AnimatePresence as G, motion as N, useIsPresent as Nt, useReducedMotion as B } from "motion/react";
-import { Dialog as te } from "@base-ui/react/dialog";
-import { createPortal as Ce } from "react-dom";
-var ge = "rounded-base border border-pho-secondary bg-pho-primary", ne = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", ze = `${ge} ${ne}`, Se = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", At = "flex min-h-[4.25rem] min-w-0 flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6", _t = "flex flex-col gap-3 px-5 py-4", Et = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Ct = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = lt, M = it, q = 12, St = 768;
-function kt(e) {
+import { Children as J, Fragment as wt, createContext as H, isValidElement as Fe, useCallback as Ge, useContext as k, useEffect as O, useId as Nt, useLayoutEffect as V, useMemo as q, useRef as _, useState as N, useSyncExternalStore as be } from "react";
+import { Fragment as ye, jsx as t, jsxs as y } from "react/jsx-runtime";
+import { AnimatePresence as z, motion as A, useIsPresent as At, useReducedMotion as L } from "motion/react";
+import { Dialog as ee } from "@base-ui/react/dialog";
+import { createPortal as ke } from "react-dom";
+var ve = "rounded-base border border-pho-secondary bg-pho-primary", ae = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", ze = `${ve} ${ae}`, Te = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", _t = "flex min-h-[4.25rem] min-w-0 flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6", Et = "flex flex-col gap-3 px-5 py-4", Ct = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", St = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = ot, B = st, j = 12, Ve = H(null), kt = 768;
+function Tt(e) {
   return Math.round(Math.min(Math.max(e * 0.4, 320), 448));
 }
-var Ve = z(null), $e = z(null);
-function Tt(e) {
-  const [a, n] = x(null), [r, s] = x(!1), [l, o] = x(!1), [c, i] = x(() => ({
+var $e = H(null), qe = H(null);
+function Rt(e) {
+  const [a, n] = N(null), [r, s] = N(!1), [l, o] = N(!1), [c, i] = N(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
   return V(() => {
     const d = e.current;
     if (!r || d == null) return;
-    const f = we(d), u = () => {
-      const h = d.offsetWidth, b = f?.clientHeight ?? null;
+    const m = Ae(d), u = () => {
+      const h = d.offsetWidth, b = m?.clientHeight ?? null;
       i((g) => g.width === h && g.height === b ? g : {
         width: h,
         height: b
       });
     };
     if (u(), typeof ResizeObserver > "u") return;
-    const m = new ResizeObserver(u);
-    return m.observe(d), f != null && m.observe(f), () => m.disconnect();
+    const f = new ResizeObserver(u);
+    return f.observe(d), m != null && f.observe(m), () => f.disconnect();
   }, [e, r]), {
-    host: $(() => ({
+    host: q(() => ({
       slot: a,
-      presentation: c.width >= St ? "panel" : "page",
-      width: kt(c.width),
+      presentation: c.width >= kt ? "panel" : "page",
+      width: Tt(c.width),
       paneHeight: c.height,
       setOpen: o,
       setPresent: s
@@ -57,73 +57,90 @@ function Tt(e) {
     open: l
   };
 }
-function Rt(e) {
+function Pt(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function ke(e, a) {
+function Re(e, a) {
   e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
 }
-function Pt({ condense: e = !0, width: a, className: n, children: r, ref: s, ...l }) {
-  const o = T(se)?.adopt ?? !1, c = T($e), [i, d] = x(!1), f = _(0), u = Ge((H) => {
-    f.current += H ? 1 : -1, d(f.current > 0);
-  }, []), m = a === "wide" || a == null && i, [h] = x(mt), b = _(null), [g, E] = x(null), [y, C] = x(null), w = $(() => ({
-    setTitle: E,
-    setTail: C
+function It({ condense: e = !0, width: a, prerendered: n = !1, className: r, children: s, ref: l, ...o }) {
+  const c = k(se)?.adopt ?? !1, i = k(qe), [d, m] = N(!1), u = _(0), f = Ge((w) => {
+    u.current += w ? 1 : -1, m(u.current > 0);
+  }, []), h = a === "wide" || a == null && d, [b] = N(ht), g = _(null), E = q(() => ({
+    ref: g,
+    prerendered: n
+  }), [n]), [v, C] = N(null), [x, R] = N(null), I = q(() => ({
+    setTitle: C,
+    setTail: R
   }), []);
-  L(() => {
-    if (c != null)
-      return c.setBack(y), () => c.setBack(null);
-  }, [c, y]);
-  const { host: S, setSlot: O, open: R } = Tt(b), I = R && S.presentation === "page", D = _(!1), j = _(0);
+  O(() => {
+    if (i != null)
+      return i.setBack(x), () => i.setBack(null);
+  }, [i, x]);
+  const { host: T, setSlot: M, open: F } = Rt(g), D = F && T.presentation === "page", Q = _(!1), Y = _(0);
   V(() => {
-    const H = b.current;
-    if (I === D.current || H == null) return;
-    D.current = I;
-    const A = we(H);
-    I ? (j.current = Rt(A), ke(A, 0)) : ke(A, j.current);
-  }, [I]);
-  const U = e ? /* @__PURE__ */ t(It, {
-    title: g,
-    tail: c == null ? y : null,
-    silent: I || c != null
-  }) : null, J = /* @__PURE__ */ t("div", {
+    const w = g.current;
+    if (D === Q.current || w == null) return;
+    Q.current = D;
+    const $ = Ae(w);
+    D ? (Y.current = Pt($), Re($, 0)) : Re($, Y.current);
+  }, [D]);
+  const le = e ? /* @__PURE__ */ t(Ot, {
+    title: v,
+    tail: i == null ? x : null,
+    silent: D || i != null
+  }) : null, S = /* @__PURE__ */ t("div", {
     "data-basic-page-column": "",
-    className: p("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", m ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]", o || c != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ t(ye.Provider, {
-      value: w,
-      children: r
-    }) : r
+    className: p("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", h ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]", c || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
+    children: e ? /* @__PURE__ */ t(we.Provider, {
+      value: I,
+      children: s
+    }) : s
   });
   return /* @__PURE__ */ t("div", {
     "data-basic-page-root": "",
-    "data-basic-page-width": m ? "wide" : void 0,
-    className: p("relative flex min-h-full w-full min-w-0 flex-row", n),
-    ...l,
-    ref: (H) => {
-      b.current = H, typeof s == "function" ? s(H) : s != null && (s.current = H);
+    "data-basic-page-width": h ? "wide" : void 0,
+    "data-basic-page-prerendered": n ? "" : void 0,
+    className: p("relative flex min-h-full w-full min-w-0 flex-row", r),
+    ...o,
+    ref: (w) => {
+      g.current = w, typeof l == "function" ? l(w) : l != null && (l.current = w);
     },
     children: /* @__PURE__ */ t(Ve.Provider, {
-      value: S,
-      children: /* @__PURE__ */ t(dt.Provider, {
-        value: u,
-        children: /* @__PURE__ */ v(fe.Provider, {
-          value: h,
-          children: [/* @__PURE__ */ v("div", {
-            "data-basic-page-main": "",
-            className: p("flex min-w-0 flex-1 flex-col", I && "hidden"),
-            children: [U, J]
-          }), /* @__PURE__ */ t("div", {
-            ref: O,
-            className: "contents"
-          })]
+      value: E,
+      children: /* @__PURE__ */ t($e.Provider, {
+        value: T,
+        children: /* @__PURE__ */ t(pt.Provider, {
+          value: f,
+          children: /* @__PURE__ */ y(he.Provider, {
+            value: b,
+            children: [/* @__PURE__ */ y("div", {
+              "data-basic-page-main": "",
+              className: p("flex min-w-0 flex-1 flex-col", D && "hidden"),
+              children: [le, S]
+            }), /* @__PURE__ */ t("div", {
+              ref: M,
+              className: "contents"
+            })]
+          })
         })
       })
     })
   });
 }
-function It({ title: e, tail: a, silent: n = !1 }) {
-  const r = B(), [s, l] = x(!1), o = T(se), c = wt();
-  L(() => {
+var ce = /* @__PURE__ */ new Set();
+function Ot({ title: e, tail: a, silent: n = !1 }) {
+  const r = L(), [s, l] = N(() => !n && ce.size > 0), o = k(se), c = Nt();
+  V(() => {
+    if (!(!s || n))
+      return ce.add(c), () => {
+        ce.delete(c);
+      };
+  }, [
+    c,
+    s,
+    n
+  ]), O(() => {
     if (o != null) {
       if (n) {
         o.store.clear(c);
@@ -142,87 +159,103 @@ function It({ title: e, tail: a, silent: n = !1 }) {
     e,
     a,
     n
-  ]), L(() => {
+  ]), O(() => {
     if (o != null)
       return () => o.store.clear(c);
   }, [o, c]);
   const i = e?.el ?? null;
-  return L(() => {
-    if (i == null || typeof IntersectionObserver > "u") return;
-    const d = new IntersectionObserver(([f]) => l(f != null && !f.isIntersecting), { root: we(i) });
-    return d.observe(i), () => d.disconnect();
-  }, [i]), /* @__PURE__ */ t("div", {
+  O(() => {
+    if (i == null || typeof IntersectionObserver > "u") {
+      if (typeof requestAnimationFrame > "u") return;
+      const f = requestAnimationFrame(() => l(!1));
+      return () => cancelAnimationFrame(f);
+    }
+    const u = new IntersectionObserver(([f]) => l(f != null && !f.isIntersecting), { root: Ae(i) });
+    return u.observe(i), () => u.disconnect();
+  }, [i]);
+  const d = r ? 0 : -jt, m = r ? "blur(0px)" : `blur(${ge}px)`;
+  return /* @__PURE__ */ t("div", {
     "data-basic-page-condense": "",
     className: "sticky top-0 z-20 h-0 overflow-visible",
-    children: /* @__PURE__ */ t(G, { children: s && !(o?.adopt ?? !1) && /* @__PURE__ */ v(N.div, {
-      initial: {
-        opacity: 0,
-        y: r ? 0 : Ie
-      },
-      animate: {
-        opacity: 1,
-        y: 0
-      },
-      exit: {
-        opacity: 0,
-        y: r ? 0 : Ie
-      },
-      transition: {
-        ...xe,
-        y: $t
-      },
-      className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
-      children: [/* @__PURE__ */ t("div", {
-        className: "flex min-w-0 items-center justify-start",
-        children: a != null && /* @__PURE__ */ t(pe, {
-          variant: "ghost",
-          size: "sm",
-          href: a.href,
-          onClick: a.onClick,
-          prefix: /* @__PURE__ */ t("span", {
-            className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-            children: /* @__PURE__ */ t(ae, {})
-          }),
-          className: "min-w-max",
-          children: a.label
-        })
-      }), /* @__PURE__ */ t("span", {
-        className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
-        children: e?.label
-      })]
-    }) })
+    children: /* @__PURE__ */ t(z, {
+      initial: !1,
+      children: s && !(o?.adopt ?? !1) && /* @__PURE__ */ y(A.div, {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: ne,
+        className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
+        children: [/* @__PURE__ */ t("div", {
+          className: "flex min-w-0 items-center justify-start",
+          children: a != null && /* @__PURE__ */ t(me, {
+            variant: "ghost",
+            size: "sm",
+            href: a.href,
+            onClick: a.onClick,
+            prefix: /* @__PURE__ */ t("span", {
+              className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
+              children: /* @__PURE__ */ t(te, {})
+            }),
+            className: "min-w-max",
+            children: a.label
+          })
+        }), /* @__PURE__ */ t(A.span, {
+          initial: {
+            opacity: 0,
+            y: d,
+            filter: m
+          },
+          animate: {
+            opacity: 1,
+            y: 0,
+            filter: "blur(0px)"
+          },
+          exit: {
+            opacity: 0,
+            y: d,
+            filter: m
+          },
+          transition: {
+            ...ne,
+            y: qt
+          },
+          className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
+          children: e?.label
+        })]
+      })
+    })
   });
 }
-function Ot(e) {
+function Lt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function Lt(e) {
+function Bt(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return Ot(String(e)) || void 0;
+    return Lt(String(e)) || void 0;
 }
-function be(e, a) {
+function xe(e, a) {
   if (e !== "")
-    return e ?? Lt(a);
+    return e ?? Bt(a);
 }
-var Bt = (e) => `basic-page-morph-${e}`, Mt = { layout: P }, Te = 10, Re = {
+var Mt = (e) => `basic-page-morph-${e}`, Dt = { layout: P }, Pe = 10, Ie = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, Dt = {
+}, Ht = {
   duration: 0.18,
   ease: "easeOut"
-}, Ht = -8, Ft = {
+}, Ft = -8, Gt = {
   duration: 0.16,
   ease: "easeOut"
-}, Gt = {
+}, zt = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
-}, qe = {
+}, je = {
   duration: 0.12,
   ease: "easeOut"
 }, K = [];
-function zt(e) {
+function Vt(e) {
   const a = _({ labels: e });
   a.current.labels = e, V(() => {
     const n = a.current;
@@ -231,22 +264,22 @@ function zt(e) {
     };
   }, []);
 }
-function je() {
-  const [e] = x(() => {
+function We() {
+  const [e] = N(() => {
     const a = K[K.length - 1];
     return a ? { labels: [...a.labels] } : null;
   });
   return e;
 }
-var ye = z(null), ue = {
+var we = H(null), pe = {
   condensed: !1,
   title: null,
   back: null
-}, se = z(null), ve = () => () => {
-}, Pe = () => ue;
-function Vt({ adopt: e = !0, children: a }) {
-  const [n] = x(() => {
-    let s = ue, l = null;
+}, se = H(null), Ne = () => () => {
+}, Oe = () => pe;
+function $t({ adopt: e = !0, children: a }) {
+  const [n] = N(() => {
+    let s = pe, l = null;
     const o = /* @__PURE__ */ new Set(), c = () => {
       for (const i of o) i();
     };
@@ -256,13 +289,13 @@ function Vt({ adopt: e = !0, children: a }) {
         l = i, s = d, c();
       },
       clear(i) {
-        l === i && (l = null, s = ue, c());
+        l === i && (l = null, s = pe, c());
       },
       subscribe(i) {
         return o.add(i), () => o.delete(i);
       }
     };
-  }), r = $(() => ({
+  }), r = q(() => ({
     store: n,
     adopt: e
   }), [n, e]);
@@ -271,12 +304,12 @@ function Vt({ adopt: e = !0, children: a }) {
     children: a
   });
 }
-function fn() {
-  const e = T(se);
-  return me(e?.store.subscribe ?? ve, e?.store.get ?? Pe, e?.store.get ?? Pe);
+function hn() {
+  const e = k(se);
+  return be(e?.store.subscribe ?? Ne, e?.store.get ?? Oe, e?.store.get ?? Oe);
 }
-var xe = st, $t = ot, Ie = -8;
-function we(e) {
+var ne = lt, qt = ct, jt = -8;
+function Ae(e) {
   if (typeof getComputedStyle != "function") return null;
   for (let a = e.parentElement; a != null && a !== document.body; a = a.parentElement) {
     const { overflowY: n } = getComputedStyle(a);
@@ -284,45 +317,45 @@ function we(e) {
   }
   return null;
 }
-var oe = /* @__PURE__ */ new Map(), qt = 96;
-function jt(e) {
+var ue = /* @__PURE__ */ new Map(), Wt = 96;
+function Kt(e) {
   const a = e.closest("[data-basic-page-root]"), n = a?.querySelector("[data-basic-page-column]");
   return !a || !n ? 0 : n.getBoundingClientRect().left - a.getBoundingClientRect().left;
 }
-function We(e) {
-  const [a] = x(() => {
+function Ke(e) {
+  const [a] = N(() => {
     if (e == null) return !1;
-    const r = oe.get(e);
-    return r != null && r.visible && r.el.isConnected && jt(r.el) <= qt;
+    const r = ue.get(e);
+    return r != null && r.visible && r.el.isConnected && Kt(r.el) <= Wt;
   }), n = _(null);
-  return L(() => {
+  return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
     const r = n.current;
     if (!r) return;
     const s = new IntersectionObserver(([l]) => {
-      l && oe.set(e, {
+      l && ue.set(e, {
         visible: l.isIntersecting,
         el: r
       });
     });
     return s.observe(r), () => {
-      s.disconnect(), oe.delete(e);
+      s.disconnect(), ue.delete(e);
     };
   }, [e]), {
     fly: a,
     ref: n
   };
 }
-var Wt = {
+var Xt = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
-    transition: { opacity: M }
+    transition: { opacity: B }
   },
   rise: {
     initial: {
       opacity: 0,
-      y: q
+      y: j
     },
     animate: {
       opacity: 1,
@@ -330,23 +363,23 @@ var Wt = {
     },
     transition: {
       y: P,
-      opacity: M
+      opacity: B
     }
   },
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: Gt }
+    transition: { x: zt }
   }
 };
-function Ke({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: o }) {
-  const [c, i] = x(!1), d = !n && s != null ? Wt[s] : null;
-  return /* @__PURE__ */ v(N.span, {
+function Xe({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: o }) {
+  const [c, i] = N(!1), d = !n && s != null ? Xt[s] : null;
+  return /* @__PURE__ */ y(A.span, {
     ref: r,
-    layoutId: Bt(e),
+    layoutId: Mt(e),
     initial: d?.initial,
     animate: d?.animate,
-    transition: n ? Mt : {
+    transition: n ? Dt : {
       layout: { duration: 0 },
       ...d?.transition
     },
@@ -355,20 +388,20 @@ function Ke({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, cla
     },
     onLayoutAnimationComplete: () => i(!1),
     className: p("relative inline-block", l),
-    children: [o, c && /* @__PURE__ */ t(N.span, {
+    children: [o, c && /* @__PURE__ */ t(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Dt,
+      transition: Ht,
       onAnimationComplete: () => i(!1),
       className: p("absolute inset-0", a),
       children: o
     })]
   });
 }
-var Oe = "max-w-full min-w-0 truncate align-top";
-function Kt({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...o }) {
-  const c = be(e, l), i = B(), d = Ae(n === !0), f = We(a), u = je(), m = !i && (a != null || d === !0), h = d || u != null ? "rise" : void 0, b = T(ye), g = _(null);
+var Le = "max-w-full min-w-0 truncate align-top";
+function Qt({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...o }) {
+  const c = xe(e, l), i = L(), d = Ee(n === !0), m = Ke(a), u = We(), f = !i && (a != null || d === !0), h = d || u != null ? "rise" : void 0, b = k(we), g = _(null);
   V(() => {
     if (b != null)
       return b.setTitle({
@@ -376,22 +409,22 @@ function Kt({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
         el: g.current
       }), () => b.setTitle(null);
   }, [b, l]);
-  const [E, y] = x(f.fly && u != null);
+  const [E, v] = N(m.fly && u != null);
   V(() => {
-    K.length > 0 && y(!1);
+    K.length > 0 && v(!1);
   }, []);
-  const C = r != null && r !== !1, w = !i && (a != null ? f.fly || h != null : d === !0), S = a != null && !i ? /* @__PURE__ */ t(Ke, {
+  const C = r != null && r !== !1, x = !i && (a != null ? m.fly || h != null : d === !0), R = a != null && !i ? /* @__PURE__ */ t(Xe, {
     morphId: a,
     fromClassName: "text-pho-secondary",
-    fly: f.fly,
-    morphRef: f.ref,
+    fly: m.fly,
+    morphRef: m.ref,
     arrival: h,
-    className: Oe,
+    className: Le,
     children: l
-  }) : d && !i ? /* @__PURE__ */ t(N.span, {
+  }) : d && !i ? /* @__PURE__ */ t(A.span, {
     initial: {
       opacity: 0,
-      y: q
+      y: j
     },
     animate: {
       opacity: 1,
@@ -399,31 +432,31 @@ function Kt({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
     },
     transition: {
       y: P,
-      opacity: M
+      opacity: B
     },
-    className: p("inline-block", Oe),
+    className: p("inline-block", Le),
     children: l
   }) : C ? /* @__PURE__ */ t("span", {
     className: "min-w-0 truncate",
     children: l
   }) : l;
-  return /* @__PURE__ */ v("h1", {
+  return /* @__PURE__ */ y("h1", {
     id: c,
     "data-basic-page-title": "",
-    className: p("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", m ? "whitespace-nowrap" : "truncate", s),
+    className: p("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", f ? "whitespace-nowrap" : "truncate", s),
     ...o,
-    ref: (O) => {
-      g.current = O;
-      const R = o.ref;
-      typeof R == "function" ? R(O) : R != null && (R.current = O);
+    ref: (I) => {
+      g.current = I;
+      const T = o.ref;
+      typeof T == "function" ? T(I) : T != null && (T.current = I);
     },
-    children: [C ? /* @__PURE__ */ v("span", {
+    children: [C ? /* @__PURE__ */ y("span", {
       className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [S, w ? /* @__PURE__ */ t(N.span, {
+      children: [R, x ? /* @__PURE__ */ t(A.span, {
         "data-basic-page-title-trailing": "",
         initial: {
           opacity: 0,
-          y: q
+          y: j
         },
         animate: {
           opacity: 1,
@@ -431,7 +464,7 @@ function Kt({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
         },
         transition: {
           y: P,
-          opacity: M
+          opacity: B
         },
         className: "shrink-0",
         children: r
@@ -440,56 +473,56 @@ function Kt({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
         className: "shrink-0",
         children: r
       })]
-    }) : S, E && /* @__PURE__ */ t(N.span, {
+    }) : R, E && /* @__PURE__ */ t(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: qe,
-      onAnimationComplete: () => y(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Ta),
-      children: /* @__PURE__ */ t(ae, {})
+      transition: je,
+      onAnimationComplete: () => v(!1),
+      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Pa),
+      children: /* @__PURE__ */ t(te, {})
     })]
   });
 }
-var Xe = z(!1);
-function Xt() {
-  const e = T(Xe), a = B(), [n] = x(() => e && !a);
+var Qe = H(!1);
+function Yt() {
+  const e = k(Qe), a = L(), [n] = N(() => e && !a);
   return n;
 }
-var Qt = {
+var Ut = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, Yt = {
+}, Jt = {
   y: P,
-  opacity: M,
+  opacity: B,
   height: P,
   paddingTop: P,
   paddingBottom: P,
   borderTopWidth: P
 };
-function Ne() {
-  const e = Xt(), a = Nt(), n = B();
+function _e() {
+  const e = Yt(), a = At(), n = L();
   return {
     initial: e ? {
       opacity: 0,
-      y: q
+      y: j
     } : !1,
     animate: {
       opacity: 1,
       y: 0
     },
-    exit: Qt,
-    transition: n ? { duration: 0 } : Yt,
+    exit: Ut,
+    transition: n ? { duration: 0 } : Jt,
     leaving: !a
   };
 }
-var Ut = typeof process < "u" && process.env.NODE_ENV !== "production";
-function Qe(e, a, n, r) {
-  L(() => {
-    if (!Ut || e.current == null || typeof getComputedStyle != "function") return;
+var Zt = typeof process < "u" && process.env.NODE_ENV !== "production";
+function Ye(e, a, n, r) {
+  O(() => {
+    if (!Zt || e.current == null || typeof getComputedStyle != "function") return;
     const s = (o) => {
       const c = getComputedStyle(o).rowGap;
       return c === "" || c === "normal" ? null : parseFloat(c);
@@ -503,27 +536,33 @@ function Qe(e, a, n, r) {
     }
   });
 }
-function Jt() {
-  return typeof document > "u" ? !1 : Array.from(document.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((e) => e.closest('[aria-busy="true"]') != null);
+function ea(e) {
+  return Array.from(e.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((a) => a.closest('[aria-busy="true"]') != null);
 }
-function Ae(e, a = !1) {
-  const [n] = x(() => e && typeof document < "u" && (a || !Jt()));
-  return n;
+function Ee(e, a = !1) {
+  const n = k(Ve), [r] = N(() => {
+    if (typeof document > "u" || !e || n?.prerendered) return !1;
+    if (a) return !0;
+    if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
+    const s = n ? n.ref.current : document;
+    return s == null || !ea(s);
+  });
+  return r;
 }
-function Zt({ enter: e, className: a, children: n, ref: r, ...s }) {
-  const l = B(), o = _(null);
-  Qe(o, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : 12);
-  const c = Ae(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", f = _(d), u = f.current && !d;
-  return L(() => {
-    f.current = d;
-  }), /* @__PURE__ */ t(N.div, {
-    ref: (m) => {
-      o.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
+function ta({ enter: e, className: a, children: n, ref: r, ...s }) {
+  const l = L(), o = _(null);
+  Ye(o, "Stack", 40, (f) => f.hasAttribute("data-basic-page-fields") ? 20 : 12);
+  const c = Ee(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", m = _(d), u = m.current && !d;
+  return O(() => {
+    m.current = d;
+  }), /* @__PURE__ */ t(A.div, {
+    ref: (f) => {
+      o.current = f, typeof r == "function" ? r(f) : r != null && (r.current = f);
     },
     "data-basic-page-stack": "",
     initial: l || !c ? !1 : {
       opacity: 0,
-      y: q
+      y: j
     },
     animate: {
       opacity: 1,
@@ -531,23 +570,23 @@ function Zt({ enter: e, className: a, children: n, ref: r, ...s }) {
     },
     transition: {
       y: P,
-      opacity: M
+      opacity: B
     },
     className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:flex *:min-w-0 *:flex-col [&>*:not([data-basic-page-fields])]:gap-3", a),
     ...s,
-    children: /* @__PURE__ */ t(Xe.Provider, {
+    children: /* @__PURE__ */ t(Qe.Provider, {
       value: u,
       children: n
     })
   });
 }
-var Le = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 [&>:not([data-basic-page-search]):not([data-basic-page-header-action])]:col-start-1 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:row-span-2 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:self-center [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):not(:nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-end [&>:not([data-basic-page-search]):not([data-basic-page-header-action]):not(:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-start [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
-function ea({ enter: e, className: a, ...n }) {
-  const r = B();
-  return Ae(e === !0) && !r ? /* @__PURE__ */ t(N.div, {
+var Be = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 [&>:not([data-basic-page-search]):not([data-basic-page-header-action])]:col-start-1 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:row-span-2 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:self-center [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):not(:nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-end [&>:not([data-basic-page-search]):not([data-basic-page-header-action]):not(:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-start [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
+function aa({ enter: e, className: a, ...n }) {
+  const r = L();
+  return Ee(e === !0) && !r ? /* @__PURE__ */ t(A.div, {
     initial: {
       opacity: 0,
-      y: q
+      y: j
     },
     animate: {
       opacity: 1,
@@ -555,26 +594,26 @@ function ea({ enter: e, className: a, ...n }) {
     },
     transition: {
       y: P,
-      opacity: M
+      opacity: B
     },
     "data-basic-page-header": "",
-    className: p(Le, a),
+    className: p(Be, a),
     ...n
   }) : /* @__PURE__ */ t("div", {
     "data-basic-page-header": "",
-    className: p(Le, a),
+    className: p(Be, a),
     ...n
   });
 }
-function ta({ className: e, ...a }) {
+function na({ className: e, ...a }) {
   return /* @__PURE__ */ t("div", {
     "data-basic-page-header-action": "",
     className: p("flex items-center gap-2", "[[data-basic-page-header]>&]:col-start-3 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", e),
     ...a
   });
 }
-function aa({ id: e, className: a, children: n, ...r }) {
-  const s = be(e, n);
+function ra({ id: e, className: a, children: n, ...r }) {
+  const s = xe(e, n);
   return /* @__PURE__ */ t("h2", {
     id: s,
     className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", a),
@@ -582,35 +621,35 @@ function aa({ id: e, className: a, children: n, ...r }) {
     children: n
   });
 }
-function Ye({ className: e, ...a }) {
+function Ue({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description px-5 font-normal", e),
     ...a
   });
 }
-function na({ one: e, other: a, ...n }) {
-  const r = T(fe), s = me(r?.subscribe ?? ve, () => r?.get().api ?? null, () => null);
+function ia({ one: e, other: a, ...n }) {
+  const r = k(he), s = be(r?.subscribe ?? Ne, () => r?.get().api ?? null, () => null);
   if (s == null) return null;
   const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : a}.`;
-  return /* @__PURE__ */ t(Ye, {
+  return /* @__PURE__ */ t(Ue, {
     ...n,
     children: l
   });
 }
-function ra({ className: e, ...a }) {
+function sa({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-pho-description px-5 text-xs font-normal", "mt-3 [[data-basic-page-callout]_&]:mt-0 [[data-basic-page-stack]>*>&]:mt-0", e),
     ...a
   });
 }
-function ia({ animateHeight: e, className: a, children: n, ...r }) {
-  const s = /* @__PURE__ */ t(G, { children: Y.toArray(n) });
+function la({ animateHeight: e, className: a, children: n, ...r }) {
+  const s = /* @__PURE__ */ t(z, { children: J.toArray(n) });
   return e ? /* @__PURE__ */ t("div", {
-    className: p(ge, "min-h-0 overflow-hidden", a),
+    className: p(ve, "min-h-0 overflow-hidden", a),
     ...r,
-    children: /* @__PURE__ */ t(bt, {
+    children: /* @__PURE__ */ t(yt, {
       transition: P,
-      className: ne,
+      className: ae,
       children: s
     })
   }) : /* @__PURE__ */ t("div", {
@@ -619,33 +658,33 @@ function ia({ animateHeight: e, className: a, children: n, ...r }) {
     children: s
   });
 }
-function sa({ className: e, ...a }) {
-  const { leaving: n, ...r } = Ne();
-  return /* @__PURE__ */ t(N.div, {
+function oa({ className: e, ...a }) {
+  const { leaving: n, ...r } = _e();
+  return /* @__PURE__ */ t(A.div, {
     ...r,
-    className: p(_t, n && "overflow-hidden", e),
+    className: p(Et, n && "overflow-hidden", e),
     ...a
   });
 }
-function la({ divided: e = !1, className: a, ...n }) {
+function ca({ divided: e = !1, className: a, ...n }) {
   return /* @__PURE__ */ t("div", {
-    className: p(e ? Ct : Et, a),
+    className: p(e ? St : Ct, a),
     ...n
   });
 }
-function oa({ className: e, icon: a, children: n, ...r }) {
+function ua({ className: e, icon: a, children: n, ...r }) {
   if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
     "data-basic-page-callout": "",
-    className: p(Se, e),
+    className: p(Te, e),
     ...r,
     children: n
   });
-  const [s, ...l] = Y.toArray(n);
-  return /* @__PURE__ */ v("div", {
+  const [s, ...l] = J.toArray(n);
+  return /* @__PURE__ */ y("div", {
     "data-basic-page-callout": "",
-    className: p(Se, e),
+    className: p(Te, e),
     ...r,
-    children: [/* @__PURE__ */ v("div", {
+    children: [/* @__PURE__ */ y("div", {
       className: "relative",
       children: [/* @__PURE__ */ t("div", {
         className: "min-w-0 pr-16",
@@ -658,8 +697,8 @@ function oa({ className: e, icon: a, children: n, ...r }) {
     }), l]
   });
 }
-function ca({ id: e, className: a, children: n, ...r }) {
-  const s = be(e, n);
+function da({ id: e, className: a, children: n, ...r }) {
+  const s = xe(e, n);
   return /* @__PURE__ */ t("h2", {
     id: s,
     className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
@@ -667,19 +706,19 @@ function ca({ id: e, className: a, children: n, ...r }) {
     children: n
   });
 }
-function ua({ className: e, ...a }) {
+function pa({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description font-normal", e),
     ...a
   });
 }
-var Ue = z(null), Je = z(!1);
-function da({ className: e, children: a, ...n }) {
+var Je = H(null), Ze = H(!1);
+function fa({ className: e, children: a, ...n }) {
   let r = !1;
-  const s = Y.toArray(a).map((l, o) => {
+  const s = J.toArray(a).map((l, o) => {
     if (!Fe(l)) return l;
     let c;
-    return l.props.done ? c = "done" : r ? c = "upcoming" : (r = !0, c = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ t(Ue.Provider, {
+    return l.props.done ? c = "done" : r ? c = "upcoming" : (r = !0, c = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ t(Je.Provider, {
       value: {
         number: o + 1,
         state: c
@@ -694,56 +733,56 @@ function da({ className: e, children: a, ...n }) {
     children: s
   });
 }
-var pa = "relative grid size-5 shrink-0 place-items-center rounded-full border text-xs font-medium tabular-nums transition-[background-color,border-color,color] duration-200 ease-out *:[grid-area:1/1]", fa = {
+var ma = "relative grid size-5 shrink-0 place-items-center rounded-full border text-xs font-medium tabular-nums transition-[background-color,border-color,color] duration-200 ease-out *:[grid-area:1/1]", ha = {
   done: "border-pho-ink text-pho-primary",
   current: "bg-pho-brand-solid text-pho-on-brand border-transparent",
   working: "border-transparent text-pho-primary",
   pending: "border-pho-ink text-pho-primary border-dashed",
   upcoming: "border-pho-primary text-pho-description"
-}, ma = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", ha = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", ga = {
+}, ga = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", ba = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", ya = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function ba({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: o, className: c, children: i, ...d }) {
-  const f = T(Ue), u = f?.state ?? (s ? "done" : l ? "working" : o ? "pending" : "current"), m = B(), h = u === "current" || u === "working" || u === "pending", b = u === "upcoming", g = ga[u], E = i != null && i !== !1, y = e != null && e !== !1, C = a != null && a !== !1;
+function va({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: o, className: c, children: i, ...d }) {
+  const m = k(Je), u = m?.state ?? (s ? "done" : l ? "working" : o ? "pending" : "current"), f = L(), h = u === "current" || u === "working" || u === "pending", b = u === "upcoming", g = ya[u], E = i != null && i !== !1, v = e != null && e !== !1, C = a != null && a !== !1;
   return /* @__PURE__ */ t("li", {
     "data-basic-page-step": u,
     "aria-current": h ? "step" : void 0,
     className: p("relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] items-center gap-x-3 px-5 py-4", "transition-[background-color] duration-200 ease-out first:rounded-t-[calc(0.75rem-1px)] last:rounded-b-[calc(0.75rem-1px)] motion-reduce:transition-none", h && "bg-pho-page", c),
     ...d,
-    children: /* @__PURE__ */ v(Je.Provider, {
+    children: /* @__PURE__ */ y(Ze.Provider, {
       value: !0,
       children: [
-        /* @__PURE__ */ v("span", {
+        /* @__PURE__ */ y("span", {
           "aria-hidden": !0,
-          className: p(pa, fa[u], "col-start-1 row-start-1"),
-          children: [/* @__PURE__ */ t(G, {
+          className: p(ma, ha[u], "col-start-1 row-start-1"),
+          children: [/* @__PURE__ */ t(z, {
             initial: !1,
-            children: u === "done" ? /* @__PURE__ */ t(N.span, {
-              ...ee(m),
+            children: u === "done" ? /* @__PURE__ */ t(A.span, {
+              ...Z(f),
               className: "flex",
-              children: /* @__PURE__ */ t(yt, { className: "size-3" })
-            }, "check") : /* @__PURE__ */ t(N.span, {
-              ...ee(m),
-              children: f?.number ?? 1
+              children: /* @__PURE__ */ t(vt, { className: "size-3" })
+            }, "check") : /* @__PURE__ */ t(A.span, {
+              ...Z(f),
+              children: m?.number ?? 1
             }, "number")
-          }), u === "working" ? /* @__PURE__ */ v(he, { children: [/* @__PURE__ */ t("span", { className: ma }), /* @__PURE__ */ t("span", { className: ha })] }) : null]
+          }), u === "working" ? /* @__PURE__ */ y(ye, { children: [/* @__PURE__ */ t("span", { className: ga }), /* @__PURE__ */ t("span", { className: ba })] }) : null]
         }),
-        /* @__PURE__ */ v("div", {
+        /* @__PURE__ */ y("div", {
           "data-basic-page-step-title": "",
           className: p("text-display-xs col-start-2 row-start-1 min-w-0 font-medium transition-colors duration-200 ease-out", b ? "text-pho-description" : "text-pho-primary"),
-          children: [g ? /* @__PURE__ */ v("span", {
+          children: [g ? /* @__PURE__ */ y("span", {
             className: "sr-only",
             children: [g, " "]
           }) : null, n]
         }),
-        /* @__PURE__ */ t(_e, {
+        /* @__PURE__ */ t(Ce, {
           show: h,
           gap: "none",
           clip: !1,
           className: "col-start-2 row-start-2 flex min-w-0 flex-col self-stretch",
-          children: /* @__PURE__ */ v("div", {
+          children: /* @__PURE__ */ y("div", {
             "data-basic-page-step-body": "",
             className: "flex min-w-0 flex-1 flex-col",
             children: [r ? /* @__PURE__ */ t("div", {
@@ -758,18 +797,18 @@ function ba({ icon: e, aside: a, title: n, description: r, done: s, working: l,
         u === "done" && E ? /* @__PURE__ */ t("div", {
           className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
           children: i
-        }) : C ? /* @__PURE__ */ t(G, {
+        }) : C ? /* @__PURE__ */ t(z, {
           initial: !1,
-          children: h ? /* @__PURE__ */ t(N.div, {
-            ...ee(m),
+          children: h ? /* @__PURE__ */ t(A.div, {
+            ...Z(f),
             className: "col-start-3 row-span-2 row-start-1 self-start",
             children: a
           }, "aside") : null
-        }) : y ? /* @__PURE__ */ t(G, {
+        }) : v ? /* @__PURE__ */ t(z, {
           initial: !1,
-          children: h ? /* @__PURE__ */ t(N.div, {
+          children: h ? /* @__PURE__ */ t(A.div, {
             "aria-hidden": !0,
-            ...ee(m),
+            ...Z(f),
             className: "pointer-events-none col-start-3 row-span-2 row-start-1 size-14 self-start",
             children: /* @__PURE__ */ t("div", {
               className: "text-pho-primary size-full opacity-[0.275] [&>svg]:size-full",
@@ -781,13 +820,13 @@ function ba({ icon: e, aside: a, title: n, description: r, done: s, working: l,
     })
   });
 }
-function ya({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...o }) {
-  const { leaving: c, ...i } = Ne();
-  return /* @__PURE__ */ v(N.div, {
+function xa({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...o }) {
+  const { leaving: c, ...i } = _e();
+  return /* @__PURE__ */ y(A.div, {
     ...i,
-    className: p(At, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", c && "overflow-hidden", s),
+    className: p(_t, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", c && "overflow-hidden", s),
     ...o,
-    children: [/* @__PURE__ */ v("div", {
+    children: [/* @__PURE__ */ y("div", {
       className: "min-w-0",
       children: [n ? /* @__PURE__ */ t("label", {
         htmlFor: n,
@@ -806,18 +845,18 @@ function ya({ label: e, description: a, htmlFor: n, stacked: r = !1, className:
     })]
   });
 }
-function va({ className: e, ...a }) {
-  const n = T(Je);
+function wa({ className: e, ...a }) {
+  const n = k(Ze);
   return /* @__PURE__ */ t("p", {
     className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
     ...a
   });
 }
-function xa({ error: e, show: a, className: n, children: r, ...s }) {
-  const l = B(), o = T(X), c = e ?? o?.error ?? void 0;
-  return /* @__PURE__ */ t(G, {
+function Na({ error: e, show: a, className: n, children: r, ...s }) {
+  const l = L(), o = k(X), c = e ?? o?.error ?? void 0;
+  return /* @__PURE__ */ t(z, {
     initial: !1,
-    children: (a ?? !0) && (c != null || r != null) ? /* @__PURE__ */ t(N.div, {
+    children: (a ?? !0) && (c != null || r != null) ? /* @__PURE__ */ t(A.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -834,9 +873,9 @@ function xa({ error: e, show: a, className: n, children: r, ...s }) {
       },
       transition: l ? { duration: 0 } : {
         height: P,
-        opacity: M
+        opacity: B
       },
-      children: /* @__PURE__ */ t(ct, {
+      children: /* @__PURE__ */ t(ut, {
         error: c,
         className: p("px-5 pb-3", n),
         ...s,
@@ -845,114 +884,114 @@ function xa({ error: e, show: a, className: n, children: r, ...s }) {
     }) : null
   });
 }
-function mn() {
-  return T(X)?.requestSave ?? null;
+function gn() {
+  return k(X)?.requestSave ?? null;
 }
-var hn = 800, ce = gt.createToastManager(), X = z(null);
-function wa({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: o, ...c }) {
-  const [i, d] = x(!1), [f, u] = x(!1), [m, h] = x(null), [b, g] = x(a ?? {}), [E, y] = x(null), C = _(null), w = _(null), S = _(null), O = _(!1), R = _(!1), I = _(null), D = _(async () => {
+var bn = 800, de = bt.createToastManager(), X = H(null);
+function Aa({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: o, ...c }) {
+  const [i, d] = N(!1), [m, u] = N(!1), [f, h] = N(null), [b, g] = N(a ?? {}), [E, v] = N(null), C = _(null), x = _(null), R = _(null), I = _(!1), T = _(!1), M = _(null), F = _(async () => {
   });
-  L(() => () => {
-    w.current != null && clearTimeout(w.current);
+  O(() => () => {
+    x.current != null && clearTimeout(x.current);
   }, []);
-  const j = async () => {
-    const A = C.current;
-    if (A == null || e == null) return;
-    if (O.current) {
-      R.current = !0;
+  const D = async () => {
+    const S = C.current;
+    if (S == null || e == null) return;
+    if (I.current) {
+      T.current = !0;
       return;
     }
-    if (!A.checkValidity()) return;
-    const k = Object.fromEntries(new FormData(A).entries()), Z = S.current;
-    O.current = !0, y({
-      field: Z,
+    if (!S.checkValidity()) return;
+    const w = Object.fromEntries(new FormData(S).entries()), $ = R.current;
+    I.current = !0, v({
+      field: $,
       phase: "saving"
     }), h(null);
     try {
-      const F = (await e(k))?.errors;
-      if (F != null && Object.keys(F).length > 0) {
-        g(F), y(null);
+      const G = (await e(w))?.errors;
+      if (G != null && Object.keys(G).length > 0) {
+        g(G), v(null);
         return;
       }
-      g({}), u(!1), y({
-        field: Z,
+      g({}), u(!1), v({
+        field: $,
         phase: "saved"
-      }), I.current != null && (ce.close(I.current), I.current = null);
-    } catch (F) {
-      y(null), h(F), I.current != null && ce.close(I.current), I.current = ce.add({
+      }), M.current != null && (de.close(M.current), M.current = null);
+    } catch (G) {
+      v(null), h(G), M.current != null && de.close(M.current), M.current = de.add({
         type: "error",
         title: "Couldn't save",
-        description: F instanceof Error && F.message !== "" ? F.message : "The change is still here — try again.",
+        description: G instanceof Error && G.message !== "" ? G.message : "The change is still here — try again.",
         timeout: 0,
         actionProps: {
           children: "Retry",
           onClick: () => {
-            D.current();
+            F.current();
           }
         }
       });
     } finally {
-      O.current = !1, R.current && (R.current = !1, D.current());
+      I.current = !1, T.current && (T.current = !1, F.current());
     }
   };
-  D.current = j;
-  const U = () => {
-    w.current != null && clearTimeout(w.current), w.current = setTimeout(() => {
-      w.current = null, D.current();
+  F.current = D;
+  const Q = () => {
+    x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
+      x.current = null, F.current();
     }, 800);
-  }, J = $(() => n ? (A) => {
-    A != null && (S.current = A), u(!0), U();
-  } : null, [n]), H = $(() => ({
+  }, Y = q(() => n ? (S) => {
+    S != null && (R.current = S), u(!0), Q();
+  } : null, [n]), le = q(() => ({
     pending: i,
-    dirty: f,
-    error: m,
+    dirty: m,
+    error: f,
     auto: E,
-    requestSave: J
+    requestSave: Y
   }), [
     i,
-    f,
     m,
+    f,
     E,
-    J
+    Y
   ]);
   return /* @__PURE__ */ t(X.Provider, {
-    value: H,
-    children: /* @__PURE__ */ t(vt, {
+    value: le,
+    children: /* @__PURE__ */ t(xt, {
       errors: b,
-      onFormSubmit: async (A) => {
+      onFormSubmit: async (S) => {
         if (e != null) {
           d(!0), h(null);
           try {
-            const k = (await e(A))?.errors;
-            if (k != null && Object.keys(k).length > 0) {
-              g(k);
+            const w = (await e(S))?.errors;
+            if (w != null && Object.keys(w).length > 0) {
+              g(w);
               return;
             }
             g({}), u(!1);
-          } catch (k) {
-            h(k);
+          } catch (w) {
+            h(w);
           } finally {
             d(!1);
           }
         }
       },
-      onChange: (A) => {
+      onChange: (S) => {
         u(!0), h(null);
-        const k = A.target.name;
-        k && k in b && g((Z) => {
-          const { [k]: F, ...rt } = Z;
-          return rt;
-        }), n && (k && (S.current = k), U()), l?.(A);
+        const w = S.target.name;
+        w && w in b && g(($) => {
+          const { [w]: G, ...it } = $;
+          return it;
+        }), n && (w && (R.current = w), Q()), l?.(S);
       },
-      onBlur: (A) => {
-        n && f && w.current != null && (clearTimeout(w.current), w.current = null, D.current()), o?.(A);
+      onBlur: (S) => {
+        n && m && x.current != null && (clearTimeout(x.current), x.current = null, F.current()), o?.(S);
       },
       className: p("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
       ...c,
-      ref: (A) => {
-        C.current = A;
-        const k = c.ref;
-        typeof k == "function" ? k(A) : k != null && (k.current = A);
+      ref: (S) => {
+        C.current = S;
+        const w = c.ref;
+        typeof w == "function" ? w(S) : w != null && (w.current = S);
       },
       children: /* @__PURE__ */ t("fieldset", {
         disabled: i,
@@ -963,20 +1002,20 @@ function wa({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
     })
   });
 }
-function Na({ name: e, className: a, ...n }) {
-  const r = T(X), s = B(), l = r?.auto ?? null, o = l != null && (e == null || l.field === e), [c, i] = x(!1), d = o ? l.phase : null;
-  L(() => {
+function _a({ name: e, className: a, ...n }) {
+  const r = k(X), s = L(), l = r?.auto ?? null, o = l != null && (e == null || l.field === e), [c, i] = N(!1), d = o ? l.phase : null;
+  O(() => {
     if (d !== "saved") return;
     i(!0);
-    const m = setTimeout(() => i(!1), 1800);
-    return () => clearTimeout(m);
+    const f = setTimeout(() => i(!1), 1800);
+    return () => clearTimeout(f);
   }, [d, l]);
-  const f = d === "saving" ? "Saving…" : d === "saved" && c ? "Saved" : null, u = s ? "blur(0px)" : `blur(${He}px)`;
+  const m = d === "saving" ? "Saving…" : d === "saved" && c ? "Saved" : null, u = s ? "blur(0px)" : `blur(${ge}px)`;
   return /* @__PURE__ */ t("span", {
     className: "grid justify-items-end",
-    children: /* @__PURE__ */ t(G, {
+    children: /* @__PURE__ */ t(z, {
       initial: !1,
-      children: f != null && /* @__PURE__ */ t(N.output, {
+      children: m != null && /* @__PURE__ */ t(A.output, {
         initial: {
           opacity: 0,
           filter: u
@@ -989,21 +1028,21 @@ function Na({ name: e, className: a, ...n }) {
           opacity: 0,
           filter: u
         },
-        transition: xe,
+        transition: ne,
         className: p("text-pho-description pl-8 [grid-area:1/1]", a),
         style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
         ...n,
-        children: f
-      }, f)
+        children: m
+      }, m)
     })
   });
 }
-var Aa = "flex min-w-0 flex-col gap-5 p-5 [&>[data-basic-page-alert]]:-mx-5 [&>[data-basic-page-alert]]:-mt-2 [&>[data-basic-page-alert]]:-mb-5 [&>[data-basic-page-footer]]:pr-0 [&>[data-basic-page-reveal]]:flex [&>[data-basic-page-reveal]]:flex-col [&>[data-basic-page-reveal]]:gap-5";
-function _a({ className: e, ...a }) {
+var Ea = "flex min-w-0 flex-col gap-5 p-5 [&>[data-basic-page-alert]]:-mx-5 [&>[data-basic-page-alert]]:-mt-2 [&>[data-basic-page-alert]]:-mb-5 [&>[data-basic-page-footer]]:pr-0 [&>[data-basic-page-reveal]]:flex [&>[data-basic-page-reveal]]:flex-col [&>[data-basic-page-reveal]]:gap-5";
+function Ca({ className: e, ...a }) {
   const n = _(null);
-  return Qe(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
+  return Ye(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
     "data-basic-page-fields": "",
-    className: p(ge, Aa, e),
+    className: p(ve, Ea, e),
     ...a,
     ref: (r) => {
       n.current = r;
@@ -1012,14 +1051,14 @@ function _a({ className: e, ...a }) {
     }
   });
 }
-function Ea({ className: e, ...a }) {
+function Sa({ className: e, ...a }) {
   return /* @__PURE__ */ t("div", {
     className: p("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
     ...a
   });
 }
-function Ca({ children: e = "Save changes", ...a }) {
-  const n = T(X);
+function ka({ children: e = "Save changes", ...a }) {
+  const n = k(X);
   return /* @__PURE__ */ t(ie, {
     type: "submit",
     variant: "effect",
@@ -1029,39 +1068,39 @@ function Ca({ children: e = "Save changes", ...a }) {
     children: e
   });
 }
-function Sa({ show: e, className: a, ...n }) {
-  const r = T(X), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
+function Ta({ show: e, className: a, ...n }) {
+  const r = k(X), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
     "data-basic-page-footer": "",
     className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
     ...n
   });
-  return s === void 0 ? l : /* @__PURE__ */ t(_e, {
+  return s === void 0 ? l : /* @__PURE__ */ t(Ce, {
     show: s,
     gap: "block",
     clip: !1,
     children: l
   });
 }
-var ka = {
+var Ra = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function _e({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
-  const o = B(), c = ka[r ? "none" : n], i = _(null), d = _(e !== !0);
-  L(() => {
+function Ce({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
+  const o = L(), c = Ra[r ? "none" : n], i = _(null), d = _(e !== !0);
+  O(() => {
     d.current = !0;
   }, []);
-  const f = () => {
+  const m = () => {
     a && i.current && (i.current.style.overflow = "hidden");
   }, u = () => {
     i.current && (i.current.style.overflow = "");
   };
-  return e === void 0 ? /* @__PURE__ */ t(N.div, {
+  return e === void 0 ? /* @__PURE__ */ t(A.div, {
     initial: o ? !1 : {
       opacity: 0,
-      y: q
+      y: j
     },
     animate: {
       opacity: 1,
@@ -1069,18 +1108,18 @@ function _e({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s
     },
     transition: {
       y: P,
-      opacity: M
+      opacity: B
     },
-    className: p(r && ne, s),
+    className: p(r && ae, s),
     ...l
-  }) : /* @__PURE__ */ t(G, {
+  }) : /* @__PURE__ */ t(z, {
     initial: !1,
-    children: e ? /* @__PURE__ */ t(N.div, {
+    children: e ? /* @__PURE__ */ t(A.div, {
       "data-basic-page-reveal": "",
-      ref: (m) => {
-        i.current = m, a && m && d.current && (m.style.overflow = "hidden");
+      ref: (f) => {
+        i.current = f, a && f && d.current && (f.style.overflow = "hidden");
       },
-      onAnimationStart: f,
+      onAnimationStart: m,
       onAnimationComplete: u,
       initial: {
         height: 0,
@@ -1100,22 +1139,22 @@ function _e({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s
       transition: o ? { duration: 0 } : {
         height: P,
         marginTop: P,
-        opacity: M
+        opacity: B
       },
-      className: p(r && ne, s),
+      className: p(r && ae, s),
       ...l
     }) : null
   });
 }
-var Ta = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Ra = "(min-width: 40rem)";
-function Pa() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Ra).matches;
+var Pa = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Ia = "(min-width: 40rem)";
+function Oa() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Ia).matches;
 }
-var Ze = z(null);
-function et({ className: e, children: a, ...n }) {
-  const r = Y.toArray(a).filter(Fe), s = r.map((C) => C.props.children ?? null), l = je();
-  zt(s);
-  const [o] = x(Pa), c = B(), i = r.length, d = De(), f = !o && i >= Ia, u = T(ye), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", b = m?.href, g = m?.onClick;
+var et = H(null);
+function tt({ className: e, children: a, ...n }) {
+  const r = J.toArray(a).filter(Fe), s = r.map((C) => C.props.children ?? null), l = We();
+  Vt(s);
+  const [o] = N(Oa), c = L(), i = r.length, d = He(), m = !o && i >= La, u = k(we), f = i > 0 ? r[i - 1]?.props : null, h = f?.children ?? "Back", b = f?.href, g = f?.onClick;
   V(() => {
     if (!(u == null || b == null))
       return u.setTail({
@@ -1129,132 +1168,132 @@ function et({ className: e, children: a, ...n }) {
     b,
     g
   ]);
-  const [E, y] = x(!c && !o && l != null && l.labels.length > i);
+  const [E, v] = N(!c && !o && l != null && l.labels.length > i);
   return /* @__PURE__ */ t("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
     className: p("absolute top-4 left-3 flex min-w-max items-center", e),
     ...n,
-    children: /* @__PURE__ */ v("ol", {
+    children: /* @__PURE__ */ y("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((C, w) => f && w > 0 && w < i - 2 ? null : /* @__PURE__ */ v(xt, { children: [f && w === i - 2 && /* @__PURE__ */ v("li", {
+      children: [r.map((C, x) => m && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(wt, { children: [m && x === i - 2 && /* @__PURE__ */ y("li", {
         className: "m-0 flex items-center max-sm:hidden",
         children: [/* @__PURE__ */ t("span", {
           "aria-hidden": !0,
-          className: de,
+          className: fe,
           children: re
-        }), /* @__PURE__ */ v(W.Root, { children: [/* @__PURE__ */ t(W.Trigger, { render: /* @__PURE__ */ t(ie, {
+        }), /* @__PURE__ */ y(W.Root, { children: [/* @__PURE__ */ t(W.Trigger, { render: /* @__PURE__ */ t(ie, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2",
-          children: Oa
+          children: Ba
         }) }), /* @__PURE__ */ t(W.Portal, { children: /* @__PURE__ */ t(W.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ t(W.Popup, { children: r.slice(1, i - 2).map((S, O) => {
-            const R = S.props;
+          children: /* @__PURE__ */ t(W.Popup, { children: r.slice(1, i - 2).map((R, I) => {
+            const T = R.props;
             return /* @__PURE__ */ t(W.LinkItem, {
               render: /* @__PURE__ */ t(d, {
-                href: R.href,
-                onClick: R.onClick
+                href: T.href,
+                onClick: T.onClick
               }),
-              children: R.children ?? "Back"
-            }, S.key ?? O);
+              children: T.children ?? "Back"
+            }, R.key ?? I);
           }) })
         }) })] })]
       }), /* @__PURE__ */ t("li", {
-        className: p("m-0 flex items-center", w < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ t(Ze.Provider, {
+        className: p("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
+        children: /* @__PURE__ */ t(et.Provider, {
           value: {
-            index: w,
+            index: x,
             count: i,
             departing: l,
             narrow: o
           },
           children: C
         })
-      })] }, C.key ?? w)), E && /* @__PURE__ */ t("li", {
+      })] }, C.key ?? x)), E && /* @__PURE__ */ t("li", {
         "aria-hidden": !0,
         className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ t(N.span, {
+        children: /* @__PURE__ */ t(A.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
-          transition: qe,
-          onAnimationComplete: () => y(!1),
-          className: de,
+          transition: je,
+          onAnimationComplete: () => v(!1),
+          className: fe,
           children: re
         })
       })]
     })
   });
 }
-var de = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", re = "/", Ia = 4, Oa = "…";
-function tt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
-  const l = T(Ze), o = B(), c = n != null && !o, i = We(c ? n : void 0);
+var fe = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", re = "/", La = 4, Ba = "…";
+function at({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
+  const l = k(et), o = L(), c = n != null && !o, i = Ke(c ? n : void 0);
   if (l == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: d, count: f, departing: u, narrow: m } = l, h = d === 0, b = d === f - 1, g = u != null && u.labels.length < f, E = u != null && u.labels.length > f, y = b && (u == null || g || m), C = h || b, w = h && b ? "" : h ? "max-sm:hidden" : "sm:hidden", S = u != null, O = b ? m ? E ? "slide" : "fade" : y ? "fade" : void 0 : void 0, [R, I] = x(c && m && i.fly && u != null && !E ? u.labels[u.labels.length - 1] : null), D = c && C && !S, j = c && !h && b && (u == null || g);
-  return /* @__PURE__ */ v(he, { children: [!h && /* @__PURE__ */ t("span", {
+  const { index: d, count: m, departing: u, narrow: f } = l, h = d === 0, b = d === m - 1, g = u != null && u.labels.length < m, E = u != null && u.labels.length > m, v = b && (u == null || g || f), C = h || b, x = h && b ? "" : h ? "max-sm:hidden" : "sm:hidden", R = u != null, I = b ? f ? E ? "slide" : "fade" : v ? "fade" : void 0 : void 0, [T, M] = N(c && f && i.fly && u != null && !E ? u.labels[u.labels.length - 1] : null), F = c && C && !R, D = c && !h && b && (u == null || g);
+  return /* @__PURE__ */ y(ye, { children: [!h && /* @__PURE__ */ t("span", {
     "aria-hidden": !0,
-    className: p(de, "max-sm:hidden"),
-    children: j ? /* @__PURE__ */ t(N.span, {
+    className: p(fe, "max-sm:hidden"),
+    children: D ? /* @__PURE__ */ t(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: Te
+        x: Pe
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Re : M,
+      transition: i.fly ? Ie : B,
       className: "inline-flex",
       children: re
     }) : re
-  }), /* @__PURE__ */ t(pe, {
+  }), /* @__PURE__ */ t(me, {
     variant: "ghost",
     size: "sm",
     href: e,
-    prefix: C ? D ? /* @__PURE__ */ t(N.span, {
+    prefix: C ? F ? /* @__PURE__ */ t(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: Te
+        x: Pe
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Re : M,
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", w),
-      children: /* @__PURE__ */ t(ae, {})
+      transition: i.fly ? Ie : B,
+      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
+      children: /* @__PURE__ */ t(te, {})
     }) : /* @__PURE__ */ t("span", {
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", w),
-      children: /* @__PURE__ */ t(ae, {})
+      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
+      children: /* @__PURE__ */ t(te, {})
     }) : /* @__PURE__ */ t("span", { className: "hidden" }),
     className: p("min-w-max", a),
     ...s,
-    children: c && n != null ? /* @__PURE__ */ v("span", {
-      className: p("relative block", !i.fly && O === "slide" && "overflow-hidden", !b && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ t(Ke, {
+    children: c && n != null ? /* @__PURE__ */ y("span", {
+      className: p("relative block", !i.fly && I === "slide" && "overflow-hidden", !b && "max-w-40 truncate"),
+      children: [/* @__PURE__ */ t(Xe, {
         morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
-        arrival: O,
+        arrival: I,
         children: r
-      }), R != null && /* @__PURE__ */ t(N.span, {
+      }), T != null && /* @__PURE__ */ t(A.span, {
         "aria-hidden": !0,
         initial: {
           x: 0,
           opacity: 1
         },
         animate: {
-          x: Ht,
+          x: Ft,
           opacity: 0
         },
-        transition: Ft,
-        onAnimationComplete: () => I(null),
+        transition: Gt,
+        onAnimationComplete: () => M(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
-        children: R
+        children: T
       })]
     }) : /* @__PURE__ */ t("span", {
       className: p("block", !b && "max-w-40 truncate"),
@@ -1262,22 +1301,22 @@ function tt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
     })
   })] });
 }
-function La({ className: e, ...a }) {
-  return /* @__PURE__ */ t(et, {
+function Ma({ className: e, ...a }) {
+  return /* @__PURE__ */ t(tt, {
     className: e,
-    children: /* @__PURE__ */ t(tt, { ...a })
+    children: /* @__PURE__ */ t(at, { ...a })
   });
 }
-function Ba({ label: e, description: a, leading: n, href: r, className: s, children: l, ...o }) {
-  const c = De(), i = $(() => N.create(c), [c]), { leaving: d, ...f } = Ne();
-  return /* @__PURE__ */ v(i, {
+function Da({ label: e, description: a, leading: n, href: r, className: s, children: l, ...o }) {
+  const c = He(), i = q(() => A.create(c), [c]), { leaving: d, ...m } = _e();
+  return /* @__PURE__ */ y(i, {
     href: r,
-    ...f,
+    ...m,
     ...o,
     className: p("flex min-h-[4.25rem] min-w-0 flex-row items-center justify-between gap-6 px-5 py-4", "group outline-pho-brand hover:bg-pho-primary-hover cursor-pointer transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2", "aria-[current=page]:bg-pho-primary-hover", "first:rounded-t-[calc(var(--radius-base)-1px)] last:rounded-b-[calc(var(--radius-base)-1px)]", d && "overflow-hidden", s),
-    children: [/* @__PURE__ */ v("div", {
+    children: [/* @__PURE__ */ y("div", {
       className: p("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
-      children: [n, /* @__PURE__ */ v("div", {
+      children: [n, /* @__PURE__ */ y("div", {
         className: "min-w-0",
         children: [/* @__PURE__ */ t("div", {
           className: "flex min-w-0 items-center gap-1",
@@ -1290,40 +1329,40 @@ function Ba({ label: e, description: a, leading: n, href: r, className: s, child
           children: a
         }) : null]
       })]
-    }), /* @__PURE__ */ v("div", {
+    }), /* @__PURE__ */ y("div", {
       className: "flex min-w-0 items-center justify-end gap-2",
       children: [l != null ? /* @__PURE__ */ t("div", {
         className: "min-w-0",
         children: l
-      }) : null, /* @__PURE__ */ t(ut, {
+      }) : null, /* @__PURE__ */ t(dt, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Ma({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, children: l }) {
-  const o = T(Ve), c = e ?? Y.toArray(l).length > 0, i = o?.setOpen, d = o?.setPresent;
+function Ha({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, children: l }) {
+  const o = k($e), c = e ?? J.toArray(l).length > 0, i = o?.setOpen, d = o?.setPresent;
   return V(() => {
     if (d != null)
       return d(!0), () => d(!1);
   }, [d]), V(() => {
     if (i != null)
       return i(c), () => i(!1);
-  }, [i, c]), L(() => {
+  }, [i, c]), O(() => {
     o == null && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("BasicPage.Aside: needs a `BasicPage.Root` around it.");
-  }, [o]), o == null || o.slot == null ? null : o.presentation === "page" ? Ce(c ? /* @__PURE__ */ t("div", {
+  }, [o]), o == null || o.slot == null ? null : o.presentation === "page" ? ke(c ? /* @__PURE__ */ t("div", {
     "data-basic-page-aside": "page",
     className: "flex min-w-0 flex-1 flex-col",
     children: l
-  }) : null, o.slot) : a === "inline" ? Ce(/* @__PURE__ */ t(Da, {
+  }) : null, o.slot) : a === "inline" ? ke(/* @__PURE__ */ t(Fa, {
     width: o.width,
     paneHeight: o.paneHeight,
     onClose: s,
     open: c,
     placeholder: r,
     children: l
-  }), o.slot) : /* @__PURE__ */ t(Ha, {
+  }), o.slot) : /* @__PURE__ */ t(Ga, {
     container: o.slot,
     width: o.width,
     paneHeight: o.paneHeight,
@@ -1333,8 +1372,8 @@ function Ma({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, on
     children: l
   });
 }
-function at() {
-  const [e, a] = x(null), n = $(() => ({ setBack: a }), []), r = _(null);
+function nt() {
+  const [e, a] = N(null), n = q(() => ({ setBack: a }), []), r = _(null);
   return {
     back: e,
     panel: n,
@@ -1345,44 +1384,44 @@ function at() {
     }, [])
   };
 }
-var Be = {
+var Me = {
   variant: "ghost",
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ t(ht, {})
+  children: /* @__PURE__ */ t(gt, {})
 };
-function nt({ back: e, onClose: a, closeRef: n, panel: r, children: s }) {
-  return /* @__PURE__ */ v(he, { children: [/* @__PURE__ */ t("span", {
+function rt({ back: e, onClose: a, closeRef: n, panel: r, children: s }) {
+  return /* @__PURE__ */ y(ye, { children: [/* @__PURE__ */ t("span", {
     ref: n,
     className: "absolute top-2 right-2 z-30",
-    children: e != null ? /* @__PURE__ */ t(pe, {
-      ...Be,
+    children: e != null ? /* @__PURE__ */ t(me, {
+      ...Me,
       href: e.href,
       onClick: e.onClick
     }) : a != null ? /* @__PURE__ */ t(ie, {
-      ...Be,
+      ...Me,
       onClick: a
     }) : null
-  }), /* @__PURE__ */ v(Q.Root, {
+  }), /* @__PURE__ */ y(U.Root, {
     className: "min-h-0 flex-1",
-    children: [/* @__PURE__ */ t(Q.Viewport, { children: /* @__PURE__ */ t(Q.Content, {
+    children: [/* @__PURE__ */ t(U.Viewport, { children: /* @__PURE__ */ t(U.Content, {
       className: "flex min-h-full flex-col",
-      children: /* @__PURE__ */ t($e.Provider, {
+      children: /* @__PURE__ */ t(qe.Provider, {
         value: r,
         children: s
       })
-    }) }), /* @__PURE__ */ t(Q.Scrollbar, { children: /* @__PURE__ */ t(Q.Thumb, {}) })]
+    }) }), /* @__PURE__ */ t(U.Scrollbar, { children: /* @__PURE__ */ t(U.Thumb, {}) })]
   })] });
 }
-function Da({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, children: l }) {
-  const o = B(), { back: c, panel: i, closeRef: d, leave: f } = at(), u = o ? "blur(0px)" : `blur(${He}px)`, m = a ?? "100dvh";
-  L(() => {
+function Fa({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, children: l }) {
+  const o = L(), { back: c, panel: i, closeRef: d, leave: m } = nt(), u = o ? "blur(0px)" : `blur(${ge}px)`, f = a ?? "100dvh";
+  O(() => {
     const b = (g) => {
-      g.key !== "Escape" || g.defaultPrevented || f() && g.preventDefault();
+      g.key !== "Escape" || g.defaultPrevented || m() && g.preventDefault();
     };
     return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [f]);
+  }, [m]);
   const h = {
     initial: {
       opacity: 0,
@@ -1396,7 +1435,7 @@ function Da({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, chil
       opacity: 0,
       filter: u
     },
-    transition: o ? { duration: 0 } : xe
+    transition: o ? { duration: 0 } : ne
   };
   return /* @__PURE__ */ t("aside", {
     "data-basic-page-aside": "panel",
@@ -1404,24 +1443,24 @@ function Da({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, chil
     className: "relative flex shrink-0 flex-col",
     style: {
       width: e,
-      minHeight: m
+      minHeight: f
     },
     children: /* @__PURE__ */ t("div", {
       className: "border-pho-secondary bg-pho-primary sticky top-0 grid border-l *:min-h-0 *:[grid-area:1/1]",
-      style: { height: m },
-      children: /* @__PURE__ */ t(G, {
+      style: { height: f },
+      children: /* @__PURE__ */ t(z, {
         initial: !1,
-        children: r ? /* @__PURE__ */ t(N.div, {
+        children: r ? /* @__PURE__ */ t(A.div, {
           ...h,
           className: "relative flex flex-col",
-          children: /* @__PURE__ */ t(nt, {
+          children: /* @__PURE__ */ t(rt, {
             back: c,
             onClose: n,
             closeRef: d,
             panel: i,
             children: l
           })
-        }, "page") : /* @__PURE__ */ t(N.div, {
+        }, "page") : /* @__PURE__ */ t(A.div, {
           ...h,
           className: "flex flex-col",
           children: s
@@ -1430,23 +1469,23 @@ function Da({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, chil
     })
   });
 }
-function Ha({ container: e, width: a, paneHeight: n, onClose: r, open: s, modal: l, children: o }) {
-  const { back: c, panel: i, closeRef: d, leave: f } = at(), u = n ?? "100dvh";
-  return /* @__PURE__ */ t(te.Root, {
+function Ga({ container: e, width: a, paneHeight: n, onClose: r, open: s, modal: l, children: o }) {
+  const { back: c, panel: i, closeRef: d, leave: m } = nt(), u = n ?? "100dvh";
+  return /* @__PURE__ */ t(ee.Root, {
     open: s,
     modal: l ? "trap-focus" : !1,
     disablePointerDismissal: !0,
-    onOpenChange: (m, h) => {
-      m || (h.cancel(), f());
+    onOpenChange: (f, h) => {
+      f || (h.cancel(), m());
     },
-    children: /* @__PURE__ */ v(te.Portal, {
+    children: /* @__PURE__ */ y(ee.Portal, {
       container: e,
       className: "contents",
-      children: [l ? /* @__PURE__ */ t(te.Backdrop, {
+      children: [l ? /* @__PURE__ */ t(ee.Backdrop, {
         "data-basic-page-aside-backdrop": "",
         className: p("bg-pho-overlay absolute inset-0 z-30 transition-opacity duration-200 ease-out motion-reduce:transition-none", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0"),
-        onClick: f
-      }) : null, /* @__PURE__ */ t(te.Popup, {
+        onClick: m
+      }) : null, /* @__PURE__ */ t(ee.Popup, {
         "data-basic-page-aside": "panel",
         "data-basic-page-aside-variant": "overlay",
         initialFocus: l ? void 0 : !1,
@@ -1456,7 +1495,7 @@ function Ha({ container: e, width: a, paneHeight: n, onClose: r, open: s, modal:
         children: /* @__PURE__ */ t("div", {
           className: "border-pho-secondary bg-pho-primary shadow-pho-xl sticky top-0 flex flex-col border-l",
           style: { height: u },
-          children: /* @__PURE__ */ t(nt, {
+          children: /* @__PURE__ */ t(rt, {
             back: c,
             onClose: r,
             closeRef: d,
@@ -1468,14 +1507,14 @@ function Ha({ container: e, width: a, paneHeight: n, onClose: r, open: s, modal:
     })
   });
 }
-var Fa = "14rem", Ga = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Me = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function za({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: o, ...c }) {
-  const i = T(fe), d = me(i?.subscribe ?? ve, () => i?.get().api ?? null, () => null), f = n != null;
-  L(() => {
-    if (!(i == null || f))
+var za = "14rem", Va = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", De = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function $a({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: o, ...c }) {
+  const i = k(he), d = be(i?.subscribe ?? Ne, () => i?.get().api ?? null, () => null), m = n != null;
+  O(() => {
+    if (!(i == null || m))
       return i.adopt(!0), () => i.adopt(!1);
-  }, [i, f]);
-  const u = f ? {
+  }, [i, m]);
+  const u = m ? {
     query: n,
     setQuery: r,
     placeholder: s ?? "Search",
@@ -1485,27 +1524,27 @@ function za({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
     setQuery: d.setQuery,
     placeholder: d.placeholder,
     label: l ?? d.placeholder
-  }, [m, h] = x(!1), b = _(null), g = m || (u?.query ?? "") !== "";
-  if (L(() => {
-    if (!m) return;
-    let y = 0, C = 0;
-    const w = () => {
-      const S = b.current;
-      S != null && (S.focus(), document.activeElement !== S && C++ < 5 && (y = requestAnimationFrame(w)));
+  }, [f, h] = N(!1), b = _(null), g = f || (u?.query ?? "") !== "";
+  if (O(() => {
+    if (!f) return;
+    let v = 0, C = 0;
+    const x = () => {
+      const R = b.current;
+      R != null && (R.focus(), document.activeElement !== R && C++ < 5 && (v = requestAnimationFrame(x)));
     };
-    return y = requestAnimationFrame(w), () => cancelAnimationFrame(y);
-  }, [m]), e === "ghost") return /* @__PURE__ */ t("div", {
+    return v = requestAnimationFrame(x), () => cancelAnimationFrame(v);
+  }, [f]), e === "ghost") return /* @__PURE__ */ t("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
     className: p("flex min-w-0 flex-1", u == null && "hidden", o),
     ...c,
-    children: u != null && /* @__PURE__ */ t(ft, {
+    children: u != null && /* @__PURE__ */ t(mt, {
       value: u.query,
       onChange: u.setQuery,
       placeholder: u.placeholder,
       "aria-label": u.label,
-      onKeyDown: (y) => {
-        y.key === "Escape" && (y.preventDefault(), u.setQuery(""), y.currentTarget.blur());
+      onKeyDown: (v) => {
+        v.key === "Escape" && (v.preventDefault(), u.setQuery(""), v.currentTarget.blur());
       }
     })
   });
@@ -1515,9 +1554,9 @@ function za({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
     "data-expanded": g || void 0,
     className: p("grid min-w-0 content-center", "[[data-basic-page-header]>&]:col-start-2 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:justify-items-end [[data-basic-page-header]>&]:self-start", u == null && "hidden", o),
     ...c,
-    children: u != null && /* @__PURE__ */ v("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Ga, E && "@[36rem]:w-56"),
-      style: g ? { width: Fa } : void 0,
+    children: u != null && /* @__PURE__ */ y("div", {
+      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Va, E && "@[36rem]:w-56"),
+      style: g ? { width: za } : void 0,
       children: [/* @__PURE__ */ t(ie, {
         variant: "outlined",
         size: "sm",
@@ -1527,24 +1566,24 @@ function za({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
         "aria-hidden": g || void 0,
         tabIndex: g ? -1 : void 0,
         onClick: () => h(!0),
-        className: p(Me, g ? "pointer-events-none invisible opacity-0" : "visible opacity-100", E && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ t(Ee, {})
+        className: p(De, g ? "pointer-events-none invisible opacity-0" : "visible opacity-100", E && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
+        children: /* @__PURE__ */ t(Se, {})
       }), /* @__PURE__ */ t("div", {
         inert: !E && !g,
-        className: p("w-full min-w-0", Me, g ? "visible opacity-100" : "pointer-events-none invisible opacity-0", E && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
-        children: /* @__PURE__ */ v(le.Root, {
+        className: p("w-full min-w-0", De, g ? "visible opacity-100" : "pointer-events-none invisible opacity-0", E && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
+        children: /* @__PURE__ */ y(oe.Root, {
           size: "sm",
           className: "w-full",
-          children: [/* @__PURE__ */ t(le.Addon, { children: /* @__PURE__ */ t(Ee, {}) }), /* @__PURE__ */ t(le.Input, {
+          children: [/* @__PURE__ */ t(oe.Addon, { children: /* @__PURE__ */ t(Se, {}) }), /* @__PURE__ */ t(oe.Input, {
             ref: b,
             type: "search",
             value: u.query,
-            onChange: (y) => u.setQuery(y.target.value),
+            onChange: (v) => u.setQuery(v.target.value),
             onBlur: () => {
               u.query === "" && h(!1);
             },
-            onKeyDown: (y) => {
-              y.key === "Escape" && (y.preventDefault(), u.setQuery(""), h(!1), y.currentTarget.blur());
+            onKeyDown: (v) => {
+              v.key === "Escape" && (v.preventDefault(), u.setQuery(""), h(!1), v.currentTarget.blur());
             },
             placeholder: u.placeholder,
             "aria-label": u.label
@@ -1554,58 +1593,58 @@ function za({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
     })
   });
 }
-var gn = {
-  Root: Pt,
-  Aside: Ma,
-  Search: za,
-  Table: pt,
-  CondenseScope: Vt,
-  Breadcrumbs: et,
-  Crumb: tt,
-  Back: La,
-  Title: Kt,
-  Stack: Zt,
-  Header: ea,
-  HeaderAction: ta,
-  SectionTitle: aa,
-  Description: Ye,
-  TableCount: na,
-  SectionFooter: ra,
-  Card: ia,
-  Item: sa,
-  ItemPanel: la,
-  Callout: oa,
-  CalloutTitle: ca,
-  CalloutDescription: ua,
-  Onboard: da,
-  Step: ba,
-  Row: ya,
-  RowLink: Ba,
-  Value: va,
-  Alert: xa,
-  Footer: Sa,
-  Form: wa,
-  Saved: Na,
-  Fields: _a,
-  Inline: Ea,
-  Submit: Ca,
-  Reveal: _e
+var yn = {
+  Root: It,
+  Aside: Ha,
+  Search: $a,
+  Table: ft,
+  CondenseScope: $t,
+  Breadcrumbs: tt,
+  Crumb: at,
+  Back: Ma,
+  Title: Qt,
+  Stack: ta,
+  Header: aa,
+  HeaderAction: na,
+  SectionTitle: ra,
+  Description: Ue,
+  TableCount: ia,
+  SectionFooter: sa,
+  Card: la,
+  Item: oa,
+  ItemPanel: ca,
+  Callout: ua,
+  CalloutTitle: da,
+  CalloutDescription: pa,
+  Onboard: fa,
+  Step: va,
+  Row: xa,
+  RowLink: Da,
+  Value: wa,
+  Alert: Na,
+  Footer: Ta,
+  Form: Aa,
+  Saved: _a,
+  Fields: Ca,
+  Inline: Sa,
+  Submit: ka,
+  Reveal: Ce
 };
 export {
-  Et as a,
-  gn as c,
-  $t as d,
-  ce as f,
-  _t as i,
-  xe as l,
-  fn as m,
-  Se as n,
-  Ct as o,
-  mn as p,
+  Ct as a,
+  yn as c,
+  qt as d,
+  de as f,
+  Et as i,
+  ne as l,
+  hn as m,
+  Te as n,
+  St as o,
+  gn as p,
   ze as r,
-  At as s,
-  hn as t,
-  Ie as u
+  _t as s,
+  bn as t,
+  jt as u
 };
 
-//# sourceMappingURL=basic-page-CVZT_zaH.js.map
+//# sourceMappingURL=basic-page-CMJuM5iA.js.map