@photon-ai/pho-ui 4.12.0 → 4.13.0

package/dist/chunks/{basic-page-CJ11ekjH.js → basic-page-6dDfY33L.js}

@@ -1,44 +1,44 @@
 "use client";
 import { t as u } from "./cn-ChIgwEl3.js";
-import { n as tt } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as Ft, FADE_SWAP as Ht, SPRING_ENTRANCE as zt, TRAVEL_LINEAR as Gt, fadeThroughBlur as U } from "../motion.js";
-import { a as ne, o as Te } from "./button-C9VqBBIr.js";
-import { t as $t } from "./error-D5SzZ0ev.js";
-import { f as Wt, p as Vt, t as jt } from "./code-block-CbcE994O.js";
+import { n as Ze } from "./link-provider-DXzDQ08N.js";
+import { FADE_ENTRANCE as Ma, FADE_SWAP as Da, SPRING_ENTRANCE as Fa, TRAVEL_LINEAR as Ha, fadeThroughBlur as Q, revealIn as za } from "../motion.js";
+import { a as ne, o as Re } from "./button-C9VqBBIr.js";
+import { t as Ga } from "./error-D5SzZ0ev.js";
+import { f as $a, p as Wa, t as Va } from "./code-block-CbcE994O.js";
 import { t as oe } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as qt } from "./IconChevronRight-CzoJnYNI.js";
-import { t as Ge } from "./IconSearch-BKAHkLyX.js";
-import { a as Kt, n as Xt, r as Se, t as Ut } from "./data-table-Ce_c6T73.js";
-import { t as at } from "./IconX-pZ9vrtSr.js";
-import { t as Qt } from "./toast-BACxYsv6.js";
-import { t as Ne } from "./input-group-fc9_jD4d.js";
-import { n as Yt, t as Jt } from "./animated-height-zr7BmFY1.js";
-import { n as Pe, t as ae } from "./scroll-area-DSwD9th7.js";
-import { i as nt } from "./checkbox-CwvoEJhd.js";
-import { t as Zt } from "./form-AiHbbw4m.js";
+import { t as ja } from "./IconChevronRight-CzoJnYNI.js";
+import { t as qa } from "./IconSearch-BKAHkLyX.js";
+import { a as Ka, n as Xa, r as Se, t as Qa } from "./data-table-hzZb7Otx.js";
+import { t as ea } from "./IconX-pZ9vrtSr.js";
+import { t as Ua } from "./toast-BACxYsv6.js";
+import { n as Ya, t as Ja } from "./animated-height-zr7BmFY1.js";
+import { n as Te, t as te } from "./scroll-area-DSwD9th7.js";
+import { i as aa } from "./checkbox-CwvoEJhd.js";
+import { t as Za } from "./form-AiHbbw4m.js";
 import { i as Y } from "./menu-BQeprfxB.js";
-import { t as ea } from "./ghost-search-CNVs9k1o.js";
+import { t as et } from "./ghost-search-8PzP73zS.js";
 import { t as X } from "./tooltip-BTF7GChl.js";
-import { t as $e } from "./description-list-8qm83WZB.js";
-import { Children as Q, Fragment as ta, createContext as M, isValidElement as ce, useCallback as Ie, useContext as k, useEffect as L, useId as Oe, useLayoutEffect as H, useMemo as V, useRef as E, useState as A, useSyncExternalStore as he } from "react";
-import { Fragment as Z, jsx as t, jsxs as b } from "react/jsx-runtime";
-import { AnimatePresence as z, motion as N, useIsPresent as rt, useReducedMotion as I } from "motion/react";
+import { t as ze } from "./description-list-8qm83WZB.js";
+import { t as at } from "./box-search-C9EVZgcb.js";
+import { Children as U, Fragment as tt, createContext as B, isValidElement as ce, useCallback as Pe, useContext as k, useEffect as L, useId as Ie, useLayoutEffect as H, useMemo as V, useRef as C, useState as _, useSyncExternalStore as he } from "react";
+import { Fragment as Z, jsx as a, jsxs as b } from "react/jsx-runtime";
+import { AnimatePresence as z, motion as N, useIsPresent as ta, useReducedMotion as I } from "motion/react";
 import { Dialog as se } from "@base-ui/react/dialog";
-import { createPortal as We } from "react-dom";
-var ge = "rounded-base border border-pho-secondary bg-pho-primary [--choice-card-inset:0.75rem]", de = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", it = `${ge} ${de} gap-0`, Ve = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5 [--choice-card-inset:0.75rem]", aa = "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", na = "flex flex-col gap-3 px-5 py-4", ra = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", ia = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = zt, B = Ft, j = 12, st = M(null), lt = M(!1), sa = 768;
-function la(e, a = "default") {
-  return Math.round(a === "wide" ? Math.min(Math.max(e * (2 / 3), 448), 768) : Math.min(Math.max(e * 0.4, 320), 448));
-}
-var ot = M(null), ct = M(null);
-function oa(e) {
-  const [a, n] = A(null), [r, s] = A(!1), [l, c] = A(!1), [p, i] = A(!1), [d, m] = A(() => ({
+import { createPortal as Ge } from "react-dom";
+var ge = "rounded-base border border-pho-secondary bg-pho-primary [--choice-card-inset:0.75rem]", de = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", na = `${ge} ${de} gap-0`, $e = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5 [--choice-card-inset:0.75rem]", nt = "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", rt = "flex flex-col gap-3 px-5 py-4", it = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", st = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = Fa, F = Ma, j = 12, ra = B(null), ia = B(!1), lt = 768;
+function ot(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 sa = B(null), la = B(null);
+function ct(e) {
+  const [t, n] = _(null), [r, s] = _(!1), [l, c] = _(!1), [p, i] = _(!1), [d, m] = _(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
   return H(() => {
     const o = e.current;
     if (!r || o == null) return;
-    const h = Me(o), g = () => {
+    const h = Be(o), g = () => {
       const y = o.offsetWidth, w = h?.clientHeight ?? null;
       m((f) => f.width === y && f.height === w ? f : {
         width: y,
@@ -50,71 +50,71 @@ function oa(e) {
     return v.observe(o), h != null && v.observe(h), () => v.disconnect();
   }, [e, r]), {
     host: V(() => ({
-      slot: a,
-      paneNarrow: d.width < sa,
+      slot: t,
+      paneNarrow: d.width < lt,
       paneWidth: d.width,
       paneHeight: d.height,
       setOpen: c,
       setAsPage: i,
       setPresent: s
-    }), [a, d]),
+    }), [t, d]),
     setSlot: n,
     open: l,
     asPage: p
   };
 }
-function ca(e) {
+function dt(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function je(e, a) {
-  e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
+function We(e, t) {
+  e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
 }
-function da({ condense: e = !0, width: a, prerendered: n = !1, className: r, children: s, ref: l, ...c }) {
-  const p = k(re)?.adopt ?? !1, i = k(ct), d = e === "pinned", [m, o] = A(!1), h = E(0), g = Ie((q) => {
+function ut({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: s, ref: l, ...c }) {
+  const p = k(re)?.adopt ?? !1, i = k(la), d = e === "pinned", [m, o] = _(!1), h = C(0), g = Pe((q) => {
     h.current += q ? 1 : -1, o(h.current > 0);
-  }, []), v = a === "full" && i == null, y = a === "wide" || a == null && m, [w] = A(Kt), f = E(null), _ = V(() => ({
+  }, []), v = t === "full" && i == null, y = t === "wide" || t == null && m, [w] = _(Ka), f = C(null), A = V(() => ({
     ref: f,
     prerendered: n
-  }), [n]), [x, C] = A(null), [T, O] = A(null);
+  }), [n]), [x, E] = _(null), [S, O] = _(null);
   L(() => {
     if (i != null)
-      return i.setBack(T), () => i.setBack(null);
-  }, [i, T]);
-  const { host: D, setSlot: F, open: W, asPage: ie } = oa(f), G = W && ie, ye = V(() => ({
-    setTitle: C,
+      return i.setBack(S), () => i.setBack(null);
+  }, [i, S]);
+  const { host: M, setSlot: D, open: W, asPage: ie } = ct(f), G = W && ie, ye = V(() => ({
+    setTitle: E,
     setTail: O,
     pinned: d
-  }), [d]), S = V(() => ({
-    tail: i == null ? T : null,
+  }), [d]), T = V(() => ({
+    tail: i == null ? S : null,
     silent: G || i != null
   }), [
-    T,
+    S,
     i,
     G
-  ]), R = E(!1), K = E(0);
+  ]), R = C(!1), K = C(0);
   H(() => {
     const q = f.current;
     if (G === R.current || q == null) return;
     R.current = G;
-    const we = Me(q);
-    G ? (K.current = ca(we), je(we, 0)) : je(we, K.current);
+    const we = Be(q);
+    G ? (K.current = dt(we), We(we, 0)) : We(we, K.current);
   }, [G]);
-  const $ = e && !d ? /* @__PURE__ */ t(dt, {
+  const $ = e && !d ? /* @__PURE__ */ a(oa, {
     title: x,
-    tail: i == null ? T : null,
+    tail: i == null ? S : null,
     silent: G || i != null
-  }) : null, xe = /* @__PURE__ */ t("div", {
+  }) : null, xe = /* @__PURE__ */ a("div", {
     "data-basic-page-column": "",
     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 && (v ? "px-0 pb-0" : y ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]"), d ? "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__ */ t(Be.Provider, {
+    children: e ? /* @__PURE__ */ a(Le.Provider, {
       value: ye,
-      children: /* @__PURE__ */ t(mt.Provider, {
-        value: S,
+      children: /* @__PURE__ */ a(ua.Provider, {
+        value: T,
         children: s
       })
     }) : s
   });
-  return /* @__PURE__ */ t("div", {
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-root": "",
     "data-basic-page-width": v ? "full" : y ? "wide" : void 0,
     "data-basic-page-prerendered": n ? "" : void 0,
@@ -124,11 +124,11 @@ function da({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
     ref: (q) => {
       f.current = q, typeof l == "function" ? l(q) : l != null && (l.current = q);
     },
-    children: /* @__PURE__ */ t(st.Provider, {
-      value: _,
-      children: /* @__PURE__ */ t(ot.Provider, {
-        value: D,
-        children: /* @__PURE__ */ t(Xt.Provider, {
+    children: /* @__PURE__ */ a(ra.Provider, {
+      value: A,
+      children: /* @__PURE__ */ a(sa.Provider, {
+        value: M,
+        children: /* @__PURE__ */ a(Xa.Provider, {
           value: g,
           children: /* @__PURE__ */ b(Se.Provider, {
             value: w,
@@ -136,8 +136,8 @@ function da({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
               "data-basic-page-main": "",
               className: u("flex min-w-0 flex-1 flex-col", G && "hidden"),
               children: [$, xe]
-            }), /* @__PURE__ */ t("div", {
-              ref: F,
+            }), /* @__PURE__ */ a("div", {
+              ref: D,
               className: "contents"
             })]
           })
@@ -146,13 +146,13 @@ function da({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
     })
   });
 }
-var Ae = /* @__PURE__ */ new Set();
-function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s }) {
-  const l = I(), [c, p] = A(() => r || !n && Ae.size > 0), i = k(re), d = Oe();
+var Ne = /* @__PURE__ */ new Set();
+function oa({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: s }) {
+  const l = I(), [c, p] = _(() => r || !n && Ne.size > 0), i = k(re), d = Ie();
   H(() => {
     if (!(!c || n))
-      return Ae.add(d), () => {
-        Ae.delete(d);
+      return Ne.add(d), () => {
+        Ne.delete(d);
       };
   }, [
     d,
@@ -167,7 +167,7 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
       i.store.set(d, {
         condensed: c,
         title: e?.label ?? null,
-        back: a
+        back: t
       });
     }
   }, [
@@ -175,7 +175,7 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
     d,
     c,
     e,
-    a,
+    t,
     n
   ]), L(() => {
     if (i != null)
@@ -189,14 +189,14 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
       const v = requestAnimationFrame(() => p(!1));
       return () => cancelAnimationFrame(v);
     }
-    const g = new IntersectionObserver(([v]) => p(v != null && !v.isIntersecting), { root: Me(m) });
+    const g = new IntersectionObserver(([v]) => p(v != null && !v.isIntersecting), { root: Be(m) });
     return g.observe(m), () => g.disconnect();
   }, [m, r]);
-  const o = l ? 0 : -Na, h = l ? "blur(0px)" : `blur(${Pe}px)`;
-  return /* @__PURE__ */ t("div", {
+  const o = l ? 0 : -_t, h = l ? "blur(0px)" : `blur(${Te}px)`;
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-condense": "",
     className: u("sticky top-0 z-20 h-0 overflow-visible", s),
-    children: /* @__PURE__ */ t(z, {
+    children: /* @__PURE__ */ a(z, {
       initial: !1,
       children: c && !(i?.adopt ?? !1) && /* @__PURE__ */ b(N.div, {
         initial: { opacity: 0 },
@@ -204,21 +204,21 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
         exit: { opacity: 0 },
         transition: ue,
         className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
-        children: [/* @__PURE__ */ t("div", {
+        children: [/* @__PURE__ */ a("div", {
           className: "flex min-w-0 items-center justify-start",
-          children: a != null && /* @__PURE__ */ t(Te, {
+          children: t != null && /* @__PURE__ */ a(Re, {
             variant: "ghost",
             size: "sm",
-            href: a.href,
-            onClick: a.onClick,
-            prefix: /* @__PURE__ */ t("span", {
+            href: t.href,
+            onClick: t.onClick,
+            prefix: /* @__PURE__ */ a("span", {
               className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-              children: /* @__PURE__ */ t(oe, {})
+              children: /* @__PURE__ */ a(oe, {})
             }),
             className: "min-w-max",
-            children: a.label
+            children: t.label
           })
-        }), /* @__PURE__ */ t(N.span, {
+        }), /* @__PURE__ */ a(N.span, {
           initial: {
             opacity: 0,
             y: o,
@@ -236,7 +236,7 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
           },
           transition: {
             ...ue,
-            y: wa
+            y: Nt
           },
           className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
           children: e?.label
@@ -245,62 +245,62 @@ function dt({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: s })
     })
   });
 }
-function ua(e) {
+function pt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function pa(e) {
+function mt(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return ua(String(e)) || void 0;
+    return pt(String(e)) || void 0;
 }
-function Le(e, a) {
+function Oe(e, t) {
   if (e !== "")
-    return e ?? pa(a);
+    return e ?? mt(t);
 }
-var ma = (e) => `basic-page-morph-${e}`, fa = { layout: P }, qe = 10, Ke = {
+var ft = (e) => `basic-page-morph-${e}`, ht = { layout: P }, Ve = 10, je = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, ha = {
+}, gt = {
   duration: 0.18,
   ease: "easeOut"
-}, ga = -8, ba = {
+}, bt = -8, vt = {
   duration: 0.16,
   ease: "easeOut"
-}, va = {
+}, yt = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
-}, ut = {
+}, ca = {
   duration: 0.12,
   ease: "easeOut"
 }, J = [];
-function ya(e) {
-  const a = E({ labels: e });
-  a.current.labels = e, H(() => {
-    const n = a.current;
+function xt(e) {
+  const t = C({ labels: e });
+  t.current.labels = e, H(() => {
+    const n = t.current;
     return J.push(n), () => {
       J.splice(J.indexOf(n), 1);
     };
   }, []);
 }
-function pt() {
-  const [e] = A(() => {
-    const a = J[J.length - 1];
-    return a ? { labels: [...a.labels] } : null;
+function da() {
+  const [e] = _(() => {
+    const t = J[J.length - 1];
+    return t ? { labels: [...t.labels] } : null;
   });
   return e;
 }
-var Be = M(null), mt = M({
+var Le = B(null), ua = B({
   tail: null,
   silent: !1
 }), Ce = {
   condensed: !1,
   title: null,
   back: null
-}, re = M(null), be = () => () => {
-}, Xe = () => Ce;
-function xa({ adopt: e = !0, children: a }) {
-  const [n] = A(() => {
+}, re = B(null), be = () => () => {
+}, qe = () => Ce;
+function wt({ adopt: e = !0, children: t }) {
+  const [n] = _(() => {
     let s = Ce, l = null;
     const c = /* @__PURE__ */ new Set(), p = () => {
       for (const i of c) i();
@@ -321,35 +321,35 @@ function xa({ adopt: e = !0, children: a }) {
     store: n,
     adopt: e
   }), [n, e]);
-  return /* @__PURE__ */ t(re.Provider, {
+  return /* @__PURE__ */ a(re.Provider, {
     value: r,
-    children: a
+    children: t
   });
 }
-function fr() {
+function hr() {
   const e = k(re);
-  return he(e?.store.subscribe ?? be, e?.store.get ?? Xe, e?.store.get ?? Xe);
+  return he(e?.store.subscribe ?? be, e?.store.get ?? qe, e?.store.get ?? qe);
 }
-var ue = Ht, wa = Gt, Na = -8;
-function Me(e) {
+var ue = Da, Nt = Ha, _t = -8;
+function Be(e) {
   if (typeof getComputedStyle != "function") return null;
-  for (let a = e.parentElement; a != null && a !== document.body; a = a.parentElement) {
-    const { overflowY: n } = getComputedStyle(a);
-    if (n === "auto" || n === "scroll") return a;
+  for (let t = e.parentElement; t != null && t !== document.body; t = t.parentElement) {
+    const { overflowY: n } = getComputedStyle(t);
+    if (n === "auto" || n === "scroll") return t;
   }
   return null;
 }
-var _e = /* @__PURE__ */ new Map(), Aa = 96;
-function _a(e) {
-  const a = e.closest("[data-basic-page-root]"), n = a?.querySelector("[data-basic-page-column]");
-  return !a || !n ? 0 : n.getBoundingClientRect().left - a.getBoundingClientRect().left;
+var _e = /* @__PURE__ */ new Map(), At = 96;
+function Ct(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 ft(e) {
-  const [a] = A(() => {
+function pa(e) {
+  const [t] = _(() => {
     if (e == null) return !1;
     const r = _e.get(e);
-    return r != null && r.visible && r.el.isConnected && _a(r.el) <= Aa;
-  }), n = E(null);
+    return r != null && r.visible && r.el.isConnected && Ct(r.el) <= At;
+  }), n = C(null);
   return L(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
     const r = n.current;
@@ -364,15 +364,15 @@ function ft(e) {
       s.disconnect(), _e.delete(e);
     };
   }, [e]), {
-    fly: a,
+    fly: t,
     ref: n
   };
 }
-var Ea = {
+var Et = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
-    transition: { opacity: B }
+    transition: { opacity: F }
   },
   rise: {
     initial: {
@@ -385,23 +385,23 @@ var Ea = {
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     }
   },
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: va }
+    transition: { x: yt }
   }
 };
-function ht({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: c }) {
-  const [p, i] = A(!1), d = !n && s != null ? Ea[s] : null;
+function ma({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: s, className: l, children: c }) {
+  const [p, i] = _(!1), d = !n && s != null ? Et[s] : null;
   return /* @__PURE__ */ b(N.span, {
     ref: r,
-    layoutId: ma(e),
+    layoutId: ft(e),
     initial: d?.initial,
     animate: d?.animate,
-    transition: n ? fa : {
+    transition: n ? ht : {
       layout: { duration: 0 },
       ...d?.transition
     },
@@ -410,53 +410,53 @@ function ht({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, cla
     },
     onLayoutAnimationComplete: () => i(!1),
     className: u("relative inline-block", l),
-    children: [c, p && /* @__PURE__ */ t(N.span, {
+    children: [c, p && /* @__PURE__ */ a(N.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: ha,
+      transition: gt,
       onAnimationComplete: () => i(!1),
-      className: u("absolute inset-0", a),
+      className: u("absolute inset-0", t),
       children: c
     })]
   });
 }
-var Ue = "max-w-full min-w-0 truncate align-top", Qe = "flex shrink-0 items-center", gt = M(!1);
-function Ye(e) {
-  return typeof e == "string" || typeof e == "number" ? e : /* @__PURE__ */ t(gt.Provider, {
+var Ke = "max-w-full min-w-0 truncate align-top", Xe = "flex shrink-0 items-center", fa = B(!1);
+function Qe(e) {
+  return typeof e == "string" || typeof e == "number" ? e : /* @__PURE__ */ a(fa.Provider, {
     value: !0,
     children: e
   });
 }
-function Ca({ inBar: e = !0, children: a }) {
-  return k(gt) && !e ? null : /* @__PURE__ */ t(Z, { children: a });
+function kt({ inBar: e = !0, children: t }) {
+  return k(fa) && !e ? null : /* @__PURE__ */ a(Z, { children: t });
 }
-function ka({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...c }) {
-  const p = Le(e, l), i = I(), d = ve(n === !0), m = ft(a), o = pt(), h = !i && (a != null || d === !0), g = d || o != null ? "rise" : void 0, v = k(Be), y = v?.pinned ?? !1, w = k(re)?.adopt ?? !1, f = k(mt), _ = E(null);
+function Rt({ id: e, morphId: t, enter: n, trailing: r, className: s, children: l, ...c }) {
+  const p = Oe(e, l), i = I(), d = ve(n === !0), m = pa(t), o = da(), h = !i && (t != null || d === !0), g = d || o != null ? "rise" : void 0, v = k(Le), y = v?.pinned ?? !1, w = k(re)?.adopt ?? !1, f = k(ua), A = C(null);
   H(() => {
     if (!(v == null || y))
       return v.setTitle({
-        label: Ye(l),
-        el: _.current
+        label: Qe(l),
+        el: A.current
       }), () => v.setTitle(null);
   }, [
     v,
     y,
     l
   ]);
-  const [x, C] = A(m.fly && o != null);
+  const [x, E] = _(m.fly && o != null);
   H(() => {
-    J.length > 0 && C(!1);
+    J.length > 0 && E(!1);
   }, []);
-  const T = r != null && r !== !1, O = !i && (a != null ? m.fly || g != null : d === !0), D = a != null && !i ? /* @__PURE__ */ t(ht, {
-    morphId: a,
+  const S = r != null && r !== !1, O = !i && (t != null ? m.fly || g != null : d === !0), M = t != null && !i ? /* @__PURE__ */ a(ma, {
+    morphId: t,
     fromClassName: "text-pho-secondary",
     fly: m.fly,
     morphRef: m.ref,
     arrival: g,
-    className: Ue,
+    className: Ke,
     children: l
-  }) : d && !i ? /* @__PURE__ */ t(N.span, {
+  }) : d && !i ? /* @__PURE__ */ a(N.span, {
     initial: {
       opacity: 0,
       y: j
@@ -467,18 +467,18 @@ function ka({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     },
-    className: u("inline-block", Ue),
+    className: u("inline-block", Ke),
     children: l
-  }) : T ? /* @__PURE__ */ t("span", {
+  }) : S ? /* @__PURE__ */ a("span", {
     className: "min-w-0 truncate",
     children: l
   }) : l;
-  return /* @__PURE__ */ b(Z, { children: [y && v != null && /* @__PURE__ */ t(dt, {
+  return /* @__PURE__ */ b(Z, { children: [y && v != null && /* @__PURE__ */ a(oa, {
     title: {
-      label: Ye(l),
-      el: _.current
+      label: Qe(l),
+      el: A.current
     },
     tail: f.tail,
     silent: f.silent,
@@ -487,16 +487,16 @@ function ka({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
   }), /* @__PURE__ */ b("h1", {
     id: p,
     "data-basic-page-title": "",
-    className: u("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", h ? "whitespace-nowrap" : "truncate", y && "sr-only", s),
+    className: u("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", !y && "min-h-[1lh]", h ? "whitespace-nowrap" : "truncate", y && "sr-only", s),
     ...c,
-    ref: (F) => {
-      _.current = F;
+    ref: (D) => {
+      A.current = D;
       const W = c.ref;
-      typeof W == "function" ? W(F) : W != null && (W.current = F);
+      typeof W == "function" ? W(D) : W != null && (W.current = D);
     },
-    children: [T ? /* @__PURE__ */ b("span", {
-      className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [D, O ? /* @__PURE__ */ t(N.span, {
+    children: [S ? /* @__PURE__ */ b("span", {
+      className: "flex min-h-[1lh] max-w-full min-w-0 items-center gap-2",
+      children: [M, O ? /* @__PURE__ */ a(N.span, {
         "data-basic-page-title-trailing": "",
         initial: {
           opacity: 0,
@@ -508,47 +508,47 @@ function ka({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
         },
         transition: {
           y: P,
-          opacity: B
+          opacity: F
         },
-        className: Qe,
+        className: Xe,
         children: r
-      }) : /* @__PURE__ */ t("span", {
+      }) : /* @__PURE__ */ a("span", {
         "data-basic-page-title-trailing": "",
-        className: Qe,
+        className: Xe,
         children: r
       })]
-    }) : D, x && /* @__PURE__ */ t(N.span, {
+    }) : M, x && /* @__PURE__ */ a(N.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: ut,
-      onAnimationComplete: () => C(!1),
+      transition: ca,
+      onAnimationComplete: () => E(!1),
       className: u("text-pho-secondary pointer-events-none absolute inline-flex items-center", En),
-      children: /* @__PURE__ */ t(oe, {})
+      children: /* @__PURE__ */ a(oe, {})
     })]
   })] });
 }
-var De = M(!1);
-function Ra() {
-  const e = k(De), a = I(), [n] = A(() => e && !a);
+var Me = B(!1);
+function St() {
+  const e = k(Me), t = I(), [n] = _(() => e && !t);
   return n;
 }
-var Ta = {
+var Tt = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, Sa = {
+}, Pt = {
   y: P,
-  opacity: B,
+  opacity: F,
   height: P,
   paddingTop: P,
   paddingBottom: P,
   borderTopWidth: P
 };
 function ee() {
-  const e = Ra(), a = rt(), n = I();
+  const e = St(), t = ta(), n = I();
   return {
     initial: e ? {
       opacity: 0,
@@ -558,52 +558,52 @@ function ee() {
       opacity: 1,
       y: 0
     },
-    exit: Ta,
-    transition: n ? { duration: 0 } : Sa,
-    leaving: !a
+    exit: Tt,
+    transition: n ? { duration: 0 } : Pt,
+    leaving: !t
   };
 }
-var Pa = typeof process < "u" && process.env.NODE_ENV !== "production";
-function bt(e, a, n, r) {
+var It = typeof process < "u" && process.env.NODE_ENV !== "production";
+function ha(e, t, n, r) {
   L(() => {
-    if (!Pa || e.current == null || typeof getComputedStyle != "function") return;
+    if (!It || e.current == null || typeof getComputedStyle != "function") return;
     const s = (c) => {
       const p = getComputedStyle(c).rowGap;
       return p === "" || p === "normal" ? null : parseFloat(p);
     }, l = s(e.current);
-    l != null && l !== n && console.warn(`[BasicPage.${a}] spaced at ${l}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);
+    l != null && l !== n && console.warn(`[BasicPage.${t}] spaced at ${l}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 c of Array.from(e.current.children)) {
       const p = r(c);
       if (p == null || getComputedStyle(c).display === "contents") continue;
       const i = s(c);
-      i != null && i !== p && console.warn(`[BasicPage.${a}] 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.`, c);
+      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.`, c);
     }
   });
 }
-function Ia(e) {
-  return Array.from(e.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((a) => a.closest('[aria-busy="true"]') != null);
+function Ot(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 Oa = () => !1, La = () => !0;
-function Ba() {
-  return he(be, Oa, La);
+var Lt = () => !1, Bt = () => !0;
+function Mt() {
+  return he(be, Lt, Bt);
 }
-function ve(e, a = !1) {
-  const n = k(st), r = k(lt), s = Ba(), [l] = A(() => {
+function ve(e, t = !1) {
+  const n = k(ra), r = k(ia), s = Mt(), [l] = _(() => {
     if (s || !e || n?.prerendered || r) return !1;
-    if (a) return !0;
+    if (t) return !0;
     if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
     const c = n ? n.ref.current : document;
-    return c == null || !Ia(c);
+    return c == null || !Ot(c);
   });
   return l;
 }
-function le({ enter: e, className: a, children: n, ref: r, ...s }) {
-  const l = I(), c = E(null);
-  bt(c, "Stack", 40, (h) => h.hasAttribute("data-basic-page-fields") ? 20 : h.hasAttribute("data-basic-page-card") || h.hasAttribute("data-basic-page-onboard") || h.hasAttribute("data-basic-page-receipt") || h.hasAttribute("data-basic-page-header") || h.hasAttribute("data-basic-page-columns") || h.hasAttribute("data-data-table") || h.hasAttribute("data-code-block") ? null : 12);
-  const p = ve(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", m = E(d), o = m.current && !d;
+function le({ enter: e, className: t, children: n, ref: r, ...s }) {
+  const l = I(), c = C(null);
+  ha(c, "Stack", 40, (h) => h.hasAttribute("data-basic-page-fields") ? 20 : h.hasAttribute("data-basic-page-card") || h.hasAttribute("data-basic-page-onboard") || h.hasAttribute("data-basic-page-receipt") || h.hasAttribute("data-basic-page-header") || h.hasAttribute("data-basic-page-columns") || h.hasAttribute("data-data-table") || h.hasAttribute("data-code-block") ? null : 12);
+  const p = ve(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", m = C(d), o = m.current && !d;
   return L(() => {
     m.current = d;
-  }), /* @__PURE__ */ t(N.div, {
+  }), /* @__PURE__ */ a(N.div, {
     ref: (h) => {
       c.current = h, typeof r == "function" ? r(h) : r != null && (r.current = h);
     },
@@ -618,20 +618,20 @@ function le({ enter: e, className: a, children: n, ref: r, ...s }) {
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     },
-    className: u("mt-7 flex min-w-0 flex-col gap-10 [--choice-card-inset:1.25rem]", "[&: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", a),
+    className: u("mt-7 flex min-w-0 flex-col gap-10 [--choice-card-inset:1.25rem]", "[&: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", "[&:has(>*:first-child>[data-basic-page-form-body]>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child>[data-basic-page-form-body]>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),
     ...s,
-    children: /* @__PURE__ */ t(De.Provider, {
+    children: /* @__PURE__ */ a(Me.Provider, {
       value: o,
       children: n
     })
   });
 }
-var Je = "@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 Ma({ enter: e, className: a, ...n }) {
+var Ue = "@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 [[data-basic-page-stack]>*>[data-basic-page-form-body]>&]:mb-0";
+function Dt({ enter: e, className: t, ...n }) {
   const r = I();
-  return ve(e === !0) && !r ? /* @__PURE__ */ t(N.div, {
+  return ve(e === !0) && !r ? /* @__PURE__ */ a(N.div, {
     initial: {
       opacity: 0,
       y: j
@@ -642,134 +642,134 @@ function Ma({ enter: e, className: a, ...n }) {
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     },
-    className: u(Je, a),
+    className: u(Ue, t),
     ...n,
     "data-basic-page-header": ""
-  }) : /* @__PURE__ */ t("div", {
-    className: u(Je, a),
+  }) : /* @__PURE__ */ a("div", {
+    className: u(Ue, t),
     ...n,
     "data-basic-page-header": ""
   });
 }
-function Da({ className: e, ...a }) {
-  return /* @__PURE__ */ t("div", {
+function Ft({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-header-action": "",
     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-center [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
-    ...a
+    ...t
   });
 }
-function Fa({ id: e, className: a, children: n, ...r }) {
-  const s = Le(e, n);
-  return /* @__PURE__ */ t("h2", {
+function Ht({ id: e, className: t, children: n, ...r }) {
+  const s = Oe(e, n);
+  return /* @__PURE__ */ a("h2", {
     id: s,
-    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", a),
+    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 [[data-basic-page-stack]>*>[data-basic-page-form-body]>&]:mb-0", t),
     ...r,
     children: n
   });
 }
-function vt({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
+function ga({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
     className: u("text-display-xs text-pho-description px-5 font-normal", e),
-    ...a
+    ...t
   });
 }
-function Ha({ one: e, other: a, ...n }) {
+function zt({ one: e, other: t, ...n }) {
   const r = k(Se), s = he(r?.subscribe ?? be, () => r?.get().api ?? null, () => null);
   if (s == null) return null;
-  const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : a}.`;
-  return /* @__PURE__ */ t(vt, {
+  const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : t}.`;
+  return /* @__PURE__ */ a(ga, {
     ...n,
     children: l
   });
 }
-function za({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
-    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),
-    ...a
+function Gt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
+    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 [[data-basic-page-stack]>*>[data-basic-page-form-body]>&]:mt-0", e),
+    ...t
   });
 }
-function Ga({ animateHeight: e, className: a, children: n, ...r }) {
-  const s = /* @__PURE__ */ t(z, { children: Q.toArray(n) });
-  return e ? /* @__PURE__ */ t("div", {
-    className: u(ge, "min-h-0 gap-0", a),
+function $t({ animateHeight: e, className: t, children: n, ...r }) {
+  const s = /* @__PURE__ */ a(z, { children: U.toArray(n) });
+  return e ? /* @__PURE__ */ a("div", {
+    className: u(ge, "min-h-0 gap-0", t),
     ...r,
     "data-basic-page-card": "",
-    children: /* @__PURE__ */ t(Jt, {
+    children: /* @__PURE__ */ a(Ja, {
       transition: P,
       className: de,
       children: s
     })
-  }) : /* @__PURE__ */ t("div", {
-    className: u(it, a),
+  }) : /* @__PURE__ */ a("div", {
+    className: u(na, t),
     ...r,
     "data-basic-page-card": "",
     children: s
   });
 }
-function $a({ className: e, ...a }) {
+function Wt({ className: e, ...t }) {
   const { leaving: n, ...r } = ee();
-  return /* @__PURE__ */ t(N.div, {
+  return /* @__PURE__ */ a(N.div, {
     ...r,
-    className: u(na, n && "overflow-hidden", e),
-    ...a
+    className: u(rt, n && "overflow-hidden", e),
+    ...t
   });
 }
-function Wa({ divided: e = !1, className: a, ...n }) {
-  return /* @__PURE__ */ t("div", {
-    className: u(e ? ia : ra, a),
+function Vt({ divided: e = !1, className: t, ...n }) {
+  return /* @__PURE__ */ a("div", {
+    className: u(e ? st : it, t),
     ...n
   });
 }
-function Va({ className: e, icon: a, children: n, ...r }) {
-  if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
-    className: u(Ve, e),
+function jt({ className: e, icon: t, children: n, ...r }) {
+  if (t == null || t === !1 || t === !0) return /* @__PURE__ */ a("div", {
+    className: u($e, e),
     ...r,
     "data-basic-page-callout": "",
     children: n
   });
-  const [s, ...l] = Q.toArray(n);
+  const [s, ...l] = U.toArray(n);
   return /* @__PURE__ */ b("div", {
-    className: u(Ve, e),
+    className: u($e, e),
     ...r,
     "data-basic-page-callout": "",
     children: [/* @__PURE__ */ b("div", {
       className: "relative",
-      children: [/* @__PURE__ */ t("div", {
+      children: [/* @__PURE__ */ a("div", {
         className: "min-w-0 pr-16",
         children: s
-      }), /* @__PURE__ */ t("div", {
+      }), /* @__PURE__ */ a("div", {
         "aria-hidden": !0,
         className: "text-pho-primary pointer-events-none absolute top-0 right-0 size-14 opacity-[0.275] [&>svg]:size-full",
-        children: a
+        children: t
       })]
     }), l]
   });
 }
-function ja({ id: e, className: a, children: n, ...r }) {
-  const s = Le(e, n);
-  return /* @__PURE__ */ t("h2", {
+function qt({ id: e, className: t, children: n, ...r }) {
+  const s = Oe(e, n);
+  return /* @__PURE__ */ a("h2", {
     id: s,
-    className: u("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
+    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 qa({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
+function Kt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
     className: u("text-display-xs text-pho-description font-normal", e),
-    ...a
+    ...t
   });
 }
-var Fe = M(null), yt = M(!1);
-function xt(e) {
+var De = B(null), ba = B(!1);
+function va(e) {
   return e === "current" || e === "working" || e === "pending";
 }
-function Ka(e) {
-  let a = -1;
+function Xt(e) {
+  let t = -1;
   return {
-    steps: Q.toArray(e).map((n, r) => {
+    steps: U.toArray(e).map((n, r) => {
       if (!ce(n)) return {
         node: n,
         key: r,
@@ -778,7 +778,7 @@ function Ka(e) {
         page: null
       };
       let s;
-      return n.props.done ? s = "done" : a !== -1 ? s = "upcoming" : (a = r, s = n.props.working ? "working" : n.props.pending ? "pending" : "current"), {
+      return n.props.done ? s = "done" : t !== -1 ? s = "upcoming" : (t = r, s = n.props.working ? "working" : n.props.pending ? "pending" : "current"), {
         node: n,
         key: n.key ?? r,
         index: r,
@@ -786,21 +786,21 @@ function Ka(e) {
         page: n.props.children
       };
     }),
-    atHand: a
+    atHand: t
   };
 }
-function Xa({ paged: e, className: a, children: n, ...r }) {
-  const { steps: s, atHand: l } = Ka(n);
-  return e ? /* @__PURE__ */ t(Ya, {
+function Qt({ paged: e, className: t, children: n, ...r }) {
+  const { steps: s, atHand: l } = Xt(n);
+  return e ? /* @__PURE__ */ a(Jt, {
     steps: s,
     atHand: l,
-    className: a,
+    className: t,
     ...r
-  }) : /* @__PURE__ */ t("ol", {
-    className: u(it, "m-0 list-none p-0", a),
+  }) : /* @__PURE__ */ a("ol", {
+    className: u(na, "m-0 list-none p-0", t),
     ...r,
     "data-basic-page-onboard": "",
-    children: s.map((c) => c.state == null ? c.node : /* @__PURE__ */ t(Fe.Provider, {
+    children: s.map((c) => c.state == null ? c.node : /* @__PURE__ */ a(De.Provider, {
       value: {
         number: c.index + 1,
         state: c.state
@@ -809,8 +809,8 @@ function Xa({ paged: e, className: a, children: n, ...r }) {
     }, c.key))
   });
 }
-function Ua(e) {
-  const a = U(e);
+function Ut(e) {
+  const t = Q(e);
   return {
     enter: (n) => ({
       opacity: 0,
@@ -823,44 +823,44 @@ function Ua(e) {
       filter: "blur(0px)",
       transition: e ? { duration: 0 } : {
         x: P,
-        opacity: B
+        opacity: F
       }
     },
     leave: {
-      ...a.exit,
-      transition: a.transition
+      ...t.exit,
+      transition: t.transition
     }
   };
 }
-function Qa(e) {
-  const a = rt();
-  return /* @__PURE__ */ t(N.section, {
+function Yt(e) {
+  const t = ta();
+  return /* @__PURE__ */ a(N.section, {
     ...e,
-    inert: !a,
+    inert: !t,
     "data-basic-page-onboard-page": ""
   });
 }
-function Ya({ steps: e, atHand: a, className: n, ref: r, ...s }) {
-  const l = I(), c = ve(!0), p = Oe(), i = E(null), d = E(null), m = E(null), [o, h] = A({
-    from: a,
+function Jt({ steps: e, atHand: t, className: n, ref: r, ...s }) {
+  const l = I(), c = ve(!0), p = Ie(), i = C(null), d = C(null), m = C(null), [o, h] = _({
+    from: t,
     direction: 1
   });
   let g = o.direction;
-  o.from !== a && (g = a > o.from ? 1 : -1, h({
-    from: a,
+  o.from !== t && (g = t > o.from ? 1 : -1, h({
+    from: t,
     direction: g
   }));
-  const v = E(a);
+  const v = C(t);
   H(() => {
-    if (v.current === a) return;
-    v.current = a;
-    const f = i.current, _ = d.current, x = m.current;
-    if (a === -1 || f == null || _ == null || x == null) return;
-    typeof _.scrollIntoView == "function" && _.scrollIntoView({ block: "nearest" });
-    const C = document.activeElement;
-    !x.contains(C) && (C == null || C === document.body || f.contains(C)) && x.focus({ preventScroll: !0 });
-  }, [a]);
-  const y = e.filter((f) => f.state != null).at(-1)?.index, w = a === -1 ? null : e[a];
+    if (v.current === t) return;
+    v.current = t;
+    const f = i.current, A = d.current, x = m.current;
+    if (t === -1 || f == null || A == null || x == null) return;
+    typeof A.scrollIntoView == "function" && A.scrollIntoView({ block: "nearest" });
+    const E = document.activeElement;
+    !x.contains(E) && (E == null || E === document.body || f.contains(E)) && x.focus({ preventScroll: !0 });
+  }, [t]);
+  const y = e.filter((f) => f.state != null).at(-1)?.index, w = t === -1 ? null : e[t];
   return /* @__PURE__ */ b(N.div, {
     ref: i,
     "data-basic-page-onboard": "paged",
@@ -874,17 +874,17 @@ function Ya({ steps: e, atHand: a, className: n, ref: r, ...s }) {
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     },
     className: "relative mt-7 flex min-w-0 flex-col [[data-basic-page-stack]>&]:mt-0",
-    children: [/* @__PURE__ */ t("ol", {
+    children: [/* @__PURE__ */ a("ol", {
       ref: (f) => {
         d.current = f, typeof r == "function" ? r(f) : r != null && (r.current = f);
       },
       className: u("m-0 flex min-w-0 scroll-mt-12 list-none items-center gap-3 p-0 px-5", n),
       ...s,
       "data-basic-page-onboard-row": "",
-      children: e.map((f) => f.state == null ? f.node : /* @__PURE__ */ t(Fe.Provider, {
+      children: e.map((f) => f.state == null ? f.node : /* @__PURE__ */ a(De.Provider, {
         value: {
           number: f.index + 1,
           state: f.state,
@@ -895,22 +895,22 @@ function Ya({ steps: e, atHand: a, className: n, ref: r, ...s }) {
         },
         children: f.node
       }, f.key))
-    }), /* @__PURE__ */ t(z, {
+    }), /* @__PURE__ */ a(z, {
       initial: !1,
       mode: "popLayout",
-      children: w != null ? /* @__PURE__ */ t(Qa, {
+      children: w != null ? /* @__PURE__ */ a(Yt, {
         ref: (f) => {
           f != null && (m.current = f);
         },
         custom: g,
-        variants: Ua(l),
+        variants: Ut(l),
         initial: "enter",
         animate: "rest",
         exit: "leave",
         "aria-labelledby": `${p}-${w.index}`,
         tabIndex: -1,
         className: "min-w-0 outline-none",
-        children: /* @__PURE__ */ t(lt.Provider, {
+        children: /* @__PURE__ */ a(ia.Provider, {
           value: !0,
           children: w.page
         })
@@ -918,78 +918,78 @@ function Ya({ steps: e, atHand: a, className: n, ref: r, ...s }) {
     })]
   });
 }
-var wt = "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]", Nt = {
+var ya = "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]", xa = {
   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"
-}, At = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", _t = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Et = {
+}, wa = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Na = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", _a = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function Ct({ state: e, number: a, glyph: n, className: r }) {
+function Aa({ state: e, number: t, glyph: n, className: r }) {
   const s = I();
   return /* @__PURE__ */ b("span", {
     "aria-hidden": !0,
-    className: u(wt, Nt[e], r),
-    children: [/* @__PURE__ */ t(z, {
+    className: u(ya, xa[e], r),
+    children: [/* @__PURE__ */ a(z, {
       initial: !1,
-      children: e === "done" ? /* @__PURE__ */ t(N.span, {
-        ...U(s),
+      children: e === "done" ? /* @__PURE__ */ a(N.span, {
+        ...Q(s),
         className: "flex [&>svg]:size-3",
-        children: n ?? /* @__PURE__ */ t(nt, { className: "size-3" })
-      }, "check") : /* @__PURE__ */ t(N.span, {
-        ...U(s),
-        children: a
+        children: n ?? /* @__PURE__ */ a(aa, { className: "size-3" })
+      }, "check") : /* @__PURE__ */ a(N.span, {
+        ...Q(s),
+        children: t
       }, "number")
-    }), e === "working" ? /* @__PURE__ */ b(Z, { children: [/* @__PURE__ */ t("span", { className: At }), /* @__PURE__ */ t("span", { className: _t })] }) : null]
+    }), e === "working" ? /* @__PURE__ */ b(Z, { children: [/* @__PURE__ */ a("span", { className: wa }), /* @__PURE__ */ a("span", { className: Na })] }) : null]
   });
 }
-var kt = {
+var Ca = {
   done: "Done",
   working: "In progress",
   pending: "Waiting",
   upcoming: "Not yet",
   failed: null
-}, Rt = M(!1);
-function Ja(e) {
-  const a = e.findIndex((n) => n === "failed" || n === "pending" || n === "working");
-  return a === -1 ? e.lastIndexOf("done") : a;
-}
-function Za({ className: e, children: a, ...n }) {
-  const r = Q.toArray(a), s = Ja(r.map((l) => ce(l) ? l.props.state ?? "upcoming" : null));
-  return /* @__PURE__ */ t("ul", {
+}, Ea = B(!1);
+function Zt(e) {
+  const t = e.findIndex((n) => n === "failed" || n === "pending" || n === "working");
+  return t === -1 ? e.lastIndexOf("done") : t;
+}
+function en({ className: e, children: t, ...n }) {
+  const r = U.toArray(t), s = Zt(r.map((l) => ce(l) ? l.props.state ?? "upcoming" : null));
+  return /* @__PURE__ */ a("ul", {
     "data-basic-page-checklist": "",
     className: u("m-0 flex list-none flex-col gap-1.5 p-0", e),
     ...n,
-    children: r.map((l, c) => /* @__PURE__ */ t(Rt.Provider, {
+    children: r.map((l, c) => /* @__PURE__ */ a(Ea.Provider, {
       value: c === s,
       children: l
     }, ce(l) && l.key != null ? l.key : c))
   });
 }
-function Tt({ state: e }) {
-  const a = I();
-  return e === "failed" ? /* @__PURE__ */ t(at, {
+function ka({ state: e }) {
+  const t = I();
+  return e === "failed" ? /* @__PURE__ */ a(ea, {
     "aria-hidden": !0,
     className: "text-pho-error size-4 shrink-0"
   }) : /* @__PURE__ */ b("span", {
     "aria-hidden": !0,
-    className: u(wt, "size-4", Nt[e]),
-    children: [/* @__PURE__ */ t(z, {
+    className: u(ya, "size-4", xa[e]),
+    children: [/* @__PURE__ */ a(z, {
       initial: !1,
-      children: e === "done" ? /* @__PURE__ */ t(N.span, {
-        ...U(a),
+      children: e === "done" ? /* @__PURE__ */ a(N.span, {
+        ...Q(t),
         className: "flex",
-        children: /* @__PURE__ */ t(nt, { className: "size-2.5" })
+        children: /* @__PURE__ */ a(aa, { className: "size-2.5" })
       }, "check") : null
-    }), e === "working" ? /* @__PURE__ */ b(Z, { children: [/* @__PURE__ */ t("span", { className: At }), /* @__PURE__ */ t("span", { className: _t })] }) : null]
+    }), e === "working" ? /* @__PURE__ */ b(Z, { children: [/* @__PURE__ */ a("span", { className: wa }), /* @__PURE__ */ a("span", { className: Na })] }) : null]
   });
 }
-function en({ state: e = "upcoming", value: a, description: n, failure: r = "Failed", className: s, children: l, ...c }) {
-  const p = k(Rt), i = kt[e], d = e === "failed";
+function an({ state: e = "upcoming", value: t, description: n, failure: r = "Failed", className: s, children: l, ...c }) {
+  const p = k(Ea), i = Ca[e], d = e === "failed";
   return /* @__PURE__ */ b("li", {
     "data-basic-page-check": e,
     "data-current": p ? "" : void 0,
@@ -997,68 +997,68 @@ function en({ state: e = "upcoming", value: a, description: n, failure: r = "Fai
     className: u("text-pho-secondary m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-1.5 text-base", s),
     ...c,
     children: [
-      /* @__PURE__ */ t(Tt, { state: e }),
+      /* @__PURE__ */ a(ka, { state: e }),
       /* @__PURE__ */ b("span", {
         className: u("flex min-w-0 items-center gap-1.5", p && "font-medium"),
         children: [/* @__PURE__ */ b("span", {
           className: "min-w-0",
-          children: [l, i ? /* @__PURE__ */ t("span", {
+          children: [l, i ? /* @__PURE__ */ a("span", {
             className: "sr-only",
             children: `, ${i}`
           }) : null]
-        }), d ? /* @__PURE__ */ t("span", {
+        }), d ? /* @__PURE__ */ a("span", {
           className: "text-pho-error",
           children: r
         }) : null]
       }),
-      a != null ? /* @__PURE__ */ t("span", {
+      t != null ? /* @__PURE__ */ a("span", {
         className: "text-pho-description col-start-3 pl-4 tabular-nums",
-        children: a
+        children: t
       }) : null,
-      n != null ? /* @__PURE__ */ t("div", {
+      n != null ? /* @__PURE__ */ a("div", {
         className: u("col-start-2 col-end-4 mt-0.5 text-xs", d ? "text-pho-error" : "text-pho-description"),
         children: n
       }) : null
     ]
   });
 }
-function tn({ className: e, ...a }) {
-  return /* @__PURE__ */ t("ol", {
+function tn({ className: e, ...t }) {
+  return /* @__PURE__ */ a("ol", {
     "data-basic-page-timeline": "",
     className: u("m-0 flex list-none flex-col p-0", e),
-    ...a
+    ...t
   });
 }
-function an({ state: e = "done", title: a, time: n, className: r, children: s, ...l }) {
-  const c = kt[e] ?? (e === "failed" ? "Failed" : null);
+function nn({ state: e = "done", title: t, time: n, className: r, children: s, ...l }) {
+  const c = Ca[e] ?? (e === "failed" ? "Failed" : null);
   return /* @__PURE__ */ b("li", {
     "data-basic-page-timeline-item": e,
     className: u("group/timeline text-pho-secondary relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-2.5 pb-5 text-base last:pb-0", r),
     ...l,
     children: [
-      /* @__PURE__ */ t("span", {
+      /* @__PURE__ */ a("span", {
         "aria-hidden": !0,
         className: "border-pho-primary absolute top-[1.375rem] bottom-0.5 left-[calc(0.5rem-0.5px)] border-l group-last/timeline:hidden"
       }),
-      /* @__PURE__ */ t("span", {
+      /* @__PURE__ */ a("span", {
         className: "flex h-5 items-center",
-        children: /* @__PURE__ */ t(Tt, { state: e })
+        children: /* @__PURE__ */ a(ka, { state: e })
       }),
       /* @__PURE__ */ b("div", {
         className: "min-w-0",
         children: [
           /* @__PURE__ */ b("div", {
             className: "text-pho-primary",
-            children: [a, c ? /* @__PURE__ */ t("span", {
+            children: [t, c ? /* @__PURE__ */ a("span", {
               className: "sr-only",
               children: `, ${c}`
             }) : null]
           }),
-          n != null ? /* @__PURE__ */ t("div", {
+          n != null ? /* @__PURE__ */ a("div", {
             className: "text-pho-description text-xs tabular-nums",
             children: n
           }) : null,
-          s != null ? /* @__PURE__ */ t("div", {
+          s != null ? /* @__PURE__ */ a("div", {
             className: "text-pho-description mt-1.5 text-xs",
             children: s
           }) : null
@@ -1067,43 +1067,43 @@ function an({ state: e = "done", title: a, time: n, className: r, children: s, .
     ]
   });
 }
-function nn({ seat: e, title: a, icon: n, className: r, ...s }) {
-  const { state: l, row: c } = e, p = I(), i = E(null), d = E(null), m = Yt("width", i, d, P), o = xt(l), h = Et[l], g = typeof a == "string" || typeof a == "number" ? `title:${a}` : `state:${l === "done"}`;
+function rn({ seat: e, title: t, icon: n, className: r, ...s }) {
+  const { state: l, row: c } = e, p = I(), i = C(null), d = C(null), m = Ya("width", i, d, P), o = va(l), h = _a[l], g = typeof t == "string" || typeof t == "number" ? `title:${t}` : `state:${l === "done"}`;
   return /* @__PURE__ */ b("li", {
     "data-basic-page-step": l,
     "aria-current": o ? "step" : void 0,
     className: u("m-0 flex min-w-0 items-center", !c.last && "flex-auto", r),
     ...s,
     children: [
-      /* @__PURE__ */ t(Ct, {
+      /* @__PURE__ */ a(Aa, {
         state: l,
         number: e.number,
         glyph: n != null && n !== !1 ? n : void 0
       }),
-      /* @__PURE__ */ t(N.span, {
+      /* @__PURE__ */ a(N.span, {
         ref: i,
         id: c.labelId,
         "data-basic-page-step-title": "",
         style: { width: m },
         className: u("min-w-0 overflow-x-clip text-base font-medium transition-colors duration-200 ease-out", l === "upcoming" ? "text-pho-description" : "text-pho-primary"),
-        children: /* @__PURE__ */ t("span", {
+        children: /* @__PURE__ */ a("span", {
           ref: d,
           className: u("relative block w-max pl-3 whitespace-nowrap", !o && "max-sm:w-0 max-sm:pl-0"),
-          children: /* @__PURE__ */ t(z, {
+          children: /* @__PURE__ */ a(z, {
             initial: !1,
             mode: "popLayout",
             children: /* @__PURE__ */ b(N.span, {
-              ...U(p),
+              ...Q(p),
               className: "inline-block",
               children: [h ? /* @__PURE__ */ b("span", {
                 className: "sr-only",
                 children: [h, " "]
-              }) : null, a]
+              }) : null, t]
             }, g)
           })
         })
       }),
-      c.last ? null : /* @__PURE__ */ t("span", {
+      c.last ? null : /* @__PURE__ */ a("span", {
         "aria-hidden": !0,
         "data-basic-page-step-line": "",
         className: u("ml-3 h-0 min-w-3 flex-1 border-t transition-[border-color] duration-200 ease-out", l === "done" ? "border-pho-ink" : "border-pho-primary")
@@ -1111,9 +1111,9 @@ function nn({ seat: e, title: a, icon: n, className: r, ...s }) {
     ]
   });
 }
-function rn({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: c, className: p, children: i, ...d }) {
-  const m = k(Fe), o = m?.state ?? (s ? "done" : l ? "working" : c ? "pending" : "current"), h = I();
-  if (m?.row != null) return /* @__PURE__ */ t(nn, {
+function sn({ icon: e, aside: t, title: n, description: r, done: s, working: l, pending: c, className: p, children: i, ...d }) {
+  const m = k(De), o = m?.state ?? (s ? "done" : l ? "working" : c ? "pending" : "current"), h = I();
+  if (m?.row != null) return /* @__PURE__ */ a(rn, {
     seat: {
       ...m,
       row: m.row
@@ -1123,16 +1123,16 @@ function rn({ icon: e, aside: a, title: n, description: r, done: s, working: l,
     className: p,
     ...d
   });
-  const g = xt(o), v = o === "upcoming", y = Et[o], w = i != null && i !== !1, f = e != null && e !== !1, _ = a != null && a !== !1;
-  return /* @__PURE__ */ t("li", {
+  const g = va(o), v = o === "upcoming", y = _a[o], w = i != null && i !== !1, f = e != null && e !== !1, A = t != null && t !== !1;
+  return /* @__PURE__ */ a("li", {
     "data-basic-page-step": o,
     "aria-current": g ? "step" : void 0,
     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", g && "bg-pho-page", p),
     ...d,
-    children: /* @__PURE__ */ b(yt.Provider, {
+    children: /* @__PURE__ */ b(ba.Provider, {
       value: !0,
       children: [
-        /* @__PURE__ */ t(Ct, {
+        /* @__PURE__ */ a(Aa, {
           state: o,
           number: m?.number ?? 1,
           className: "col-start-1 row-start-1"
@@ -1145,7 +1145,7 @@ function rn({ icon: e, aside: a, title: n, description: r, done: s, working: l,
             children: [y, " "]
           }) : null, n]
         }),
-        /* @__PURE__ */ t(ze, {
+        /* @__PURE__ */ a(He, {
           show: g,
           gap: "none",
           clip: !1,
@@ -1153,32 +1153,32 @@ function rn({ icon: e, aside: a, title: n, description: r, done: s, working: l,
           children: /* @__PURE__ */ b("div", {
             "data-basic-page-step-body": "",
             className: "flex min-w-0 flex-1 flex-col",
-            children: [r ? /* @__PURE__ */ t("div", {
+            children: [r ? /* @__PURE__ */ a("div", {
               className: "text-display-xs text-pho-description font-normal",
               children: r
-            }) : null, w ? /* @__PURE__ */ t("div", {
+            }) : null, w ? /* @__PURE__ */ a("div", {
               className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
               children: i
             }) : null]
           })
         }),
-        o === "done" && w ? /* @__PURE__ */ t("div", {
+        o === "done" && w ? /* @__PURE__ */ a("div", {
           className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
           children: i
-        }) : _ ? /* @__PURE__ */ t(z, {
+        }) : A ? /* @__PURE__ */ a(z, {
           initial: !1,
-          children: g ? /* @__PURE__ */ t(N.div, {
-            ...U(h),
+          children: g ? /* @__PURE__ */ a(N.div, {
+            ...Q(h),
             className: "col-start-3 row-span-2 row-start-1 self-start",
-            children: a
+            children: t
           }, "aside") : null
-        }) : f ? /* @__PURE__ */ t(z, {
+        }) : f ? /* @__PURE__ */ a(z, {
           initial: !1,
-          children: g ? /* @__PURE__ */ t(N.div, {
+          children: g ? /* @__PURE__ */ a(N.div, {
             "aria-hidden": !0,
-            ...U(h),
+            ...Q(h),
             className: "pointer-events-none col-start-3 row-span-2 row-start-1 size-14 self-start",
-            children: /* @__PURE__ */ t("div", {
+            children: /* @__PURE__ */ a("div", {
               className: "text-pho-primary size-full opacity-[0.275] [&>svg]:size-full",
               children: e
             })
@@ -1188,123 +1188,123 @@ function rn({ icon: e, aside: a, title: n, description: r, done: s, working: l,
     })
   });
 }
-function sn({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...c }) {
+function ln({ label: e, description: t, htmlFor: n, stacked: r = !1, className: s, children: l, ...c }) {
   const { leaving: p, ...i } = ee();
   return /* @__PURE__ */ b(N.div, {
     ...i,
-    className: u(aa, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", p && "overflow-hidden", s),
+    className: u(nt, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", p && "overflow-hidden", s),
     ...c,
     children: [/* @__PURE__ */ b("div", {
       className: "min-w-0",
-      children: [n ? /* @__PURE__ */ t("label", {
+      children: [n ? /* @__PURE__ */ a("label", {
         htmlFor: n,
         className: "text-pho-primary block text-base font-normal",
         children: e
-      }) : /* @__PURE__ */ t("div", {
+      }) : /* @__PURE__ */ a("div", {
         className: "text-pho-primary text-base font-normal",
         children: e
-      }), a ? /* @__PURE__ */ t("p", {
+      }), t ? /* @__PURE__ */ a("p", {
         className: "text-pho-description text-xs",
-        children: a
+        children: t
       }) : null]
-    }), /* @__PURE__ */ t("div", {
+    }), /* @__PURE__ */ a("div", {
       className: u("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
       children: l
     })]
   });
 }
-function ln({ className: e, ...a }) {
-  const n = k(yt);
-  return /* @__PURE__ */ t("p", {
+function on({ className: e, ...t }) {
+  const n = k(ba);
+  return /* @__PURE__ */ a("p", {
     className: u("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
-    ...a
+    ...t
   });
 }
-var on = "grid grid-cols-[minmax(0,1fr)_auto] gap-x-6 sm:grid-cols-[minmax(0,1fr)_auto_auto]", pe = "col-span-full grid grid-cols-subgrid", cn = "[[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", dn = "[[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", He = "flex min-h-5 min-w-0 items-center gap-2 [overflow-wrap:anywhere]", ke = "flex min-h-5 items-center justify-end whitespace-nowrap tabular-nums", St = "col-start-1 row-start-1", un = "col-start-1 row-start-2 justify-start text-xs sm:col-start-2 sm:row-start-1 sm:justify-end sm:text-base", Pt = "col-start-2 row-start-1 sm:col-start-3", me = (e) => e != null && e !== !1 && e !== !0;
-function pn({ empty: e, className: a, children: n, ...r }) {
-  const s = Q.toArray(n).length === 0;
-  return /* @__PURE__ */ t("ul", {
-    className: u(ge, on, "m-0 list-none p-0", a),
+var cn = "grid grid-cols-[minmax(0,1fr)_auto] gap-x-6 sm:grid-cols-[minmax(0,1fr)_auto_auto]", pe = "col-span-full grid grid-cols-subgrid", dn = "[[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", un = "[[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", Fe = "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", Ra = "col-start-1 row-start-1", pn = "col-start-1 row-start-2 justify-start text-xs sm:col-start-2 sm:row-start-1 sm:justify-end sm:text-base", Sa = "col-start-2 row-start-1 sm:col-start-3", me = (e) => e != null && e !== !1 && e !== !0;
+function mn({ empty: e, className: t, children: n, ...r }) {
+  const s = U.toArray(n).length === 0;
+  return /* @__PURE__ */ a("ul", {
+    className: u(ge, cn, "m-0 list-none p-0", t),
     ...r,
     "data-basic-page-receipt": "",
-    children: s && me(e) ? /* @__PURE__ */ t("li", {
+    children: s && me(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 mn({ label: e, className: a, children: n, ...r }) {
-  const { initial: s, animate: l, transition: c } = ee(), p = Oe(), i = me(e);
+function fn({ label: e, className: t, children: n, ...r }) {
+  const { initial: s, animate: l, transition: c } = ee(), p = Ie(), i = me(e);
   return /* @__PURE__ */ b(N.li, {
     initial: s,
     animate: l,
     transition: c,
-    className: u(pe, "border-pho-secondary m-0 py-4", "[[data-basic-page-receipt]>&:not(:first-child)]:border-t", a),
+    className: u(pe, "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__ */ t("div", {
+    children: [i ? /* @__PURE__ */ a("div", {
       id: p,
-      className: u(He, "text-pho-primary col-span-full min-h-7 px-5 py-1 text-base font-medium"),
+      className: u(Fe, "text-pho-primary col-span-full min-h-7 px-5 py-1 text-base font-medium"),
       children: e
-    }) : null, /* @__PURE__ */ t("ul", {
+    }) : null, /* @__PURE__ */ a("ul", {
       "aria-labelledby": i ? p : void 0,
       className: u(pe, "m-0 list-none p-0"),
-      children: /* @__PURE__ */ t(De.Provider, {
+      children: /* @__PURE__ */ a(Me.Provider, {
         value: !1,
         children: n
       })
     })]
   });
 }
-function fn({ label: e, quantity: a, amount: n, className: r, ...s }) {
-  const { initial: l, animate: c, transition: p } = ee(), i = me(a), d = me(n);
+function hn({ label: e, quantity: t, amount: n, className: r, ...s }) {
+  const { initial: l, animate: c, transition: p } = ee(), i = me(t), d = me(n);
   return /* @__PURE__ */ b(N.li, {
     initial: l,
     animate: c,
     transition: p,
-    className: u(pe, "border-pho-secondary m-0 items-start px-5 py-1 text-base", cn, r),
+    className: u(pe, "border-pho-secondary m-0 items-start px-5 py-1 text-base", dn, r),
     ...s,
     "data-basic-page-receipt-line": "",
     children: [
-      /* @__PURE__ */ t("div", {
-        className: u(He, St, "text-pho-secondary", !d && "col-end-3", i ? "sm:col-end-2" : d ? "sm:col-end-3" : "sm:col-end-4"),
+      /* @__PURE__ */ a("div", {
+        className: u(Fe, Ra, "text-pho-secondary", !d && "col-end-3", i ? "sm:col-end-2" : d ? "sm:col-end-3" : "sm:col-end-4"),
         children: e
       }),
-      i ? /* @__PURE__ */ t("div", {
-        className: u(ke, un, "text-pho-description"),
-        children: a
+      i ? /* @__PURE__ */ a("div", {
+        className: u(Ee, pn, "text-pho-description"),
+        children: t
       }) : null,
-      d ? /* @__PURE__ */ t("div", {
-        className: u(ke, Pt, "text-pho-secondary"),
+      d ? /* @__PURE__ */ a("div", {
+        className: u(Ee, Sa, "text-pho-secondary"),
         children: n
       }) : null
     ]
   });
 }
-function hn({ label: e, amount: a, className: n, ...r }) {
+function gn({ label: e, amount: t, className: n, ...r }) {
   const { initial: s, animate: l, transition: c } = ee();
   return /* @__PURE__ */ b(N.li, {
     initial: s,
     animate: l,
     transition: c,
-    className: u(pe, "border-pho-secondary text-pho-primary m-0 items-start px-5 py-1 text-base font-medium", dn, n),
+    className: u(pe, "border-pho-secondary text-pho-primary m-0 items-start px-5 py-1 text-base font-medium", un, n),
     ...r,
     "data-basic-page-receipt-total": "",
-    children: [/* @__PURE__ */ t("div", {
-      className: u(He, St, "sm:col-end-3"),
+    children: [/* @__PURE__ */ a("div", {
+      className: u(Fe, Ra, "sm:col-end-3"),
       children: e
-    }), /* @__PURE__ */ t("div", {
-      className: u(ke, Pt),
-      children: a
+    }), /* @__PURE__ */ a("div", {
+      className: u(Ee, Sa),
+      children: t
     })]
   });
 }
-function gn({ error: e, show: a, className: n, children: r, ...s }) {
-  const l = I(), c = k(te), p = e ?? c?.error ?? void 0;
-  return /* @__PURE__ */ t(z, {
+function bn({ error: e, show: t, className: n, children: r, ...s }) {
+  const l = I(), c = k(ae), p = e ?? c?.error ?? void 0;
+  return /* @__PURE__ */ a(z, {
     initial: !1,
-    children: (a ?? !0) && (p != null || r != null) ? /* @__PURE__ */ t(N.div, {
+    children: (t ?? !0) && (p != null || r != null) ? /* @__PURE__ */ a(N.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -1321,9 +1321,9 @@ function gn({ error: e, show: a, className: n, children: r, ...s }) {
       },
       transition: l ? { duration: 0 } : {
         height: P,
-        opacity: B
+        opacity: F
       },
-      children: /* @__PURE__ */ t($t, {
+      children: /* @__PURE__ */ a(Ga, {
         error: p,
         className: u("px-5 pb-3", n),
         ...s,
@@ -1332,26 +1332,26 @@ function gn({ error: e, show: a, className: n, children: r, ...s }) {
     }) : null
   });
 }
-function hr() {
-  return k(te)?.requestSave ?? null;
+function gr() {
+  return k(ae)?.requestSave ?? null;
 }
-var gr = 800, Ee = Qt.createToastManager(), te = M(null);
-function bn({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: c, ...p }) {
-  const [i, d] = A(!1), [m, o] = A(!1), [h, g] = A(null), [v, y] = A(a ?? {}), [w, f] = A(null), _ = E(null), x = E(null), C = E(null), T = E(!1), O = E(!1), D = E(null), F = E(async () => {
+var br = 800, Ae = Ua.createToastManager(), ae = B(null);
+function vn({ action: e, errors: t, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: c, ...p }) {
+  const [i, d] = _(!1), [m, o] = _(!1), [h, g] = _(null), [v, y] = _(t ?? {}), [w, f] = _(null), A = C(null), x = C(null), E = C(null), S = C(!1), O = C(!1), M = C(null), D = C(async () => {
   });
   L(() => () => {
     x.current != null && clearTimeout(x.current);
   }, []);
   const W = async () => {
-    const S = _.current;
-    if (S == null || e == null) return;
-    if (T.current) {
+    const T = A.current;
+    if (T == null || e == null) return;
+    if (S.current) {
       O.current = !0;
       return;
     }
-    if (!S.checkValidity()) return;
-    const R = Object.fromEntries(new FormData(S).entries()), K = C.current;
-    T.current = !0, f({
+    if (!T.checkValidity()) return;
+    const R = Object.fromEntries(new FormData(T).entries()), K = E.current;
+    S.current = !0, f({
       field: K,
       phase: "saving"
     }), g(null);
@@ -1364,9 +1364,9 @@ function bn({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
       y({}), o(!1), f({
         field: K,
         phase: "saved"
-      }), D.current != null && (Ee.close(D.current), D.current = null);
+      }), M.current != null && (Ae.close(M.current), M.current = null);
     } catch ($) {
-      f(null), g($), D.current != null && Ee.close(D.current), D.current = Ee.add({
+      f(null), g($), M.current != null && Ae.close(M.current), M.current = Ae.add({
         type: "error",
         title: "Couldn't save",
         description: $ instanceof Error && $.message !== "" ? $.message : "The change is still here — try again.",
@@ -1374,21 +1374,21 @@ function bn({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
         actionProps: {
           children: "Retry",
           onClick: () => {
-            F.current();
+            D.current();
           }
         }
       });
     } finally {
-      T.current = !1, O.current && (O.current = !1, F.current());
+      S.current = !1, O.current && (O.current = !1, D.current());
     }
   };
-  F.current = W;
+  D.current = W;
   const ie = () => {
     x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
-      x.current = null, F.current();
+      x.current = null, D.current();
     }, 800);
-  }, G = V(() => n ? (S) => {
-    S != null && (C.current = S), o(!0), ie();
+  }, G = V(() => n ? (T) => {
+    T != null && (E.current = T), o(!0), ie();
   } : null, [n]), ye = V(() => ({
     pending: i,
     dirty: m,
@@ -1402,15 +1402,15 @@ function bn({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
     w,
     G
   ]);
-  return /* @__PURE__ */ t(te.Provider, {
+  return /* @__PURE__ */ a(ae.Provider, {
     value: ye,
-    children: /* @__PURE__ */ t(Zt, {
+    children: /* @__PURE__ */ a(Za, {
       errors: v,
-      onFormSubmit: async (S) => {
+      onFormSubmit: async (T) => {
         if (e != null) {
           d(!0), g(null);
           try {
-            const R = (await e(S))?.errors;
+            const R = (await e(T))?.errors;
             if (R != null && Object.keys(R).length > 0) {
               y(R);
               return;
@@ -1423,47 +1423,48 @@ function bn({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
           }
         }
       },
-      onChange: (S) => {
+      onChange: (T) => {
         o(!0), g(null);
-        const R = S.target.name;
+        const R = T.target.name;
         R && R in v && y((K) => {
           const { [R]: $, ...xe } = K;
           return xe;
-        }), n && (R && (C.current = R), ie()), l?.(S);
+        }), n && (R && (E.current = R), ie()), l?.(T);
       },
-      onBlur: (S) => {
-        n && m && x.current != null && (clearTimeout(x.current), x.current = null, F.current()), c?.(S);
+      onBlur: (T) => {
+        n && m && x.current != null && (clearTimeout(x.current), x.current = null, D.current()), c?.(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;
+      ref: (T) => {
+        A.current = T;
         const R = p.ref;
-        typeof R == "function" ? R(S) : R != null && (R.current = S);
+        typeof R == "function" ? R(T) : R != null && (R.current = T);
       },
-      children: /* @__PURE__ */ t("fieldset", {
+      children: /* @__PURE__ */ a("fieldset", {
         disabled: i,
         "aria-busy": i || void 0,
         className: "contents",
+        "data-basic-page-form-body": "",
         children: s
       })
     })
   });
 }
-function vn({ name: e, className: a, ...n }) {
-  const r = k(te), s = I(), l = r?.auto ?? null, c = l != null && (e == null || l.field === e), [p, i] = A(!1), d = c ? l.phase : null;
+function yn({ name: e, className: t, ...n }) {
+  const r = k(ae), s = I(), l = r?.auto ?? null, c = l != null && (e == null || l.field === e), [p, i] = _(!1), d = c ? l.phase : null;
   L(() => {
     if (d !== "saved") return;
     i(!0);
     const h = setTimeout(() => i(!1), 1800);
     return () => clearTimeout(h);
   }, [d, l]);
-  const m = d === "saving" ? "Saving…" : d === "saved" && p ? "Saved" : null, o = s ? "blur(0px)" : `blur(${Pe}px)`;
-  return /* @__PURE__ */ t("span", {
+  const m = d === "saving" ? "Saving…" : d === "saved" && p ? "Saved" : null, o = s ? "blur(0px)" : `blur(${Te}px)`;
+  return /* @__PURE__ */ a("span", {
     className: "grid justify-items-end",
-    children: /* @__PURE__ */ t(z, {
+    children: /* @__PURE__ */ a(z, {
       initial: !1,
-      children: m != null && /* @__PURE__ */ t(N.output, {
+      children: m != null && /* @__PURE__ */ a(N.output, {
         initial: {
           opacity: 0,
           filter: o
@@ -1477,7 +1478,7 @@ function vn({ name: e, className: a, ...n }) {
           filter: o
         },
         transition: ue,
-        className: u("text-pho-description pl-8 [grid-area:1/1]", a),
+        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: m
@@ -1485,67 +1486,67 @@ function vn({ name: e, className: a, ...n }) {
     })
   });
 }
-var yn = "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 xn({ className: e, ...a }) {
-  const n = E(null);
-  return bt(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
-    className: u(ge, yn, e),
-    ...a,
+var xn = "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 wn({ className: e, ...t }) {
+  const n = C(null);
+  return ha(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
+    className: u(ge, xn, e),
+    ...t,
     ref: (r) => {
       n.current = r;
-      const s = a.ref;
+      const s = t.ref;
       typeof s == "function" ? s(r) : s != null && (s.current = r);
     },
     "data-basic-page-fields": ""
   });
 }
-function wn({ className: e, ...a }) {
-  return /* @__PURE__ */ t("div", {
+function Nn({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", {
     className: u("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
-    ...a
+    ...t
   });
 }
-function Nn({ children: e = "Save changes", ...a }) {
-  const n = k(te);
-  return /* @__PURE__ */ t(ne, {
+function _n({ children: e = "Save changes", ...t }) {
+  const n = k(ae);
+  return /* @__PURE__ */ a(ne, {
     type: "submit",
     variant: "effect",
     size: "sm",
     loading: n?.pending,
-    ...a,
+    ...t,
     children: e
   });
 }
-function An({ show: e, className: a, ...n }) {
-  const r = k(te), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
+function An({ show: e, className: t, ...n }) {
+  const r = k(ae), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ a("div", {
     "data-basic-page-footer": "",
-    className: u("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
+    className: u("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
     ...n
   });
-  return s === void 0 ? l : /* @__PURE__ */ t(ze, {
+  return s === void 0 ? l : /* @__PURE__ */ a(He, {
     show: s,
     gap: "block",
     clip: !1,
     children: l
   });
 }
-var _n = {
+var Cn = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function ze({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
-  const c = I(), p = _n[r ? "none" : n], i = E(null), d = E(e !== !0);
+function He({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
+  const c = I(), p = Cn[r ? "none" : n], i = C(null), d = C(e !== !0);
   L(() => {
     d.current = !0;
   }, []);
   const m = () => {
-    a && i.current && (i.current.style.overflow = "hidden");
+    t && i.current && (i.current.style.overflow = "hidden");
   }, o = () => {
     i.current && (i.current.style.overflow = "");
   };
-  return e === void 0 ? /* @__PURE__ */ t(N.div, {
+  return e === void 0 ? /* @__PURE__ */ a(N.div, {
     initial: c ? !1 : {
       opacity: 0,
       y: j
@@ -1556,53 +1557,34 @@ function ze({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s
     },
     transition: {
       y: P,
-      opacity: B
+      opacity: F
     },
     className: u(r && de, s),
     ...l
-  }) : /* @__PURE__ */ t(z, {
+  }) : /* @__PURE__ */ a(z, {
     initial: !1,
-    children: e ? /* @__PURE__ */ t(N.div, {
+    children: e ? /* @__PURE__ */ a(N.div, {
       "data-basic-page-reveal": "",
       ref: (h) => {
-        i.current = h, a && h && d.current && (h.style.overflow = "hidden");
+        i.current = h, t && h && d.current && (h.style.overflow = "hidden");
       },
       onAnimationStart: m,
       onAnimationComplete: o,
-      initial: {
-        height: 0,
-        opacity: 0,
-        marginTop: p
-      },
-      animate: {
-        height: "auto",
-        opacity: 1,
-        marginTop: 0
-      },
-      exit: {
-        height: 0,
-        opacity: 0,
-        marginTop: p
-      },
-      transition: c ? { duration: 0 } : {
-        height: P,
-        marginTop: P,
-        opacity: B
-      },
+      ...za(c, p),
       className: u(r && de, s),
       ...l
     }) : null
   });
 }
-var En = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Cn = "(min-width: 40rem)";
-function kn() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Cn).matches;
+var En = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", kn = "(min-width: 40rem)";
+function Rn() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(kn).matches;
 }
-var It = M(null);
-function Ot({ className: e, children: a, ...n }) {
-  const r = Q.toArray(a).filter(ce), s = r.map((_) => _.props.children ?? null), l = pt();
-  ya(s);
-  const [c] = A(kn), p = I(), i = r.length, d = tt(), m = !c && i >= Rn, o = k(Be), h = i > 0 ? r[i - 1]?.props : null, g = h?.children ?? "Back", v = h?.href, y = h?.onClick;
+var Ta = B(null);
+function Pa({ className: e, children: t, ...n }) {
+  const r = U.toArray(t).filter(ce), s = r.map((A) => A.props.children ?? null), l = da();
+  xt(s);
+  const [c] = _(Rn), p = I(), i = r.length, d = Ze(), m = !c && i >= Sn, o = k(Le), h = i > 0 ? r[i - 1]?.props : null, g = h?.children ?? "Back", v = h?.href, y = h?.onClick;
   H(() => {
     if (!(o == null || v == null))
       return o.setTail({
@@ -1616,147 +1598,147 @@ function Ot({ className: e, children: a, ...n }) {
     v,
     y
   ]);
-  const [w, f] = A(!p && !c && l != null && l.labels.length > i);
-  return /* @__PURE__ */ t("nav", {
+  const [w, f] = _(!p && !c && l != null && l.labels.length > i);
+  return /* @__PURE__ */ a("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
     className: u("absolute top-4 left-3 flex min-w-max items-center", e),
     ...n,
     children: /* @__PURE__ */ b("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((_, x) => m && x > 0 && x < i - 2 ? null : /* @__PURE__ */ b(ta, { children: [m && x === i - 2 && /* @__PURE__ */ b("li", {
+      children: [r.map((A, x) => m && x > 0 && x < i - 2 ? null : /* @__PURE__ */ b(tt, { children: [m && x === i - 2 && /* @__PURE__ */ b("li", {
         className: "m-0 flex items-center max-sm:hidden",
-        children: [/* @__PURE__ */ t("span", {
+        children: [/* @__PURE__ */ a("span", {
           "aria-hidden": !0,
-          className: Re,
+          className: ke,
           children: fe
-        }), /* @__PURE__ */ b(Y.Root, { children: [/* @__PURE__ */ t(Y.Trigger, { render: /* @__PURE__ */ t(ne, {
+        }), /* @__PURE__ */ b(Y.Root, { children: [/* @__PURE__ */ a(Y.Trigger, { render: /* @__PURE__ */ a(ne, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2.5",
           children: Tn
-        }) }), /* @__PURE__ */ t(Y.Portal, { children: /* @__PURE__ */ t(Y.Positioner, {
+        }) }), /* @__PURE__ */ a(Y.Portal, { children: /* @__PURE__ */ a(Y.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ t(Y.Popup, { children: r.slice(1, i - 2).map((C, T) => {
-            const O = C.props;
-            return /* @__PURE__ */ t(Y.LinkItem, {
-              render: /* @__PURE__ */ t(d, {
+          children: /* @__PURE__ */ a(Y.Popup, { children: r.slice(1, i - 2).map((E, S) => {
+            const O = E.props;
+            return /* @__PURE__ */ a(Y.LinkItem, {
+              render: /* @__PURE__ */ a(d, {
                 href: O.href,
                 onClick: O.onClick
               }),
               children: O.children ?? "Back"
-            }, C.key ?? T);
+            }, E.key ?? S);
           }) })
         }) })] })]
-      }), /* @__PURE__ */ t("li", {
+      }), /* @__PURE__ */ a("li", {
         className: u("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ t(It.Provider, {
+        children: /* @__PURE__ */ a(Ta.Provider, {
           value: {
             index: x,
             count: i,
             departing: l,
             narrow: c
           },
-          children: _
+          children: A
         })
-      })] }, _.key ?? x)), w && /* @__PURE__ */ t("li", {
+      })] }, A.key ?? x)), w && /* @__PURE__ */ a("li", {
         "aria-hidden": !0,
         className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ t(N.span, {
+        children: /* @__PURE__ */ a(N.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
-          transition: ut,
+          transition: ca,
           onAnimationComplete: () => f(!1),
-          className: Re,
+          className: ke,
           children: fe
         })
       })]
     })
   });
 }
-var Re = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", fe = "/", Rn = 4, Tn = "…";
-function Lt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
-  const l = k(It), c = I(), p = n != null && !c, i = ft(p ? n : void 0);
+var ke = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", fe = "/", Sn = 4, Tn = "…";
+function Ia({ href: e, className: t, morphId: n, children: r = "Back", ...s }) {
+  const l = k(Ta), c = I(), p = n != null && !c, i = pa(p ? n : void 0);
   if (l == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: d, count: m, departing: o, narrow: h } = l, g = d === 0, v = d === m - 1, y = o != null && o.labels.length < m, w = o != null && o.labels.length > m, f = v && (o == null || y || h), _ = g || v, x = g && v ? "" : g ? "max-sm:hidden" : "sm:hidden", C = o != null, T = v ? h ? w ? "slide" : "fade" : f ? "fade" : void 0 : void 0, [O, D] = A(p && h && i.fly && o != null && !w ? o.labels[o.labels.length - 1] : null), F = p && _ && !C, W = p && !g && v && (o == null || y);
-  return /* @__PURE__ */ b(Z, { children: [!g && /* @__PURE__ */ t("span", {
+  const { index: d, count: m, departing: o, narrow: h } = l, g = d === 0, v = d === m - 1, y = o != null && o.labels.length < m, w = o != null && o.labels.length > m, f = v && (o == null || y || h), A = g || v, x = g && v ? "" : g ? "max-sm:hidden" : "sm:hidden", E = o != null, S = v ? h ? w ? "slide" : "fade" : f ? "fade" : void 0 : void 0, [O, M] = _(p && h && i.fly && o != null && !w ? o.labels[o.labels.length - 1] : null), D = p && A && !E, W = p && !g && v && (o == null || y);
+  return /* @__PURE__ */ b(Z, { children: [!g && /* @__PURE__ */ a("span", {
     "aria-hidden": !0,
-    className: u(Re, "max-sm:hidden"),
-    children: W ? /* @__PURE__ */ t(N.span, {
+    className: u(ke, "max-sm:hidden"),
+    children: W ? /* @__PURE__ */ a(N.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: qe
+        x: Ve
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Ke : B,
+      transition: i.fly ? je : F,
       className: "inline-flex",
       children: fe
     }) : fe
-  }), /* @__PURE__ */ t(Te, {
+  }), /* @__PURE__ */ a(Re, {
     variant: "ghost",
     size: "sm",
     href: e,
-    prefix: _ ? F ? /* @__PURE__ */ t(N.span, {
+    prefix: A ? D ? /* @__PURE__ */ a(N.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: qe
+        x: Ve
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Ke : B,
+      transition: i.fly ? je : F,
       className: u("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(oe, {})
-    }) : /* @__PURE__ */ t("span", {
+      children: /* @__PURE__ */ a(oe, {})
+    }) : /* @__PURE__ */ a("span", {
       className: u("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(oe, {})
-    }) : /* @__PURE__ */ t("span", { className: "hidden" }),
-    className: u("min-w-max", a),
+      children: /* @__PURE__ */ a(oe, {})
+    }) : /* @__PURE__ */ a("span", { className: "hidden" }),
+    className: u("min-w-max", t),
     ...s,
     children: p && n != null ? /* @__PURE__ */ b("span", {
-      className: u("relative block", !i.fly && T === "slide" && "overflow-hidden", !v && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ t(ht, {
+      className: u("relative block", !i.fly && S === "slide" && "overflow-hidden", !v && "max-w-40 truncate"),
+      children: [/* @__PURE__ */ a(ma, {
         morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
-        arrival: T,
+        arrival: S,
         children: r
-      }), O != null && /* @__PURE__ */ t(N.span, {
+      }), O != null && /* @__PURE__ */ a(N.span, {
         "aria-hidden": !0,
         initial: {
           x: 0,
           opacity: 1
         },
         animate: {
-          x: ga,
+          x: bt,
           opacity: 0
         },
-        transition: ba,
-        onAnimationComplete: () => D(null),
+        transition: vt,
+        onAnimationComplete: () => M(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: O
       })]
-    }) : /* @__PURE__ */ t("span", {
+    }) : /* @__PURE__ */ a("span", {
       className: u("block", !v && "max-w-40 truncate"),
       children: r
     })
   })] });
 }
-function Sn({ className: e, ...a }) {
-  return /* @__PURE__ */ t(Ot, {
+function Pn({ className: e, ...t }) {
+  return /* @__PURE__ */ a(Pa, {
     className: e,
-    children: /* @__PURE__ */ t(Lt, { ...a })
+    children: /* @__PURE__ */ a(Ia, { ...t })
   });
 }
-function Pn({ label: e, description: a, leading: n, href: r, className: s, children: l, ...c }) {
-  const p = tt(), i = V(() => N.create(p), [p]), { leaving: d, ...m } = ee();
+function In({ label: e, description: t, leading: n, href: r, className: s, children: l, ...c }) {
+  const p = Ze(), i = V(() => N.create(p), [p]), { leaving: d, ...m } = ee();
   return /* @__PURE__ */ b(i, {
     href: r,
     ...m,
@@ -1766,37 +1748,37 @@ function Pn({ label: e, description: a, leading: n, href: r, className: s, child
       className: u("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
       children: [n, /* @__PURE__ */ b("div", {
         className: "min-w-0",
-        children: [/* @__PURE__ */ t("div", {
+        children: [/* @__PURE__ */ a("div", {
           className: "flex min-w-0 items-center gap-1",
-          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ t("p", {
+          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ a("p", {
             className: "text-pho-primary truncate text-base font-medium",
             children: e
           }) : e
-        }), a ? /* @__PURE__ */ t("div", {
+        }), t ? /* @__PURE__ */ a("div", {
           className: "text-pho-description truncate text-xs",
-          children: a
+          children: t
         }) : null]
       })]
     }), /* @__PURE__ */ b("div", {
       className: "flex min-w-0 items-center justify-end gap-2",
-      children: [l != null ? /* @__PURE__ */ t("div", {
+      children: [l != null ? /* @__PURE__ */ a("div", {
         className: "min-w-0",
         children: l
-      }) : null, /* @__PURE__ */ t(qt, {
+      }) : null, /* @__PURE__ */ a(ja, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function In({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, width: l = "default", presentation: c, defaultPresentation: p, onPresentationChange: i, expandable: d = !0, children: m }) {
-  const o = k(ot), h = o != null ? la(o.paneWidth, l) : 0, g = e ?? Q.toArray(m).length > 0, { presentation: v, setPresentation: y, canChoose: w } = On({
+function On({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: s, width: l = "default", presentation: c, defaultPresentation: p, onPresentationChange: i, expandable: d = !0, children: m }) {
+  const o = k(sa), h = o != null ? ot(o.paneWidth, l) : 0, g = e ?? U.toArray(m).length > 0, { presentation: v, setPresentation: y, canChoose: w } = Ln({
     isOpen: g,
     paneNarrow: o?.paneNarrow ?? !1,
     presentation: c,
     defaultPresentation: p,
     onPresentationChange: i
-  }), f = o?.setOpen, _ = o?.setAsPage, x = o?.setPresent;
+  }), f = o?.setOpen, A = o?.setAsPage, x = o?.setPresent;
   if (H(() => {
     if (x != null)
       return x(!0), () => x(!1);
@@ -1804,131 +1786,131 @@ function In({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, on
     if (f != null)
       return f(g), () => f(!1);
   }, [f, g]), H(() => {
-    if (_ != null)
-      return _(v === "page"), () => _(!1);
-  }, [_, v]), L(() => {
+    if (A != null)
+      return A(v === "page"), () => A(!1);
+  }, [A, v]), L(() => {
     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 C = d && w ? () => y("page") : void 0;
+  const E = d && w ? () => y("page") : void 0;
   if (v === "page") {
-    const T = d && w && !o.paneNarrow ? () => y("panel") : void 0;
-    return We(g ? /* @__PURE__ */ b("div", {
+    const S = d && w && !o.paneNarrow ? () => y("panel") : void 0;
+    return Ge(g ? /* @__PURE__ */ b("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: [T != null ? /* @__PURE__ */ t("span", {
+      children: [S != null ? /* @__PURE__ */ a("span", {
         className: "absolute top-2 right-2 z-30",
-        children: /* @__PURE__ */ t(X.Provider, { children: /* @__PURE__ */ t(Mt, {
+        children: /* @__PURE__ */ a(X.Provider, { children: /* @__PURE__ */ a(La, {
           label: "Show as panel",
-          icon: /* @__PURE__ */ t(Wt, {}),
-          onClick: T
+          icon: /* @__PURE__ */ a($a, {}),
+          onClick: S
         }) })
       }) : null, m]
     }) : null, o.slot);
   }
-  return a === "inline" ? We(/* @__PURE__ */ t(Ln, {
+  return t === "inline" ? Ge(/* @__PURE__ */ a(Bn, {
     width: h,
     paneHeight: o.paneHeight,
     onClose: s,
-    onExpand: C,
+    onExpand: E,
     open: g,
     placeholder: r,
     children: m
-  }), o.slot) : /* @__PURE__ */ t(Bn, {
+  }), o.slot) : /* @__PURE__ */ a(Mn, {
     container: o.slot,
     width: h,
     paneHeight: o.paneHeight,
     onClose: s,
-    onExpand: C,
+    onExpand: E,
     open: g,
     modal: n,
     children: m
   });
 }
-function On({ isOpen: e, paneNarrow: a, presentation: n, defaultPresentation: r, onPresentationChange: s }) {
-  const [l, c] = A(e), [p, i] = A(null);
+function Ln({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: s }) {
+  const [l, c] = _(e), [p, i] = _(null);
   H(() => {
     e || (c(!1), i(null));
   }, [e]);
   const d = n != null;
   return {
-    presentation: a ? "page" : n ?? p ?? r ?? (l ? "page" : "panel"),
-    setPresentation: Ie((m) => {
+    presentation: t ? "page" : n ?? p ?? r ?? (l ? "page" : "panel"),
+    setPresentation: Pe((m) => {
       d || i(m), s?.(m);
     }, [d, s]),
     canChoose: !d || s != null
   };
 }
-function Bt() {
-  const [e, a] = A(null), n = V(() => ({ setBack: a }), []), r = E(null);
+function Oa() {
+  const [e, t] = _(null), n = V(() => ({ setBack: t }), []), r = C(null);
   return {
     back: e,
     panel: n,
     closeRef: r,
-    leave: Ie(() => {
+    leave: Pe(() => {
       const s = r.current?.querySelector("a, button");
       return s == null ? !1 : (s.click(), !0);
     }, [])
   };
 }
-var Ze = {
+var Ye = {
   variant: "ghost",
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ t(at, {})
+  children: /* @__PURE__ */ a(ea, {})
 };
-function Mt({ label: e, icon: a, onClick: n }) {
-  return /* @__PURE__ */ b(X.Root, { children: [/* @__PURE__ */ t(X.Trigger, { render: /* @__PURE__ */ t(ne, {
+function La({ label: e, icon: t, onClick: n }) {
+  return /* @__PURE__ */ b(X.Root, { children: [/* @__PURE__ */ a(X.Trigger, { render: /* @__PURE__ */ a(ne, {
     variant: "ghost",
     size: "sm",
     svgOnly: !0,
     "aria-label": e,
     onClick: n,
-    children: a
-  }) }), /* @__PURE__ */ t(X.Portal, { children: /* @__PURE__ */ t(X.Positioner, { children: /* @__PURE__ */ t(X.Popup, { children: e }) }) })] });
+    children: t
+  }) }), /* @__PURE__ */ a(X.Portal, { children: /* @__PURE__ */ a(X.Positioner, { children: /* @__PURE__ */ a(X.Popup, { children: e }) }) })] });
 }
-function Dt({ back: e, onClose: a, onExpand: n, closeRef: r, panel: s, children: l }) {
+function Ba({ back: e, onClose: t, onExpand: n, closeRef: r, panel: s, children: l }) {
   return /* @__PURE__ */ b(Z, { children: [/* @__PURE__ */ b("span", {
     className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
-    children: [n != null ? /* @__PURE__ */ t(X.Provider, { children: /* @__PURE__ */ t(Mt, {
+    children: [n != null ? /* @__PURE__ */ a(X.Provider, { children: /* @__PURE__ */ a(La, {
       label: "Expand",
-      icon: /* @__PURE__ */ t(Vt, {}),
+      icon: /* @__PURE__ */ a(Wa, {}),
       onClick: n
-    }) }) : null, /* @__PURE__ */ t("span", {
+    }) }) : null, /* @__PURE__ */ a("span", {
       ref: r,
       className: "contents",
-      children: e != null ? /* @__PURE__ */ t(Te, {
-        ...Ze,
+      children: e != null ? /* @__PURE__ */ a(Re, {
+        ...Ye,
         href: e.href,
         onClick: e.onClick
-      }) : a != null ? /* @__PURE__ */ t(ne, {
-        ...Ze,
-        onClick: a
+      }) : t != null ? /* @__PURE__ */ a(ne, {
+        ...Ye,
+        onClick: t
       }) : null
     })]
-  }), /* @__PURE__ */ b(ae.Root, {
+  }), /* @__PURE__ */ b(te.Root, {
     className: "min-h-0 min-w-0 flex-1",
-    children: [/* @__PURE__ */ t(ae.Viewport, {
+    children: [/* @__PURE__ */ a(te.Viewport, {
       className: "overflow-x-hidden",
       style: { overflowX: "hidden" },
-      children: /* @__PURE__ */ t(ae.Content, {
+      children: /* @__PURE__ */ a(te.Content, {
         className: "flex min-h-full w-full min-w-0 flex-col",
         style: {
           minWidth: 0,
           width: "100%",
           maxWidth: "100%"
         },
-        children: /* @__PURE__ */ t(ct.Provider, {
+        children: /* @__PURE__ */ a(la.Provider, {
           value: s,
           children: l
         })
       })
-    }), /* @__PURE__ */ t(ae.Scrollbar, { children: /* @__PURE__ */ t(ae.Thumb, {}) })]
+    }), /* @__PURE__ */ a(te.Scrollbar, { children: /* @__PURE__ */ a(te.Thumb, {}) })]
   })] });
 }
-function Ln({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeholder: l, children: c }) {
-  const p = I(), { back: i, panel: d, closeRef: m, leave: o } = Bt(), h = p ? "blur(0px)" : `blur(${Pe}px)`, g = a ?? "100dvh";
+function Bn({ width: e, paneHeight: t, onClose: n, onExpand: r, open: s, placeholder: l, children: c }) {
+  const p = I(), { back: i, panel: d, closeRef: m, leave: o } = Oa(), h = p ? "blur(0px)" : `blur(${Te}px)`, g = t ?? "100dvh";
   L(() => {
     const y = (w) => {
       w.key !== "Escape" || w.defaultPrevented || o() && w.preventDefault();
@@ -1950,7 +1932,7 @@ function Ln({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
     },
     transition: p ? { duration: 0 } : ue
   };
-  return /* @__PURE__ */ t("aside", {
+  return /* @__PURE__ */ a("aside", {
     "data-basic-page-aside": "panel",
     "data-basic-page-aside-variant": "inline",
     className: "relative flex min-w-0 shrink-0 flex-col",
@@ -1960,15 +1942,15 @@ function Ln({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
       maxWidth: e,
       minHeight: g
     },
-    children: /* @__PURE__ */ t("div", {
+    children: /* @__PURE__ */ a("div", {
       className: "border-pho-secondary bg-pho-primary sticky top-0 grid min-w-0 overflow-hidden border-l *:min-h-0 *:[grid-area:1/1]",
       style: { height: g },
-      children: /* @__PURE__ */ t(z, {
+      children: /* @__PURE__ */ a(z, {
         initial: !1,
-        children: s ? /* @__PURE__ */ t(N.div, {
+        children: s ? /* @__PURE__ */ a(N.div, {
           ...v,
           className: "relative flex min-w-0 flex-col",
-          children: /* @__PURE__ */ t(Dt, {
+          children: /* @__PURE__ */ a(Ba, {
             back: i,
             onClose: n,
             onExpand: r,
@@ -1976,7 +1958,7 @@ function Ln({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
             panel: d,
             children: c
           })
-        }, "page") : /* @__PURE__ */ t(N.div, {
+        }, "page") : /* @__PURE__ */ a(N.div, {
           ...v,
           className: "flex flex-col",
           children: l
@@ -1985,9 +1967,9 @@ function Ln({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
     })
   });
 }
-function Bn({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, open: l, modal: c, children: p }) {
-  const { back: i, panel: d, closeRef: m, leave: o } = Bt(), h = n ?? "100dvh";
-  return /* @__PURE__ */ t(se.Root, {
+function Mn({ container: e, width: t, paneHeight: n, onClose: r, onExpand: s, open: l, modal: c, children: p }) {
+  const { back: i, panel: d, closeRef: m, leave: o } = Oa(), h = n ?? "100dvh";
+  return /* @__PURE__ */ a(se.Root, {
     open: l,
     modal: c ? "trap-focus" : !1,
     disablePointerDismissal: !0,
@@ -1997,25 +1979,25 @@ function Bn({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, op
     children: /* @__PURE__ */ b(se.Portal, {
       container: e,
       className: "contents",
-      children: [c ? /* @__PURE__ */ t(se.Backdrop, {
+      children: [c ? /* @__PURE__ */ a(se.Backdrop, {
         "data-basic-page-aside-backdrop": "",
         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__ */ t(se.Popup, {
+      }) : null, /* @__PURE__ */ a(se.Popup, {
         "data-basic-page-aside": "panel",
         "data-basic-page-aside-variant": "overlay",
         initialFocus: c ? void 0 : !1,
         finalFocus: c ? 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: a,
+          width: t,
           minWidth: 0,
-          maxWidth: a
+          maxWidth: t
         },
-        children: /* @__PURE__ */ t("div", {
+        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: h },
-          children: /* @__PURE__ */ t(Dt, {
+          children: /* @__PURE__ */ a(Ba, {
             back: i,
             onClose: r,
             onExpand: s,
@@ -2028,8 +2010,8 @@ function Bn({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, op
     })
   });
 }
-var Mn = "14rem", Dn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", et = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function Fn({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: c, ...p }) {
+var Dn = "14rem", Fn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Je = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function Hn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: c, ...p }) {
   const i = k(Se), d = he(i?.subscribe ?? be, () => i?.get().api ?? null, () => null), m = n != null;
   L(() => {
     if (!(i == null || m))
@@ -2045,23 +2027,24 @@ function Fn({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
     setQuery: d.setQuery,
     placeholder: d.placeholder,
     label: l ?? d.placeholder
-  }, [h, g] = A(!1), v = E(null), y = h || (o?.query ?? "") !== "";
+  }, [h, g] = _(!1), v = C(null), y = h || (o?.query ?? "") !== "";
   if (L(() => {
     if (!h) return;
-    let f = 0, _ = 0;
+    let f = 0, A = 0;
     const x = () => {
-      const C = v.current;
-      C != null && (C.focus(), document.activeElement !== C && _++ < 5 && (f = requestAnimationFrame(x)));
+      const E = v.current;
+      E != null && (E.focus(), document.activeElement !== E && A++ < 5 && (f = requestAnimationFrame(x)));
     };
     return f = requestAnimationFrame(x), () => cancelAnimationFrame(f);
-  }, [h]), e === "ghost") return /* @__PURE__ */ t("div", {
+  }, [h]), e === "ghost") return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
     className: u("flex min-w-0 flex-1", o == null && "hidden", c),
     ...p,
-    children: o != null && /* @__PURE__ */ t(ea, {
+    children: o != null && /* @__PURE__ */ a(et, {
       value: o.query,
       onChange: o.setQuery,
+      onClear: () => o.setQuery(""),
       placeholder: o.placeholder,
       "aria-label": o.label,
       onKeyDown: (f) => {
@@ -2069,16 +2052,16 @@ function Fn({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
       }
     })
   });
-  const w = a === "auto";
-  return /* @__PURE__ */ t("div", {
+  const w = t === "auto";
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
     "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", c),
     ...p,
     children: o != null && /* @__PURE__ */ b("div", {
-      className: u("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Dn, w && "@[36rem]:w-56"),
-      style: y ? { width: Mn } : void 0,
-      children: [/* @__PURE__ */ t(ne, {
+      className: u("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Fn, w && "@[36rem]:w-56"),
+      style: y ? { width: Dn } : void 0,
+      children: [/* @__PURE__ */ a(ne, {
         variant: "outlined",
         size: "sm",
         shape: "circle",
@@ -2087,36 +2070,33 @@ function Fn({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
         "aria-hidden": y || void 0,
         tabIndex: y ? -1 : void 0,
         onClick: () => g(!0),
-        className: u(et, y ? "pointer-events-none invisible opacity-0" : "visible opacity-100", w && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ t(Ge, {})
-      }), /* @__PURE__ */ t("div", {
+        className: u(Je, y ? "pointer-events-none invisible opacity-0" : "visible opacity-100", w && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
+        children: /* @__PURE__ */ a(qa, {})
+      }), /* @__PURE__ */ a("div", {
         inert: !w && !y,
-        className: u("w-full min-w-0", et, y ? "visible opacity-100" : "pointer-events-none invisible opacity-0", w && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
-        children: /* @__PURE__ */ b(Ne.Root, {
-          size: "sm",
-          className: "w-full",
-          children: [/* @__PURE__ */ t(Ne.Addon, { children: /* @__PURE__ */ t(Ge, {}) }), /* @__PURE__ */ t(Ne.Input, {
-            ref: v,
-            type: "search",
-            value: o.query,
-            onChange: (f) => o.setQuery(f.target.value),
-            onBlur: () => {
-              o.query === "" && g(!1);
-            },
-            onKeyDown: (f) => {
-              f.key === "Escape" && (f.preventDefault(), o.setQuery(""), g(!1), f.currentTarget.blur());
-            },
-            placeholder: o.placeholder,
-            "aria-label": o.label
-          })]
+        className: u("w-full min-w-0", Je, y ? "visible opacity-100" : "pointer-events-none invisible opacity-0", w && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
+        children: /* @__PURE__ */ a(at, {
+          ref: v,
+          value: o.query,
+          onChange: (f) => o.setQuery(f.target.value),
+          onClear: () => o.setQuery(""),
+          onBlur: () => {
+            o.query === "" && g(!1);
+          },
+          onKeyDown: (f) => {
+            f.key === "Escape" && (f.preventDefault(), o.setQuery(""), g(!1), f.currentTarget.blur());
+          },
+          placeholder: o.placeholder,
+          "aria-label": o.label,
+          className: "w-full"
         })
       })]
     })
   });
 }
-function Hn({ header: e, main: a, side: n, foot: r, enter: s }) {
+function zn({ header: e, main: t, side: n, foot: r, enter: s }) {
   const l = n != null;
-  return /* @__PURE__ */ t("div", {
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-columns": "",
     className: "@container w-full min-w-0",
     children: /* @__PURE__ */ b("div", {
@@ -2124,19 +2104,19 @@ function Hn({ header: e, main: a, side: n, foot: r, enter: s }) {
       children: [e, /* @__PURE__ */ b("div", {
         className: u("grid gap-x-10 gap-y-4", l && "@min-[73.5rem]:grid-cols-[minmax(42rem,1fr)_minmax(29rem,32rem)] @min-[73.5rem]:grid-rows-[auto_minmax(0,1fr)]", l && "[&>[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__ */ t(le, {
+          /* @__PURE__ */ a(le, {
             enter: s,
             "data-basic-page-columns-main": "",
             className: u("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", l && "@min-[73.5rem]:col-start-1 @min-[73.5rem]:row-span-2 @min-[73.5rem]:row-start-1"),
-            children: a
+            children: t
           }),
-          l ? /* @__PURE__ */ t(le, {
+          l ? /* @__PURE__ */ a(le, {
             enter: s,
             "data-basic-page-columns-side": "",
             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__ */ t(le, {
+          r != null ? /* @__PURE__ */ a(le, {
             enter: s,
             "data-basic-page-columns-foot": "",
             className: u("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", l && "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-2 @min-[73.5rem]:self-start"),
@@ -2147,71 +2127,71 @@ function Hn({ header: e, main: a, side: n, foot: r, enter: s }) {
     })
   });
 }
-var br = {
-  Root: da,
-  Aside: In,
-  Search: Fn,
-  Table: Ut,
-  Code: jt,
-  CondenseScope: xa,
-  Breadcrumbs: Ot,
-  Crumb: Lt,
-  Back: Sn,
-  Title: ka,
-  TitleAccessory: Ca,
+var vr = {
+  Root: ut,
+  Aside: On,
+  Search: Hn,
+  Table: Qa,
+  Code: Va,
+  CondenseScope: wt,
+  Breadcrumbs: Pa,
+  Crumb: Ia,
+  Back: Pn,
+  Title: Rt,
+  TitleAccessory: kt,
   Stack: le,
-  Columns: Hn,
-  Header: Ma,
-  HeaderAction: Da,
-  SectionTitle: Fa,
-  Description: vt,
-  TableCount: Ha,
-  SectionFooter: za,
-  Card: Ga,
-  Item: $a,
-  ItemPanel: Wa,
-  Callout: Va,
-  CalloutTitle: ja,
-  CalloutDescription: qa,
-  Onboard: Xa,
-  Step: rn,
-  Checklist: Za,
-  Check: en,
+  Columns: zn,
+  Header: Dt,
+  HeaderAction: Ft,
+  SectionTitle: Ht,
+  Description: ga,
+  TableCount: zt,
+  SectionFooter: Gt,
+  Card: $t,
+  Item: Wt,
+  ItemPanel: Vt,
+  Callout: jt,
+  CalloutTitle: qt,
+  CalloutDescription: Kt,
+  Onboard: Qt,
+  Step: sn,
+  Checklist: en,
+  Check: an,
   Timeline: tn,
-  TimelineItem: an,
-  Row: sn,
-  RowLink: Pn,
-  Value: ln,
-  Meta: $e.Root,
-  MetaItem: $e.Item,
-  Receipt: pn,
-  ReceiptGroup: mn,
-  ReceiptLine: fn,
-  ReceiptTotal: hn,
-  Alert: gn,
+  TimelineItem: nn,
+  Row: ln,
+  RowLink: In,
+  Value: on,
+  Meta: ze.Root,
+  MetaItem: ze.Item,
+  Receipt: mn,
+  ReceiptGroup: fn,
+  ReceiptLine: hn,
+  ReceiptTotal: gn,
+  Alert: bn,
   Footer: An,
-  Form: bn,
-  Saved: vn,
-  Fields: xn,
-  Inline: wn,
-  Submit: Nn,
-  Reveal: ze
+  Form: vn,
+  Saved: yn,
+  Fields: wn,
+  Inline: Nn,
+  Submit: _n,
+  Reveal: He
 };
 export {
-  ra as a,
-  br as c,
-  wa as d,
-  Ee as f,
-  na as i,
+  it as a,
+  vr as c,
+  Nt as d,
+  Ae as f,
+  rt as i,
   ue as l,
-  fr as m,
-  Ve as n,
-  ia as o,
-  hr as p,
-  it as r,
-  aa as s,
-  gr as t,
-  Na as u
+  hr as m,
+  $e as n,
+  st as o,
+  gr as p,
+  na as r,
+  nt as s,
+  br as t,
+  _t as u
 };
 
-//# sourceMappingURL=basic-page-CJ11ekjH.js.map
+//# sourceMappingURL=basic-page-6dDfY33L.js.map