@photon-ai/pho-ui 4.10.0 → 4.11.0

package/dist/chunks/{basic-page-DzT8yecB.js → basic-page-B5FsORRi.js}

@@ -1,47 +1,47 @@
 "use client";
-import { t as p } from "./cn-ChIgwEl3.js";
-import { n as je } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as ha, FADE_SWAP as ga, SPRING_ENTRANCE as ba, TRAVEL_LINEAR as va, fadeThroughBlur as ne } from "../motion.js";
-import { a as Z, o as Ne } from "./button-C9VqBBIr.js";
-import { t as ya } from "./error-D5SzZ0ev.js";
-import { f as xa, p as wa, t as Na } from "./code-block-CbcE994O.js";
-import { t as se } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as Aa } from "./IconChevronRight-CzoJnYNI.js";
-import { t as Oe } from "./IconSearch-BKAHkLyX.js";
-import { a as _a, n as Ca, r as Ae, t as Ea } from "./data-table-B1dmrN6r.js";
-import { t as ka } from "./IconX-pZ9vrtSr.js";
-import { t as Sa } from "./toast-BACxYsv6.js";
-import { t as ge } from "./input-group-fc9_jD4d.js";
-import { t as Ra } from "./animated-height-I44sUq0n.js";
-import { n as _e, t as J } from "./scroll-area-DSwD9th7.js";
-import { i as Ta } from "./checkbox-CLPmblNA.js";
-import { t as Pa } from "./form-AiHbbw4m.js";
-import { i as Q } from "./menu-BQeprfxB.js";
-import { t as Ia } from "./ghost-search-CNVs9k1o.js";
+import { t as u } from "./cn-ChIgwEl3.js";
+import { n as Ye } from "./link-provider-DXzDQ08N.js";
+import { FADE_ENTRANCE as Na, FADE_SWAP as Aa, SPRING_ENTRANCE as _a, TRAVEL_LINEAR as Ea, fadeThroughBlur as re } from "../motion.js";
+import { a as ae, o as Re } from "./button-C9VqBBIr.js";
+import { t as Ca } from "./error-D5SzZ0ev.js";
+import { f as Ra, p as ka, t as Ta } from "./code-block-CbcE994O.js";
+import { t as le } from "./IconChevronLeft-CSWMKQ4C.js";
+import { t as Sa } from "./IconChevronRight-CzoJnYNI.js";
+import { t as He } from "./IconSearch-BKAHkLyX.js";
+import { a as Pa, n as Ia, r as ke, t as Oa } from "./data-table-B1dmrN6r.js";
+import { t as La } from "./IconX-pZ9vrtSr.js";
+import { t as Ba } from "./toast-BACxYsv6.js";
+import { t as xe } from "./input-group-fc9_jD4d.js";
+import { t as Ma } from "./animated-height-I44sUq0n.js";
+import { n as Te, t as ee } from "./scroll-area-DSwD9th7.js";
+import { i as Da } from "./checkbox-CLPmblNA.js";
+import { t as Ha } from "./form-AiHbbw4m.js";
+import { i as U } from "./menu-BQeprfxB.js";
+import { t as Fa } from "./ghost-search-CNVs9k1o.js";
 import { t as K } from "./tooltip-BTF7GChl.js";
-import { t as Be } from "./description-list-8qm83WZB.js";
-import { Children as ee, Fragment as Oa, createContext as G, isValidElement as Ke, useCallback as Ce, useContext as k, useEffect as O, useId as Ba, useLayoutEffect as z, useMemo as V, useRef as E, useState as w, useSyncExternalStore as ue } from "react";
-import { Fragment as de, jsx as a, jsxs as y } from "react/jsx-runtime";
-import { AnimatePresence as $, motion as A, useIsPresent as La, useReducedMotion as M } from "motion/react";
-import { Dialog as re } from "@base-ui/react/dialog";
-import { createPortal as Le } from "react-dom";
-var Ee = "rounded-base border border-pho-secondary bg-pho-primary", le = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Xe = `${Ee} ${le} gap-0`, Me = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Ma = "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", Da = "flex flex-col gap-3 px-5 py-4", Ha = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Fa = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = ba, D = ha, X = 12, Qe = G(null), za = 768;
-function Ga(e, t = "default") {
+import { t as Fe } from "./description-list-8qm83WZB.js";
+import { Children as Y, Fragment as za, createContext as G, isValidElement as Je, useCallback as Se, useContext as R, useEffect as O, useId as Ze, useLayoutEffect as z, useMemo as V, useRef as C, useState as w, useSyncExternalStore as me } from "react";
+import { Fragment as fe, jsx as a, jsxs as v } from "react/jsx-runtime";
+import { AnimatePresence as $, motion as A, useIsPresent as Ga, useReducedMotion as M } from "motion/react";
+import { Dialog as ie } from "@base-ui/react/dialog";
+import { createPortal as ze } from "react-dom";
+var he = "rounded-base border border-pho-secondary bg-pho-primary", oe = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", ea = `${he} ${oe} gap-0`, Ge = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Wa = "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", Va = "flex flex-col gap-3 px-5 py-4", $a = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", ja = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = _a, D = Na, X = 12, aa = G(null), qa = 768;
+function Ka(e, t = "default") {
   return Math.round(t === "wide" ? Math.min(Math.max(e * (2 / 3), 448), 768) : Math.min(Math.max(e * 0.4, 320), 448));
 }
-var Ye = G(null), Ue = G(null);
-function Wa(e) {
-  const [t, n] = w(null), [r, l] = w(!1), [s, u] = w(!1), [d, i] = w(!1), [c, f] = w(() => ({
+var ta = G(null), na = G(null);
+function Xa(e) {
+  const [t, n] = w(null), [r, l] = w(!1), [s, d] = w(!1), [p, i] = w(!1), [c, f] = w(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
   return z(() => {
     const o = e.current;
     if (!r || o == null) return;
-    const m = Re(o), h = () => {
-      const v = o.offsetWidth, N = m?.clientHeight ?? null;
-      f((b) => b.width === v && b.height === N ? b : {
-        width: v,
+    const m = Oe(o), h = () => {
+      const y = o.offsetWidth, N = m?.clientHeight ?? null;
+      f((b) => b.width === y && b.height === N ? b : {
+        width: y,
         height: N
       });
     };
@@ -51,93 +51,93 @@ function Wa(e) {
   }, [e, r]), {
     host: V(() => ({
       slot: t,
-      paneNarrow: c.width < za,
+      paneNarrow: c.width < qa,
       paneWidth: c.width,
       paneHeight: c.height,
-      setOpen: u,
+      setOpen: d,
       setAsPage: i,
       setPresent: l
     }), [t, c]),
     setSlot: n,
     open: s,
-    asPage: d
+    asPage: p
   };
 }
-function Va(e) {
+function Ua(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function De(e, t) {
+function We(e, t) {
   e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
 }
-function $a({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: l, ref: s, ...u }) {
-  const d = k(ae)?.adopt ?? !1, i = k(Ue), c = e === "pinned", [f, o] = w(!1), m = E(0), h = Ce((q) => {
-    m.current += q ? 1 : -1, o(m.current > 0);
-  }, []), g = t === "full" && i == null, v = t === "wide" || t == null && f, [N] = w(_a), b = E(null), _ = V(() => ({
+function Qa({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: l, ref: s, ...d }) {
+  const p = R(te)?.adopt ?? !1, i = R(na), c = e === "pinned", [f, o] = w(!1), m = C(0), h = Se((j) => {
+    m.current += j ? 1 : -1, o(m.current > 0);
+  }, []), g = t === "full" && i == null, y = t === "wide" || t == null && f, [N] = w(Pa), b = C(null), _ = V(() => ({
     ref: b,
     prerendered: n
-  }), [n]), [x, S] = w(null), [R, I] = w(null);
+  }), [n]), [x, k] = w(null), [T, I] = w(null);
   O(() => {
     if (i != null)
-      return i.setBack(R), () => i.setBack(null);
-  }, [i, R]);
-  const { host: B, setSlot: L, open: W, asPage: te } = Wa(b), H = W && te, me = V(() => ({
-    setTitle: S,
+      return i.setBack(T), () => i.setBack(null);
+  }, [i, T]);
+  const { host: L, setSlot: B, open: W, asPage: ne } = Xa(b), H = W && ne, be = V(() => ({
+    setTitle: k,
     setTail: I,
     pinned: c
-  }), [c]), T = V(() => ({
-    tail: i == null ? R : null,
+  }), [c]), S = V(() => ({
+    tail: i == null ? T : null,
     silent: H || i != null
   }), [
-    R,
+    T,
     i,
     H
-  ]), C = E(!1), j = E(0);
+  ]), E = C(!1), q = C(0);
   z(() => {
-    const q = b.current;
-    if (H === C.current || q == null) return;
-    C.current = H;
-    const he = Re(q);
-    H ? (j.current = Va(he), De(he, 0)) : De(he, j.current);
+    const j = b.current;
+    if (H === E.current || j == null) return;
+    E.current = H;
+    const ye = Oe(j);
+    H ? (q.current = Ua(ye), We(ye, 0)) : We(ye, q.current);
   }, [H]);
-  const F = e && !c ? /* @__PURE__ */ a(Je, {
+  const F = e && !c ? /* @__PURE__ */ a(ra, {
     title: x,
-    tail: i == null ? R : null,
+    tail: i == null ? T : null,
     silent: H || i != null
-  }) : null, fe = /* @__PURE__ */ a("div", {
+  }) : null, ve = /* @__PURE__ */ a("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", i == null && (g ? "px-0 pb-0" : v ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]"), c ? "pt-0 [&_[data-basic-page-back]]:hidden" : d || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ a(Se.Provider, {
-      value: me,
-      children: /* @__PURE__ */ a(aa.Provider, {
-        value: T,
+    className: u("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", i == null && (g ? "px-0 pb-0" : y ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]"), c ? "pt-0 [&_[data-basic-page-back]]:hidden" : p || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
+    children: e ? /* @__PURE__ */ a(Ie.Provider, {
+      value: be,
+      children: /* @__PURE__ */ a(la.Provider, {
+        value: S,
         children: l
       })
     }) : l
   });
   return /* @__PURE__ */ a("div", {
     "data-basic-page-root": "",
-    "data-basic-page-width": g ? "full" : v ? "wide" : void 0,
+    "data-basic-page-width": g ? "full" : y ? "wide" : void 0,
     "data-basic-page-prerendered": n ? "" : void 0,
     "data-basic-page-pinned": c ? "" : void 0,
-    className: p("relative flex min-h-full w-full min-w-0 flex-row", r),
-    ...u,
-    ref: (q) => {
-      b.current = q, typeof s == "function" ? s(q) : s != null && (s.current = q);
+    className: u("relative flex min-h-full w-full min-w-0 flex-row", r),
+    ...d,
+    ref: (j) => {
+      b.current = j, typeof s == "function" ? s(j) : s != null && (s.current = j);
     },
-    children: /* @__PURE__ */ a(Qe.Provider, {
+    children: /* @__PURE__ */ a(aa.Provider, {
       value: _,
-      children: /* @__PURE__ */ a(Ye.Provider, {
-        value: B,
-        children: /* @__PURE__ */ a(Ca.Provider, {
+      children: /* @__PURE__ */ a(ta.Provider, {
+        value: L,
+        children: /* @__PURE__ */ a(Ia.Provider, {
           value: h,
-          children: /* @__PURE__ */ y(Ae.Provider, {
+          children: /* @__PURE__ */ v(ke.Provider, {
             value: N,
-            children: [/* @__PURE__ */ y("div", {
+            children: [/* @__PURE__ */ v("div", {
               "data-basic-page-main": "",
-              className: p("flex min-w-0 flex-1 flex-col", H && "hidden"),
-              children: [F, fe]
+              className: u("flex min-w-0 flex-1 flex-col", H && "hidden"),
+              children: [F, ve]
             }), /* @__PURE__ */ a("div", {
-              ref: L,
+              ref: B,
               className: "contents"
             })]
           })
@@ -146,17 +146,17 @@ function $a({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
     })
   });
 }
-var be = /* @__PURE__ */ new Set();
-function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l }) {
-  const s = M(), [u, d] = w(() => r || !n && be.size > 0), i = k(ae), c = Ba();
+var we = /* @__PURE__ */ new Set();
+function ra({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l }) {
+  const s = M(), [d, p] = w(() => r || !n && we.size > 0), i = R(te), c = Ze();
   z(() => {
-    if (!(!u || n))
-      return be.add(c), () => {
-        be.delete(c);
+    if (!(!d || n))
+      return we.add(c), () => {
+        we.delete(c);
       };
   }, [
     c,
-    u,
+    d,
     n
   ]), O(() => {
     if (i != null) {
@@ -165,7 +165,7 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
         return;
       }
       i.store.set(c, {
-        condensed: u,
+        condensed: d,
         title: e?.label ?? null,
         back: t
       });
@@ -173,7 +173,7 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
   }, [
     i,
     c,
-    u,
+    d,
     e,
     t,
     n
@@ -186,34 +186,34 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     if (r) return;
     if (f == null || typeof IntersectionObserver > "u") {
       if (typeof requestAnimationFrame > "u") return;
-      const g = requestAnimationFrame(() => d(!1));
+      const g = requestAnimationFrame(() => p(!1));
       return () => cancelAnimationFrame(g);
     }
-    const h = new IntersectionObserver(([g]) => d(g != null && !g.isIntersecting), { root: Re(f) });
+    const h = new IntersectionObserver(([g]) => p(g != null && !g.isIntersecting), { root: Oe(f) });
     return h.observe(f), () => h.disconnect();
   }, [f, r]);
-  const o = s ? 0 : -tt, m = s ? "blur(0px)" : `blur(${_e}px)`;
+  const o = s ? 0 : -ot, m = s ? "blur(0px)" : `blur(${Te}px)`;
   return /* @__PURE__ */ a("div", {
     "data-basic-page-condense": "",
-    className: p("sticky top-0 z-20 h-0 overflow-visible", l),
+    className: u("sticky top-0 z-20 h-0 overflow-visible", l),
     children: /* @__PURE__ */ a($, {
       initial: !1,
-      children: u && !(i?.adopt ?? !1) && /* @__PURE__ */ y(A.div, {
+      children: d && !(i?.adopt ?? !1) && /* @__PURE__ */ v(A.div, {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: oe,
+        transition: ce,
         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__ */ a("div", {
           className: "flex min-w-0 items-center justify-start",
-          children: t != null && /* @__PURE__ */ a(Ne, {
+          children: t != null && /* @__PURE__ */ a(Re, {
             variant: "ghost",
             size: "sm",
             href: t.href,
             onClick: t.onClick,
             prefix: /* @__PURE__ */ a("span", {
               className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-              children: /* @__PURE__ */ a(se, {})
+              children: /* @__PURE__ */ a(le, {})
             }),
             className: "min-w-max",
             children: t.label
@@ -235,8 +235,8 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
             filter: m
           },
           transition: {
-            ...oe,
-            y: at
+            ...ce,
+            y: lt
           },
           className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
           children: e?.label
@@ -245,93 +245,93 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     })
   });
 }
-function qa(e) {
+function Ya(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function ja(e) {
+function Ja(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return qa(String(e)) || void 0;
+    return Ya(String(e)) || void 0;
 }
-function ke(e, t) {
+function Pe(e, t) {
   if (e !== "")
-    return e ?? ja(t);
+    return e ?? Ja(t);
 }
-var Ka = (e) => `basic-page-morph-${e}`, Xa = { layout: P }, He = 10, Fe = {
+var Za = (e) => `basic-page-morph-${e}`, et = { layout: P }, Ve = 10, $e = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, Qa = {
+}, at = {
   duration: 0.18,
   ease: "easeOut"
-}, Ya = -8, Ua = {
+}, tt = -8, nt = {
   duration: 0.16,
   ease: "easeOut"
-}, Ja = {
+}, rt = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
-}, Ze = {
+}, ia = {
   duration: 0.12,
   ease: "easeOut"
-}, Y = [];
-function Za(e) {
-  const t = E({ labels: e });
+}, Q = [];
+function it(e) {
+  const t = C({ labels: e });
   t.current.labels = e, z(() => {
     const n = t.current;
-    return Y.push(n), () => {
-      Y.splice(Y.indexOf(n), 1);
+    return Q.push(n), () => {
+      Q.splice(Q.indexOf(n), 1);
     };
   }, []);
 }
-function ea() {
+function sa() {
   const [e] = w(() => {
-    const t = Y[Y.length - 1];
+    const t = Q[Q.length - 1];
     return t ? { labels: [...t.labels] } : null;
   });
   return e;
 }
-var Se = G(null), aa = G({
+var Ie = G(null), la = G({
   tail: null,
   silent: !1
-}), xe = {
+}), _e = {
   condensed: !1,
   title: null,
   back: null
-}, ae = G(null), pe = () => () => {
-}, ze = () => xe;
-function et({ adopt: e = !0, children: t }) {
+}, te = G(null), ge = () => () => {
+}, je = () => _e;
+function st({ adopt: e = !0, children: t }) {
   const [n] = w(() => {
-    let l = xe, s = null;
-    const u = /* @__PURE__ */ new Set(), d = () => {
-      for (const i of u) i();
+    let l = _e, s = null;
+    const d = /* @__PURE__ */ new Set(), p = () => {
+      for (const i of d) i();
     };
     return {
       get: () => l,
       set(i, c) {
-        s = i, l = c, d();
+        s = i, l = c, p();
       },
       clear(i) {
-        s === i && (s = null, l = xe, d());
+        s === i && (s = null, l = _e, p());
       },
       subscribe(i) {
-        return u.add(i), () => u.delete(i);
+        return d.add(i), () => d.delete(i);
       }
     };
   }), r = V(() => ({
     store: n,
     adopt: e
   }), [n, e]);
-  return /* @__PURE__ */ a(ae.Provider, {
+  return /* @__PURE__ */ a(te.Provider, {
     value: r,
     children: t
   });
 }
-function Bn() {
-  const e = k(ae);
-  return ue(e?.store.subscribe ?? pe, e?.store.get ?? ze, e?.store.get ?? ze);
+function Xn() {
+  const e = R(te);
+  return me(e?.store.subscribe ?? ge, e?.store.get ?? je, e?.store.get ?? je);
 }
-var oe = ga, at = va, tt = -8;
-function Re(e) {
+var ce = Aa, lt = Ea, ot = -8;
+function Oe(e) {
   if (typeof getComputedStyle != "function") return null;
   for (let t = e.parentElement; t != null && t !== document.body; t = t.parentElement) {
     const { overflowY: n } = getComputedStyle(t);
@@ -339,36 +339,36 @@ function Re(e) {
   }
   return null;
 }
-var ve = /* @__PURE__ */ new Map(), nt = 96;
-function rt(e) {
+var Ne = /* @__PURE__ */ new Map(), ct = 96;
+function dt(e) {
   const t = e.closest("[data-basic-page-root]"), n = t?.querySelector("[data-basic-page-column]");
   return !t || !n ? 0 : n.getBoundingClientRect().left - t.getBoundingClientRect().left;
 }
-function ta(e) {
+function oa(e) {
   const [t] = w(() => {
     if (e == null) return !1;
-    const r = ve.get(e);
-    return r != null && r.visible && r.el.isConnected && rt(r.el) <= nt;
-  }), n = E(null);
+    const r = Ne.get(e);
+    return r != null && r.visible && r.el.isConnected && dt(r.el) <= ct;
+  }), n = C(null);
   return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
     const r = n.current;
     if (!r) return;
     const l = new IntersectionObserver(([s]) => {
-      s && ve.set(e, {
+      s && Ne.set(e, {
         visible: s.isIntersecting,
         el: r
       });
     });
     return l.observe(r), () => {
-      l.disconnect(), ve.delete(e);
+      l.disconnect(), Ne.delete(e);
     };
   }, [e]), {
     fly: t,
     ref: n
   };
 }
-var it = {
+var ut = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -391,17 +391,17 @@ var it = {
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: Ja }
+    transition: { x: rt }
   }
 };
-function na({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, className: s, children: u }) {
-  const [d, i] = w(!1), c = !n && l != null ? it[l] : null;
-  return /* @__PURE__ */ y(A.span, {
+function ca({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, className: s, children: d }) {
+  const [p, i] = w(!1), c = !n && l != null ? ut[l] : null;
+  return /* @__PURE__ */ v(A.span, {
     ref: r,
-    layoutId: Ka(e),
+    layoutId: Za(e),
     initial: c?.initial,
     animate: c?.animate,
-    transition: n ? Xa : {
+    transition: n ? et : {
       layout: { duration: 0 },
       ...c?.transition
     },
@@ -409,43 +409,43 @@ function na({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, cla
       n && i(!0);
     },
     onLayoutAnimationComplete: () => i(!1),
-    className: p("relative inline-block", s),
-    children: [u, d && /* @__PURE__ */ a(A.span, {
+    className: u("relative inline-block", s),
+    children: [d, p && /* @__PURE__ */ a(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Qa,
+      transition: at,
       onAnimationComplete: () => i(!1),
-      className: p("absolute inset-0", t),
-      children: u
+      className: u("absolute inset-0", t),
+      children: d
     })]
   });
 }
-var Ge = "max-w-full min-w-0 truncate align-top", We = "flex shrink-0 items-center";
-function st({ id: e, morphId: t, enter: n, trailing: r, className: l, children: s, ...u }) {
-  const d = ke(e, s), i = M(), c = Pe(n === !0), f = ta(t), o = ea(), m = !i && (t != null || c === !0), h = c || o != null ? "rise" : void 0, g = k(Se), v = g?.pinned ?? !1, N = k(ae)?.adopt ?? !1, b = k(aa), _ = E(null);
+var qe = "max-w-full min-w-0 truncate align-top", Ke = "flex shrink-0 items-center";
+function pt({ id: e, morphId: t, enter: n, trailing: r, className: l, children: s, ...d }) {
+  const p = Pe(e, s), i = M(), c = Be(n === !0), f = oa(t), o = sa(), m = !i && (t != null || c === !0), h = c || o != null ? "rise" : void 0, g = R(Ie), y = g?.pinned ?? !1, N = R(te)?.adopt ?? !1, b = R(la), _ = C(null);
   z(() => {
-    if (!(g == null || v))
+    if (!(g == null || y))
       return g.setTitle({
         label: s,
         el: _.current
       }), () => g.setTitle(null);
   }, [
     g,
-    v,
+    y,
     s
   ]);
-  const [x, S] = w(f.fly && o != null);
+  const [x, k] = w(f.fly && o != null);
   z(() => {
-    Y.length > 0 && S(!1);
+    Q.length > 0 && k(!1);
   }, []);
-  const R = r != null && r !== !1, I = !i && (t != null ? f.fly || h != null : c === !0), B = t != null && !i ? /* @__PURE__ */ a(na, {
+  const T = r != null && r !== !1, I = !i && (t != null ? f.fly || h != null : c === !0), L = t != null && !i ? /* @__PURE__ */ a(ca, {
     morphId: t,
     fromClassName: "text-pho-secondary",
     fly: f.fly,
     morphRef: f.ref,
     arrival: h,
-    className: Ge,
+    className: qe,
     children: s
   }) : c && !i ? /* @__PURE__ */ a(A.span, {
     initial: {
@@ -460,13 +460,13 @@ function st({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
       y: P,
       opacity: D
     },
-    className: p("inline-block", Ge),
+    className: u("inline-block", qe),
     children: s
-  }) : R ? /* @__PURE__ */ a("span", {
+  }) : T ? /* @__PURE__ */ a("span", {
     className: "min-w-0 truncate",
     children: s
   }) : s;
-  return /* @__PURE__ */ y(de, { children: [v && g != null && /* @__PURE__ */ a(Je, {
+  return /* @__PURE__ */ v(fe, { children: [y && g != null && /* @__PURE__ */ a(ra, {
     title: {
       label: s,
       el: _.current
@@ -475,19 +475,19 @@ function st({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
     silent: b.silent,
     pinned: !0,
     className: N ? void 0 : "h-12 shrink-0"
-  }), /* @__PURE__ */ y("h1", {
-    id: d,
+  }), /* @__PURE__ */ v("h1", {
+    id: p,
     "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", v && "sr-only", l),
-    ...u,
-    ref: (L) => {
-      _.current = L;
-      const W = u.ref;
-      typeof W == "function" ? W(L) : W != null && (W.current = L);
+    className: u("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", m ? "whitespace-nowrap" : "truncate", y && "sr-only", l),
+    ...d,
+    ref: (B) => {
+      _.current = B;
+      const W = d.ref;
+      typeof W == "function" ? W(B) : W != null && (W.current = B);
     },
-    children: [R ? /* @__PURE__ */ y("span", {
+    children: [T ? /* @__PURE__ */ v("span", {
       className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [B, I ? /* @__PURE__ */ a(A.span, {
+      children: [L, I ? /* @__PURE__ */ a(A.span, {
         "data-basic-page-title-trailing": "",
         initial: {
           opacity: 0,
@@ -501,36 +501,36 @@ function st({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
           y: P,
           opacity: D
         },
-        className: We,
+        className: Ke,
         children: r
       }) : /* @__PURE__ */ a("span", {
         "data-basic-page-title-trailing": "",
-        className: We,
+        className: Ke,
         children: r
       })]
-    }) : B, x && /* @__PURE__ */ a(A.span, {
+    }) : L, x && /* @__PURE__ */ a(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Ze,
-      onAnimationComplete: () => S(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", $t),
-      children: /* @__PURE__ */ a(se, {})
+      transition: ia,
+      onAnimationComplete: () => k(!1),
+      className: u("text-pho-secondary pointer-events-none absolute inline-flex items-center", rn),
+      children: /* @__PURE__ */ a(le, {})
     })]
   })] });
 }
-var ra = G(!1);
-function lt() {
-  const e = k(ra), t = M(), [n] = w(() => e && !t);
+var Le = G(!1);
+function mt() {
+  const e = R(Le), t = M(), [n] = w(() => e && !t);
   return n;
 }
-var ot = {
+var ft = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, ct = {
+}, ht = {
   y: P,
   opacity: D,
   height: P,
@@ -538,8 +538,8 @@ var ot = {
   paddingBottom: P,
   borderTopWidth: P
 };
-function Te() {
-  const e = lt(), t = La(), n = M();
+function J() {
+  const e = mt(), t = Ga(), n = M();
   return {
     initial: e ? {
       opacity: 0,
@@ -549,57 +549,57 @@ function Te() {
       opacity: 1,
       y: 0
     },
-    exit: ot,
-    transition: n ? { duration: 0 } : ct,
+    exit: ft,
+    transition: n ? { duration: 0 } : ht,
     leaving: !t
   };
 }
-var ut = typeof process < "u" && process.env.NODE_ENV !== "production";
-function ia(e, t, n, r) {
+var gt = typeof process < "u" && process.env.NODE_ENV !== "production";
+function da(e, t, n, r) {
   O(() => {
-    if (!ut || e.current == null || typeof getComputedStyle != "function") return;
-    const l = (u) => {
-      const d = getComputedStyle(u).rowGap;
-      return d === "" || d === "normal" ? null : parseFloat(d);
+    if (!gt || e.current == null || typeof getComputedStyle != "function") return;
+    const l = (d) => {
+      const p = getComputedStyle(d).rowGap;
+      return p === "" || p === "normal" ? null : parseFloat(p);
     }, s = l(e.current);
     s != null && s !== n && console.warn(`[BasicPage.${t}] spaced at ${s}px instead of ${n}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, e.current);
-    for (const u of Array.from(e.current.children)) {
-      const d = r(u);
-      if (d == null || getComputedStyle(u).display === "contents") continue;
-      const i = l(u);
-      i != null && i !== d && console.warn(`[BasicPage.${t}] a child is spaced at ${i}px instead of ${d}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
+    for (const d of Array.from(e.current.children)) {
+      const p = r(d);
+      if (p == null || getComputedStyle(d).display === "contents") continue;
+      const i = l(d);
+      i != null && i !== p && console.warn(`[BasicPage.${t}] a child is spaced at ${i}px instead of ${p}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, d);
     }
   });
 }
-function dt(e) {
+function bt(e) {
   return Array.from(e.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((t) => t.closest('[aria-busy="true"]') != null);
 }
-var pt = () => !1, mt = () => !0;
-function ft() {
-  return ue(pe, pt, mt);
+var vt = () => !1, yt = () => !0;
+function xt() {
+  return me(ge, vt, yt);
 }
-function Pe(e, t = !1) {
-  const n = k(Qe), r = ft(), [l] = w(() => {
+function Be(e, t = !1) {
+  const n = R(aa), r = xt(), [l] = w(() => {
     if (r || !e || n?.prerendered) return !1;
     if (t) return !0;
     if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
     const s = n ? n.ref.current : document;
-    return s == null || !dt(s);
+    return s == null || !bt(s);
   });
   return l;
 }
-function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
-  const s = M(), u = E(null);
-  ia(u, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") || m.hasAttribute("data-code-block") ? null : 12);
-  const d = Pe(e ?? !0, e === !0), i = l["aria-busy"], c = i === !0 || i === "true", f = E(c), o = f.current && !c;
+function se({ enter: e, className: t, children: n, ref: r, ...l }) {
+  const s = M(), d = C(null);
+  da(d, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-receipt") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") || m.hasAttribute("data-code-block") ? null : 12);
+  const p = Be(e ?? !0, e === !0), i = l["aria-busy"], c = i === !0 || i === "true", f = C(c), o = f.current && !c;
   return O(() => {
     f.current = c;
   }), /* @__PURE__ */ a(A.div, {
     ref: (m) => {
-      u.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
+      d.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
     },
     "data-basic-page-stack": "",
-    initial: s || !d ? !1 : {
+    initial: s || !p ? !1 : {
       opacity: 0,
       y: X
     },
@@ -611,18 +611,18 @@ function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
       y: P,
       opacity: D
     },
-    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", "[[data-basic-page-pinned]:not([data-basic-page-width=full])_[data-basic-page-column]_&]:mt-3 [[data-basic-page-pinned][data-basic-page-width=full]_[data-basic-page-column]_&]:mt-0", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:gap-3", t),
+    className: u("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", "[[data-basic-page-pinned]:not([data-basic-page-width=full])_[data-basic-page-column]_&]:mt-3 [[data-basic-page-pinned][data-basic-page-width=full]_[data-basic-page-column]_&]:mt-0", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-receipt]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-receipt]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-receipt]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:gap-3", t),
     ...l,
-    children: /* @__PURE__ */ a(ra.Provider, {
+    children: /* @__PURE__ */ a(Le.Provider, {
       value: o,
       children: n
     })
   });
 }
-var Ve = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 gap-y-0 [&>: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 ht({ enter: e, className: t, ...n }) {
+var Xe = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 gap-y-0 [&>: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 wt({ enter: e, className: t, ...n }) {
   const r = M();
-  return Pe(e === !0) && !r ? /* @__PURE__ */ a(A.div, {
+  return Be(e === !0) && !r ? /* @__PURE__ */ a(A.div, {
     initial: {
       opacity: 0,
       y: X
@@ -635,97 +635,97 @@ function ht({ enter: e, className: t, ...n }) {
       y: P,
       opacity: D
     },
-    className: p(Ve, t),
+    className: u(Xe, t),
     ...n,
     "data-basic-page-header": ""
   }) : /* @__PURE__ */ a("div", {
-    className: p(Ve, t),
+    className: u(Xe, t),
     ...n,
     "data-basic-page-header": ""
   });
 }
-function gt({ className: e, ...t }) {
+function Nt({ className: e, ...t }) {
   return /* @__PURE__ */ a("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]>&]:mr-5 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
+    className: u("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]>&]:mr-5 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
     ...t
   });
 }
-function bt({ id: e, className: t, children: n, ...r }) {
-  const l = ke(e, n);
+function At({ id: e, className: t, children: n, ...r }) {
+  const l = Pe(e, n);
   return /* @__PURE__ */ a("h2", {
     id: l,
-    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", t),
+    className: u("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", t),
     ...r,
     children: n
   });
 }
-function sa({ className: e, ...t }) {
+function ua({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", {
-    className: p("text-display-xs text-pho-description px-5 font-normal", e),
+    className: u("text-display-xs text-pho-description px-5 font-normal", e),
     ...t
   });
 }
-function vt({ one: e, other: t, ...n }) {
-  const r = k(Ae), l = ue(r?.subscribe ?? pe, () => r?.get().api ?? null, () => null);
+function _t({ one: e, other: t, ...n }) {
+  const r = R(ke), l = me(r?.subscribe ?? ge, () => r?.get().api ?? null, () => null);
   if (l == null) return null;
   const s = l.query.trim() !== "" ? `${l.matched} of ${l.total}.` : `${l.total} ${l.total === 1 ? e : t}.`;
-  return /* @__PURE__ */ a(sa, {
+  return /* @__PURE__ */ a(ua, {
     ...n,
     children: s
   });
 }
-function yt({ className: e, ...t }) {
+function Et({ className: e, ...t }) {
   return /* @__PURE__ */ a("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),
+    className: u("text-pho-description px-5 text-xs font-normal", "mt-3 [[data-basic-page-callout]_&]:mt-0 [[data-basic-page-stack]>*>&]:mt-0", e),
     ...t
   });
 }
-function xt({ animateHeight: e, className: t, children: n, ...r }) {
-  const l = /* @__PURE__ */ a($, { children: ee.toArray(n) });
+function Ct({ animateHeight: e, className: t, children: n, ...r }) {
+  const l = /* @__PURE__ */ a($, { children: Y.toArray(n) });
   return e ? /* @__PURE__ */ a("div", {
-    className: p(Ee, "min-h-0 gap-0", t),
+    className: u(he, "min-h-0 gap-0", t),
     ...r,
     "data-basic-page-card": "",
-    children: /* @__PURE__ */ a(Ra, {
+    children: /* @__PURE__ */ a(Ma, {
       transition: P,
-      className: le,
+      className: oe,
       children: l
     })
   }) : /* @__PURE__ */ a("div", {
-    className: p(Xe, t),
+    className: u(ea, t),
     ...r,
     "data-basic-page-card": "",
     children: l
   });
 }
-function wt({ className: e, ...t }) {
-  const { leaving: n, ...r } = Te();
+function Rt({ className: e, ...t }) {
+  const { leaving: n, ...r } = J();
   return /* @__PURE__ */ a(A.div, {
     ...r,
-    className: p(Da, n && "overflow-hidden", e),
+    className: u(Va, n && "overflow-hidden", e),
     ...t
   });
 }
-function Nt({ divided: e = !1, className: t, ...n }) {
+function kt({ divided: e = !1, className: t, ...n }) {
   return /* @__PURE__ */ a("div", {
-    className: p(e ? Fa : Ha, t),
+    className: u(e ? ja : $a, t),
     ...n
   });
 }
-function At({ className: e, icon: t, children: n, ...r }) {
+function Tt({ className: e, icon: t, children: n, ...r }) {
   if (t == null || t === !1 || t === !0) return /* @__PURE__ */ a("div", {
-    className: p(Me, e),
+    className: u(Ge, e),
     ...r,
     "data-basic-page-callout": "",
     children: n
   });
-  const [l, ...s] = ee.toArray(n);
-  return /* @__PURE__ */ y("div", {
-    className: p(Me, e),
+  const [l, ...s] = Y.toArray(n);
+  return /* @__PURE__ */ v("div", {
+    className: u(Ge, e),
     ...r,
     "data-basic-page-callout": "",
-    children: [/* @__PURE__ */ y("div", {
+    children: [/* @__PURE__ */ v("div", {
       className: "relative",
       children: [/* @__PURE__ */ a("div", {
         className: "min-w-0 pr-16",
@@ -738,92 +738,92 @@ function At({ className: e, icon: t, children: n, ...r }) {
     }), s]
   });
 }
-function _t({ id: e, className: t, children: n, ...r }) {
-  const l = ke(e, n);
+function St({ id: e, className: t, children: n, ...r }) {
+  const l = Pe(e, n);
   return /* @__PURE__ */ a("h2", {
     id: l,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", t),
+    className: u("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", t),
     ...r,
     children: n
   });
 }
-function Ct({ className: e, ...t }) {
+function Pt({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", {
-    className: p("text-display-xs text-pho-description font-normal", e),
+    className: u("text-display-xs text-pho-description font-normal", e),
     ...t
   });
 }
-var la = G(null), oa = G(!1);
-function Et({ className: e, children: t, ...n }) {
+var pa = G(null), ma = G(!1);
+function It({ className: e, children: t, ...n }) {
   let r = !1;
-  const l = ee.toArray(t).map((s, u) => {
-    if (!Ke(s)) return s;
-    let d;
-    return s.props.done ? d = "done" : r ? d = "upcoming" : (r = !0, d = s.props.working ? "working" : s.props.pending ? "pending" : "current"), /* @__PURE__ */ a(la.Provider, {
+  const l = Y.toArray(t).map((s, d) => {
+    if (!Je(s)) return s;
+    let p;
+    return s.props.done ? p = "done" : r ? p = "upcoming" : (r = !0, p = s.props.working ? "working" : s.props.pending ? "pending" : "current"), /* @__PURE__ */ a(pa.Provider, {
       value: {
-        number: u + 1,
-        state: d
+        number: d + 1,
+        state: p
       },
       children: s
-    }, s.key ?? u);
+    }, s.key ?? d);
   });
   return /* @__PURE__ */ a("ol", {
-    className: p(Xe, "m-0 list-none p-0", e),
+    className: u(ea, "m-0 list-none p-0", e),
     ...n,
     "data-basic-page-onboard": "",
     children: l
   });
 }
-var kt = "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]", St = {
+var Ot = "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]", Lt = {
   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"
-}, Rt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Tt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Pt = {
+}, Bt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Mt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Dt = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function It({ icon: e, aside: t, title: n, description: r, done: l, working: s, pending: u, className: d, children: i, ...c }) {
-  const f = k(la), o = f?.state ?? (l ? "done" : s ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", v = Pt[o], N = i != null && i !== !1, b = e != null && e !== !1, _ = t != null && t !== !1;
+function Ht({ icon: e, aside: t, title: n, description: r, done: l, working: s, pending: d, className: p, children: i, ...c }) {
+  const f = R(pa), o = f?.state ?? (l ? "done" : s ? "working" : d ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", y = Dt[o], N = i != null && i !== !1, b = e != null && e !== !1, _ = t != null && t !== !1;
   return /* @__PURE__ */ a("li", {
     "data-basic-page-step": o,
     "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", d),
+    className: u("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", p),
     ...c,
-    children: /* @__PURE__ */ y(oa.Provider, {
+    children: /* @__PURE__ */ v(ma.Provider, {
       value: !0,
       children: [
-        /* @__PURE__ */ y("span", {
+        /* @__PURE__ */ v("span", {
           "aria-hidden": !0,
-          className: p(kt, St[o], "col-start-1 row-start-1"),
+          className: u(Ot, Lt[o], "col-start-1 row-start-1"),
           children: [/* @__PURE__ */ a($, {
             initial: !1,
             children: o === "done" ? /* @__PURE__ */ a(A.span, {
-              ...ne(m),
+              ...re(m),
               className: "flex",
-              children: /* @__PURE__ */ a(Ta, { className: "size-3" })
+              children: /* @__PURE__ */ a(Da, { className: "size-3" })
             }, "check") : /* @__PURE__ */ a(A.span, {
-              ...ne(m),
+              ...re(m),
               children: f?.number ?? 1
             }, "number")
-          }), o === "working" ? /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ a("span", { className: Rt }), /* @__PURE__ */ a("span", { className: Tt })] }) : null]
+          }), o === "working" ? /* @__PURE__ */ v(fe, { children: [/* @__PURE__ */ a("span", { className: Bt }), /* @__PURE__ */ a("span", { className: Mt })] }) : null]
         }),
-        /* @__PURE__ */ y("div", {
+        /* @__PURE__ */ v("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", g ? "text-pho-description" : "text-pho-primary"),
-          children: [v ? /* @__PURE__ */ y("span", {
+          className: u("text-display-xs col-start-2 row-start-1 min-w-0 font-medium transition-colors duration-200 ease-out", g ? "text-pho-description" : "text-pho-primary"),
+          children: [y ? /* @__PURE__ */ v("span", {
             className: "sr-only",
-            children: [v, " "]
+            children: [y, " "]
           }) : null, n]
         }),
-        /* @__PURE__ */ a(Ie, {
+        /* @__PURE__ */ a(De, {
           show: h,
           gap: "none",
           clip: !1,
           className: "col-start-2 row-start-2 flex min-w-0 flex-col self-stretch",
-          children: /* @__PURE__ */ y("div", {
+          children: /* @__PURE__ */ v("div", {
             "data-basic-page-step-body": "",
             className: "flex min-w-0 flex-1 flex-col",
             children: [r ? /* @__PURE__ */ a("div", {
@@ -841,7 +841,7 @@ function It({ icon: e, aside: t, title: n, description: r, done: l, working: s,
         }) : _ ? /* @__PURE__ */ a($, {
           initial: !1,
           children: h ? /* @__PURE__ */ a(A.div, {
-            ...ne(m),
+            ...re(m),
             className: "col-start-3 row-span-2 row-start-1 self-start",
             children: t
           }, "aside") : null
@@ -849,7 +849,7 @@ function It({ icon: e, aside: t, title: n, description: r, done: l, working: s,
           initial: !1,
           children: h ? /* @__PURE__ */ a(A.div, {
             "aria-hidden": !0,
-            ...ne(m),
+            ...re(m),
             className: "pointer-events-none col-start-3 row-span-2 row-start-1 size-14 self-start",
             children: /* @__PURE__ */ a("div", {
               className: "text-pho-primary size-full opacity-[0.275] [&>svg]:size-full",
@@ -861,13 +861,13 @@ function It({ icon: e, aside: t, title: n, description: r, done: l, working: s,
     })
   });
 }
-function Ot({ label: e, description: t, htmlFor: n, stacked: r = !1, className: l, children: s, ...u }) {
-  const { leaving: d, ...i } = Te();
-  return /* @__PURE__ */ y(A.div, {
+function Ft({ label: e, description: t, htmlFor: n, stacked: r = !1, className: l, children: s, ...d }) {
+  const { leaving: p, ...i } = J();
+  return /* @__PURE__ */ v(A.div, {
     ...i,
-    className: p(Ma, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", d && "overflow-hidden", l),
-    ...u,
-    children: [/* @__PURE__ */ y("div", {
+    className: u(Wa, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", p && "overflow-hidden", l),
+    ...d,
+    children: [/* @__PURE__ */ v("div", {
       className: "min-w-0",
       children: [n ? /* @__PURE__ */ a("label", {
         htmlFor: n,
@@ -881,23 +881,103 @@ function Ot({ label: e, description: t, htmlFor: n, stacked: r = !1, className:
         children: t
       }) : null]
     }), /* @__PURE__ */ a("div", {
-      className: p("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
+      className: u("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
       children: s
     })]
   });
 }
-function Bt({ className: e, ...t }) {
-  const n = k(oa);
+function zt({ className: e, ...t }) {
+  const n = R(ma);
   return /* @__PURE__ */ a("p", {
-    className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
+    className: u("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
     ...t
   });
 }
-function Lt({ error: e, show: t, className: n, children: r, ...l }) {
-  const s = M(), u = k(U), d = e ?? u?.error ?? void 0;
+var Gt = "grid grid-cols-[minmax(0,1fr)_auto] gap-x-6 sm:grid-cols-[minmax(0,1fr)_auto_auto]", de = "col-span-full grid grid-cols-subgrid", Wt = "[[data-basic-page-receipt]>&:not([data-basic-page-receipt-line]+&)]:pt-5 [[data-basic-page-receipt]>&:not(:has(+[data-basic-page-receipt-line]))]:pb-5 [[data-basic-page-receipt]>&:not(:first-child):not([data-basic-page-receipt-line]+&)]:border-t", Vt = "[[data-basic-page-receipt]>&:not([data-basic-page-receipt-total]+&)]:pt-5 [[data-basic-page-receipt]>&:not(:has(+[data-basic-page-receipt-total]))]:pb-5 [[data-basic-page-receipt]>&:not(:first-child):not([data-basic-page-receipt-total]+&)]:border-t", Me = "flex min-h-5 min-w-0 items-center gap-2 [overflow-wrap:anywhere]", Ee = "flex min-h-5 items-center justify-end whitespace-nowrap tabular-nums", fa = "col-start-1 row-start-1", $t = "col-start-1 row-start-2 justify-start text-xs sm:col-start-2 sm:row-start-1 sm:justify-end sm:text-base", ha = "col-start-2 row-start-1 sm:col-start-3", ue = (e) => e != null && e !== !1 && e !== !0;
+function jt({ empty: e, className: t, children: n, ...r }) {
+  const l = Y.toArray(n).length === 0;
+  return /* @__PURE__ */ a("ul", {
+    className: u(he, Gt, "m-0 list-none p-0", t),
+    ...r,
+    "data-basic-page-receipt": "",
+    children: l && ue(e) ? /* @__PURE__ */ a("li", {
+      "data-basic-page-receipt-empty": "",
+      className: "text-pho-description col-span-full m-0 px-5 py-5 text-base",
+      children: e
+    }) : n
+  });
+}
+function qt({ label: e, className: t, children: n, ...r }) {
+  const { initial: l, animate: s, transition: d } = J(), p = Ze(), i = ue(e);
+  return /* @__PURE__ */ v(A.li, {
+    initial: l,
+    animate: s,
+    transition: d,
+    className: u(de, "border-pho-secondary m-0 py-4", "[[data-basic-page-receipt]>&:not(:first-child)]:border-t", t),
+    ...r,
+    "data-basic-page-receipt-group": "",
+    children: [i ? /* @__PURE__ */ a("div", {
+      id: p,
+      className: u(Me, "text-pho-primary col-span-full min-h-7 px-5 py-1 text-base font-medium"),
+      children: e
+    }) : null, /* @__PURE__ */ a("ul", {
+      "aria-labelledby": i ? p : void 0,
+      className: u(de, "m-0 list-none p-0"),
+      children: /* @__PURE__ */ a(Le.Provider, {
+        value: !1,
+        children: n
+      })
+    })]
+  });
+}
+function Kt({ label: e, quantity: t, amount: n, className: r, ...l }) {
+  const { initial: s, animate: d, transition: p } = J(), i = ue(t), c = ue(n);
+  return /* @__PURE__ */ v(A.li, {
+    initial: s,
+    animate: d,
+    transition: p,
+    className: u(de, "border-pho-secondary m-0 items-start px-5 py-1 text-base", Wt, r),
+    ...l,
+    "data-basic-page-receipt-line": "",
+    children: [
+      /* @__PURE__ */ a("div", {
+        className: u(Me, fa, "text-pho-secondary", !c && "col-end-3", i ? "sm:col-end-2" : c ? "sm:col-end-3" : "sm:col-end-4"),
+        children: e
+      }),
+      i ? /* @__PURE__ */ a("div", {
+        className: u(Ee, $t, "text-pho-description"),
+        children: t
+      }) : null,
+      c ? /* @__PURE__ */ a("div", {
+        className: u(Ee, ha, "text-pho-secondary"),
+        children: n
+      }) : null
+    ]
+  });
+}
+function Xt({ label: e, amount: t, className: n, ...r }) {
+  const { initial: l, animate: s, transition: d } = J();
+  return /* @__PURE__ */ v(A.li, {
+    initial: l,
+    animate: s,
+    transition: d,
+    className: u(de, "border-pho-secondary text-pho-primary m-0 items-start px-5 py-1 text-base font-medium", Vt, n),
+    ...r,
+    "data-basic-page-receipt-total": "",
+    children: [/* @__PURE__ */ a("div", {
+      className: u(Me, fa, "sm:col-end-3"),
+      children: e
+    }), /* @__PURE__ */ a("div", {
+      className: u(Ee, ha),
+      children: t
+    })]
+  });
+}
+function Ut({ error: e, show: t, className: n, children: r, ...l }) {
+  const s = M(), d = R(Z), p = e ?? d?.error ?? void 0;
   return /* @__PURE__ */ a($, {
     initial: !1,
-    children: (t ?? !0) && (d != null || r != null) ? /* @__PURE__ */ a(A.div, {
+    children: (t ?? !0) && (p != null || r != null) ? /* @__PURE__ */ a(A.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -916,50 +996,50 @@ function Lt({ error: e, show: t, className: n, children: r, ...l }) {
         height: P,
         opacity: D
       },
-      children: /* @__PURE__ */ a(ya, {
-        error: d,
-        className: p("px-5 pb-3", n),
+      children: /* @__PURE__ */ a(Ca, {
+        error: p,
+        className: u("px-5 pb-3", n),
         ...l,
         children: r
       })
     }) : null
   });
 }
-function Ln() {
-  return k(U)?.requestSave ?? null;
+function Un() {
+  return R(Z)?.requestSave ?? null;
 }
-var Mn = 800, ye = Sa.createToastManager(), U = G(null);
-function Mt({ action: e, errors: t, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: u, ...d }) {
-  const [i, c] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, v] = w(t ?? {}), [N, b] = w(null), _ = E(null), x = E(null), S = E(null), R = E(!1), I = E(!1), B = E(null), L = E(async () => {
+var Qn = 800, Ae = Ba.createToastManager(), Z = G(null);
+function Qt({ action: e, errors: t, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: d, ...p }) {
+  const [i, c] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, y] = w(t ?? {}), [N, b] = w(null), _ = C(null), x = C(null), k = C(null), T = C(!1), I = C(!1), L = C(null), B = C(async () => {
   });
   O(() => () => {
     x.current != null && clearTimeout(x.current);
   }, []);
   const W = async () => {
-    const T = _.current;
-    if (T == null || e == null) return;
-    if (R.current) {
+    const S = _.current;
+    if (S == null || e == null) return;
+    if (T.current) {
       I.current = !0;
       return;
     }
-    if (!T.checkValidity()) return;
-    const C = Object.fromEntries(new FormData(T).entries()), j = S.current;
-    R.current = !0, b({
-      field: j,
+    if (!S.checkValidity()) return;
+    const E = Object.fromEntries(new FormData(S).entries()), q = k.current;
+    T.current = !0, b({
+      field: q,
       phase: "saving"
     }), h(null);
     try {
-      const F = (await e(C))?.errors;
+      const F = (await e(E))?.errors;
       if (F != null && Object.keys(F).length > 0) {
-        v(F), b(null);
+        y(F), b(null);
         return;
       }
-      v({}), o(!1), b({
-        field: j,
+      y({}), o(!1), b({
+        field: q,
         phase: "saved"
-      }), B.current != null && (ye.close(B.current), B.current = null);
+      }), L.current != null && (Ae.close(L.current), L.current = null);
     } catch (F) {
-      b(null), h(F), B.current != null && ye.close(B.current), B.current = ye.add({
+      b(null), h(F), L.current != null && Ae.close(L.current), L.current = Ae.add({
         type: "error",
         title: "Couldn't save",
         description: F instanceof Error && F.message !== "" ? F.message : "The change is still here — try again.",
@@ -967,22 +1047,22 @@ function Mt({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
         actionProps: {
           children: "Retry",
           onClick: () => {
-            L.current();
+            B.current();
           }
         }
       });
     } finally {
-      R.current = !1, I.current && (I.current = !1, L.current());
+      T.current = !1, I.current && (I.current = !1, B.current());
     }
   };
-  L.current = W;
-  const te = () => {
+  B.current = W;
+  const ne = () => {
     x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
-      x.current = null, L.current();
+      x.current = null, B.current();
     }, 800);
-  }, H = V(() => n ? (T) => {
-    T != null && (S.current = T), o(!0), te();
-  } : null, [n]), me = V(() => ({
+  }, H = V(() => n ? (S) => {
+    S != null && (k.current = S), o(!0), ne();
+  } : null, [n]), be = V(() => ({
     pending: i,
     dirty: f,
     error: m,
@@ -995,44 +1075,44 @@ function Mt({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
     N,
     H
   ]);
-  return /* @__PURE__ */ a(U.Provider, {
-    value: me,
-    children: /* @__PURE__ */ a(Pa, {
+  return /* @__PURE__ */ a(Z.Provider, {
+    value: be,
+    children: /* @__PURE__ */ a(Ha, {
       errors: g,
-      onFormSubmit: async (T) => {
+      onFormSubmit: async (S) => {
         if (e != null) {
           c(!0), h(null);
           try {
-            const C = (await e(T))?.errors;
-            if (C != null && Object.keys(C).length > 0) {
-              v(C);
+            const E = (await e(S))?.errors;
+            if (E != null && Object.keys(E).length > 0) {
+              y(E);
               return;
             }
-            v({}), o(!1);
-          } catch (C) {
-            h(C);
+            y({}), o(!1);
+          } catch (E) {
+            h(E);
           } finally {
             c(!1);
           }
         }
       },
-      onChange: (T) => {
+      onChange: (S) => {
         o(!0), h(null);
-        const C = T.target.name;
-        C && C in g && v((j) => {
-          const { [C]: F, ...fe } = j;
-          return fe;
-        }), n && (C && (S.current = C), te()), s?.(T);
+        const E = S.target.name;
+        E && E in g && y((q) => {
+          const { [E]: F, ...ve } = q;
+          return ve;
+        }), n && (E && (k.current = E), ne()), s?.(S);
       },
-      onBlur: (T) => {
-        n && f && x.current != null && (clearTimeout(x.current), x.current = null, L.current()), u?.(T);
+      onBlur: (S) => {
+        n && f && x.current != null && (clearTimeout(x.current), x.current = null, B.current()), d?.(S);
       },
-      className: p("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
-      ...d,
-      ref: (T) => {
-        _.current = T;
-        const C = d.ref;
-        typeof C == "function" ? C(T) : C != null && (C.current = T);
+      className: u("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
+      ...p,
+      ref: (S) => {
+        _.current = S;
+        const E = p.ref;
+        typeof E == "function" ? E(S) : E != null && (E.current = S);
       },
       children: /* @__PURE__ */ a("fieldset", {
         disabled: i,
@@ -1043,15 +1123,15 @@ function Mt({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
     })
   });
 }
-function Dt({ name: e, className: t, ...n }) {
-  const r = k(U), l = M(), s = r?.auto ?? null, u = s != null && (e == null || s.field === e), [d, i] = w(!1), c = u ? s.phase : null;
+function Yt({ name: e, className: t, ...n }) {
+  const r = R(Z), l = M(), s = r?.auto ?? null, d = s != null && (e == null || s.field === e), [p, i] = w(!1), c = d ? s.phase : null;
   O(() => {
     if (c !== "saved") return;
     i(!0);
     const m = setTimeout(() => i(!1), 1800);
     return () => clearTimeout(m);
   }, [c, s]);
-  const f = c === "saving" ? "Saving…" : c === "saved" && d ? "Saved" : null, o = l ? "blur(0px)" : `blur(${_e}px)`;
+  const f = c === "saving" ? "Saving…" : c === "saved" && p ? "Saved" : null, o = l ? "blur(0px)" : `blur(${Te}px)`;
   return /* @__PURE__ */ a("span", {
     className: "grid justify-items-end",
     children: /* @__PURE__ */ a($, {
@@ -1069,8 +1149,8 @@ function Dt({ name: e, className: t, ...n }) {
           opacity: 0,
           filter: o
         },
-        transition: oe,
-        className: p("text-pho-description pl-8 [grid-area:1/1]", t),
+        transition: ce,
+        className: u("text-pho-description pl-8 [grid-area:1/1]", t),
         style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
         ...n,
         children: f
@@ -1078,11 +1158,11 @@ function Dt({ name: e, className: t, ...n }) {
     })
   });
 }
-var Ht = "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 Ft({ className: e, ...t }) {
-  const n = E(null);
-  return ia(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
-    className: p(Ee, Ht, e),
+var Jt = "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 Zt({ className: e, ...t }) {
+  const n = C(null);
+  return da(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
+    className: u(he, Jt, e),
     ...t,
     ref: (r) => {
       n.current = r;
@@ -1092,15 +1172,15 @@ function Ft({ className: e, ...t }) {
     "data-basic-page-fields": ""
   });
 }
-function zt({ className: e, ...t }) {
+function en({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", {
-    className: p("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
+    className: u("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
     ...t
   });
 }
-function Gt({ children: e = "Save changes", ...t }) {
-  const n = k(U);
-  return /* @__PURE__ */ a(Z, {
+function an({ children: e = "Save changes", ...t }) {
+  const n = R(Z);
+  return /* @__PURE__ */ a(ae, {
     type: "submit",
     variant: "effect",
     size: "sm",
@@ -1109,27 +1189,27 @@ function Gt({ children: e = "Save changes", ...t }) {
     children: e
   });
 }
-function Wt({ show: e, className: t, ...n }) {
-  const r = k(U), l = e === "dirty" ? r?.dirty ?? !1 : e, s = /* @__PURE__ */ a("div", {
+function tn({ show: e, className: t, ...n }) {
+  const r = R(Z), l = e === "dirty" ? r?.dirty ?? !1 : e, s = /* @__PURE__ */ a("div", {
     "data-basic-page-footer": "",
-    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
+    className: u("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
     ...n
   });
-  return l === void 0 ? s : /* @__PURE__ */ a(Ie, {
+  return l === void 0 ? s : /* @__PURE__ */ a(De, {
     show: l,
     gap: "block",
     clip: !1,
     children: s
   });
 }
-var Vt = {
+var nn = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l, ...s }) {
-  const u = M(), d = Vt[r ? "none" : n], i = E(null), c = E(e !== !0);
+function De({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l, ...s }) {
+  const d = M(), p = nn[r ? "none" : n], i = C(null), c = C(e !== !0);
   O(() => {
     c.current = !0;
   }, []);
@@ -1139,7 +1219,7 @@ function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
     i.current && (i.current.style.overflow = "");
   };
   return e === void 0 ? /* @__PURE__ */ a(A.div, {
-    initial: u ? !1 : {
+    initial: d ? !1 : {
       opacity: 0,
       y: X
     },
@@ -1151,7 +1231,7 @@ function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
       y: P,
       opacity: D
     },
-    className: p(r && le, l),
+    className: u(r && oe, l),
     ...s
   }) : /* @__PURE__ */ a($, {
     initial: !1,
@@ -1165,7 +1245,7 @@ function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
       initial: {
         height: 0,
         opacity: 0,
-        marginTop: d
+        marginTop: p
       },
       animate: {
         height: "auto",
@@ -1175,82 +1255,82 @@ function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
       exit: {
         height: 0,
         opacity: 0,
-        marginTop: d
+        marginTop: p
       },
-      transition: u ? { duration: 0 } : {
+      transition: d ? { duration: 0 } : {
         height: P,
         marginTop: P,
         opacity: D
       },
-      className: p(r && le, l),
+      className: u(r && oe, l),
       ...s
     }) : null
   });
 }
-var $t = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", qt = "(min-width: 40rem)";
-function jt() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(qt).matches;
+var rn = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", sn = "(min-width: 40rem)";
+function ln() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(sn).matches;
 }
-var ca = G(null);
-function ua({ className: e, children: t, ...n }) {
-  const r = ee.toArray(t).filter(Ke), l = r.map((_) => _.props.children ?? null), s = ea();
-  Za(l);
-  const [u] = w(jt), d = M(), i = r.length, c = je(), f = !u && i >= Kt, o = k(Se), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, v = m?.onClick;
+var ga = G(null);
+function ba({ className: e, children: t, ...n }) {
+  const r = Y.toArray(t).filter(Je), l = r.map((_) => _.props.children ?? null), s = sa();
+  it(l);
+  const [d] = w(ln), p = M(), i = r.length, c = Ye(), f = !d && i >= on, o = R(Ie), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, y = m?.onClick;
   z(() => {
     if (!(o == null || g == null))
       return o.setTail({
         label: h,
         href: g,
-        onClick: v
+        onClick: y
       }), () => o.setTail(null);
   }, [
     o,
     h,
     g,
-    v
+    y
   ]);
-  const [N, b] = w(!d && !u && s != null && s.labels.length > i);
+  const [N, b] = w(!p && !d && s != null && s.labels.length > i);
   return /* @__PURE__ */ a("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
-    className: p("absolute top-4 left-3 flex min-w-max items-center", e),
+    className: u("absolute top-4 left-3 flex min-w-max items-center", e),
     ...n,
-    children: /* @__PURE__ */ y("ol", {
+    children: /* @__PURE__ */ v("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(Oa, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
+      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ v(za, { children: [f && x === i - 2 && /* @__PURE__ */ v("li", {
         className: "m-0 flex items-center max-sm:hidden",
         children: [/* @__PURE__ */ a("span", {
           "aria-hidden": !0,
-          className: we,
-          children: ce
-        }), /* @__PURE__ */ y(Q.Root, { children: [/* @__PURE__ */ a(Q.Trigger, { render: /* @__PURE__ */ a(Z, {
+          className: Ce,
+          children: pe
+        }), /* @__PURE__ */ v(U.Root, { children: [/* @__PURE__ */ a(U.Trigger, { render: /* @__PURE__ */ a(ae, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2.5",
-          children: Xt
-        }) }), /* @__PURE__ */ a(Q.Portal, { children: /* @__PURE__ */ a(Q.Positioner, {
+          children: cn
+        }) }), /* @__PURE__ */ a(U.Portal, { children: /* @__PURE__ */ a(U.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ a(Q.Popup, { children: r.slice(1, i - 2).map((S, R) => {
-            const I = S.props;
-            return /* @__PURE__ */ a(Q.LinkItem, {
+          children: /* @__PURE__ */ a(U.Popup, { children: r.slice(1, i - 2).map((k, T) => {
+            const I = k.props;
+            return /* @__PURE__ */ a(U.LinkItem, {
               render: /* @__PURE__ */ a(c, {
                 href: I.href,
                 onClick: I.onClick
               }),
               children: I.children ?? "Back"
-            }, S.key ?? R);
+            }, k.key ?? T);
           }) })
         }) })] })]
       }), /* @__PURE__ */ a("li", {
-        className: p("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ a(ca.Provider, {
+        className: u("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
+        children: /* @__PURE__ */ a(ga.Provider, {
           value: {
             index: x,
             count: i,
             departing: s,
-            narrow: u
+            narrow: d
           },
           children: _
         })
@@ -1260,66 +1340,66 @@ function ua({ className: e, children: t, ...n }) {
         children: /* @__PURE__ */ a(A.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
-          transition: Ze,
+          transition: ia,
           onAnimationComplete: () => b(!1),
-          className: we,
-          children: ce
+          className: Ce,
+          children: pe
         })
       })]
     })
   });
 }
-var we = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", ce = "/", Kt = 4, Xt = "…";
-function da({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
-  const s = k(ca), u = M(), d = n != null && !u, i = ta(d ? n : void 0);
+var Ce = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", pe = "/", on = 4, cn = "…";
+function va({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
+  const s = R(ga), d = M(), p = n != null && !d, i = oa(p ? n : void 0);
   if (s == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: c, count: f, departing: o, narrow: m } = s, h = c === 0, g = c === f - 1, v = o != null && o.labels.length < f, N = o != null && o.labels.length > f, b = g && (o == null || v || m), _ = h || g, x = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", S = o != null, R = g ? m ? N ? "slide" : "fade" : b ? "fade" : void 0 : void 0, [I, B] = w(d && m && i.fly && o != null && !N ? o.labels[o.labels.length - 1] : null), L = d && _ && !S, W = d && !h && g && (o == null || v);
-  return /* @__PURE__ */ y(de, { children: [!h && /* @__PURE__ */ a("span", {
+  const { index: c, count: f, departing: o, narrow: m } = s, h = c === 0, g = c === f - 1, y = o != null && o.labels.length < f, N = o != null && o.labels.length > f, b = g && (o == null || y || m), _ = h || g, x = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", k = o != null, T = g ? m ? N ? "slide" : "fade" : b ? "fade" : void 0 : void 0, [I, L] = w(p && m && i.fly && o != null && !N ? o.labels[o.labels.length - 1] : null), B = p && _ && !k, W = p && !h && g && (o == null || y);
+  return /* @__PURE__ */ v(fe, { children: [!h && /* @__PURE__ */ a("span", {
     "aria-hidden": !0,
-    className: p(we, "max-sm:hidden"),
+    className: u(Ce, "max-sm:hidden"),
     children: W ? /* @__PURE__ */ a(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: He
+        x: Ve
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Fe : D,
+      transition: i.fly ? $e : D,
       className: "inline-flex",
-      children: ce
-    }) : ce
-  }), /* @__PURE__ */ a(Ne, {
+      children: pe
+    }) : pe
+  }), /* @__PURE__ */ a(Re, {
     variant: "ghost",
     size: "sm",
     href: e,
-    prefix: _ ? L ? /* @__PURE__ */ a(A.span, {
+    prefix: _ ? B ? /* @__PURE__ */ a(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: He
+        x: Ve
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Fe : D,
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ a(se, {})
+      transition: i.fly ? $e : D,
+      className: u("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
+      children: /* @__PURE__ */ a(le, {})
     }) : /* @__PURE__ */ a("span", {
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ a(se, {})
+      className: u("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
+      children: /* @__PURE__ */ a(le, {})
     }) : /* @__PURE__ */ a("span", { className: "hidden" }),
-    className: p("min-w-max", t),
+    className: u("min-w-max", t),
     ...l,
-    children: d && n != null ? /* @__PURE__ */ y("span", {
-      className: p("relative block", !i.fly && R === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ a(na, {
+    children: p && n != null ? /* @__PURE__ */ v("span", {
+      className: u("relative block", !i.fly && T === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
+      children: [/* @__PURE__ */ a(ca, {
         morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
-        arrival: R,
+        arrival: T,
         children: r
       }), I != null && /* @__PURE__ */ a(A.span, {
         "aria-hidden": !0,
@@ -1328,36 +1408,36 @@ function da({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
           opacity: 1
         },
         animate: {
-          x: Ya,
+          x: tt,
           opacity: 0
         },
-        transition: Ua,
-        onAnimationComplete: () => B(null),
+        transition: nt,
+        onAnimationComplete: () => L(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: I
       })]
     }) : /* @__PURE__ */ a("span", {
-      className: p("block", !g && "max-w-40 truncate"),
+      className: u("block", !g && "max-w-40 truncate"),
       children: r
     })
   })] });
 }
-function Qt({ className: e, ...t }) {
-  return /* @__PURE__ */ a(ua, {
+function dn({ className: e, ...t }) {
+  return /* @__PURE__ */ a(ba, {
     className: e,
-    children: /* @__PURE__ */ a(da, { ...t })
+    children: /* @__PURE__ */ a(va, { ...t })
   });
 }
-function Yt({ label: e, description: t, leading: n, href: r, className: l, children: s, ...u }) {
-  const d = je(), i = V(() => A.create(d), [d]), { leaving: c, ...f } = Te();
-  return /* @__PURE__ */ y(i, {
+function un({ label: e, description: t, leading: n, href: r, className: l, children: s, ...d }) {
+  const p = Ye(), i = V(() => A.create(p), [p]), { leaving: c, ...f } = J();
+  return /* @__PURE__ */ v(i, {
     href: r,
     ...f,
-    ...u,
-    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)]", c && "overflow-hidden", l),
-    children: [/* @__PURE__ */ y("div", {
-      className: p("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
-      children: [n, /* @__PURE__ */ y("div", {
+    ...d,
+    className: u("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)]", c && "overflow-hidden", l),
+    children: [/* @__PURE__ */ v("div", {
+      className: u("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
+      children: [n, /* @__PURE__ */ v("div", {
         className: "min-w-0",
         children: [/* @__PURE__ */ a("div", {
           className: "flex min-w-0 items-center gap-1",
@@ -1370,24 +1450,24 @@ function Yt({ label: e, description: t, leading: n, href: r, className: l, child
           children: t
         }) : null]
       })]
-    }), /* @__PURE__ */ y("div", {
+    }), /* @__PURE__ */ v("div", {
       className: "flex min-w-0 items-center justify-end gap-2",
       children: [s != null ? /* @__PURE__ */ a("div", {
         className: "min-w-0",
         children: s
-      }) : null, /* @__PURE__ */ a(Aa, {
+      }) : null, /* @__PURE__ */ a(Sa, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Ut({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: u, defaultPresentation: d, onPresentationChange: i, expandable: c = !0, children: f }) {
-  const o = k(Ye), m = o != null ? Ga(o.paneWidth, s) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: v, canChoose: N } = Jt({
+function pn({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: d, defaultPresentation: p, onPresentationChange: i, expandable: c = !0, children: f }) {
+  const o = R(ta), m = o != null ? Ka(o.paneWidth, s) : 0, h = e ?? Y.toArray(f).length > 0, { presentation: g, setPresentation: y, canChoose: N } = mn({
     isOpen: h,
     paneNarrow: o?.paneNarrow ?? !1,
-    presentation: u,
-    defaultPresentation: d,
+    presentation: d,
+    defaultPresentation: p,
     onPresentationChange: i
   }), b = o?.setOpen, _ = o?.setAsPage, x = o?.setPresent;
   if (z(() => {
@@ -1402,77 +1482,77 @@ function Ut({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
   }, [_, g]), 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) return null;
-  const S = c && N ? () => v("page") : void 0;
+  const k = c && N ? () => y("page") : void 0;
   if (g === "page") {
-    const R = c && N && !o.paneNarrow ? () => v("panel") : void 0;
-    return Le(h ? /* @__PURE__ */ y("div", {
+    const T = c && N && !o.paneNarrow ? () => y("panel") : void 0;
+    return ze(h ? /* @__PURE__ */ v("div", {
       "data-basic-page-aside": "page",
       "data-basic-page-aside-expanded": o.paneNarrow ? void 0 : "",
       className: "relative flex min-w-0 flex-1 flex-col",
-      children: [R != null ? /* @__PURE__ */ a("span", {
+      children: [T != null ? /* @__PURE__ */ a("span", {
         className: "absolute top-2 right-2 z-30",
-        children: /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(ma, {
+        children: /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(xa, {
           label: "Show as panel",
-          icon: /* @__PURE__ */ a(xa, {}),
-          onClick: R
+          icon: /* @__PURE__ */ a(Ra, {}),
+          onClick: T
         }) })
       }) : null, f]
     }) : null, o.slot);
   }
-  return t === "inline" ? Le(/* @__PURE__ */ a(Zt, {
+  return t === "inline" ? ze(/* @__PURE__ */ a(fn, {
     width: m,
     paneHeight: o.paneHeight,
     onClose: l,
-    onExpand: S,
+    onExpand: k,
     open: h,
     placeholder: r,
     children: f
-  }), o.slot) : /* @__PURE__ */ a(en, {
+  }), o.slot) : /* @__PURE__ */ a(hn, {
     container: o.slot,
     width: m,
     paneHeight: o.paneHeight,
     onClose: l,
-    onExpand: S,
+    onExpand: k,
     open: h,
     modal: n,
     children: f
   });
 }
-function Jt({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
-  const [s, u] = w(e), [d, i] = w(null);
+function mn({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
+  const [s, d] = w(e), [p, i] = w(null);
   z(() => {
-    e || (u(!1), i(null));
+    e || (d(!1), i(null));
   }, [e]);
   const c = n != null;
   return {
-    presentation: t ? "page" : n ?? d ?? r ?? (s ? "page" : "panel"),
-    setPresentation: Ce((f) => {
+    presentation: t ? "page" : n ?? p ?? r ?? (s ? "page" : "panel"),
+    setPresentation: Se((f) => {
       c || i(f), l?.(f);
     }, [c, l]),
     canChoose: !c || l != null
   };
 }
-function pa() {
-  const [e, t] = w(null), n = V(() => ({ setBack: t }), []), r = E(null);
+function ya() {
+  const [e, t] = w(null), n = V(() => ({ setBack: t }), []), r = C(null);
   return {
     back: e,
     panel: n,
     closeRef: r,
-    leave: Ce(() => {
+    leave: Se(() => {
       const l = r.current?.querySelector("a, button");
       return l == null ? !1 : (l.click(), !0);
     }, [])
   };
 }
-var $e = {
+var Ue = {
   variant: "ghost",
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ a(ka, {})
+  children: /* @__PURE__ */ a(La, {})
 };
-function ma({ label: e, icon: t, onClick: n }) {
-  return /* @__PURE__ */ y(K.Root, { children: [/* @__PURE__ */ a(K.Trigger, { render: /* @__PURE__ */ a(Z, {
+function xa({ label: e, icon: t, onClick: n }) {
+  return /* @__PURE__ */ v(K.Root, { children: [/* @__PURE__ */ a(K.Trigger, { render: /* @__PURE__ */ a(ae, {
     variant: "ghost",
     size: "sm",
     svgOnly: !0,
@@ -1481,52 +1561,52 @@ function ma({ label: e, icon: t, onClick: n }) {
     children: t
   }) }), /* @__PURE__ */ a(K.Portal, { children: /* @__PURE__ */ a(K.Positioner, { children: /* @__PURE__ */ a(K.Popup, { children: e }) }) })] });
 }
-function fa({ back: e, onClose: t, onExpand: n, closeRef: r, panel: l, children: s }) {
-  return /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ y("span", {
+function wa({ back: e, onClose: t, onExpand: n, closeRef: r, panel: l, children: s }) {
+  return /* @__PURE__ */ v(fe, { children: [/* @__PURE__ */ v("span", {
     className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
-    children: [n != null ? /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(ma, {
+    children: [n != null ? /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(xa, {
       label: "Expand",
-      icon: /* @__PURE__ */ a(wa, {}),
+      icon: /* @__PURE__ */ a(ka, {}),
       onClick: n
     }) }) : null, /* @__PURE__ */ a("span", {
       ref: r,
       className: "contents",
-      children: e != null ? /* @__PURE__ */ a(Ne, {
-        ...$e,
+      children: e != null ? /* @__PURE__ */ a(Re, {
+        ...Ue,
         href: e.href,
         onClick: e.onClick
-      }) : t != null ? /* @__PURE__ */ a(Z, {
-        ...$e,
+      }) : t != null ? /* @__PURE__ */ a(ae, {
+        ...Ue,
         onClick: t
       }) : null
     })]
-  }), /* @__PURE__ */ y(J.Root, {
+  }), /* @__PURE__ */ v(ee.Root, {
     className: "min-h-0 min-w-0 flex-1",
-    children: [/* @__PURE__ */ a(J.Viewport, {
+    children: [/* @__PURE__ */ a(ee.Viewport, {
       className: "overflow-x-hidden",
       style: { overflowX: "hidden" },
-      children: /* @__PURE__ */ a(J.Content, {
+      children: /* @__PURE__ */ a(ee.Content, {
         className: "flex min-h-full w-full min-w-0 flex-col",
         style: {
           minWidth: 0,
           width: "100%",
           maxWidth: "100%"
         },
-        children: /* @__PURE__ */ a(Ue.Provider, {
+        children: /* @__PURE__ */ a(na.Provider, {
           value: l,
           children: s
         })
       })
-    }), /* @__PURE__ */ a(J.Scrollbar, { children: /* @__PURE__ */ a(J.Thumb, {}) })]
+    }), /* @__PURE__ */ a(ee.Scrollbar, { children: /* @__PURE__ */ a(ee.Thumb, {}) })]
   })] });
 }
-function Zt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeholder: s, children: u }) {
-  const d = M(), { back: i, panel: c, closeRef: f, leave: o } = pa(), m = d ? "blur(0px)" : `blur(${_e}px)`, h = t ?? "100dvh";
+function fn({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeholder: s, children: d }) {
+  const p = M(), { back: i, panel: c, closeRef: f, leave: o } = ya(), m = p ? "blur(0px)" : `blur(${Te}px)`, h = t ?? "100dvh";
   O(() => {
-    const v = (N) => {
+    const y = (N) => {
       N.key !== "Escape" || N.defaultPrevented || o() && N.preventDefault();
     };
-    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
   }, [o]);
   const g = {
     initial: {
@@ -1541,7 +1621,7 @@ function Zt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
       opacity: 0,
       filter: m
     },
-    transition: d ? { duration: 0 } : oe
+    transition: p ? { duration: 0 } : ce
   };
   return /* @__PURE__ */ a("aside", {
     "data-basic-page-aside": "panel",
@@ -1561,13 +1641,13 @@ function Zt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
         children: l ? /* @__PURE__ */ a(A.div, {
           ...g,
           className: "relative flex min-w-0 flex-col",
-          children: /* @__PURE__ */ a(fa, {
+          children: /* @__PURE__ */ a(wa, {
             back: i,
             onClose: n,
             onExpand: r,
             closeRef: f,
             panel: c,
-            children: u
+            children: d
           })
         }, "page") : /* @__PURE__ */ a(A.div, {
           ...g,
@@ -1578,28 +1658,28 @@ function Zt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
     })
   });
 }
-function en({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, open: s, modal: u, children: d }) {
-  const { back: i, panel: c, closeRef: f, leave: o } = pa(), m = n ?? "100dvh";
-  return /* @__PURE__ */ a(re.Root, {
+function hn({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, open: s, modal: d, children: p }) {
+  const { back: i, panel: c, closeRef: f, leave: o } = ya(), m = n ?? "100dvh";
+  return /* @__PURE__ */ a(ie.Root, {
     open: s,
-    modal: u ? "trap-focus" : !1,
+    modal: d ? "trap-focus" : !1,
     disablePointerDismissal: !0,
     onOpenChange: (h, g) => {
       h || (g.cancel(), o());
     },
-    children: /* @__PURE__ */ y(re.Portal, {
+    children: /* @__PURE__ */ v(ie.Portal, {
       container: e,
       className: "contents",
-      children: [u ? /* @__PURE__ */ a(re.Backdrop, {
+      children: [d ? /* @__PURE__ */ a(ie.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"),
+        className: u("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: o
-      }) : null, /* @__PURE__ */ a(re.Popup, {
+      }) : null, /* @__PURE__ */ a(ie.Popup, {
         "data-basic-page-aside": "panel",
         "data-basic-page-aside-variant": "overlay",
-        initialFocus: u ? void 0 : !1,
-        finalFocus: u ? void 0 : !1,
-        className: p("absolute inset-y-0 right-0 z-30 flex min-w-0 flex-col outline-none", "transition-[translate,opacity] duration-250 ease-out motion-reduce:transition-none", "data-[ending-style]:translate-x-3 data-[ending-style]:opacity-0 data-[ending-style]:duration-200 data-[starting-style]:translate-x-3 data-[starting-style]:opacity-0"),
+        initialFocus: d ? void 0 : !1,
+        finalFocus: d ? void 0 : !1,
+        className: u("absolute inset-y-0 right-0 z-30 flex min-w-0 flex-col outline-none", "transition-[translate,opacity] duration-250 ease-out motion-reduce:transition-none", "data-[ending-style]:translate-x-3 data-[ending-style]:opacity-0 data-[ending-style]:duration-200 data-[starting-style]:translate-x-3 data-[starting-style]:opacity-0"),
         style: {
           width: t,
           minWidth: 0,
@@ -1608,22 +1688,22 @@ function en({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, op
         children: /* @__PURE__ */ a("div", {
           className: "border-pho-secondary bg-pho-primary shadow-pho-xl sticky top-0 flex min-w-0 flex-col overflow-hidden border-l",
           style: { height: m },
-          children: /* @__PURE__ */ a(fa, {
+          children: /* @__PURE__ */ a(wa, {
             back: i,
             onClose: r,
             onExpand: l,
             closeRef: f,
             panel: c,
-            children: d
+            children: p
           })
         })
       })]
     })
   });
 }
-var an = "14rem", tn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", qe = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function nn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: u, ...d }) {
-  const i = k(Ae), c = ue(i?.subscribe ?? pe, () => i?.get().api ?? null, () => null), f = n != null;
+var gn = "14rem", bn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Qe = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function vn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: d, ...p }) {
+  const i = R(ke), c = me(i?.subscribe ?? ge, () => i?.get().api ?? null, () => null), f = n != null;
   O(() => {
     if (!(i == null || f))
       return i.adopt(!0), () => i.adopt(!1);
@@ -1638,21 +1718,21 @@ function nn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     setQuery: c.setQuery,
     placeholder: c.placeholder,
     label: s ?? c.placeholder
-  }, [m, h] = w(!1), g = E(null), v = m || (o?.query ?? "") !== "";
+  }, [m, h] = w(!1), g = C(null), y = m || (o?.query ?? "") !== "";
   if (O(() => {
     if (!m) return;
     let b = 0, _ = 0;
     const x = () => {
-      const S = g.current;
-      S != null && (S.focus(), document.activeElement !== S && _++ < 5 && (b = requestAnimationFrame(x)));
+      const k = g.current;
+      k != null && (k.focus(), document.activeElement !== k && _++ < 5 && (b = requestAnimationFrame(x)));
     };
     return b = requestAnimationFrame(x), () => cancelAnimationFrame(b);
   }, [m]), e === "ghost") return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
-    className: p("flex min-w-0 flex-1", o == null && "hidden", u),
-    ...d,
-    children: o != null && /* @__PURE__ */ a(Ia, {
+    className: u("flex min-w-0 flex-1", o == null && "hidden", d),
+    ...p,
+    children: o != null && /* @__PURE__ */ a(Fa, {
       value: o.query,
       onChange: o.setQuery,
       placeholder: o.placeholder,
@@ -1665,30 +1745,30 @@ function nn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
   const N = t === "auto";
   return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
-    "data-expanded": v || 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", o == null && "hidden", u),
-    ...d,
-    children: o != null && /* @__PURE__ */ y("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", tn, N && "@[36rem]:w-56"),
-      style: v ? { width: an } : void 0,
-      children: [/* @__PURE__ */ a(Z, {
+    "data-expanded": y || void 0,
+    className: u("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", o == null && "hidden", d),
+    ...p,
+    children: o != null && /* @__PURE__ */ v("div", {
+      className: u("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", bn, N && "@[36rem]:w-56"),
+      style: y ? { width: gn } : void 0,
+      children: [/* @__PURE__ */ a(ae, {
         variant: "outlined",
         size: "sm",
         shape: "circle",
         svgOnly: !0,
         "aria-label": o.label,
-        "aria-hidden": v || void 0,
-        tabIndex: v ? -1 : void 0,
+        "aria-hidden": y || void 0,
+        tabIndex: y ? -1 : void 0,
         onClick: () => h(!0),
-        className: p(qe, v ? "pointer-events-none invisible opacity-0" : "visible opacity-100", N && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ a(Oe, {})
+        className: u(Qe, y ? "pointer-events-none invisible opacity-0" : "visible opacity-100", N && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
+        children: /* @__PURE__ */ a(He, {})
       }), /* @__PURE__ */ a("div", {
-        inert: !N && !v,
-        className: p("w-full min-w-0", qe, v ? "visible opacity-100" : "pointer-events-none invisible opacity-0", N && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
-        children: /* @__PURE__ */ y(ge.Root, {
+        inert: !N && !y,
+        className: u("w-full min-w-0", Qe, y ? "visible opacity-100" : "pointer-events-none invisible opacity-0", N && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
+        children: /* @__PURE__ */ v(xe.Root, {
           size: "sm",
           className: "w-full",
-          children: [/* @__PURE__ */ a(ge.Addon, { children: /* @__PURE__ */ a(Oe, {}) }), /* @__PURE__ */ a(ge.Input, {
+          children: [/* @__PURE__ */ a(xe.Addon, { children: /* @__PURE__ */ a(He, {}) }), /* @__PURE__ */ a(xe.Input, {
             ref: g,
             type: "search",
             value: o.query,
@@ -1707,32 +1787,32 @@ function nn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     })
   });
 }
-function rn({ header: e, main: t, side: n, foot: r, enter: l }) {
+function yn({ header: e, main: t, side: n, foot: r, enter: l }) {
   const s = n != null;
   return /* @__PURE__ */ a("div", {
     "data-basic-page-columns": "",
     className: "@container w-full min-w-0",
-    children: /* @__PURE__ */ y("div", {
-      className: p("mx-auto w-full max-w-[42rem]", s && "@min-[73.5rem]:max-w-none"),
-      children: [e, /* @__PURE__ */ y("div", {
-        className: p("grid gap-x-10 gap-y-4", s && "@min-[73.5rem]:grid-cols-[minmax(42rem,1fr)_minmax(29rem,32rem)] @min-[73.5rem]:grid-rows-[auto_minmax(0,1fr)]", s && "[&>[data-basic-page-columns-side]]:mt-6 @min-[73.5rem]:[&>[data-basic-page-columns-side]]:mt-7", r != null && "[&>[data-basic-page-columns-foot]]:mt-6"),
+    children: /* @__PURE__ */ v("div", {
+      className: u("mx-auto w-full max-w-[42rem]", s && "@min-[73.5rem]:max-w-none"),
+      children: [e, /* @__PURE__ */ v("div", {
+        className: u("grid gap-x-10 gap-y-4", s && "@min-[73.5rem]:grid-cols-[minmax(42rem,1fr)_minmax(29rem,32rem)] @min-[73.5rem]:grid-rows-[auto_minmax(0,1fr)]", s && "[&>[data-basic-page-columns-side]]:mt-6 @min-[73.5rem]:[&>[data-basic-page-columns-side]]:mt-7", r != null && "[&>[data-basic-page-columns-foot]]:mt-6"),
         children: [
-          /* @__PURE__ */ a(ie, {
+          /* @__PURE__ */ a(se, {
             enter: l,
             "data-basic-page-columns-main": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-1 @min-[73.5rem]:row-span-2 @min-[73.5rem]:row-start-1"),
+            className: u("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-1 @min-[73.5rem]:row-span-2 @min-[73.5rem]:row-start-1"),
             children: t
           }),
-          s ? /* @__PURE__ */ a(ie, {
+          s ? /* @__PURE__ */ a(se, {
             enter: l,
             "data-basic-page-columns-side": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-1"),
+            className: u("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-1"),
             children: n
           }) : null,
-          r != null ? /* @__PURE__ */ a(ie, {
+          r != null ? /* @__PURE__ */ a(se, {
             enter: l,
             "data-basic-page-columns-foot": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-2 @min-[73.5rem]:self-start"),
+            className: u("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-2 @min-[73.5rem]:self-start"),
             children: r
           }) : null
         ]
@@ -1740,62 +1820,66 @@ function rn({ header: e, main: t, side: n, foot: r, enter: l }) {
     })
   });
 }
-var Dn = {
-  Root: $a,
-  Aside: Ut,
-  Search: nn,
-  Table: Ea,
-  Code: Na,
-  CondenseScope: et,
-  Breadcrumbs: ua,
-  Crumb: da,
-  Back: Qt,
-  Title: st,
-  Stack: ie,
-  Columns: rn,
-  Header: ht,
-  HeaderAction: gt,
-  SectionTitle: bt,
-  Description: sa,
-  TableCount: vt,
-  SectionFooter: yt,
-  Card: xt,
-  Item: wt,
-  ItemPanel: Nt,
-  Callout: At,
-  CalloutTitle: _t,
-  CalloutDescription: Ct,
-  Onboard: Et,
-  Step: It,
-  Row: Ot,
-  RowLink: Yt,
-  Value: Bt,
-  Meta: Be.Root,
-  MetaItem: Be.Item,
-  Alert: Lt,
-  Footer: Wt,
-  Form: Mt,
-  Saved: Dt,
-  Fields: Ft,
-  Inline: zt,
-  Submit: Gt,
-  Reveal: Ie
+var Yn = {
+  Root: Qa,
+  Aside: pn,
+  Search: vn,
+  Table: Oa,
+  Code: Ta,
+  CondenseScope: st,
+  Breadcrumbs: ba,
+  Crumb: va,
+  Back: dn,
+  Title: pt,
+  Stack: se,
+  Columns: yn,
+  Header: wt,
+  HeaderAction: Nt,
+  SectionTitle: At,
+  Description: ua,
+  TableCount: _t,
+  SectionFooter: Et,
+  Card: Ct,
+  Item: Rt,
+  ItemPanel: kt,
+  Callout: Tt,
+  CalloutTitle: St,
+  CalloutDescription: Pt,
+  Onboard: It,
+  Step: Ht,
+  Row: Ft,
+  RowLink: un,
+  Value: zt,
+  Meta: Fe.Root,
+  MetaItem: Fe.Item,
+  Receipt: jt,
+  ReceiptGroup: qt,
+  ReceiptLine: Kt,
+  ReceiptTotal: Xt,
+  Alert: Ut,
+  Footer: tn,
+  Form: Qt,
+  Saved: Yt,
+  Fields: Zt,
+  Inline: en,
+  Submit: an,
+  Reveal: De
 };
 export {
-  Ha as a,
-  Dn as c,
-  at as d,
-  ye as f,
-  Da as i,
-  oe as l,
-  Bn as m,
-  Me as n,
-  Fa as o,
-  Ln as p,
-  Xe as r,
-  Ma as s,
-  Mn as t,
-  tt as u
+  $a as a,
+  Yn as c,
+  lt as d,
+  Ae as f,
+  Va as i,
+  ce as l,
+  Xn as m,
+  Ge as n,
+  ja as o,
+  Un as p,
+  ea as r,
+  Wa as s,
+  Qn as t,
+  ot as u
 };
 
-//# sourceMappingURL=basic-page-DzT8yecB.js.map
+//# sourceMappingURL=basic-page-B5FsORRi.js.map