@photon-ai/pho-ui 4.2.0 → 4.3.0

package/dist/chunks/{basic-page-C3qjXfBe.js → basic-page-65eFgq8o.js}

@@ -1,36 +1,36 @@
 "use client";
 import { t as p } from "./cn-ChIgwEl3.js";
 import { n as Ge } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as ct, FADE_SWAP as ut, SPRING_ENTRANCE as dt, TRAVEL_LINEAR as pt, fadeThroughBlur as ae } from "../motion.js";
+import { FADE_ENTRANCE as ca, FADE_SWAP as ua, SPRING_ENTRANCE as da, TRAVEL_LINEAR as pa, fadeThroughBlur as te } from "../motion.js";
 import { a as Z, o as ve } from "./button-CdqS_t5a.js";
-import { t as mt } from "./error-BAQgnde7.js";
-import { n as ft, t as ht } from "./IconArrowsMinimize-BfPUGuCB.js";
+import { t as ma } from "./error-BAQgnde7.js";
+import { n as fa, t as ha } from "./IconArrowsMinimize-BfPUGuCB.js";
 import { t as ie } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as gt } from "./IconChevronRight-CzoJnYNI.js";
+import { t as ga } from "./IconChevronRight-CzoJnYNI.js";
 import { t as Te } from "./IconSearch-BKAHkLyX.js";
-import { i as ye, n as bt, o as vt, r as yt } from "./data-table-BeUwsjmX.js";
-import { t as xt } from "./IconX-pZ9vrtSr.js";
-import { t as wt } from "./toast-72Wwlzg9.js";
+import { i as ye, n as ba, o as va, r as ya } from "./data-table-BeUwsjmX.js";
+import { t as xa } from "./IconX-pZ9vrtSr.js";
+import { t as wa } from "./toast-72Wwlzg9.js";
 import { t as pe } from "./input-group-fc9_jD4d.js";
-import { t as Nt } from "./animated-height-CCO-Ocoz.js";
+import { t as Na } from "./animated-height-CCO-Ocoz.js";
 import { n as xe, t as J } from "./scroll-area-Zik8t1Mk.js";
-import { i as At } from "./checkbox-CLPmblNA.js";
-import { t as _t } from "./form-AiHbbw4m.js";
+import { i as Aa } from "./checkbox-CLPmblNA.js";
+import { t as _a } from "./form-AiHbbw4m.js";
 import { i as K } from "./menu-BQeprfxB.js";
-import { t as Ct } from "./ghost-search-AmVXd0zE.js";
+import { t as Ca } from "./ghost-search-AmVXd0zE.js";
 import { t as W } from "./tooltip-BTF7GChl.js";
-import { Children as ee, Fragment as Et, createContext as z, isValidElement as Ve, useCallback as we, useContext as R, useEffect as O, useId as kt, useLayoutEffect as H, useMemo as q, useRef as C, useState as w, useSyncExternalStore as ce } from "react";
-import { Fragment as Ne, jsx as t, jsxs as y } from "react/jsx-runtime";
-import { AnimatePresence as $, motion as A, useIsPresent as St, useReducedMotion as M } from "motion/react";
+import { Children as ee, Fragment as Ea, createContext as z, isValidElement as Ve, useCallback as we, useContext as R, useEffect as O, useId as ka, useLayoutEffect as H, useMemo as q, useRef as C, useState as w, useSyncExternalStore as ce } from "react";
+import { Fragment as Ne, jsx as a, jsxs as y } from "react/jsx-runtime";
+import { AnimatePresence as $, motion as A, useIsPresent as Sa, useReducedMotion as M } from "motion/react";
 import { Dialog as ne } from "@base-ui/react/dialog";
 import { createPortal as Pe } from "react-dom";
-var Ae = "rounded-base border border-pho-secondary bg-pho-primary", se = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", $e = `${Ae} ${se} gap-0`, Ie = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Rt = "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", Tt = "flex flex-col gap-3 px-5 py-4", Pt = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", It = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", I = dt, D = ct, j = 12, qe = z(null), Ot = 768;
-function Bt(e, a = "default") {
-  return Math.round(a === "wide" ? Math.min(Math.max(e * 0.5, 400), 640) : Math.min(Math.max(e * 0.4, 320), 448));
+var Ae = "rounded-base border border-pho-secondary bg-pho-primary", se = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", $e = `${Ae} ${se} gap-0`, Ie = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Ra = "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", Ta = "flex flex-col gap-3 px-5 py-4", Pa = "-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", I = da, D = ca, j = 12, qe = z(null), Oa = 768;
+function Ba(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 We = z(null), je = z(null);
-function Lt(e) {
-  const [a, n] = w(null), [r, s] = w(!1), [l, u] = w(!1), [c, i] = w(!1), [d, f] = w(() => ({
+function La(e) {
+  const [t, n] = w(null), [r, s] = w(!1), [l, u] = w(!1), [c, i] = w(!1), [d, f] = w(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
@@ -49,29 +49,29 @@ function Lt(e) {
     return g.observe(o), m != null && g.observe(m), () => g.disconnect();
   }, [e, r]), {
     host: q(() => ({
-      slot: a,
-      paneNarrow: d.width < Ot,
+      slot: t,
+      paneNarrow: d.width < Oa,
       paneWidth: d.width,
       paneHeight: d.height,
       setOpen: u,
       setAsPage: i,
       setPresent: s
-    }), [a, d]),
+    }), [t, d]),
     setSlot: n,
     open: l,
     asPage: c
   };
 }
-function Mt(e) {
+function Ma(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function Oe(e, a) {
-  e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
+function Oe(e, t) {
+  e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
 }
-function Dt({ condense: e = !0, width: a, prerendered: n = !1, className: r, children: s, ref: l, ...u }) {
+function Da({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: s, ref: l, ...u }) {
   const c = R(ue)?.adopt ?? !1, i = R(je), [d, f] = w(!1), o = C(0), m = we((B) => {
     o.current += B ? 1 : -1, f(o.current > 0);
-  }, []), h = a === "wide" || a == null && d, [g] = w(vt), b = C(null), N = q(() => ({
+  }, []), h = t === "wide" || t == null && d, [g] = w(va), b = C(null), N = q(() => ({
     ref: b,
     prerendered: n
   }), [n]), [v, _] = w(null), [x, E] = w(null), T = q(() => ({
@@ -82,27 +82,27 @@ function Dt({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
     if (i != null)
       return i.setBack(x), () => i.setBack(null);
   }, [i, x]);
-  const { host: P, setSlot: F, open: G, asPage: Y } = Lt(b), V = G && Y, U = C(!1), te = C(0);
+  const { host: P, setSlot: F, open: G, asPage: Y } = La(b), V = G && Y, U = C(!1), ae = C(0);
   H(() => {
     const B = b.current;
     if (V === U.current || B == null) return;
     U.current = V;
     const L = Ee(B);
-    V ? (te.current = Mt(L), Oe(L, 0)) : Oe(L, te.current);
+    V ? (ae.current = Ma(L), Oe(L, 0)) : Oe(L, ae.current);
   }, [V]);
-  const S = e ? /* @__PURE__ */ t(Ht, {
+  const S = e ? /* @__PURE__ */ a(Ha, {
     title: v,
     tail: i == null ? x : null,
     silent: V || i != null
-  }) : null, k = /* @__PURE__ */ t("div", {
+  }) : null, k = /* @__PURE__ */ a("div", {
     "data-basic-page-column": "",
     className: p("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", h ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]", c || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ t(Ce.Provider, {
+    children: e ? /* @__PURE__ */ a(Ce.Provider, {
       value: T,
       children: s
     }) : s
   });
-  return /* @__PURE__ */ t("div", {
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-root": "",
     "data-basic-page-width": h ? "wide" : void 0,
     "data-basic-page-prerendered": n ? "" : void 0,
@@ -111,11 +111,11 @@ function Dt({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
     ref: (B) => {
       b.current = B, typeof l == "function" ? l(B) : l != null && (l.current = B);
     },
-    children: /* @__PURE__ */ t(qe.Provider, {
+    children: /* @__PURE__ */ a(qe.Provider, {
       value: N,
-      children: /* @__PURE__ */ t(We.Provider, {
+      children: /* @__PURE__ */ a(We.Provider, {
         value: P,
-        children: /* @__PURE__ */ t(yt.Provider, {
+        children: /* @__PURE__ */ a(ya.Provider, {
           value: m,
           children: /* @__PURE__ */ y(ye.Provider, {
             value: g,
@@ -123,7 +123,7 @@ function Dt({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
               "data-basic-page-main": "",
               className: p("flex min-w-0 flex-1 flex-col", V && "hidden"),
               children: [S, k]
-            }), /* @__PURE__ */ t("div", {
+            }), /* @__PURE__ */ a("div", {
               ref: F,
               className: "contents"
             })]
@@ -134,8 +134,8 @@ function Dt({ condense: e = !0, width: a, prerendered: n = !1, className: r, chi
   });
 }
 var me = /* @__PURE__ */ new Set();
-function Ht({ title: e, tail: a, silent: n = !1 }) {
-  const r = M(), [s, l] = w(() => !n && me.size > 0), u = R(ue), c = kt();
+function Ha({ title: e, tail: t, silent: n = !1 }) {
+  const r = M(), [s, l] = w(() => !n && me.size > 0), u = R(ue), c = ka();
   H(() => {
     if (!(!s || n))
       return me.add(c), () => {
@@ -154,7 +154,7 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
       u.store.set(c, {
         condensed: s,
         title: e?.label ?? null,
-        back: a
+        back: t
       });
     }
   }, [
@@ -162,7 +162,7 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
     c,
     s,
     e,
-    a,
+    t,
     n
   ]), O(() => {
     if (u != null)
@@ -178,11 +178,11 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
     const o = new IntersectionObserver(([m]) => l(m != null && !m.isIntersecting), { root: Ee(i) });
     return o.observe(i), () => o.disconnect();
   }, [i]);
-  const d = r ? 0 : -Yt, f = r ? "blur(0px)" : `blur(${xe}px)`;
-  return /* @__PURE__ */ t("div", {
+  const d = r ? 0 : -Ya, f = r ? "blur(0px)" : `blur(${xe}px)`;
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-condense": "",
     className: "sticky top-0 z-20 h-0 overflow-visible",
-    children: /* @__PURE__ */ t($, {
+    children: /* @__PURE__ */ a($, {
       initial: !1,
       children: s && !(u?.adopt ?? !1) && /* @__PURE__ */ y(A.div, {
         initial: { opacity: 0 },
@@ -190,21 +190,21 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
         exit: { opacity: 0 },
         transition: le,
         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(ve, {
+          children: t != null && /* @__PURE__ */ a(ve, {
             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(ie, {})
+              children: /* @__PURE__ */ a(ie, {})
             }),
             className: "min-w-max",
-            children: a.label
+            children: t.label
           })
-        }), /* @__PURE__ */ t(A.span, {
+        }), /* @__PURE__ */ a(A.span, {
           initial: {
             opacity: 0,
             y: d,
@@ -222,7 +222,7 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
           },
           transition: {
             ...le,
-            y: Qt
+            y: Qa
           },
           className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
           children: e?.label
@@ -231,28 +231,28 @@ function Ht({ title: e, tail: a, silent: n = !1 }) {
     })
   });
 }
-function Ft(e) {
+function Fa(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function zt(e) {
+function za(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return Ft(String(e)) || void 0;
+    return Fa(String(e)) || void 0;
 }
-function _e(e, a) {
+function _e(e, t) {
   if (e !== "")
-    return e ?? zt(a);
+    return e ?? za(t);
 }
-var Gt = (e) => `basic-page-morph-${e}`, Vt = { layout: I }, Be = 10, Le = {
+var Ga = (e) => `basic-page-morph-${e}`, Va = { layout: I }, Be = 10, Le = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, $t = {
+}, $a = {
   duration: 0.18,
   ease: "easeOut"
-}, qt = -8, Wt = {
+}, qa = -8, Wa = {
   duration: 0.16,
   ease: "easeOut"
-}, jt = {
+}, ja = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
@@ -260,10 +260,10 @@ var Gt = (e) => `basic-page-morph-${e}`, Vt = { layout: I }, Be = 10, Le = {
   duration: 0.12,
   ease: "easeOut"
 }, X = [];
-function Kt(e) {
-  const a = C({ labels: e });
-  a.current.labels = e, H(() => {
-    const n = a.current;
+function Ka(e) {
+  const t = C({ labels: e });
+  t.current.labels = e, H(() => {
+    const n = t.current;
     return X.push(n), () => {
       X.splice(X.indexOf(n), 1);
     };
@@ -271,8 +271,8 @@ function Kt(e) {
 }
 function Xe() {
   const [e] = w(() => {
-    const a = X[X.length - 1];
-    return a ? { labels: [...a.labels] } : null;
+    const t = X[X.length - 1];
+    return t ? { labels: [...t.labels] } : null;
   });
   return e;
 }
@@ -282,7 +282,7 @@ var Ce = z(null), ge = {
   back: null
 }, ue = z(null), de = () => () => {
 }, Me = () => ge;
-function Xt({ adopt: e = !0, children: a }) {
+function Xa({ adopt: e = !0, children: t }) {
   const [n] = w(() => {
     let s = ge, l = null;
     const u = /* @__PURE__ */ new Set(), c = () => {
@@ -304,34 +304,34 @@ function Xt({ adopt: e = !0, children: a }) {
     store: n,
     adopt: e
   }), [n, e]);
-  return /* @__PURE__ */ t(ue.Provider, {
+  return /* @__PURE__ */ a(ue.Provider, {
     value: r,
-    children: a
+    children: t
   });
 }
 function kn() {
   const e = R(ue);
   return ce(e?.store.subscribe ?? de, e?.store.get ?? Me, e?.store.get ?? Me);
 }
-var le = ut, Qt = pt, Yt = -8;
+var le = ua, Qa = pa, Ya = -8;
 function Ee(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 fe = /* @__PURE__ */ new Map(), Ut = 96;
-function Jt(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 fe = /* @__PURE__ */ new Map(), Ua = 96;
+function Ja(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 Qe(e) {
-  const [a] = w(() => {
+  const [t] = w(() => {
     if (e == null) return !1;
     const r = fe.get(e);
-    return r != null && r.visible && r.el.isConnected && Jt(r.el) <= Ut;
+    return r != null && r.visible && r.el.isConnected && Ja(r.el) <= Ua;
   }), n = C(null);
   return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
@@ -347,11 +347,11 @@ function Qe(e) {
       s.disconnect(), fe.delete(e);
     };
   }, [e]), {
-    fly: a,
+    fly: t,
     ref: n
   };
 }
-var Zt = {
+var Za = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -374,17 +374,17 @@ var Zt = {
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: jt }
+    transition: { x: ja }
   }
 };
-function Ye({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: u }) {
-  const [c, i] = w(!1), d = !n && s != null ? Zt[s] : null;
+function Ye({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: s, className: l, children: u }) {
+  const [c, i] = w(!1), d = !n && s != null ? Za[s] : null;
   return /* @__PURE__ */ y(A.span, {
     ref: r,
-    layoutId: Gt(e),
+    layoutId: Ga(e),
     initial: d?.initial,
     animate: d?.animate,
-    transition: n ? Vt : {
+    transition: n ? Va : {
       layout: { duration: 0 },
       ...d?.transition
     },
@@ -393,20 +393,20 @@ function Ye({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, cla
     },
     onLayoutAnimationComplete: () => i(!1),
     className: p("relative inline-block", l),
-    children: [u, c && /* @__PURE__ */ t(A.span, {
+    children: [u, c && /* @__PURE__ */ a(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: $t,
+      transition: $a,
       onAnimationComplete: () => i(!1),
-      className: p("absolute inset-0", a),
+      className: p("absolute inset-0", t),
       children: u
     })]
   });
 }
 var De = "max-w-full min-w-0 truncate align-top";
-function ea({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...u }) {
-  const c = _e(e, l), i = M(), d = Se(n === !0), f = Qe(a), o = Xe(), m = !i && (a != null || d === !0), h = d || o != null ? "rise" : void 0, g = R(Ce), b = C(null);
+function et({ id: e, morphId: t, enter: n, trailing: r, className: s, children: l, ...u }) {
+  const c = _e(e, l), i = M(), d = Se(n === !0), f = Qe(t), o = Xe(), m = !i && (t != null || d === !0), h = d || o != null ? "rise" : void 0, g = R(Ce), b = C(null);
   H(() => {
     if (g != null)
       return g.setTitle({
@@ -418,15 +418,15 @@ function ea({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
   H(() => {
     X.length > 0 && v(!1);
   }, []);
-  const _ = r != null && r !== !1, x = !i && (a != null ? f.fly || h != null : d === !0), E = a != null && !i ? /* @__PURE__ */ t(Ye, {
-    morphId: a,
+  const _ = r != null && r !== !1, x = !i && (t != null ? f.fly || h != null : d === !0), E = t != null && !i ? /* @__PURE__ */ a(Ye, {
+    morphId: t,
     fromClassName: "text-pho-secondary",
     fly: f.fly,
     morphRef: f.ref,
     arrival: h,
     className: De,
     children: l
-  }) : d && !i ? /* @__PURE__ */ t(A.span, {
+  }) : d && !i ? /* @__PURE__ */ a(A.span, {
     initial: {
       opacity: 0,
       y: j
@@ -441,7 +441,7 @@ function ea({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
     },
     className: p("inline-block", De),
     children: l
-  }) : _ ? /* @__PURE__ */ t("span", {
+  }) : _ ? /* @__PURE__ */ a("span", {
     className: "min-w-0 truncate",
     children: l
   }) : l;
@@ -457,7 +457,7 @@ function ea({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
     },
     children: [_ ? /* @__PURE__ */ y("span", {
       className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [E, x ? /* @__PURE__ */ t(A.span, {
+      children: [E, x ? /* @__PURE__ */ a(A.span, {
         "data-basic-page-title-trailing": "",
         initial: {
           opacity: 0,
@@ -473,34 +473,34 @@ function ea({ id: e, morphId: a, enter: n, trailing: r, className: s, children:
         },
         className: "shrink-0",
         children: r
-      }) : /* @__PURE__ */ t("span", {
+      }) : /* @__PURE__ */ a("span", {
         "data-basic-page-title-trailing": "",
         className: "shrink-0",
         children: r
       })]
-    }) : E, N && /* @__PURE__ */ t(A.span, {
+    }) : E, N && /* @__PURE__ */ a(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
       transition: Ke,
       onAnimationComplete: () => v(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Ha),
-      children: /* @__PURE__ */ t(ie, {})
+      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Ht),
+      children: /* @__PURE__ */ a(ie, {})
     })]
   });
 }
 var Ue = z(!1);
-function ta() {
-  const e = R(Ue), a = M(), [n] = w(() => e && !a);
+function at() {
+  const e = R(Ue), t = M(), [n] = w(() => e && !t);
   return n;
 }
-var aa = {
+var tt = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, na = {
+}, nt = {
   y: I,
   opacity: D,
   height: I,
@@ -509,7 +509,7 @@ var aa = {
   borderTopWidth: I
 };
 function ke() {
-  const e = ta(), a = St(), n = M();
+  const e = at(), t = Sa(), n = M();
   return {
     initial: e ? {
       opacity: 0,
@@ -519,52 +519,52 @@ function ke() {
       opacity: 1,
       y: 0
     },
-    exit: aa,
-    transition: n ? { duration: 0 } : na,
-    leaving: !a
+    exit: tt,
+    transition: n ? { duration: 0 } : nt,
+    leaving: !t
   };
 }
-var ra = typeof process < "u" && process.env.NODE_ENV !== "production";
-function Je(e, a, n, r) {
+var rt = typeof process < "u" && process.env.NODE_ENV !== "production";
+function Je(e, t, n, r) {
   O(() => {
-    if (!ra || e.current == null || typeof getComputedStyle != "function") return;
+    if (!rt || e.current == null || typeof getComputedStyle != "function") return;
     const s = (u) => {
       const c = getComputedStyle(u).rowGap;
       return c === "" || c === "normal" ? null : parseFloat(c);
     }, 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 u of Array.from(e.current.children)) {
       const c = r(u);
       if (c == null || getComputedStyle(u).display === "contents") continue;
       const i = s(u);
-      i != null && i !== c && console.warn(`[BasicPage.${a}] a child is spaced at ${i}px instead of ${c}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
+      i != null && i !== c && console.warn(`[BasicPage.${t}] a child is spaced at ${i}px instead of ${c}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
     }
   });
 }
-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 it(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 sa = () => !1, la = () => !0;
-function oa() {
-  return ce(de, sa, la);
+var st = () => !1, lt = () => !0;
+function ot() {
+  return ce(de, st, lt);
 }
-function Se(e, a = !1) {
-  const n = R(qe), r = oa(), [s] = w(() => {
+function Se(e, t = !1) {
+  const n = R(qe), r = ot(), [s] = w(() => {
     if (r || !e || n?.prerendered) return !1;
-    if (a) return !0;
+    if (t) return !0;
     if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
     const l = n ? n.ref.current : document;
-    return l == null || !ia(l);
+    return l == null || !it(l);
   });
   return s;
 }
-function re({ enter: e, className: a, children: n, ref: r, ...s }) {
+function re({ enter: e, className: t, children: n, ref: r, ...s }) {
   const l = M(), u = C(null);
   Je(u, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") ? null : 12);
   const c = Se(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", f = C(d), o = f.current && !d;
   return O(() => {
     f.current = d;
-  }), /* @__PURE__ */ t(A.div, {
+  }), /* @__PURE__ */ a(A.div, {
     ref: (m) => {
       u.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
     },
@@ -581,18 +581,18 @@ function re({ enter: e, className: a, children: n, ref: r, ...s }) {
       y: I,
       opacity: D
     },
-    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:gap-3", a),
+    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:gap-3", t),
     ...s,
-    children: /* @__PURE__ */ t(Ue.Provider, {
+    children: /* @__PURE__ */ a(Ue.Provider, {
       value: o,
       children: n
     })
   });
 }
-var He = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 [&>:not([data-basic-page-search]):not([data-basic-page-header-action])]:col-start-1 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:row-span-2 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:self-center [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):not(:nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-end [&>:not([data-basic-page-search]):not([data-basic-page-header-action]):not(:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-start [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
-function ca({ enter: e, className: a, ...n }) {
+var He = "@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 ct({ enter: e, className: t, ...n }) {
   const r = M();
-  return Se(e === !0) && !r ? /* @__PURE__ */ t(A.div, {
+  return Se(e === !0) && !r ? /* @__PURE__ */ a(A.div, {
     initial: {
       opacity: 0,
       y: j
@@ -605,86 +605,86 @@ function ca({ enter: e, className: a, ...n }) {
       y: I,
       opacity: D
     },
-    className: p(He, a),
+    className: p(He, t),
     ...n,
     "data-basic-page-header": ""
-  }) : /* @__PURE__ */ t("div", {
-    className: p(He, a),
+  }) : /* @__PURE__ */ a("div", {
+    className: p(He, t),
     ...n,
     "data-basic-page-header": ""
   });
 }
-function ua({ className: e, ...a }) {
-  return /* @__PURE__ */ t("div", {
+function ut({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-header-action": "",
     className: p("flex items-center gap-2", "[[data-basic-page-header]>&]:col-start-3 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:mr-5 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
-    ...a
+    ...t
   });
 }
-function da({ id: e, className: a, children: n, ...r }) {
+function dt({ id: e, className: t, children: n, ...r }) {
   const s = _e(e, n);
-  return /* @__PURE__ */ t("h2", {
+  return /* @__PURE__ */ a("h2", {
     id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", a),
+    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", t),
     ...r,
     children: n
   });
 }
-function Ze({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
+function Ze({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
     className: p("text-display-xs text-pho-description px-5 font-normal", e),
-    ...a
+    ...t
   });
 }
-function pa({ one: e, other: a, ...n }) {
+function pt({ one: e, other: t, ...n }) {
   const r = R(ye), s = ce(r?.subscribe ?? de, () => 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(Ze, {
+  const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : t}.`;
+  return /* @__PURE__ */ a(Ze, {
     ...n,
     children: l
   });
 }
-function ma({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
+function mt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
     className: p("text-pho-description px-5 text-xs font-normal", "mt-3 [[data-basic-page-callout]_&]:mt-0 [[data-basic-page-stack]>*>&]:mt-0", e),
-    ...a
+    ...t
   });
 }
-function fa({ animateHeight: e, className: a, children: n, ...r }) {
-  const s = /* @__PURE__ */ t($, { children: ee.toArray(n) });
-  return e ? /* @__PURE__ */ t("div", {
-    className: p(Ae, "min-h-0 gap-0 overflow-hidden", a),
+function ft({ animateHeight: e, className: t, children: n, ...r }) {
+  const s = /* @__PURE__ */ a($, { children: ee.toArray(n) });
+  return e ? /* @__PURE__ */ a("div", {
+    className: p(Ae, "min-h-0 gap-0 overflow-hidden", t),
     ...r,
     "data-basic-page-card": "",
-    children: /* @__PURE__ */ t(Nt, {
+    children: /* @__PURE__ */ a(Na, {
       transition: I,
       className: se,
       children: s
     })
-  }) : /* @__PURE__ */ t("div", {
-    className: p($e, a),
+  }) : /* @__PURE__ */ a("div", {
+    className: p($e, t),
     ...r,
     "data-basic-page-card": "",
     children: s
   });
 }
-function ha({ className: e, ...a }) {
+function ht({ className: e, ...t }) {
   const { leaving: n, ...r } = ke();
-  return /* @__PURE__ */ t(A.div, {
+  return /* @__PURE__ */ a(A.div, {
     ...r,
-    className: p(Tt, n && "overflow-hidden", e),
-    ...a
+    className: p(Ta, n && "overflow-hidden", e),
+    ...t
   });
 }
-function ga({ divided: e = !1, className: a, ...n }) {
-  return /* @__PURE__ */ t("div", {
-    className: p(e ? It : Pt, a),
+function gt({ divided: e = !1, className: t, ...n }) {
+  return /* @__PURE__ */ a("div", {
+    className: p(e ? Ia : Pa, t),
     ...n
   });
 }
-function ba({ className: e, icon: a, children: n, ...r }) {
-  if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
+function bt({ className: e, icon: t, children: n, ...r }) {
+  if (t == null || t === !1 || t === !0) return /* @__PURE__ */ a("div", {
     className: p(Ie, e),
     ...r,
     "data-basic-page-callout": "",
@@ -697,39 +697,39 @@ function ba({ className: e, icon: a, children: n, ...r }) {
     "data-basic-page-callout": "",
     children: [/* @__PURE__ */ y("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 va({ id: e, className: a, children: n, ...r }) {
+function vt({ id: e, className: t, children: n, ...r }) {
   const s = _e(e, n);
-  return /* @__PURE__ */ t("h2", {
+  return /* @__PURE__ */ a("h2", {
     id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
+    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", t),
     ...r,
     children: n
   });
 }
-function ya({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
+function yt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", {
     className: p("text-display-xs text-pho-description font-normal", e),
-    ...a
+    ...t
   });
 }
-var et = z(null), tt = z(!1);
-function xa({ className: e, children: a, ...n }) {
+var ea = z(null), aa = z(!1);
+function xt({ className: e, children: t, ...n }) {
   let r = !1;
-  const s = ee.toArray(a).map((l, u) => {
+  const s = ee.toArray(t).map((l, u) => {
     if (!Ve(l)) return l;
     let c;
-    return l.props.done ? c = "done" : r ? c = "upcoming" : (r = !0, c = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ t(et.Provider, {
+    return l.props.done ? c = "done" : r ? c = "upcoming" : (r = !0, c = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ a(ea.Provider, {
       value: {
         number: u + 1,
         state: c
@@ -737,48 +737,48 @@ function xa({ className: e, children: a, ...n }) {
       children: l
     }, l.key ?? u);
   });
-  return /* @__PURE__ */ t("ol", {
+  return /* @__PURE__ */ a("ol", {
     className: p($e, "m-0 list-none p-0", e),
     ...n,
     "data-basic-page-onboard": "",
     children: s
   });
 }
-var wa = "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]", Na = {
+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 = {
   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"
-}, Aa = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", _a = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Ca = {
+}, 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", Ct = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function Ea({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: u, className: c, children: i, ...d }) {
-  const f = R(et), o = f?.state ?? (s ? "done" : l ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", b = Ca[o], N = i != null && i !== !1, v = e != null && e !== !1, _ = a != null && a !== !1;
-  return /* @__PURE__ */ t("li", {
+function Et({ icon: e, aside: t, title: n, description: r, done: s, working: l, pending: u, className: c, children: i, ...d }) {
+  const f = R(ea), o = f?.state ?? (s ? "done" : l ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", b = Ct[o], N = i != null && i !== !1, v = e != null && e !== !1, _ = t != null && t !== !1;
+  return /* @__PURE__ */ a("li", {
     "data-basic-page-step": o,
     "aria-current": h ? "step" : void 0,
     className: p("relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] items-center gap-x-3 px-5 py-4", "transition-[background-color] duration-200 ease-out first:rounded-t-[calc(0.75rem-1px)] last:rounded-b-[calc(0.75rem-1px)] motion-reduce:transition-none", h && "bg-pho-page", c),
     ...d,
-    children: /* @__PURE__ */ y(tt.Provider, {
+    children: /* @__PURE__ */ y(aa.Provider, {
       value: !0,
       children: [
         /* @__PURE__ */ y("span", {
           "aria-hidden": !0,
-          className: p(wa, Na[o], "col-start-1 row-start-1"),
-          children: [/* @__PURE__ */ t($, {
+          className: p(wt, Nt[o], "col-start-1 row-start-1"),
+          children: [/* @__PURE__ */ a($, {
             initial: !1,
-            children: o === "done" ? /* @__PURE__ */ t(A.span, {
-              ...ae(m),
+            children: o === "done" ? /* @__PURE__ */ a(A.span, {
+              ...te(m),
               className: "flex",
-              children: /* @__PURE__ */ t(At, { className: "size-3" })
-            }, "check") : /* @__PURE__ */ t(A.span, {
-              ...ae(m),
+              children: /* @__PURE__ */ a(Aa, { className: "size-3" })
+            }, "check") : /* @__PURE__ */ a(A.span, {
+              ...te(m),
               children: f?.number ?? 1
             }, "number")
-          }), o === "working" ? /* @__PURE__ */ y(Ne, { children: [/* @__PURE__ */ t("span", { className: Aa }), /* @__PURE__ */ t("span", { className: _a })] }) : null]
+          }), o === "working" ? /* @__PURE__ */ y(Ne, { children: [/* @__PURE__ */ a("span", { className: At }), /* @__PURE__ */ a("span", { className: _t })] }) : null]
         }),
         /* @__PURE__ */ y("div", {
           "data-basic-page-step-title": "",
@@ -788,7 +788,7 @@ function Ea({ icon: e, aside: a, title: n, description: r, done: s, working: l,
             children: [b, " "]
           }) : null, n]
         }),
-        /* @__PURE__ */ t(Re, {
+        /* @__PURE__ */ a(Re, {
           show: h,
           gap: "none",
           clip: !1,
@@ -796,32 +796,32 @@ function Ea({ icon: e, aside: a, title: n, description: r, done: s, working: l,
           children: /* @__PURE__ */ y("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, N ? /* @__PURE__ */ t("div", {
+            }) : null, N ? /* @__PURE__ */ a("div", {
               className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
               children: i
             }) : null]
           })
         }),
-        o === "done" && N ? /* @__PURE__ */ t("div", {
+        o === "done" && N ? /* @__PURE__ */ a("div", {
           className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
           children: i
-        }) : _ ? /* @__PURE__ */ t($, {
+        }) : _ ? /* @__PURE__ */ a($, {
           initial: !1,
-          children: h ? /* @__PURE__ */ t(A.div, {
-            ...ae(m),
+          children: h ? /* @__PURE__ */ a(A.div, {
+            ...te(m),
             className: "col-start-3 row-span-2 row-start-1 self-start",
-            children: a
+            children: t
           }, "aside") : null
-        }) : v ? /* @__PURE__ */ t($, {
+        }) : v ? /* @__PURE__ */ a($, {
           initial: !1,
-          children: h ? /* @__PURE__ */ t(A.div, {
+          children: h ? /* @__PURE__ */ a(A.div, {
             "aria-hidden": !0,
-            ...ae(m),
+            ...te(m),
             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
             })
@@ -831,43 +831,43 @@ function Ea({ icon: e, aside: a, title: n, description: r, done: s, working: l,
     })
   });
 }
-function ka({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...u }) {
+function kt({ label: e, description: t, htmlFor: n, stacked: r = !1, className: s, children: l, ...u }) {
   const { leaving: c, ...i } = ke();
   return /* @__PURE__ */ y(A.div, {
     ...i,
-    className: p(Rt, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", c && "overflow-hidden", s),
+    className: p(Ra, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", c && "overflow-hidden", s),
     ...u,
     children: [/* @__PURE__ */ y("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: p("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
       children: l
     })]
   });
 }
-function Sa({ className: e, ...a }) {
-  const n = R(tt);
-  return /* @__PURE__ */ t("p", {
+function St({ className: e, ...t }) {
+  const n = R(aa);
+  return /* @__PURE__ */ a("p", {
     className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
-    ...a
+    ...t
   });
 }
-function Ra({ error: e, show: a, className: n, children: r, ...s }) {
+function Rt({ error: e, show: t, className: n, children: r, ...s }) {
   const l = M(), u = R(Q), c = e ?? u?.error ?? void 0;
-  return /* @__PURE__ */ t($, {
+  return /* @__PURE__ */ a($, {
     initial: !1,
-    children: (a ?? !0) && (c != null || r != null) ? /* @__PURE__ */ t(A.div, {
+    children: (t ?? !0) && (c != null || r != null) ? /* @__PURE__ */ a(A.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -886,7 +886,7 @@ function Ra({ error: e, show: a, className: n, children: r, ...s }) {
         height: I,
         opacity: D
       },
-      children: /* @__PURE__ */ t(mt, {
+      children: /* @__PURE__ */ a(ma, {
         error: c,
         className: p("px-5 pb-3", n),
         ...s,
@@ -898,9 +898,9 @@ function Ra({ error: e, show: a, className: n, children: r, ...s }) {
 function Sn() {
   return R(Q)?.requestSave ?? null;
 }
-var Rn = 800, he = wt.createToastManager(), Q = z(null);
-function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: u, ...c }) {
-  const [i, d] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, b] = w(a ?? {}), [N, v] = w(null), _ = C(null), x = C(null), E = C(null), T = C(!1), P = C(!1), F = C(null), G = C(async () => {
+var Rn = 800, he = wa.createToastManager(), Q = z(null);
+function Tt({ action: e, errors: t, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: u, ...c }) {
+  const [i, d] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, b] = w(t ?? {}), [N, v] = w(null), _ = C(null), x = C(null), E = C(null), T = C(!1), P = C(!1), F = C(null), G = C(async () => {
   });
   O(() => () => {
     x.current != null && clearTimeout(x.current);
@@ -952,7 +952,7 @@ function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
     }, 800);
   }, U = q(() => n ? (S) => {
     S != null && (E.current = S), o(!0), V();
-  } : null, [n]), te = q(() => ({
+  } : null, [n]), ae = q(() => ({
     pending: i,
     dirty: f,
     error: m,
@@ -965,9 +965,9 @@ function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
     N,
     U
   ]);
-  return /* @__PURE__ */ t(Q.Provider, {
-    value: te,
-    children: /* @__PURE__ */ t(_t, {
+  return /* @__PURE__ */ a(Q.Provider, {
+    value: ae,
+    children: /* @__PURE__ */ a(_a, {
       errors: g,
       onFormSubmit: async (S) => {
         if (e != null) {
@@ -990,8 +990,8 @@ function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
         o(!0), h(null);
         const k = S.target.name;
         k && k in g && b((B) => {
-          const { [k]: L, ...ot } = B;
-          return ot;
+          const { [k]: L, ...oa } = B;
+          return oa;
         }), n && (k && (E.current = k), V()), l?.(S);
       },
       onBlur: (S) => {
@@ -1004,7 +1004,7 @@ function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
         const k = c.ref;
         typeof k == "function" ? k(S) : k != null && (k.current = S);
       },
-      children: /* @__PURE__ */ t("fieldset", {
+      children: /* @__PURE__ */ a("fieldset", {
         disabled: i,
         "aria-busy": i || void 0,
         className: "contents",
@@ -1013,7 +1013,7 @@ function Ta({ action: e, errors: a, autoSave: n = !1, className: r, children: s,
     })
   });
 }
-function Pa({ name: e, className: a, ...n }) {
+function Pt({ name: e, className: t, ...n }) {
   const r = R(Q), s = M(), l = r?.auto ?? null, u = l != null && (e == null || l.field === e), [c, i] = w(!1), d = u ? l.phase : null;
   O(() => {
     if (d !== "saved") return;
@@ -1022,11 +1022,11 @@ function Pa({ name: e, className: a, ...n }) {
     return () => clearTimeout(m);
   }, [d, l]);
   const f = d === "saving" ? "Saving…" : d === "saved" && c ? "Saved" : null, o = s ? "blur(0px)" : `blur(${xe}px)`;
-  return /* @__PURE__ */ t("span", {
+  return /* @__PURE__ */ a("span", {
     className: "grid justify-items-end",
-    children: /* @__PURE__ */ t($, {
+    children: /* @__PURE__ */ a($, {
       initial: !1,
-      children: f != null && /* @__PURE__ */ t(A.output, {
+      children: f != null && /* @__PURE__ */ a(A.output, {
         initial: {
           opacity: 0,
           filter: o
@@ -1040,7 +1040,7 @@ function Pa({ name: e, className: a, ...n }) {
           filter: o
         },
         transition: le,
-        className: p("text-pho-description pl-8 [grid-area:1/1]", a),
+        className: p("text-pho-description pl-8 [grid-area:1/1]", t),
         style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
         ...n,
         children: f
@@ -1048,67 +1048,67 @@ function Pa({ name: e, className: a, ...n }) {
     })
   });
 }
-var Ia = "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 Oa({ className: e, ...a }) {
+var It = "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 Ot({ className: e, ...t }) {
   const n = C(null);
-  return Je(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
-    className: p(Ae, Ia, e),
-    ...a,
+  return Je(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
+    className: p(Ae, It, 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 Ba({ className: e, ...a }) {
-  return /* @__PURE__ */ t("div", {
+function Bt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", {
     className: p("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
-    ...a
+    ...t
   });
 }
-function La({ children: e = "Save changes", ...a }) {
+function Lt({ children: e = "Save changes", ...t }) {
   const n = R(Q);
-  return /* @__PURE__ */ t(Z, {
+  return /* @__PURE__ */ a(Z, {
     type: "submit",
     variant: "effect",
     size: "sm",
     loading: n?.pending,
-    ...a,
+    ...t,
     children: e
   });
 }
-function Ma({ show: e, className: a, ...n }) {
-  const r = R(Q), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
+function Mt({ show: e, className: t, ...n }) {
+  const r = R(Q), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ a("div", {
     "data-basic-page-footer": "",
-    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
+    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
     ...n
   });
-  return s === void 0 ? l : /* @__PURE__ */ t(Re, {
+  return s === void 0 ? l : /* @__PURE__ */ a(Re, {
     show: s,
     gap: "block",
     clip: !1,
     children: l
   });
 }
-var Da = {
+var Dt = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function Re({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
-  const u = M(), c = Da[r ? "none" : n], i = C(null), d = C(e !== !0);
+function Re({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
+  const u = M(), c = Dt[r ? "none" : n], i = C(null), d = C(e !== !0);
   O(() => {
     d.current = !0;
   }, []);
   const f = () => {
-    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(A.div, {
+  return e === void 0 ? /* @__PURE__ */ a(A.div, {
     initial: u ? !1 : {
       opacity: 0,
       y: j
@@ -1123,12 +1123,12 @@ function Re({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s
     },
     className: p(r && se, s),
     ...l
-  }) : /* @__PURE__ */ t($, {
+  }) : /* @__PURE__ */ a($, {
     initial: !1,
-    children: e ? /* @__PURE__ */ t(A.div, {
+    children: e ? /* @__PURE__ */ a(A.div, {
       "data-basic-page-reveal": "",
       ref: (m) => {
-        i.current = m, a && m && d.current && (m.style.overflow = "hidden");
+        i.current = m, t && m && d.current && (m.style.overflow = "hidden");
       },
       onAnimationStart: f,
       onAnimationComplete: o,
@@ -1157,15 +1157,15 @@ function Re({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s
     }) : null
   });
 }
-var Ha = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Fa = "(min-width: 40rem)";
-function za() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Fa).matches;
+var Ht = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Ft = "(min-width: 40rem)";
+function zt() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Ft).matches;
 }
-var at = z(null);
-function nt({ className: e, children: a, ...n }) {
-  const r = ee.toArray(a).filter(Ve), s = r.map((_) => _.props.children ?? null), l = Xe();
-  Kt(s);
-  const [u] = w(za), c = M(), i = r.length, d = Ge(), f = !u && i >= Ga, o = R(Ce), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, b = m?.onClick;
+var ta = z(null);
+function na({ className: e, children: t, ...n }) {
+  const r = ee.toArray(t).filter(Ve), s = r.map((_) => _.props.children ?? null), l = Xe();
+  Ka(s);
+  const [u] = w(zt), c = M(), i = r.length, d = Ge(), f = !u && i >= Gt, o = R(Ce), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, b = m?.onClick;
   H(() => {
     if (!(o == null || g == null))
       return o.setTail({
@@ -1180,32 +1180,32 @@ function nt({ className: e, children: a, ...n }) {
     b
   ]);
   const [N, v] = w(!c && !u && l != null && l.labels.length > i);
-  return /* @__PURE__ */ t("nav", {
+  return /* @__PURE__ */ a("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
     className: p("absolute top-4 left-3 flex min-w-max items-center", e),
     ...n,
     children: /* @__PURE__ */ y("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(Et, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
+      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(Ea, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
         className: "m-0 flex items-center max-sm:hidden",
-        children: [/* @__PURE__ */ t("span", {
+        children: [/* @__PURE__ */ a("span", {
           "aria-hidden": !0,
           className: be,
           children: oe
-        }), /* @__PURE__ */ y(K.Root, { children: [/* @__PURE__ */ t(K.Trigger, { render: /* @__PURE__ */ t(Z, {
+        }), /* @__PURE__ */ y(K.Root, { children: [/* @__PURE__ */ a(K.Trigger, { render: /* @__PURE__ */ a(Z, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2",
-          children: Va
-        }) }), /* @__PURE__ */ t(K.Portal, { children: /* @__PURE__ */ t(K.Positioner, {
+          children: Vt
+        }) }), /* @__PURE__ */ a(K.Portal, { children: /* @__PURE__ */ a(K.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ t(K.Popup, { children: r.slice(1, i - 2).map((E, T) => {
+          children: /* @__PURE__ */ a(K.Popup, { children: r.slice(1, i - 2).map((E, T) => {
             const P = E.props;
-            return /* @__PURE__ */ t(K.LinkItem, {
-              render: /* @__PURE__ */ t(d, {
+            return /* @__PURE__ */ a(K.LinkItem, {
+              render: /* @__PURE__ */ a(d, {
                 href: P.href,
                 onClick: P.onClick
               }),
@@ -1213,9 +1213,9 @@ function nt({ className: e, children: a, ...n }) {
             }, E.key ?? T);
           }) })
         }) })] })]
-      }), /* @__PURE__ */ t("li", {
+      }), /* @__PURE__ */ a("li", {
         className: p("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ t(at.Provider, {
+        children: /* @__PURE__ */ a(ta.Provider, {
           value: {
             index: x,
             count: i,
@@ -1224,10 +1224,10 @@ function nt({ className: e, children: a, ...n }) {
           },
           children: _
         })
-      })] }, _.key ?? x)), N && /* @__PURE__ */ t("li", {
+      })] }, _.key ?? x)), N && /* @__PURE__ */ a("li", {
         "aria-hidden": !0,
         className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ t(A.span, {
+        children: /* @__PURE__ */ a(A.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
           transition: Ke,
@@ -1239,15 +1239,15 @@ function nt({ className: e, children: a, ...n }) {
     })
   });
 }
-var be = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", oe = "/", Ga = 4, Va = "…";
-function rt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
-  const l = R(at), u = M(), c = n != null && !u, i = Qe(c ? n : void 0);
+var be = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", oe = "/", Gt = 4, Vt = "…";
+function ra({ href: e, className: t, morphId: n, children: r = "Back", ...s }) {
+  const l = R(ta), u = M(), c = n != null && !u, i = Qe(c ? n : void 0);
   if (l == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
   const { index: d, count: f, departing: o, narrow: m } = l, h = d === 0, g = d === f - 1, b = o != null && o.labels.length < f, N = o != null && o.labels.length > f, v = g && (o == null || b || m), _ = h || g, x = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", E = o != null, T = g ? m ? N ? "slide" : "fade" : v ? "fade" : void 0 : void 0, [P, F] = w(c && m && i.fly && o != null && !N ? o.labels[o.labels.length - 1] : null), G = c && _ && !E, Y = c && !h && g && (o == null || b);
-  return /* @__PURE__ */ y(Ne, { children: [!h && /* @__PURE__ */ t("span", {
+  return /* @__PURE__ */ y(Ne, { children: [!h && /* @__PURE__ */ a("span", {
     "aria-hidden": !0,
     className: p(be, "max-sm:hidden"),
-    children: Y ? /* @__PURE__ */ t(A.span, {
+    children: Y ? /* @__PURE__ */ a(A.span, {
       initial: i.fly ? {
         opacity: 0,
         x: Be
@@ -1260,11 +1260,11 @@ function rt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
       className: "inline-flex",
       children: oe
     }) : oe
-  }), /* @__PURE__ */ t(ve, {
+  }), /* @__PURE__ */ a(ve, {
     variant: "ghost",
     size: "sm",
     href: e,
-    prefix: _ ? G ? /* @__PURE__ */ t(A.span, {
+    prefix: _ ? G ? /* @__PURE__ */ a(A.span, {
       initial: i.fly ? {
         opacity: 0,
         x: Be
@@ -1275,50 +1275,50 @@ function rt({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
       } : { opacity: 1 },
       transition: i.fly ? Le : D,
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ie, {})
-    }) : /* @__PURE__ */ t("span", {
+      children: /* @__PURE__ */ a(ie, {})
+    }) : /* @__PURE__ */ a("span", {
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ie, {})
-    }) : /* @__PURE__ */ t("span", { className: "hidden" }),
-    className: p("min-w-max", a),
+      children: /* @__PURE__ */ a(ie, {})
+    }) : /* @__PURE__ */ a("span", { className: "hidden" }),
+    className: p("min-w-max", t),
     ...s,
     children: c && n != null ? /* @__PURE__ */ y("span", {
       className: p("relative block", !i.fly && T === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ t(Ye, {
+      children: [/* @__PURE__ */ a(Ye, {
         morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
         arrival: T,
         children: r
-      }), P != null && /* @__PURE__ */ t(A.span, {
+      }), P != null && /* @__PURE__ */ a(A.span, {
         "aria-hidden": !0,
         initial: {
           x: 0,
           opacity: 1
         },
         animate: {
-          x: qt,
+          x: qa,
           opacity: 0
         },
-        transition: Wt,
+        transition: Wa,
         onAnimationComplete: () => F(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: P
       })]
-    }) : /* @__PURE__ */ t("span", {
+    }) : /* @__PURE__ */ a("span", {
       className: p("block", !g && "max-w-40 truncate"),
       children: r
     })
   })] });
 }
-function $a({ className: e, ...a }) {
-  return /* @__PURE__ */ t(nt, {
+function $t({ className: e, ...t }) {
+  return /* @__PURE__ */ a(na, {
     className: e,
-    children: /* @__PURE__ */ t(rt, { ...a })
+    children: /* @__PURE__ */ a(ra, { ...t })
   });
 }
-function qa({ label: e, description: a, leading: n, href: r, className: s, children: l, ...u }) {
+function qt({ label: e, description: t, leading: n, href: r, className: s, children: l, ...u }) {
   const c = Ge(), i = q(() => A.create(c), [c]), { leaving: d, ...f } = ke();
   return /* @__PURE__ */ y(i, {
     href: r,
@@ -1329,31 +1329,31 @@ function qa({ label: e, description: a, leading: n, href: r, className: s, child
       className: p("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
       children: [n, /* @__PURE__ */ y("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__ */ y("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(gt, {
+      }) : null, /* @__PURE__ */ a(ga, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Wa({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, width: l = "default", presentation: u, defaultPresentation: c, onPresentationChange: i, expandable: d = !0, children: f }) {
-  const o = R(We), m = o != null ? Bt(o.paneWidth, l) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: b, canChoose: N } = ja({
+function Wt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: s, width: l = "default", presentation: u, defaultPresentation: c, onPresentationChange: i, expandable: d = !0, children: f }) {
+  const o = R(We), m = o != null ? Ba(o.paneWidth, l) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: b, canChoose: N } = jt({
     isOpen: h,
     paneNarrow: o?.paneNarrow ?? !1,
     presentation: u,
@@ -1379,17 +1379,17 @@ function Wa({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, on
       "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: [T != null ? /* @__PURE__ */ a("span", {
         className: "absolute top-2 right-2 z-30",
-        children: /* @__PURE__ */ t(W.Provider, { children: /* @__PURE__ */ t(st, {
+        children: /* @__PURE__ */ a(W.Provider, { children: /* @__PURE__ */ a(sa, {
           label: "Show as panel",
-          icon: /* @__PURE__ */ t(ht, {}),
+          icon: /* @__PURE__ */ a(ha, {}),
           onClick: T
         }) })
       }) : null, f]
     }) : null, o.slot);
   }
-  return a === "inline" ? Pe(/* @__PURE__ */ t(Ka, {
+  return t === "inline" ? Pe(/* @__PURE__ */ a(Kt, {
     width: m,
     paneHeight: o.paneHeight,
     onClose: s,
@@ -1397,7 +1397,7 @@ function Wa({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, on
     open: h,
     placeholder: r,
     children: f
-  }), o.slot) : /* @__PURE__ */ t(Xa, {
+  }), o.slot) : /* @__PURE__ */ a(Xt, {
     container: o.slot,
     width: m,
     paneHeight: o.paneHeight,
@@ -1408,22 +1408,22 @@ function Wa({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, on
     children: f
   });
 }
-function ja({ isOpen: e, paneNarrow: a, presentation: n, defaultPresentation: r, onPresentationChange: s }) {
+function jt({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: s }) {
   const [l, u] = w(e), [c, i] = w(null);
   H(() => {
     e || (u(!1), i(null));
   }, [e]);
   const d = n != null;
   return {
-    presentation: a ? "page" : n ?? c ?? r ?? (l ? "page" : "panel"),
+    presentation: t ? "page" : n ?? c ?? r ?? (l ? "page" : "panel"),
     setPresentation: we((f) => {
       d || i(f), s?.(f);
     }, [d, s]),
     canChoose: !d || s != null
   };
 }
-function it() {
-  const [e, a] = w(null), n = q(() => ({ setBack: a }), []), r = C(null);
+function ia() {
+  const [e, t] = w(null), n = q(() => ({ setBack: t }), []), r = C(null);
   return {
     back: e,
     panel: n,
@@ -1439,50 +1439,50 @@ var Fe = {
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ t(xt, {})
+  children: /* @__PURE__ */ a(xa, {})
 };
-function st({ label: e, icon: a, onClick: n }) {
-  return /* @__PURE__ */ y(W.Root, { children: [/* @__PURE__ */ t(W.Trigger, { render: /* @__PURE__ */ t(Z, {
+function sa({ label: e, icon: t, onClick: n }) {
+  return /* @__PURE__ */ y(W.Root, { children: [/* @__PURE__ */ a(W.Trigger, { render: /* @__PURE__ */ a(Z, {
     variant: "ghost",
     size: "sm",
     svgOnly: !0,
     "aria-label": e,
     onClick: n,
-    children: a
-  }) }), /* @__PURE__ */ t(W.Portal, { children: /* @__PURE__ */ t(W.Positioner, { children: /* @__PURE__ */ t(W.Popup, { children: e }) }) })] });
+    children: t
+  }) }), /* @__PURE__ */ a(W.Portal, { children: /* @__PURE__ */ a(W.Positioner, { children: /* @__PURE__ */ a(W.Popup, { children: e }) }) })] });
 }
-function lt({ back: e, onClose: a, onExpand: n, closeRef: r, panel: s, children: l }) {
+function la({ back: e, onClose: t, onExpand: n, closeRef: r, panel: s, children: l }) {
   return /* @__PURE__ */ y(Ne, { children: [/* @__PURE__ */ y("span", {
     className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
-    children: [n != null ? /* @__PURE__ */ t(W.Provider, { children: /* @__PURE__ */ t(st, {
+    children: [n != null ? /* @__PURE__ */ a(W.Provider, { children: /* @__PURE__ */ a(sa, {
       label: "Expand",
-      icon: /* @__PURE__ */ t(ft, {}),
+      icon: /* @__PURE__ */ a(fa, {}),
       onClick: n
-    }) }) : null, /* @__PURE__ */ t("span", {
+    }) }) : null, /* @__PURE__ */ a("span", {
       ref: r,
       className: "contents",
-      children: e != null ? /* @__PURE__ */ t(ve, {
+      children: e != null ? /* @__PURE__ */ a(ve, {
         ...Fe,
         href: e.href,
         onClick: e.onClick
-      }) : a != null ? /* @__PURE__ */ t(Z, {
+      }) : t != null ? /* @__PURE__ */ a(Z, {
         ...Fe,
-        onClick: a
+        onClick: t
       }) : null
     })]
   }), /* @__PURE__ */ y(J.Root, {
     className: "min-h-0 flex-1",
-    children: [/* @__PURE__ */ t(J.Viewport, { children: /* @__PURE__ */ t(J.Content, {
+    children: [/* @__PURE__ */ a(J.Viewport, { children: /* @__PURE__ */ a(J.Content, {
       className: "flex min-h-full flex-col",
-      children: /* @__PURE__ */ t(je.Provider, {
+      children: /* @__PURE__ */ a(je.Provider, {
         value: s,
         children: l
       })
-    }) }), /* @__PURE__ */ t(J.Scrollbar, { children: /* @__PURE__ */ t(J.Thumb, {}) })]
+    }) }), /* @__PURE__ */ a(J.Scrollbar, { children: /* @__PURE__ */ a(J.Thumb, {}) })]
   })] });
 }
-function Ka({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeholder: l, children: u }) {
-  const c = M(), { back: i, panel: d, closeRef: f, leave: o } = it(), m = c ? "blur(0px)" : `blur(${xe}px)`, h = a ?? "100dvh";
+function Kt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: s, placeholder: l, children: u }) {
+  const c = M(), { back: i, panel: d, closeRef: f, leave: o } = ia(), m = c ? "blur(0px)" : `blur(${xe}px)`, h = t ?? "100dvh";
   O(() => {
     const b = (N) => {
       N.key !== "Escape" || N.defaultPrevented || o() && N.preventDefault();
@@ -1504,7 +1504,7 @@ function Ka({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
     },
     transition: c ? { duration: 0 } : le
   };
-  return /* @__PURE__ */ t("aside", {
+  return /* @__PURE__ */ a("aside", {
     "data-basic-page-aside": "panel",
     "data-basic-page-aside-variant": "inline",
     className: "relative flex shrink-0 flex-col",
@@ -1512,15 +1512,15 @@ function Ka({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
       width: e,
       minHeight: h
     },
-    children: /* @__PURE__ */ t("div", {
+    children: /* @__PURE__ */ a("div", {
       className: "border-pho-secondary bg-pho-primary sticky top-0 grid border-l *:min-h-0 *:[grid-area:1/1]",
       style: { height: h },
-      children: /* @__PURE__ */ t($, {
+      children: /* @__PURE__ */ a($, {
         initial: !1,
-        children: s ? /* @__PURE__ */ t(A.div, {
+        children: s ? /* @__PURE__ */ a(A.div, {
           ...g,
           className: "relative flex flex-col",
-          children: /* @__PURE__ */ t(lt, {
+          children: /* @__PURE__ */ a(la, {
             back: i,
             onClose: n,
             onExpand: r,
@@ -1528,7 +1528,7 @@ function Ka({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
             panel: d,
             children: u
           })
-        }, "page") : /* @__PURE__ */ t(A.div, {
+        }, "page") : /* @__PURE__ */ a(A.div, {
           ...g,
           className: "flex flex-col",
           children: l
@@ -1537,9 +1537,9 @@ function Ka({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeho
     })
   });
 }
-function Xa({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, open: l, modal: u, children: c }) {
-  const { back: i, panel: d, closeRef: f, leave: o } = it(), m = n ?? "100dvh";
-  return /* @__PURE__ */ t(ne.Root, {
+function Xt({ container: e, width: t, paneHeight: n, onClose: r, onExpand: s, open: l, modal: u, children: c }) {
+  const { back: i, panel: d, closeRef: f, leave: o } = ia(), m = n ?? "100dvh";
+  return /* @__PURE__ */ a(ne.Root, {
     open: l,
     modal: u ? "trap-focus" : !1,
     disablePointerDismissal: !0,
@@ -1549,21 +1549,21 @@ function Xa({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, op
     children: /* @__PURE__ */ y(ne.Portal, {
       container: e,
       className: "contents",
-      children: [u ? /* @__PURE__ */ t(ne.Backdrop, {
+      children: [u ? /* @__PURE__ */ a(ne.Backdrop, {
         "data-basic-page-aside-backdrop": "",
         className: p("bg-pho-overlay absolute inset-0 z-30 transition-opacity duration-200 ease-out motion-reduce:transition-none", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0"),
         onClick: o
-      }) : null, /* @__PURE__ */ t(ne.Popup, {
+      }) : null, /* @__PURE__ */ a(ne.Popup, {
         "data-basic-page-aside": "panel",
         "data-basic-page-aside-variant": "overlay",
         initialFocus: u ? void 0 : !1,
         finalFocus: u ? void 0 : !1,
         className: p("absolute inset-y-0 right-0 z-30 flex 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 },
-        children: /* @__PURE__ */ t("div", {
+        style: { width: t },
+        children: /* @__PURE__ */ a("div", {
           className: "border-pho-secondary bg-pho-primary shadow-pho-xl sticky top-0 flex flex-col border-l",
           style: { height: m },
-          children: /* @__PURE__ */ t(lt, {
+          children: /* @__PURE__ */ a(la, {
             back: i,
             onClose: r,
             onExpand: s,
@@ -1576,8 +1576,8 @@ function Xa({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, op
     })
   });
 }
-var Qa = "14rem", Ya = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", ze = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function Ua({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: u, ...c }) {
+var Qt = "14rem", Yt = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", ze = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function Ut({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: u, ...c }) {
   const i = R(ye), d = ce(i?.subscribe ?? de, () => i?.get().api ?? null, () => null), f = n != null;
   O(() => {
     if (!(i == null || f))
@@ -1602,12 +1602,12 @@ function Ua({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
       E != null && (E.focus(), document.activeElement !== E && _++ < 5 && (v = requestAnimationFrame(x)));
     };
     return v = requestAnimationFrame(x), () => cancelAnimationFrame(v);
-  }, [m]), e === "ghost") return /* @__PURE__ */ t("div", {
+  }, [m]), e === "ghost") return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
     className: p("flex min-w-0 flex-1", o == null && "hidden", u),
     ...c,
-    children: o != null && /* @__PURE__ */ t(Ct, {
+    children: o != null && /* @__PURE__ */ a(Ca, {
       value: o.query,
       onChange: o.setQuery,
       placeholder: o.placeholder,
@@ -1617,16 +1617,16 @@ function Ua({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
       }
     })
   });
-  const N = a === "auto";
-  return /* @__PURE__ */ t("div", {
+  const N = t === "auto";
+  return /* @__PURE__ */ a("div", {
     "data-basic-page-search": "",
     "data-expanded": b || void 0,
     className: p("grid min-w-0 content-center", "[[data-basic-page-header]>&]:col-start-2 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:justify-items-end [[data-basic-page-header]>&]:self-start", o == null && "hidden", u),
     ...c,
     children: o != null && /* @__PURE__ */ y("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Ya, N && "@[36rem]:w-56"),
-      style: b ? { width: Qa } : void 0,
-      children: [/* @__PURE__ */ t(Z, {
+      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Yt, N && "@[36rem]:w-56"),
+      style: b ? { width: Qt } : void 0,
+      children: [/* @__PURE__ */ a(Z, {
         variant: "outlined",
         size: "sm",
         shape: "circle",
@@ -1636,14 +1636,14 @@ function Ua({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
         tabIndex: b ? -1 : void 0,
         onClick: () => h(!0),
         className: p(ze, b ? "pointer-events-none invisible opacity-0" : "visible opacity-100", N && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ t(Te, {})
-      }), /* @__PURE__ */ t("div", {
+        children: /* @__PURE__ */ a(Te, {})
+      }), /* @__PURE__ */ a("div", {
         inert: !N && !b,
         className: p("w-full min-w-0", ze, b ? "visible opacity-100" : "pointer-events-none invisible opacity-0", N && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
         children: /* @__PURE__ */ y(pe.Root, {
           size: "sm",
           className: "w-full",
-          children: [/* @__PURE__ */ t(pe.Addon, { children: /* @__PURE__ */ t(Te, {}) }), /* @__PURE__ */ t(pe.Input, {
+          children: [/* @__PURE__ */ a(pe.Addon, { children: /* @__PURE__ */ a(Te, {}) }), /* @__PURE__ */ a(pe.Input, {
             ref: g,
             type: "search",
             value: o.query,
@@ -1662,9 +1662,9 @@ function Ua({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r,
     })
   });
 }
-function Ja({ header: e, main: a, side: n, foot: r, enter: s }) {
+function Jt({ 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__ */ y("div", {
@@ -1672,19 +1672,19 @@ function Ja({ header: e, main: a, side: n, foot: r, enter: s }) {
       children: [e, /* @__PURE__ */ y("div", {
         className: p("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(re, {
+          /* @__PURE__ */ a(re, {
             enter: s,
             "data-basic-page-columns-main": "",
             className: p("[[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(re, {
+          l ? /* @__PURE__ */ a(re, {
             enter: s,
             "data-basic-page-columns-side": "",
             className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-1"),
             children: n
           }) : null,
-          r != null ? /* @__PURE__ */ t(re, {
+          r != null ? /* @__PURE__ */ a(re, {
             enter: s,
             "data-basic-page-columns-foot": "",
             className: p("[[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"),
@@ -1696,58 +1696,58 @@ function Ja({ header: e, main: a, side: n, foot: r, enter: s }) {
   });
 }
 var Tn = {
-  Root: Dt,
-  Aside: Wa,
-  Search: Ua,
-  Table: bt,
-  CondenseScope: Xt,
-  Breadcrumbs: nt,
-  Crumb: rt,
-  Back: $a,
-  Title: ea,
+  Root: Da,
+  Aside: Wt,
+  Search: Ut,
+  Table: ba,
+  CondenseScope: Xa,
+  Breadcrumbs: na,
+  Crumb: ra,
+  Back: $t,
+  Title: et,
   Stack: re,
-  Columns: Ja,
-  Header: ca,
-  HeaderAction: ua,
-  SectionTitle: da,
+  Columns: Jt,
+  Header: ct,
+  HeaderAction: ut,
+  SectionTitle: dt,
   Description: Ze,
-  TableCount: pa,
-  SectionFooter: ma,
-  Card: fa,
-  Item: ha,
-  ItemPanel: ga,
-  Callout: ba,
-  CalloutTitle: va,
-  CalloutDescription: ya,
-  Onboard: xa,
-  Step: Ea,
-  Row: ka,
-  RowLink: qa,
-  Value: Sa,
-  Alert: Ra,
-  Footer: Ma,
-  Form: Ta,
-  Saved: Pa,
-  Fields: Oa,
-  Inline: Ba,
-  Submit: La,
+  TableCount: pt,
+  SectionFooter: mt,
+  Card: ft,
+  Item: ht,
+  ItemPanel: gt,
+  Callout: bt,
+  CalloutTitle: vt,
+  CalloutDescription: yt,
+  Onboard: xt,
+  Step: Et,
+  Row: kt,
+  RowLink: qt,
+  Value: St,
+  Alert: Rt,
+  Footer: Mt,
+  Form: Tt,
+  Saved: Pt,
+  Fields: Ot,
+  Inline: Bt,
+  Submit: Lt,
   Reveal: Re
 };
 export {
-  Pt as a,
+  Pa as a,
   Tn as c,
-  Qt as d,
+  Qa as d,
   he as f,
-  Tt as i,
+  Ta as i,
   le as l,
   kn as m,
   Ie as n,
-  It as o,
+  Ia as o,
   Sn as p,
   $e as r,
-  Rt as s,
+  Ra as s,
   Rn as t,
-  Yt as u
+  Ya as u
 };
 
-//# sourceMappingURL=basic-page-C3qjXfBe.js.map
+//# sourceMappingURL=basic-page-65eFgq8o.js.map