@photon-ai/pho-ui 2.13.0 → 2.14.0

package/dist/chunks/{basic-page-CJwG4I83.js → basic-page-CdmVeL_Z.js}

@@ -3,34 +3,31 @@ import { t as p } from "./cn-ChIgwEl3.js";
 import { n as Me } from "./link-provider-DXzDQ08N.js";
 import { FADE_ENTRANCE as rt, FADE_SWAP as it, SPRING_ENTRANCE as st, TRAVEL_LINEAR as lt, fadeThroughBlur as ee } from "../motion.js";
 import { a as ie, o as pe } from "./button-CdqS_t5a.js";
-import { t as ot } from "./createReactComponent-BqCmnqfX.js";
-import { t as ct } from "./error-D0yoFxCv.js";
-import { t as ne } from "./IconChevronLeft-CSWMKQ4C.js";
+import { t as ot } from "./error-D0yoFxCv.js";
+import { t as ae } from "./IconChevronLeft-CSWMKQ4C.js";
+import { t as ct } from "./IconChevronRight-CzoJnYNI.js";
 import { a as fe, i as ut, n as dt, r as pt, s as ft } from "./data-table-CHLJfGkS.js";
-import { t as Ee } from "./IconSearch-BKAHkLyX.js";
+import { t as _e } from "./IconSearch-BKAHkLyX.js";
 import { t as mt } from "./IconX-pZ9vrtSr.js";
 import { t as ht } from "./toast-iSf6NuAS.js";
 import { t as le } from "./input-group-fc9_jD4d.js";
 import { t as gt } from "./animated-height-CCO-Ocoz.js";
 import { n as De, t as Q } from "./scroll-area-BO-9PMM7.js";
-import { i as vt } from "./checkbox-CLPmblNA.js";
-import { t as bt } from "./form-AiHbbw4m.js";
+import { i as bt } from "./checkbox-CLPmblNA.js";
+import { t as yt } from "./form-AiHbbw4m.js";
 import { i as W } from "./menu-BQeprfxB.js";
-import { Children as Y, Fragment as yt, createContext as z, isValidElement as He, useCallback as Fe, useContext as R, useEffect as O, useId as xt, useLayoutEffect as V, useMemo as $, useRef as E, useState as w, useSyncExternalStore as me } from "react";
-import { Fragment as he, jsx as t, jsxs as y } from "react/jsx-runtime";
+import { Children as Y, Fragment as vt, createContext as z, isValidElement as He, useCallback as Fe, useContext as T, useEffect as O, useId as xt, useLayoutEffect as V, useMemo as $, useRef as _, useState as w, useSyncExternalStore as me } from "react";
+import { Fragment as he, jsx as t, jsxs as v } from "react/jsx-runtime";
 import { AnimatePresence as G, motion as N, useIsPresent as wt, useReducedMotion as L } from "motion/react";
 import { Dialog as te } from "@base-ui/react/dialog";
-import { createPortal as Ce } from "react-dom";
-var Nt = [["path", {
-  d: "M9 6l6 6l-6 6",
-  key: "svg-0"
-}]], At = ot("outline", "chevron-right", "ChevronRight", Nt), ge = "rounded-base border border-pho-secondary bg-pho-primary", ae = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Ge = `${ge} ${ae}`, _e = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Et = "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", Ct = "flex flex-col gap-3 px-5 py-4", _t = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", kt = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", T = st, M = rt, j = 12, St = 768;
-function Rt(e) {
+import { createPortal as Ee } from "react-dom";
+var ge = "rounded-base border border-pho-secondary bg-pho-primary", ne = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Ge = `${ge} ${ne}`, Ce = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", 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", At = "flex flex-col gap-3 px-5 py-4", _t = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Et = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", R = st, M = rt, j = 12, Ct = 768;
+function kt(e) {
   return Math.round(Math.min(Math.max(e * 0.4, 320), 448));
 }
 var ze = z(null), Ve = z(null);
-function Tt(e) {
-  const [n, a] = w(null), [r, s] = w(!1), [l, c] = w(!1), [o, i] = w(() => ({
+function St(e) {
+  const [a, n] = w(null), [r, s] = w(!1), [l, c] = w(!1), [o, i] = w(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
@@ -38,10 +35,10 @@ function Tt(e) {
     const d = e.current;
     if (!r || d == null) return;
     const f = we(d), u = () => {
-      const h = d.offsetWidth, v = f?.clientHeight ?? null;
-      i((g) => g.width === h && g.height === v ? g : {
+      const h = d.offsetWidth, b = f?.clientHeight ?? null;
+      i((g) => g.width === h && g.height === b ? g : {
         width: h,
-        height: v
+        height: b
       });
     };
     if (u(), typeof ResizeObserver > "u") return;
@@ -49,50 +46,50 @@ function Tt(e) {
     return m.observe(d), f != null && m.observe(f), () => m.disconnect();
   }, [e, r]), {
     host: $(() => ({
-      slot: n,
-      presentation: o.width >= St ? "panel" : "page",
-      width: Rt(o.width),
+      slot: a,
+      presentation: o.width >= Ct ? "panel" : "page",
+      width: kt(o.width),
       paneHeight: o.height,
       setOpen: c,
       setPresent: s
-    }), [n, o]),
-    setSlot: a,
+    }), [a, o]),
+    setSlot: n,
     open: l
   };
 }
-function Pt(e) {
+function Tt(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function ke(e, n) {
-  e == null ? window.scrollTo({ top: n }) : e.scrollTop = n;
+function ke(e, a) {
+  e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
 }
-function It({ condense: e = !0, width: n, className: a, children: r, ref: s, ...l }) {
-  const c = R(se)?.adopt ?? !1, o = R(Ve), [i, d] = w(!1), f = E(0), u = Fe((H) => {
+function Rt({ condense: e = !0, width: a, className: n, children: r, ref: s, ...l }) {
+  const c = T(se)?.adopt ?? !1, o = T(Ve), [i, d] = w(!1), f = _(0), u = Fe((H) => {
     f.current += H ? 1 : -1, d(f.current > 0);
-  }, []), m = n === "wide" || n == null && i, [h] = w(ft), v = E(null), [g, C] = w(null), [b, k] = w(null), x = $(() => ({
-    setTitle: C,
+  }, []), m = a === "wide" || a == null && i, [h] = w(ft), b = _(null), [g, E] = w(null), [y, k] = w(null), x = $(() => ({
+    setTitle: E,
     setTail: k
   }), []);
   O(() => {
     if (o != null)
-      return o.setBack(b), () => o.setBack(null);
-  }, [o, b]);
-  const { host: _, setSlot: P, open: B } = Tt(v), I = B && _.presentation === "page", D = E(!1), q = E(0);
+      return o.setBack(y), () => o.setBack(null);
+  }, [o, y]);
+  const { host: C, setSlot: P, open: B } = St(b), I = B && C.presentation === "page", D = _(!1), q = _(0);
   V(() => {
-    const H = v.current;
+    const H = b.current;
     if (I === D.current || H == null) return;
     D.current = I;
     const A = we(H);
-    I ? (q.current = Pt(A), ke(A, 0)) : ke(A, q.current);
+    I ? (q.current = Tt(A), ke(A, 0)) : ke(A, q.current);
   }, [I]);
-  const U = e ? /* @__PURE__ */ t(Ot, {
+  const U = e ? /* @__PURE__ */ t(Pt, {
     title: g,
-    tail: o == null ? b : null,
+    tail: o == null ? y : null,
     silent: I || o != null
   }) : null, J = /* @__PURE__ */ t("div", {
     "data-basic-page-column": "",
     className: p("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", m ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]", c || o != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ t(be.Provider, {
+    children: e ? /* @__PURE__ */ t(ye.Provider, {
       value: x,
       children: r
     }) : r
@@ -100,18 +97,18 @@ function It({ condense: e = !0, width: n, className: a, children: r, ref: s, ...
   return /* @__PURE__ */ t("div", {
     "data-basic-page-root": "",
     "data-basic-page-width": m ? "wide" : void 0,
-    className: p("relative flex min-h-full w-full min-w-0 flex-row", a),
+    className: p("relative flex min-h-full w-full min-w-0 flex-row", n),
     ...l,
     ref: (H) => {
-      v.current = H, typeof s == "function" ? s(H) : s != null && (s.current = H);
+      b.current = H, typeof s == "function" ? s(H) : s != null && (s.current = H);
     },
     children: /* @__PURE__ */ t(ze.Provider, {
-      value: _,
+      value: C,
       children: /* @__PURE__ */ t(ut.Provider, {
         value: u,
-        children: /* @__PURE__ */ y(fe.Provider, {
+        children: /* @__PURE__ */ v(fe.Provider, {
           value: h,
-          children: [/* @__PURE__ */ y("div", {
+          children: [/* @__PURE__ */ v("div", {
             "data-basic-page-main": "",
             className: p("flex min-w-0 flex-1 flex-col", I && "hidden"),
             children: [U, J]
@@ -124,18 +121,18 @@ function It({ condense: e = !0, width: n, className: a, children: r, ref: s, ...
     })
   });
 }
-function Ot({ title: e, tail: n, silent: a = !1 }) {
-  const r = L(), [s, l] = w(!1), c = R(se), o = xt();
+function Pt({ title: e, tail: a, silent: n = !1 }) {
+  const r = L(), [s, l] = w(!1), c = T(se), o = xt();
   O(() => {
     if (c != null) {
-      if (a) {
+      if (n) {
         c.store.clear(o);
         return;
       }
       c.store.set(o, {
         condensed: s,
         title: e?.label ?? null,
-        back: n
+        back: a
       });
     }
   }, [
@@ -143,8 +140,8 @@ function Ot({ title: e, tail: n, silent: a = !1 }) {
     o,
     s,
     e,
-    n,
-    a
+    a,
+    n
   ]), O(() => {
     if (c != null)
       return () => c.store.clear(o);
@@ -157,7 +154,7 @@ function Ot({ title: e, tail: n, silent: a = !1 }) {
   }, [i]), /* @__PURE__ */ t("div", {
     "data-basic-page-condense": "",
     className: "sticky top-0 z-20 h-0 overflow-visible",
-    children: /* @__PURE__ */ t(G, { children: s && !(c?.adopt ?? !1) && /* @__PURE__ */ y(N.div, {
+    children: /* @__PURE__ */ t(G, { children: s && !(c?.adopt ?? !1) && /* @__PURE__ */ v(N.div, {
       initial: {
         opacity: 0,
         y: r ? 0 : Pe
@@ -172,22 +169,22 @@ function Ot({ title: e, tail: n, silent: a = !1 }) {
       },
       transition: {
         ...xe,
-        y: jt
+        y: Vt
       },
       className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
       children: [/* @__PURE__ */ t("div", {
         className: "flex min-w-0 items-center justify-start",
-        children: n != null && /* @__PURE__ */ t(pe, {
+        children: a != null && /* @__PURE__ */ t(pe, {
           variant: "ghost",
           size: "sm",
-          href: n.href,
-          onClick: n.onClick,
+          href: a.href,
+          onClick: a.onClick,
           prefix: /* @__PURE__ */ t("span", {
             className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-            children: /* @__PURE__ */ t(ne, {})
+            children: /* @__PURE__ */ t(ae, {})
           }),
           className: "min-w-max",
-          children: n.label
+          children: a.label
         })
       }), /* @__PURE__ */ t("span", {
         className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
@@ -196,28 +193,28 @@ function Ot({ title: e, tail: n, silent: a = !1 }) {
     }) })
   });
 }
-function Lt(e) {
+function It(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function Bt(e) {
+function Ot(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return Lt(String(e)) || void 0;
+    return It(String(e)) || void 0;
 }
-function ve(e, n) {
+function be(e, a) {
   if (e !== "")
-    return e ?? Bt(n);
+    return e ?? Ot(a);
 }
-var Mt = (e) => `basic-page-morph-${e}`, Dt = { layout: T }, Se = 10, Re = {
+var Lt = (e) => `basic-page-morph-${e}`, Bt = { layout: R }, Se = 10, Te = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, Ht = {
+}, Mt = {
   duration: 0.18,
   ease: "easeOut"
-}, Ft = -8, Gt = {
+}, Dt = -8, Ht = {
   duration: 0.16,
   ease: "easeOut"
-}, zt = {
+}, Ft = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
@@ -225,30 +222,30 @@ var Mt = (e) => `basic-page-morph-${e}`, Dt = { layout: T }, Se = 10, Re = {
   duration: 0.12,
   ease: "easeOut"
 }, K = [];
-function Vt(e) {
-  const n = E({ labels: e });
-  n.current.labels = e, V(() => {
-    const a = n.current;
-    return K.push(a), () => {
-      K.splice(K.indexOf(a), 1);
+function Gt(e) {
+  const a = _({ labels: e });
+  a.current.labels = e, V(() => {
+    const n = a.current;
+    return K.push(n), () => {
+      K.splice(K.indexOf(n), 1);
     };
   }, []);
 }
 function je() {
   const [e] = w(() => {
-    const n = K[K.length - 1];
-    return n ? { labels: [...n.labels] } : null;
+    const a = K[K.length - 1];
+    return a ? { labels: [...a.labels] } : null;
   });
   return e;
 }
-var be = z(null), ue = {
+var ye = z(null), ue = {
   condensed: !1,
   title: null,
   back: null
-}, se = z(null), ye = () => () => {
-}, Te = () => ue;
-function $t({ adopt: e = !0, children: n }) {
-  const [a] = w(() => {
+}, se = z(null), ve = () => () => {
+}, Re = () => ue;
+function zt({ adopt: e = !0, children: a }) {
+  const [n] = w(() => {
     let s = ue, l = null;
     const c = /* @__PURE__ */ new Set(), o = () => {
       for (const i of c) i();
@@ -266,41 +263,41 @@ function $t({ adopt: e = !0, children: n }) {
       }
     };
   }), r = $(() => ({
-    store: a,
+    store: n,
     adopt: e
-  }), [a, e]);
+  }), [n, e]);
   return /* @__PURE__ */ t(se.Provider, {
     value: r,
-    children: n
+    children: a
   });
 }
-function fa() {
-  const e = R(se);
-  return me(e?.store.subscribe ?? ye, e?.store.get ?? Te, e?.store.get ?? Te);
+function dn() {
+  const e = T(se);
+  return me(e?.store.subscribe ?? ve, e?.store.get ?? Re, e?.store.get ?? Re);
 }
-var xe = it, jt = lt, Pe = -8;
+var xe = it, Vt = lt, Pe = -8;
 function we(e) {
   if (typeof getComputedStyle != "function") return null;
-  for (let n = e.parentElement; n != null && n !== document.body; n = n.parentElement) {
-    const { overflowY: a } = getComputedStyle(n);
-    if (a === "auto" || a === "scroll") return n;
+  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;
   }
   return null;
 }
-var oe = /* @__PURE__ */ new Map(), qt = 96;
-function Wt(e) {
-  const n = e.closest("[data-basic-page-root]"), a = n?.querySelector("[data-basic-page-column]");
-  return !n || !a ? 0 : a.getBoundingClientRect().left - n.getBoundingClientRect().left;
+var oe = /* @__PURE__ */ new Map(), $t = 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;
 }
 function qe(e) {
-  const [n] = w(() => {
+  const [a] = w(() => {
     if (e == null) return !1;
     const r = oe.get(e);
-    return r != null && r.visible && r.el.isConnected && Wt(r.el) <= qt;
-  }), a = E(null);
+    return r != null && r.visible && r.el.isConnected && jt(r.el) <= $t;
+  }), n = _(null);
   return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
-    const r = a.current;
+    const r = n.current;
     if (!r) return;
     const s = new IntersectionObserver(([l]) => {
       l && oe.set(e, {
@@ -312,11 +309,11 @@ function qe(e) {
       s.disconnect(), oe.delete(e);
     };
   }, [e]), {
-    fly: n,
-    ref: a
+    fly: a,
+    ref: n
   };
 }
-var Kt = {
+var qt = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -332,29 +329,29 @@ var Kt = {
       y: 0
     },
     transition: {
-      y: T,
+      y: R,
       opacity: M
     }
   },
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: zt }
+    transition: { x: Ft }
   }
 };
-function We({ morphId: e, fromClassName: n, fly: a, morphRef: r, arrival: s, className: l, children: c }) {
-  const [o, i] = w(!1), d = !a && s != null ? Kt[s] : null;
-  return /* @__PURE__ */ y(N.span, {
+function We({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: c }) {
+  const [o, i] = w(!1), d = !n && s != null ? qt[s] : null;
+  return /* @__PURE__ */ v(N.span, {
     ref: r,
-    layoutId: Mt(e),
+    layoutId: Lt(e),
     initial: d?.initial,
     animate: d?.animate,
-    transition: a ? Dt : {
+    transition: n ? Bt : {
       layout: { duration: 0 },
       ...d?.transition
     },
     onLayoutAnimationStart: () => {
-      a && i(!0);
+      n && i(!0);
     },
     onLayoutAnimationComplete: () => i(!1),
     className: p("relative inline-block", l),
@@ -362,36 +359,36 @@ function We({ morphId: e, fromClassName: n, fly: a, morphRef: r, arrival: s, cla
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Ht,
+      transition: Mt,
       onAnimationComplete: () => i(!1),
-      className: p("absolute inset-0", n),
+      className: p("absolute inset-0", a),
       children: c
     })]
   });
 }
 var Ie = "max-w-full min-w-0 truncate align-top";
-function Xt({ id: e, morphId: n, enter: a, trailing: r, className: s, children: l, ...c }) {
-  const o = ve(e, l), i = L(), d = qe(n), f = je(), u = !i && (n != null || a === !0), m = a || f != null ? "rise" : void 0, h = R(be), v = E(null);
+function Wt({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...c }) {
+  const o = be(e, l), i = L(), d = qe(a), f = je(), u = !i && (a != null || n === !0), m = n || f != null ? "rise" : void 0, h = T(ye), b = _(null);
   V(() => {
     if (h != null)
       return h.setTitle({
         label: l,
-        el: v.current
+        el: b.current
       }), () => h.setTitle(null);
   }, [h, l]);
-  const [g, C] = w(d.fly && f != null);
+  const [g, E] = w(d.fly && f != null);
   V(() => {
-    K.length > 0 && C(!1);
+    K.length > 0 && E(!1);
   }, []);
-  const b = r != null && r !== !1, k = !i && (n != null ? d.fly || m != null : a === !0), x = n != null && !i ? /* @__PURE__ */ t(We, {
-    morphId: n,
+  const y = r != null && r !== !1, k = !i && (a != null ? d.fly || m != null : n === !0), x = a != null && !i ? /* @__PURE__ */ t(We, {
+    morphId: a,
     fromClassName: "text-pho-secondary",
     fly: d.fly,
     morphRef: d.ref,
     arrival: m,
     className: Ie,
     children: l
-  }) : a && !i ? /* @__PURE__ */ t(N.span, {
+  }) : n && !i ? /* @__PURE__ */ t(N.span, {
     initial: {
       opacity: 0,
       y: j
@@ -401,25 +398,25 @@ function Xt({ id: e, morphId: n, enter: a, trailing: r, className: s, children:
       y: 0
     },
     transition: {
-      y: T,
+      y: R,
       opacity: M
     },
     className: p("inline-block", Ie),
     children: l
-  }) : b ? /* @__PURE__ */ t("span", {
+  }) : y ? /* @__PURE__ */ t("span", {
     className: "min-w-0 truncate",
     children: l
   }) : l;
-  return /* @__PURE__ */ y("h1", {
+  return /* @__PURE__ */ v("h1", {
     id: o,
     className: p("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", u ? "whitespace-nowrap" : "truncate", s),
     ...c,
-    ref: (_) => {
-      v.current = _;
+    ref: (C) => {
+      b.current = C;
       const P = c.ref;
-      typeof P == "function" ? P(_) : P != null && (P.current = _);
+      typeof P == "function" ? P(C) : P != null && (P.current = C);
     },
-    children: [b ? /* @__PURE__ */ y("span", {
+    children: [y ? /* @__PURE__ */ v("span", {
       className: "flex max-w-full min-w-0 items-center gap-2",
       children: [x, k ? /* @__PURE__ */ t(N.span, {
         "data-basic-page-title-trailing": "",
@@ -432,7 +429,7 @@ function Xt({ id: e, morphId: n, enter: a, trailing: r, className: s, children:
           y: 0
         },
         transition: {
-          y: T,
+          y: R,
           opacity: M
         },
         className: "shrink-0",
@@ -447,33 +444,33 @@ function Xt({ id: e, morphId: n, enter: a, trailing: r, className: s, children:
       initial: { opacity: 1 },
       animate: { opacity: 0 },
       transition: $e,
-      onAnimationComplete: () => C(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Tn),
-      children: /* @__PURE__ */ t(ne, {})
+      onAnimationComplete: () => E(!1),
+      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", ka),
+      children: /* @__PURE__ */ t(ae, {})
     })]
   });
 }
 var Ke = z(!1);
-function Qt() {
-  const e = R(Ke), n = L(), [a] = w(() => e && !n);
-  return a;
+function Kt() {
+  const e = T(Ke), a = L(), [n] = w(() => e && !a);
+  return n;
 }
-var Yt = {
+var Xt = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, Ut = {
-  y: T,
+}, Qt = {
+  y: R,
   opacity: M,
-  height: T,
-  paddingTop: T,
-  paddingBottom: T,
-  borderTopWidth: T
+  height: R,
+  paddingTop: R,
+  paddingBottom: R,
+  borderTopWidth: R
 };
 function Ne() {
-  const e = Qt(), n = wt(), a = L();
+  const e = Kt(), a = wt(), n = L();
   return {
     initial: e ? {
       opacity: 0,
@@ -483,32 +480,32 @@ function Ne() {
       opacity: 1,
       y: 0
     },
-    exit: Yt,
-    transition: a ? { duration: 0 } : Ut,
-    leaving: !n
+    exit: Xt,
+    transition: n ? { duration: 0 } : Qt,
+    leaving: !a
   };
 }
-var Jt = typeof process < "u" && process.env.NODE_ENV !== "production";
-function Xe(e, n, a, r) {
+var Yt = typeof process < "u" && process.env.NODE_ENV !== "production";
+function Xe(e, a, n, r) {
   O(() => {
-    if (!Jt || e.current == null || typeof getComputedStyle != "function") return;
+    if (!Yt || e.current == null || typeof getComputedStyle != "function") return;
     const s = (c) => {
       const o = getComputedStyle(c).rowGap;
       return o === "" || o === "normal" ? null : parseFloat(o);
     }, l = s(e.current);
-    l != null && l !== a && console.warn(`[BasicPage.${n}] spaced at ${l}px instead of ${a}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.${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);
     for (const c of Array.from(e.current.children)) {
       const o = r(c);
       if (o == null || getComputedStyle(c).display === "contents") continue;
       const i = s(c);
-      i != null && i !== o && console.warn(`[BasicPage.${n}] a child is spaced at ${i}px instead of ${o}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 !== o && console.warn(`[BasicPage.${a}] a child is spaced at ${i}px instead of ${o}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 Zt({ enter: e = !0, className: n, children: a, ref: r, ...s }) {
-  const l = L(), c = E(null);
+function Ut({ enter: e = !0, className: a, children: n, ref: r, ...s }) {
+  const l = L(), c = _(null);
   Xe(c, "Stack", 40, (u) => u.hasAttribute("data-basic-page-fields") ? 20 : 12);
-  const o = s["aria-busy"], i = o === !0 || o === "true", d = E(i), f = d.current && !i;
+  const o = s["aria-busy"], i = o === !0 || o === "true", d = _(i), f = d.current && !i;
   return O(() => {
     d.current = i;
   }), /* @__PURE__ */ t(N.div, {
@@ -525,19 +522,19 @@ function Zt({ enter: e = !0, className: n, children: a, ref: r, ...s }) {
       y: 0
     },
     transition: {
-      y: T,
+      y: R,
       opacity: M
     },
-    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:flex *:min-w-0 *:flex-col [&>*:not([data-basic-page-fields])]:gap-3", n),
+    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:flex *:min-w-0 *:flex-col [&>*:not([data-basic-page-fields])]:gap-3", a),
     ...s,
     children: /* @__PURE__ */ t(Ke.Provider, {
       value: f,
-      children: a
+      children: n
     })
   });
 }
-var Oe = "@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 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
-function en({ enter: e, className: n, ...a }) {
+var Oe = "@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 Jt({ enter: e, className: a, ...n }) {
   const r = L();
   return e && !r ? /* @__PURE__ */ t(N.div, {
     initial: {
@@ -549,98 +546,98 @@ function en({ enter: e, className: n, ...a }) {
       y: 0
     },
     transition: {
-      y: T,
+      y: R,
       opacity: M
     },
     "data-basic-page-header": "",
-    className: p(Oe, n),
-    ...a
+    className: p(Oe, a),
+    ...n
   }) : /* @__PURE__ */ t("div", {
     "data-basic-page-header": "",
-    className: p(Oe, n),
-    ...a
+    className: p(Oe, a),
+    ...n
   });
 }
-function tn({ className: e, ...n }) {
+function Zt({ className: e, ...a }) {
   return /* @__PURE__ */ t("div", {
     "data-basic-page-header-action": "",
     className: p("flex items-center gap-2", "[[data-basic-page-header]>&]:col-start-3 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", e),
-    ...n
+    ...a
   });
 }
-function nn({ id: e, className: n, children: a, ...r }) {
-  const s = ve(e, a);
+function ea({ id: e, className: a, children: n, ...r }) {
+  const s = be(e, n);
   return /* @__PURE__ */ t("h2", {
     id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", n),
+    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),
     ...r,
-    children: a
+    children: n
   });
 }
-function Qe({ className: e, ...n }) {
+function Qe({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description px-5 font-normal", e),
-    ...n
+    ...a
   });
 }
-function an({ one: e, other: n, ...a }) {
-  const r = R(fe), s = me(r?.subscribe ?? ye, () => r?.get().api ?? null, () => null);
+function ta({ one: e, other: a, ...n }) {
+  const r = T(fe), s = me(r?.subscribe ?? ve, () => 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 : n}.`;
+  const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : a}.`;
   return /* @__PURE__ */ t(Qe, {
-    ...a,
+    ...n,
     children: l
   });
 }
-function rn({ className: e, ...n }) {
+function aa({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-pho-description px-5 text-xs font-normal", "mt-3 [[data-basic-page-callout]_&]:mt-0 [[data-basic-page-stack]>*>&]:mt-0", e),
-    ...n
+    ...a
   });
 }
-function sn({ animateHeight: e, className: n, children: a, ...r }) {
-  const s = /* @__PURE__ */ t(G, { children: Y.toArray(a) });
+function na({ animateHeight: e, className: a, children: n, ...r }) {
+  const s = /* @__PURE__ */ t(G, { children: Y.toArray(n) });
   return e ? /* @__PURE__ */ t("div", {
-    className: p(ge, "min-h-0 overflow-hidden", n),
+    className: p(ge, "min-h-0 overflow-hidden", a),
     ...r,
     children: /* @__PURE__ */ t(gt, {
-      transition: T,
-      className: ae,
+      transition: R,
+      className: ne,
       children: s
     })
   }) : /* @__PURE__ */ t("div", {
-    className: p(Ge, n),
+    className: p(Ge, a),
     ...r,
     children: s
   });
 }
-function ln({ className: e, ...n }) {
-  const { leaving: a, ...r } = Ne();
+function ra({ className: e, ...a }) {
+  const { leaving: n, ...r } = Ne();
   return /* @__PURE__ */ t(N.div, {
     ...r,
-    className: p(Ct, a && "overflow-hidden", e),
-    ...n
+    className: p(At, n && "overflow-hidden", e),
+    ...a
   });
 }
-function on({ divided: e = !1, className: n, ...a }) {
+function ia({ divided: e = !1, className: a, ...n }) {
   return /* @__PURE__ */ t("div", {
-    className: p(e ? kt : _t, n),
-    ...a
+    className: p(e ? Et : _t, a),
+    ...n
   });
 }
-function cn({ className: e, icon: n, children: a, ...r }) {
-  if (n == null || n === !1 || n === !0) return /* @__PURE__ */ t("div", {
+function sa({ className: e, icon: a, children: n, ...r }) {
+  if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
     "data-basic-page-callout": "",
-    className: p(_e, e),
+    className: p(Ce, e),
     ...r,
-    children: a
+    children: n
   });
-  const [s, ...l] = Y.toArray(a);
-  return /* @__PURE__ */ y("div", {
+  const [s, ...l] = Y.toArray(n);
+  return /* @__PURE__ */ v("div", {
     "data-basic-page-callout": "",
-    className: p(_e, e),
+    className: p(Ce, e),
     ...r,
-    children: [/* @__PURE__ */ y("div", {
+    children: [/* @__PURE__ */ v("div", {
       className: "relative",
       children: [/* @__PURE__ */ t("div", {
         className: "min-w-0 pr-16",
@@ -648,30 +645,30 @@ function cn({ className: e, icon: n, children: a, ...r }) {
       }), /* @__PURE__ */ t("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: n
+        children: a
       })]
     }), l]
   });
 }
-function un({ id: e, className: n, children: a, ...r }) {
-  const s = ve(e, a);
+function la({ id: e, className: a, children: n, ...r }) {
+  const s = be(e, n);
   return /* @__PURE__ */ t("h2", {
     id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", n),
+    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
     ...r,
-    children: a
+    children: n
   });
 }
-function dn({ className: e, ...n }) {
+function oa({ className: e, ...a }) {
   return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description font-normal", e),
-    ...n
+    ...a
   });
 }
 var Ye = z(null), Ue = z(!1);
-function pn({ className: e, children: n, ...a }) {
+function ca({ className: e, children: a, ...n }) {
   let r = !1;
-  const s = Y.toArray(n).map((l, c) => {
+  const s = Y.toArray(a).map((l, c) => {
     if (!He(l)) return l;
     let o;
     return l.props.done ? o = "done" : r ? o = "upcoming" : (r = !0, o = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ t(Ye.Provider, {
@@ -685,72 +682,72 @@ function pn({ className: e, children: n, ...a }) {
   return /* @__PURE__ */ t("ol", {
     "data-basic-page-onboard": "",
     className: p(Ge, "m-0 list-none p-0", e),
-    ...a,
+    ...n,
     children: s
   });
 }
-var fn = "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]", mn = {
+var ua = "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]", da = {
   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"
-}, hn = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", gn = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", vn = {
+}, pa = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", fa = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", ma = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function bn({ icon: e, aside: n, title: a, description: r, done: s, working: l, pending: c, className: o, children: i, ...d }) {
-  const f = R(Ye), u = f?.state ?? (s ? "done" : l ? "working" : c ? "pending" : "current"), m = L(), h = u === "current" || u === "working" || u === "pending", v = u === "upcoming", g = vn[u], C = i != null && i !== !1, b = e != null && e !== !1, k = n != null && n !== !1;
+function ha({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: c, className: o, children: i, ...d }) {
+  const f = T(Ye), u = f?.state ?? (s ? "done" : l ? "working" : c ? "pending" : "current"), m = L(), h = u === "current" || u === "working" || u === "pending", b = u === "upcoming", g = ma[u], E = i != null && i !== !1, y = e != null && e !== !1, k = a != null && a !== !1;
   return /* @__PURE__ */ t("li", {
     "data-basic-page-step": u,
     "aria-current": h ? "step" : void 0,
     className: p("relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] items-center gap-x-3 px-5 py-4", "transition-[background-color] duration-200 ease-out first:rounded-t-[calc(0.75rem-1px)] last:rounded-b-[calc(0.75rem-1px)] motion-reduce:transition-none", h && "bg-pho-page", o),
     ...d,
-    children: /* @__PURE__ */ y(Ue.Provider, {
+    children: /* @__PURE__ */ v(Ue.Provider, {
       value: !0,
       children: [
-        /* @__PURE__ */ y("span", {
+        /* @__PURE__ */ v("span", {
           "aria-hidden": !0,
-          className: p(fn, mn[u], "col-start-1 row-start-1"),
+          className: p(ua, da[u], "col-start-1 row-start-1"),
           children: [/* @__PURE__ */ t(G, {
             initial: !1,
             children: u === "done" ? /* @__PURE__ */ t(N.span, {
               ...ee(m),
               className: "flex",
-              children: /* @__PURE__ */ t(vt, { className: "size-3" })
+              children: /* @__PURE__ */ t(bt, { className: "size-3" })
             }, "check") : /* @__PURE__ */ t(N.span, {
               ...ee(m),
               children: f?.number ?? 1
             }, "number")
-          }), u === "working" ? /* @__PURE__ */ y(he, { children: [/* @__PURE__ */ t("span", { className: hn }), /* @__PURE__ */ t("span", { className: gn })] }) : null]
+          }), u === "working" ? /* @__PURE__ */ v(he, { children: [/* @__PURE__ */ t("span", { className: pa }), /* @__PURE__ */ t("span", { className: fa })] }) : null]
         }),
-        /* @__PURE__ */ y("div", {
+        /* @__PURE__ */ v("div", {
           "data-basic-page-step-title": "",
-          className: p("text-display-xs col-start-2 row-start-1 min-w-0 font-medium transition-colors duration-200 ease-out", v ? "text-pho-description" : "text-pho-primary"),
-          children: [g ? /* @__PURE__ */ y("span", {
+          className: p("text-display-xs col-start-2 row-start-1 min-w-0 font-medium transition-colors duration-200 ease-out", b ? "text-pho-description" : "text-pho-primary"),
+          children: [g ? /* @__PURE__ */ v("span", {
             className: "sr-only",
             children: [g, " "]
-          }) : null, a]
+          }) : null, n]
         }),
         /* @__PURE__ */ t(Ae, {
           show: h,
           gap: "none",
           clip: !1,
           className: "col-start-2 row-start-2 flex min-w-0 flex-col self-stretch",
-          children: /* @__PURE__ */ y("div", {
+          children: /* @__PURE__ */ v("div", {
             "data-basic-page-step-body": "",
             className: "flex min-w-0 flex-1 flex-col",
             children: [r ? /* @__PURE__ */ t("div", {
               className: "text-display-xs text-pho-description font-normal",
               children: r
-            }) : null, C ? /* @__PURE__ */ t("div", {
+            }) : null, E ? /* @__PURE__ */ t("div", {
               className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
               children: i
             }) : null]
           })
         }),
-        u === "done" && C ? /* @__PURE__ */ t("div", {
+        u === "done" && E ? /* @__PURE__ */ t("div", {
           className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
           children: i
         }) : k ? /* @__PURE__ */ t(G, {
@@ -758,9 +755,9 @@ function bn({ icon: e, aside: n, title: a, description: r, done: s, working: l,
           children: h ? /* @__PURE__ */ t(N.div, {
             ...ee(m),
             className: "col-start-3 row-span-2 row-start-1 self-start",
-            children: n
+            children: a
           }, "aside") : null
-        }) : b ? /* @__PURE__ */ t(G, {
+        }) : y ? /* @__PURE__ */ t(G, {
           initial: !1,
           children: h ? /* @__PURE__ */ t(N.div, {
             "aria-hidden": !0,
@@ -776,24 +773,24 @@ function bn({ icon: e, aside: n, title: a, description: r, done: s, working: l,
     })
   });
 }
-function yn({ label: e, description: n, htmlFor: a, stacked: r = !1, className: s, children: l, ...c }) {
+function ga({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...c }) {
   const { leaving: o, ...i } = Ne();
-  return /* @__PURE__ */ y(N.div, {
+  return /* @__PURE__ */ v(N.div, {
     ...i,
-    className: p(Et, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", o && "overflow-hidden", s),
+    className: p(Nt, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", o && "overflow-hidden", s),
     ...c,
-    children: [/* @__PURE__ */ y("div", {
+    children: [/* @__PURE__ */ v("div", {
       className: "min-w-0",
-      children: [a ? /* @__PURE__ */ t("label", {
-        htmlFor: a,
+      children: [n ? /* @__PURE__ */ t("label", {
+        htmlFor: n,
         className: "text-pho-primary block text-base font-normal",
         children: e
       }) : /* @__PURE__ */ t("div", {
         className: "text-pho-primary text-base font-normal",
         children: e
-      }), n ? /* @__PURE__ */ t("p", {
+      }), a ? /* @__PURE__ */ t("p", {
         className: "text-pho-description text-xs",
-        children: n
+        children: a
       }) : null]
     }), /* @__PURE__ */ t("div", {
       className: p("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
@@ -801,18 +798,18 @@ function yn({ label: e, description: n, htmlFor: a, stacked: r = !1, className:
     })]
   });
 }
-function xn({ className: e, ...n }) {
-  const a = R(Ue);
+function ba({ className: e, ...a }) {
+  const n = T(Ue);
   return /* @__PURE__ */ t("p", {
-    className: p("text-pho-description max-w-full min-w-0 truncate", a ? "text-display-xs font-normal" : "text-base", e),
-    ...n
+    className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
+    ...a
   });
 }
-function wn({ error: e, show: n, className: a, children: r, ...s }) {
-  const l = L(), c = R(X), o = e ?? c?.error ?? void 0;
+function ya({ error: e, show: a, className: n, children: r, ...s }) {
+  const l = L(), c = T(X), o = e ?? c?.error ?? void 0;
   return /* @__PURE__ */ t(G, {
     initial: !1,
-    children: (n ?? !0) && (o != null || r != null) ? /* @__PURE__ */ t(N.div, {
+    children: (a ?? !0) && (o != null || r != null) ? /* @__PURE__ */ t(N.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -828,24 +825,24 @@ function wn({ error: e, show: n, className: a, children: r, ...s }) {
         opacity: 0
       },
       transition: l ? { duration: 0 } : {
-        height: T,
+        height: R,
         opacity: M
       },
-      children: /* @__PURE__ */ t(ct, {
+      children: /* @__PURE__ */ t(ot, {
         error: o,
-        className: p("px-5 pb-3", a),
+        className: p("px-5 pb-3", n),
         ...s,
         children: r
       })
     }) : null
   });
 }
-function ma() {
-  return R(X)?.requestSave ?? null;
+function pn() {
+  return T(X)?.requestSave ?? null;
 }
-var ha = 800, ce = ht.createToastManager(), X = z(null);
-function Nn({ action: e, errors: n, autoSave: a = !1, className: r, children: s, onChange: l, onBlur: c, ...o }) {
-  const [i, d] = w(!1), [f, u] = w(!1), [m, h] = w(null), [v, g] = w(n ?? {}), [C, b] = w(null), k = E(null), x = E(null), _ = E(null), P = E(!1), B = E(!1), I = E(null), D = E(async () => {
+var fn = 800, ce = ht.createToastManager(), X = z(null);
+function va({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: c, ...o }) {
+  const [i, d] = w(!1), [f, u] = w(!1), [m, h] = w(null), [b, g] = w(a ?? {}), [E, y] = w(null), k = _(null), x = _(null), C = _(null), P = _(!1), B = _(!1), I = _(null), D = _(async () => {
   });
   O(() => () => {
     x.current != null && clearTimeout(x.current);
@@ -858,23 +855,23 @@ function Nn({ action: e, errors: n, autoSave: a = !1, className: r, children: s,
       return;
     }
     if (!A.checkValidity()) return;
-    const S = Object.fromEntries(new FormData(A).entries()), Z = _.current;
-    P.current = !0, b({
+    const S = Object.fromEntries(new FormData(A).entries()), Z = C.current;
+    P.current = !0, y({
       field: Z,
       phase: "saving"
     }), h(null);
     try {
       const F = (await e(S))?.errors;
       if (F != null && Object.keys(F).length > 0) {
-        g(F), b(null);
+        g(F), y(null);
         return;
       }
-      g({}), u(!1), b({
+      g({}), u(!1), y({
         field: Z,
         phase: "saved"
       }), I.current != null && (ce.close(I.current), I.current = null);
     } catch (F) {
-      b(null), h(F), I.current != null && ce.close(I.current), I.current = ce.add({
+      y(null), h(F), I.current != null && ce.close(I.current), I.current = ce.add({
         type: "error",
         title: "Couldn't save",
         description: F instanceof Error && F.message !== "" ? F.message : "The change is still here — try again.",
@@ -895,25 +892,25 @@ function Nn({ action: e, errors: n, autoSave: a = !1, className: r, children: s,
     x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
       x.current = null, D.current();
     }, 800);
-  }, J = $(() => a ? (A) => {
-    A != null && (_.current = A), u(!0), U();
-  } : null, [a]), H = $(() => ({
+  }, J = $(() => n ? (A) => {
+    A != null && (C.current = A), u(!0), U();
+  } : null, [n]), H = $(() => ({
     pending: i,
     dirty: f,
     error: m,
-    auto: C,
+    auto: E,
     requestSave: J
   }), [
     i,
     f,
     m,
-    C,
+    E,
     J
   ]);
   return /* @__PURE__ */ t(X.Provider, {
     value: H,
-    children: /* @__PURE__ */ t(bt, {
-      errors: v,
+    children: /* @__PURE__ */ t(yt, {
+      errors: b,
       onFormSubmit: async (A) => {
         if (e != null) {
           d(!0), h(null);
@@ -934,13 +931,13 @@ function Nn({ action: e, errors: n, autoSave: a = !1, className: r, children: s,
       onChange: (A) => {
         u(!0), h(null);
         const S = A.target.name;
-        S && S in v && g((Z) => {
-          const { [S]: F, ...at } = Z;
-          return at;
-        }), a && (S && (_.current = S), U()), l?.(A);
+        S && S in b && g((Z) => {
+          const { [S]: F, ...nt } = Z;
+          return nt;
+        }), n && (S && (C.current = S), U()), l?.(A);
       },
       onBlur: (A) => {
-        a && f && x.current != null && (clearTimeout(x.current), x.current = null, D.current()), c?.(A);
+        n && f && x.current != null && (clearTimeout(x.current), x.current = null, D.current()), c?.(A);
       },
       className: p("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
       ...o,
@@ -958,8 +955,8 @@ function Nn({ action: e, errors: n, autoSave: a = !1, className: r, children: s,
     })
   });
 }
-function An({ name: e, className: n, ...a }) {
-  const r = R(X), s = L(), l = r?.auto ?? null, c = l != null && (e == null || l.field === e), [o, i] = w(!1), d = c ? l.phase : null;
+function xa({ name: e, className: a, ...n }) {
+  const r = T(X), s = L(), l = r?.auto ?? null, c = l != null && (e == null || l.field === e), [o, i] = w(!1), d = c ? l.phase : null;
   O(() => {
     if (d !== "saved") return;
     i(!0);
@@ -985,50 +982,50 @@ function An({ name: e, className: n, ...a }) {
           filter: u
         },
         transition: xe,
-        className: p("text-pho-description pl-8 [grid-area:1/1]", n),
+        className: p("text-pho-description pl-8 [grid-area:1/1]", a),
         style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
-        ...a,
+        ...n,
         children: f
       }, f)
     })
   });
 }
-var En = "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 Cn({ className: e, ...n }) {
-  const a = E(null);
-  return Xe(a, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
+var wa = "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 Na({ className: e, ...a }) {
+  const n = _(null);
+  return Xe(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
     "data-basic-page-fields": "",
-    className: p(ge, En, e),
-    ...n,
+    className: p(ge, wa, e),
+    ...a,
     ref: (r) => {
-      a.current = r;
-      const s = n.ref;
+      n.current = r;
+      const s = a.ref;
       typeof s == "function" ? s(r) : s != null && (s.current = r);
     }
   });
 }
-function _n({ className: e, ...n }) {
+function Aa({ className: e, ...a }) {
   return /* @__PURE__ */ t("div", {
     className: p("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
-    ...n
+    ...a
   });
 }
-function kn({ children: e = "Save changes", ...n }) {
-  const a = R(X);
+function _a({ children: e = "Save changes", ...a }) {
+  const n = T(X);
   return /* @__PURE__ */ t(ie, {
     type: "submit",
     variant: "effect",
     size: "sm",
-    loading: a?.pending,
-    ...n,
+    loading: n?.pending,
+    ...a,
     children: e
   });
 }
-function Sn({ show: e, className: n, ...a }) {
-  const r = R(X), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
+function Ea({ show: e, className: a, ...n }) {
+  const r = T(X), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
     "data-basic-page-footer": "",
-    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", n),
-    ...a
+    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
+    ...n
   });
   return s === void 0 ? l : /* @__PURE__ */ t(Ae, {
     show: s,
@@ -1037,19 +1034,19 @@ function Sn({ show: e, className: n, ...a }) {
     children: l
   });
 }
-var Rn = {
+var Ca = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function Ae({ show: e, clip: n = !0, gap: a = "stack", dividers: r, className: s, ...l }) {
-  const c = L(), o = Rn[r ? "none" : a], i = E(null), d = E(e !== !0);
+function Ae({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
+  const c = L(), o = Ca[r ? "none" : n], i = _(null), d = _(e !== !0);
   O(() => {
     d.current = !0;
   }, []);
   const f = () => {
-    n && i.current && (i.current.style.overflow = "hidden");
+    a && i.current && (i.current.style.overflow = "hidden");
   }, u = () => {
     i.current && (i.current.style.overflow = "");
   };
@@ -1063,17 +1060,17 @@ function Ae({ show: e, clip: n = !0, gap: a = "stack", dividers: r, className: s
       y: 0
     },
     transition: {
-      y: T,
+      y: R,
       opacity: M
     },
-    className: p(r && ae, s),
+    className: p(r && ne, s),
     ...l
   }) : /* @__PURE__ */ t(G, {
     initial: !1,
     children: e ? /* @__PURE__ */ t(N.div, {
       "data-basic-page-reveal": "",
       ref: (m) => {
-        i.current = m, n && m && d.current && (m.style.overflow = "hidden");
+        i.current = m, a && m && d.current && (m.style.overflow = "hidden");
       },
       onAnimationStart: f,
       onAnimationComplete: u,
@@ -1093,69 +1090,69 @@ function Ae({ show: e, clip: n = !0, gap: a = "stack", dividers: r, className: s
         marginTop: o
       },
       transition: c ? { duration: 0 } : {
-        height: T,
-        marginTop: T,
+        height: R,
+        marginTop: R,
         opacity: M
       },
-      className: p(r && ae, s),
+      className: p(r && ne, s),
       ...l
     }) : null
   });
 }
-var Tn = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Pn = "(min-width: 40rem)";
-function In() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Pn).matches;
+var ka = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Sa = "(min-width: 40rem)";
+function Ta() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Sa).matches;
 }
 var Je = z(null);
-function Ze({ className: e, children: n, ...a }) {
-  const r = Y.toArray(n).filter(He), s = r.map((k) => k.props.children ?? null), l = je();
-  Vt(s);
-  const [c] = w(In), o = L(), i = r.length, d = Me(), f = !c && i >= On, u = R(be), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", v = m?.href, g = m?.onClick;
+function Ze({ className: e, children: a, ...n }) {
+  const r = Y.toArray(a).filter(He), s = r.map((k) => k.props.children ?? null), l = je();
+  Gt(s);
+  const [c] = w(Ta), o = L(), i = r.length, d = Me(), f = !c && i >= Ra, u = T(ye), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", b = m?.href, g = m?.onClick;
   V(() => {
-    if (!(u == null || v == null))
+    if (!(u == null || b == null))
       return u.setTail({
         label: h,
-        href: v,
+        href: b,
         onClick: g
       }), () => u.setTail(null);
   }, [
     u,
     h,
-    v,
+    b,
     g
   ]);
-  const [C, b] = w(!o && !c && l != null && l.labels.length > i);
+  const [E, y] = w(!o && !c && l != null && l.labels.length > i);
   return /* @__PURE__ */ t("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
     className: p("absolute top-4 left-3 flex min-w-max items-center", e),
-    ...a,
-    children: /* @__PURE__ */ y("ol", {
+    ...n,
+    children: /* @__PURE__ */ v("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((k, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(yt, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
+      children: [r.map((k, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ v(vt, { children: [f && x === i - 2 && /* @__PURE__ */ v("li", {
         className: "m-0 flex items-center max-sm:hidden",
         children: [/* @__PURE__ */ t("span", {
           "aria-hidden": !0,
           className: de,
           children: re
-        }), /* @__PURE__ */ y(W.Root, { children: [/* @__PURE__ */ t(W.Trigger, { render: /* @__PURE__ */ t(ie, {
+        }), /* @__PURE__ */ v(W.Root, { children: [/* @__PURE__ */ t(W.Trigger, { render: /* @__PURE__ */ t(ie, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2",
-          children: Ln
+          children: Pa
         }) }), /* @__PURE__ */ t(W.Portal, { children: /* @__PURE__ */ t(W.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ t(W.Popup, { children: r.slice(1, i - 2).map((_, P) => {
-            const B = _.props;
+          children: /* @__PURE__ */ t(W.Popup, { children: r.slice(1, i - 2).map((C, P) => {
+            const B = C.props;
             return /* @__PURE__ */ t(W.LinkItem, {
               render: /* @__PURE__ */ t(d, {
                 href: B.href,
                 onClick: B.onClick
               }),
               children: B.children ?? "Back"
-            }, _.key ?? P);
+            }, C.key ?? P);
           }) })
         }) })] })]
       }), /* @__PURE__ */ t("li", {
@@ -1169,14 +1166,14 @@ function Ze({ className: e, children: n, ...a }) {
           },
           children: k
         })
-      })] }, k.key ?? x)), C && /* @__PURE__ */ t("li", {
+      })] }, k.key ?? x)), E && /* @__PURE__ */ t("li", {
         "aria-hidden": !0,
         className: "m-0 flex items-center max-sm:hidden",
         children: /* @__PURE__ */ t(N.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
           transition: $e,
-          onAnimationComplete: () => b(!1),
+          onAnimationComplete: () => y(!1),
           className: de,
           children: re
         })
@@ -1184,12 +1181,12 @@ function Ze({ className: e, children: n, ...a }) {
     })
   });
 }
-var de = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", re = "/", On = 4, Ln = "…";
-function et({ href: e, className: n, morphId: a, children: r = "Back", ...s }) {
-  const l = R(Je), c = L(), o = a != null && !c, i = qe(o ? a : void 0);
+var de = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", re = "/", Ra = 4, Pa = "…";
+function et({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
+  const l = T(Je), c = L(), o = n != null && !c, i = qe(o ? n : void 0);
   if (l == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: d, count: f, departing: u, narrow: m } = l, h = d === 0, v = d === f - 1, g = u != null && u.labels.length < f, C = u != null && u.labels.length > f, b = v && (u == null || g || m), k = h || v, x = h && v ? "" : h ? "max-sm:hidden" : "sm:hidden", _ = u != null, P = v ? m ? C ? "slide" : "fade" : b ? "fade" : void 0 : void 0, [B, I] = w(o && m && i.fly && u != null && !C ? u.labels[u.labels.length - 1] : null), D = o && k && !_, q = o && !h && v && (u == null || g);
-  return /* @__PURE__ */ y(he, { children: [!h && /* @__PURE__ */ t("span", {
+  const { index: d, count: f, departing: u, narrow: m } = l, h = d === 0, b = d === f - 1, g = u != null && u.labels.length < f, E = u != null && u.labels.length > f, y = b && (u == null || g || m), k = h || b, x = h && b ? "" : h ? "max-sm:hidden" : "sm:hidden", C = u != null, P = b ? m ? E ? "slide" : "fade" : y ? "fade" : void 0 : void 0, [B, I] = w(o && m && i.fly && u != null && !E ? u.labels[u.labels.length - 1] : null), D = o && k && !C, q = o && !h && b && (u == null || g);
+  return /* @__PURE__ */ v(he, { children: [!h && /* @__PURE__ */ t("span", {
     "aria-hidden": !0,
     className: p(de, "max-sm:hidden"),
     children: q ? /* @__PURE__ */ t(N.span, {
@@ -1201,7 +1198,7 @@ function et({ href: e, className: n, morphId: a, children: r = "Back", ...s }) {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Re : M,
+      transition: i.fly ? Te : M,
       className: "inline-flex",
       children: re
     }) : re
@@ -1218,19 +1215,19 @@ function et({ href: e, className: n, morphId: a, children: r = "Back", ...s }) {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? Re : M,
+      transition: i.fly ? Te : M,
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ne, {})
+      children: /* @__PURE__ */ t(ae, {})
     }) : /* @__PURE__ */ t("span", {
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ne, {})
+      children: /* @__PURE__ */ t(ae, {})
     }) : /* @__PURE__ */ t("span", { className: "hidden" }),
-    className: p("min-w-max", n),
+    className: p("min-w-max", a),
     ...s,
-    children: o && a != null ? /* @__PURE__ */ y("span", {
-      className: p("relative block", !i.fly && P === "slide" && "overflow-hidden", !v && "max-w-40 truncate"),
+    children: o && n != null ? /* @__PURE__ */ v("span", {
+      className: p("relative block", !i.fly && P === "slide" && "overflow-hidden", !b && "max-w-40 truncate"),
       children: [/* @__PURE__ */ t(We, {
-        morphId: a,
+        morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
@@ -1243,36 +1240,36 @@ function et({ href: e, className: n, morphId: a, children: r = "Back", ...s }) {
           opacity: 1
         },
         animate: {
-          x: Ft,
+          x: Dt,
           opacity: 0
         },
-        transition: Gt,
+        transition: Ht,
         onAnimationComplete: () => I(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: B
       })]
     }) : /* @__PURE__ */ t("span", {
-      className: p("block", !v && "max-w-40 truncate"),
+      className: p("block", !b && "max-w-40 truncate"),
       children: r
     })
   })] });
 }
-function Bn({ className: e, ...n }) {
+function Ia({ className: e, ...a }) {
   return /* @__PURE__ */ t(Ze, {
     className: e,
-    children: /* @__PURE__ */ t(et, { ...n })
+    children: /* @__PURE__ */ t(et, { ...a })
   });
 }
-function Mn({ label: e, description: n, leading: a, href: r, className: s, children: l, ...c }) {
+function Oa({ label: e, description: a, leading: n, href: r, className: s, children: l, ...c }) {
   const o = Me(), i = $(() => N.create(o), [o]), { leaving: d, ...f } = Ne();
-  return /* @__PURE__ */ y(i, {
+  return /* @__PURE__ */ v(i, {
     href: r,
     ...f,
     ...c,
     className: p("flex min-h-[4.25rem] min-w-0 flex-row items-center justify-between gap-6 px-5 py-4", "group outline-pho-brand hover:bg-pho-primary-hover cursor-pointer transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2", "aria-[current=page]:bg-pho-primary-hover", "first:rounded-t-[calc(var(--radius-base)-1px)] last:rounded-b-[calc(var(--radius-base)-1px)]", d && "overflow-hidden", s),
-    children: [/* @__PURE__ */ y("div", {
-      className: p("flex min-w-0 flex-1 items-center", a != null && "gap-3"),
-      children: [a, /* @__PURE__ */ y("div", {
+    children: [/* @__PURE__ */ v("div", {
+      className: p("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
+      children: [n, /* @__PURE__ */ v("div", {
         className: "min-w-0",
         children: [/* @__PURE__ */ t("div", {
           className: "flex min-w-0 items-center gap-1",
@@ -1280,25 +1277,25 @@ function Mn({ label: e, description: n, leading: a, href: r, className: s, child
             className: "text-pho-primary truncate text-base font-medium",
             children: e
           }) : e
-        }), n ? /* @__PURE__ */ t("div", {
+        }), a ? /* @__PURE__ */ t("div", {
           className: "text-pho-description truncate text-xs",
-          children: n
+          children: a
         }) : null]
       })]
-    }), /* @__PURE__ */ y("div", {
+    }), /* @__PURE__ */ v("div", {
       className: "flex min-w-0 items-center justify-end gap-2",
       children: [l != null ? /* @__PURE__ */ t("div", {
         className: "min-w-0",
         children: l
-      }) : null, /* @__PURE__ */ t(At, {
+      }) : null, /* @__PURE__ */ t(ct, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Dn({ open: e, variant: n = "overlay", modal: a = !1, placeholder: r, onClose: s, children: l }) {
-  const c = R(ze), o = e ?? Y.toArray(l).length > 0, i = c?.setOpen, d = c?.setPresent;
+function La({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, children: l }) {
+  const c = T(ze), o = e ?? Y.toArray(l).length > 0, i = c?.setOpen, d = c?.setPresent;
   return V(() => {
     if (d != null)
       return d(!0), () => d(!1);
@@ -1307,32 +1304,32 @@ function Dn({ open: e, variant: n = "overlay", modal: a = !1, placeholder: r, on
       return i(o), () => i(!1);
   }, [i, o]), O(() => {
     c == null && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("BasicPage.Aside: needs a `BasicPage.Root` around it.");
-  }, [c]), c == null || c.slot == null ? null : c.presentation === "page" ? Ce(o ? /* @__PURE__ */ t("div", {
+  }, [c]), c == null || c.slot == null ? null : c.presentation === "page" ? Ee(o ? /* @__PURE__ */ t("div", {
     "data-basic-page-aside": "page",
     className: "flex min-w-0 flex-1 flex-col",
     children: l
-  }) : null, c.slot) : n === "inline" ? Ce(/* @__PURE__ */ t(Hn, {
+  }) : null, c.slot) : a === "inline" ? Ee(/* @__PURE__ */ t(Ba, {
     width: c.width,
     paneHeight: c.paneHeight,
     onClose: s,
     open: o,
     placeholder: r,
     children: l
-  }), c.slot) : /* @__PURE__ */ t(Fn, {
+  }), c.slot) : /* @__PURE__ */ t(Ma, {
     container: c.slot,
     width: c.width,
     paneHeight: c.paneHeight,
     onClose: s,
     open: o,
-    modal: a,
+    modal: n,
     children: l
   });
 }
 function tt() {
-  const [e, n] = w(null), a = $(() => ({ setBack: n }), []), r = E(null);
+  const [e, a] = w(null), n = $(() => ({ setBack: a }), []), r = _(null);
   return {
     back: e,
-    panel: a,
+    panel: n,
     closeRef: r,
     leave: Fe(() => {
       const s = r.current?.querySelector("a, button");
@@ -1347,19 +1344,19 @@ var Le = {
   "aria-label": "Close",
   children: /* @__PURE__ */ t(mt, {})
 };
-function nt({ back: e, onClose: n, closeRef: a, panel: r, children: s }) {
-  return /* @__PURE__ */ y(he, { children: [/* @__PURE__ */ t("span", {
-    ref: a,
+function at({ back: e, onClose: a, closeRef: n, panel: r, children: s }) {
+  return /* @__PURE__ */ v(he, { children: [/* @__PURE__ */ t("span", {
+    ref: n,
     className: "absolute top-2 right-2 z-30",
     children: e != null ? /* @__PURE__ */ t(pe, {
       ...Le,
       href: e.href,
       onClick: e.onClick
-    }) : n != null ? /* @__PURE__ */ t(ie, {
+    }) : a != null ? /* @__PURE__ */ t(ie, {
       ...Le,
-      onClick: n
+      onClick: a
     }) : null
-  }), /* @__PURE__ */ y(Q.Root, {
+  }), /* @__PURE__ */ v(Q.Root, {
     className: "min-h-0 flex-1",
     children: [/* @__PURE__ */ t(Q.Viewport, { children: /* @__PURE__ */ t(Q.Content, {
       className: "flex min-h-full flex-col",
@@ -1370,13 +1367,13 @@ function nt({ back: e, onClose: n, closeRef: a, panel: r, children: s }) {
     }) }), /* @__PURE__ */ t(Q.Scrollbar, { children: /* @__PURE__ */ t(Q.Thumb, {}) })]
   })] });
 }
-function Hn({ width: e, paneHeight: n, onClose: a, open: r, placeholder: s, children: l }) {
-  const c = L(), { back: o, panel: i, closeRef: d, leave: f } = tt(), u = c ? "blur(0px)" : `blur(${De}px)`, m = n ?? "100dvh";
+function Ba({ width: e, paneHeight: a, onClose: n, open: r, placeholder: s, children: l }) {
+  const c = L(), { back: o, panel: i, closeRef: d, leave: f } = tt(), u = c ? "blur(0px)" : `blur(${De}px)`, m = a ?? "100dvh";
   O(() => {
-    const v = (g) => {
+    const b = (g) => {
       g.key !== "Escape" || g.defaultPrevented || f() && g.preventDefault();
     };
-    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [f]);
   const h = {
     initial: {
@@ -1409,9 +1406,9 @@ function Hn({ width: e, paneHeight: n, onClose: a, open: r, placeholder: s, chil
         children: r ? /* @__PURE__ */ t(N.div, {
           ...h,
           className: "relative flex flex-col",
-          children: /* @__PURE__ */ t(nt, {
+          children: /* @__PURE__ */ t(at, {
             back: o,
-            onClose: a,
+            onClose: n,
             closeRef: d,
             panel: i,
             children: l
@@ -1425,8 +1422,8 @@ function Hn({ width: e, paneHeight: n, onClose: a, open: r, placeholder: s, chil
     })
   });
 }
-function Fn({ container: e, width: n, paneHeight: a, onClose: r, open: s, modal: l, children: c }) {
-  const { back: o, panel: i, closeRef: d, leave: f } = tt(), u = a ?? "100dvh";
+function Ma({ container: e, width: a, paneHeight: n, onClose: r, open: s, modal: l, children: c }) {
+  const { back: o, panel: i, closeRef: d, leave: f } = tt(), u = n ?? "100dvh";
   return /* @__PURE__ */ t(te.Root, {
     open: s,
     modal: l ? "trap-focus" : !1,
@@ -1434,7 +1431,7 @@ function Fn({ container: e, width: n, paneHeight: a, onClose: r, open: s, modal:
     onOpenChange: (m, h) => {
       m || (h.cancel(), f());
     },
-    children: /* @__PURE__ */ y(te.Portal, {
+    children: /* @__PURE__ */ v(te.Portal, {
       container: e,
       className: "contents",
       children: [l ? /* @__PURE__ */ t(te.Backdrop, {
@@ -1447,11 +1444,11 @@ function Fn({ container: e, width: n, paneHeight: a, onClose: r, open: s, modal:
         initialFocus: l ? void 0 : !1,
         finalFocus: l ? 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: n },
+        style: { width: a },
         children: /* @__PURE__ */ t("div", {
           className: "border-pho-secondary bg-pho-primary shadow-pho-xl sticky top-0 flex flex-col border-l",
           style: { height: u },
-          children: /* @__PURE__ */ t(nt, {
+          children: /* @__PURE__ */ t(at, {
             back: o,
             onClose: r,
             closeRef: d,
@@ -1463,15 +1460,15 @@ function Fn({ container: e, width: n, paneHeight: a, onClose: r, open: s, modal:
     })
   });
 }
-var Gn = "14rem", zn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Be = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function Vn({ variant: e = "box", fold: n = "auto", value: a, onValueChange: r, placeholder: s, label: l, className: c, ...o }) {
-  const i = R(fe), d = me(i?.subscribe ?? ye, () => i?.get().api ?? null, () => null), f = a != null;
+var Da = "14rem", Ha = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Be = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function Fa({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: c, ...o }) {
+  const i = T(fe), d = me(i?.subscribe ?? ve, () => i?.get().api ?? null, () => null), f = n != null;
   O(() => {
     if (!(i == null || f))
       return i.adopt(!0), () => i.adopt(!1);
   }, [i, f]);
   const u = f ? {
-    query: a,
+    query: n,
     setQuery: r,
     placeholder: s ?? "Search",
     label: l ?? s ?? "Search"
@@ -1480,15 +1477,15 @@ function Vn({ variant: e = "box", fold: n = "auto", value: a, onValueChange: r,
     setQuery: d.setQuery,
     placeholder: d.placeholder,
     label: l ?? d.placeholder
-  }, [m, h] = w(!1), v = E(null), g = m || (u?.query ?? "") !== "";
+  }, [m, h] = w(!1), b = _(null), g = m || (u?.query ?? "") !== "";
   if (O(() => {
     if (!m) return;
-    let b = 0, k = 0;
+    let y = 0, k = 0;
     const x = () => {
-      const _ = v.current;
-      _ != null && (_.focus(), document.activeElement !== _ && k++ < 5 && (b = requestAnimationFrame(x)));
+      const C = b.current;
+      C != null && (C.focus(), document.activeElement !== C && k++ < 5 && (y = requestAnimationFrame(x)));
     };
-    return b = requestAnimationFrame(x), () => cancelAnimationFrame(b);
+    return y = requestAnimationFrame(x), () => cancelAnimationFrame(y);
   }, [m]), e === "ghost") return /* @__PURE__ */ t("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
@@ -1499,20 +1496,20 @@ function Vn({ variant: e = "box", fold: n = "auto", value: a, onValueChange: r,
       onChange: u.setQuery,
       placeholder: u.placeholder,
       "aria-label": u.label,
-      onKeyDown: (b) => {
-        b.key === "Escape" && (b.preventDefault(), u.setQuery(""), b.currentTarget.blur());
+      onKeyDown: (y) => {
+        y.key === "Escape" && (y.preventDefault(), u.setQuery(""), y.currentTarget.blur());
       }
     })
   });
-  const C = n === "auto";
+  const E = a === "auto";
   return /* @__PURE__ */ t("div", {
     "data-basic-page-search": "",
     "data-expanded": g || void 0,
-    className: p("grid min-w-0 content-center", "[[data-basic-page-header]>&]:col-start-2 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:justify-items-end [[data-basic-page-header]>&]:self-center", "[[data-basic-page-header]:has([data-basic-page-header-action])>&]:self-start", u == null && "hidden", c),
+    className: p("grid min-w-0 content-center", "[[data-basic-page-header]>&]:col-start-2 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:justify-items-end [[data-basic-page-header]>&]:self-start", u == null && "hidden", c),
     ...o,
-    children: u != null && /* @__PURE__ */ y("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", zn, C && "@[36rem]:w-56"),
-      style: g ? { width: Gn } : void 0,
+    children: u != null && /* @__PURE__ */ v("div", {
+      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Ha, E && "@[36rem]:w-56"),
+      style: g ? { width: Da } : void 0,
       children: [/* @__PURE__ */ t(ie, {
         variant: "outlined",
         size: "sm",
@@ -1522,24 +1519,24 @@ function Vn({ variant: e = "box", fold: n = "auto", value: a, onValueChange: r,
         "aria-hidden": g || void 0,
         tabIndex: g ? -1 : void 0,
         onClick: () => h(!0),
-        className: p(Be, g ? "pointer-events-none invisible opacity-0" : "visible opacity-100", C && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ t(Ee, {})
+        className: p(Be, g ? "pointer-events-none invisible opacity-0" : "visible opacity-100", E && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
+        children: /* @__PURE__ */ t(_e, {})
       }), /* @__PURE__ */ t("div", {
-        inert: !C && !g,
-        className: p("w-full min-w-0", Be, g ? "visible opacity-100" : "pointer-events-none invisible opacity-0", C && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
-        children: /* @__PURE__ */ y(le.Root, {
+        inert: !E && !g,
+        className: p("w-full min-w-0", Be, g ? "visible opacity-100" : "pointer-events-none invisible opacity-0", E && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
+        children: /* @__PURE__ */ v(le.Root, {
           size: "sm",
           className: "w-full",
-          children: [/* @__PURE__ */ t(le.Addon, { children: /* @__PURE__ */ t(Ee, {}) }), /* @__PURE__ */ t(le.Input, {
-            ref: v,
+          children: [/* @__PURE__ */ t(le.Addon, { children: /* @__PURE__ */ t(_e, {}) }), /* @__PURE__ */ t(le.Input, {
+            ref: b,
             type: "search",
             value: u.query,
-            onChange: (b) => u.setQuery(b.target.value),
+            onChange: (y) => u.setQuery(y.target.value),
             onBlur: () => {
               u.query === "" && h(!1);
             },
-            onKeyDown: (b) => {
-              b.key === "Escape" && (b.preventDefault(), u.setQuery(""), h(!1), b.currentTarget.blur());
+            onKeyDown: (y) => {
+              y.key === "Escape" && (y.preventDefault(), u.setQuery(""), h(!1), y.currentTarget.blur());
             },
             placeholder: u.placeholder,
             "aria-label": u.label
@@ -1549,58 +1546,58 @@ function Vn({ variant: e = "box", fold: n = "auto", value: a, onValueChange: r,
     })
   });
 }
-var ga = {
-  Root: It,
-  Aside: Dn,
-  Search: Vn,
+var mn = {
+  Root: Rt,
+  Aside: La,
+  Search: Fa,
   Table: dt,
-  CondenseScope: $t,
+  CondenseScope: zt,
   Breadcrumbs: Ze,
   Crumb: et,
-  Back: Bn,
-  Title: Xt,
-  Stack: Zt,
-  Header: en,
-  HeaderAction: tn,
-  SectionTitle: nn,
+  Back: Ia,
+  Title: Wt,
+  Stack: Ut,
+  Header: Jt,
+  HeaderAction: Zt,
+  SectionTitle: ea,
   Description: Qe,
-  TableCount: an,
-  SectionFooter: rn,
-  Card: sn,
-  Item: ln,
-  ItemPanel: on,
-  Callout: cn,
-  CalloutTitle: un,
-  CalloutDescription: dn,
-  Onboard: pn,
-  Step: bn,
-  Row: yn,
-  RowLink: Mn,
-  Value: xn,
-  Alert: wn,
-  Footer: Sn,
-  Form: Nn,
-  Saved: An,
-  Fields: Cn,
-  Inline: _n,
-  Submit: kn,
+  TableCount: ta,
+  SectionFooter: aa,
+  Card: na,
+  Item: ra,
+  ItemPanel: ia,
+  Callout: sa,
+  CalloutTitle: la,
+  CalloutDescription: oa,
+  Onboard: ca,
+  Step: ha,
+  Row: ga,
+  RowLink: Oa,
+  Value: ba,
+  Alert: ya,
+  Footer: Ea,
+  Form: va,
+  Saved: xa,
+  Fields: Na,
+  Inline: Aa,
+  Submit: _a,
   Reveal: Ae
 };
 export {
   _t as a,
-  ga as c,
-  jt as d,
+  mn as c,
+  Vt as d,
   ce as f,
-  Ct as i,
+  At as i,
   xe as l,
-  fa as m,
-  _e as n,
-  kt as o,
-  ma as p,
+  dn as m,
+  Ce as n,
+  Et as o,
+  pn as p,
   Ge as r,
-  Et as s,
-  ha as t,
+  Nt as s,
+  fn as t,
   Pe as u
 };
 
-//# sourceMappingURL=basic-page-CJwG4I83.js.map
+//# sourceMappingURL=basic-page-CdmVeL_Z.js.map