@photon-ai/pho-ui 4.5.1 → 4.6.1

package/dist/chunks/{basic-page-dQ86NSIy.js → basic-page-C0DvO_Vt.js}

@@ -1,36 +1,37 @@
 "use client";
 import { t as p } from "./cn-ChIgwEl3.js";
-import { n as $e } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as ma, FADE_SWAP as fa, SPRING_ENTRANCE as ha, TRAVEL_LINEAR as ga, fadeThroughBlur as ne } from "../motion.js";
-import { a as Z, o as we } from "./button-CgUS0j3D.js";
-import { t as ba } from "./error-VvHnteyf.js";
-import { n as va, t as ya } from "./IconArrowsMinimize-BfPUGuCB.js";
+import { n as qe } from "./link-provider-DXzDQ08N.js";
+import { FADE_ENTRANCE as ft, FADE_SWAP as ht, SPRING_ENTRANCE as gt, TRAVEL_LINEAR as bt, fadeThroughBlur as ne } from "../motion.js";
+import { a as Z, o as we } from "./button-C9VqBBIr.js";
+import { t as vt } from "./error-D5SzZ0ev.js";
+import { n as yt, t as xt } from "./IconArrowsMinimize-BfPUGuCB.js";
 import { t as se } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as xa } from "./IconChevronRight-CzoJnYNI.js";
+import { t as wt } from "./IconChevronRight-CzoJnYNI.js";
 import { t as Ie } from "./IconSearch-BKAHkLyX.js";
-import { i as Ne, n as wa, o as Na, r as Aa } from "./data-table-Mog6m3d9.js";
-import { t as _a } from "./IconX-pZ9vrtSr.js";
-import { t as Ca } from "./toast-DUvjSZF7.js";
+import { i as Ne, n as Nt, o as At, r as _t } from "./data-table-Mog6m3d9.js";
+import { t as Ct } from "./IconX-pZ9vrtSr.js";
+import { t as Et } from "./toast-BACxYsv6.js";
 import { t as he } from "./input-group-fc9_jD4d.js";
-import { t as Ea } from "./animated-height-I44sUq0n.js";
+import { t as kt } from "./animated-height-I44sUq0n.js";
 import { n as Ae, t as J } from "./scroll-area-DSwD9th7.js";
-import { i as ka } from "./checkbox-CLPmblNA.js";
-import { t as Sa } from "./form-AiHbbw4m.js";
+import { i as St } from "./checkbox-CLPmblNA.js";
+import { t as Rt } from "./form-AiHbbw4m.js";
 import { i as Q } from "./menu-BQeprfxB.js";
-import { t as Ta } from "./ghost-search-AmVXd0zE.js";
+import { t as Tt } from "./ghost-search-AmVXd0zE.js";
+import { t as Oe } from "./description-list-8qm83WZB.js";
 import { t as j } from "./tooltip-BTF7GChl.js";
-import { Children as ee, Fragment as Ra, createContext as G, isValidElement as qe, useCallback as _e, useContext as S, useEffect as O, useId as Pa, useLayoutEffect as z, useMemo as $, useRef as k, useState as N, useSyncExternalStore as ue } from "react";
-import { Fragment as de, jsx as a, jsxs as y } from "react/jsx-runtime";
-import { AnimatePresence as q, motion as A, useIsPresent as Ia, useReducedMotion as M } from "motion/react";
+import { Children as ee, Fragment as Pt, createContext as G, isValidElement as je, useCallback as _e, useContext as S, useEffect as O, useId as It, useLayoutEffect as z, useMemo as $, useRef as k, useState as N, useSyncExternalStore as ue } from "react";
+import { Fragment as de, jsx as t, jsxs as y } from "react/jsx-runtime";
+import { AnimatePresence as q, motion as A, useIsPresent as Ot, useReducedMotion as M } from "motion/react";
 import { Dialog as re } from "@base-ui/react/dialog";
-import { createPortal as Oe } from "react-dom";
-var Ce = "rounded-base border border-pho-secondary bg-pho-primary", le = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", je = `${Ce} ${le} gap-0`, Be = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Oa = "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", Ba = "flex flex-col gap-3 px-5 py-4", La = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Ma = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = ha, D = ma, K = 12, Ke = G(null), Da = 768;
-function Ha(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 Xe = G(null), Qe = G(null);
-function Fa(e) {
-  const [t, n] = N(null), [r, l] = N(!1), [s, u] = N(!1), [d, i] = N(!1), [c, f] = N(() => ({
+import { createPortal as Be } from "react-dom";
+var Ce = "rounded-base border border-pho-secondary bg-pho-primary", le = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Ke = `${Ce} ${le} gap-0`, Le = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Bt = "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", Lt = "flex flex-col gap-3 px-5 py-4", Mt = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Dt = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = gt, D = ft, K = 12, Xe = G(null), Ht = 768;
+function Ft(e, a = "default") {
+  return Math.round(a === "wide" ? Math.min(Math.max(e * (2 / 3), 448), 768) : Math.min(Math.max(e * 0.4, 320), 448));
+}
+var Qe = G(null), Ye = G(null);
+function zt(e) {
+  const [a, n] = N(null), [r, l] = N(!1), [s, u] = N(!1), [d, i] = N(!1), [c, f] = N(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
   }));
@@ -49,39 +50,39 @@ function Fa(e) {
     return g.observe(o), m != null && g.observe(m), () => g.disconnect();
   }, [e, r]), {
     host: $(() => ({
-      slot: t,
-      paneNarrow: c.width < Da,
+      slot: a,
+      paneNarrow: c.width < Ht,
       paneWidth: c.width,
       paneHeight: c.height,
       setOpen: u,
       setAsPage: i,
       setPresent: l
-    }), [t, c]),
+    }), [a, c]),
     setSlot: n,
     open: s,
     asPage: d
   };
 }
-function za(e) {
+function Gt(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
-function Le(e, t) {
-  e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
+function Me(e, a) {
+  e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
 }
-function Ga({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: l, ref: s, ...u }) {
-  const d = S(ae)?.adopt ?? !1, i = S(Qe), c = e === "pinned", [f, o] = N(!1), m = k(0), h = _e((V) => {
+function Wt({ condense: e = !0, width: a, prerendered: n = !1, className: r, children: l, ref: s, ...u }) {
+  const d = S(te)?.adopt ?? !1, i = S(Ye), c = e === "pinned", [f, o] = N(!1), m = k(0), h = _e((V) => {
     m.current += V ? 1 : -1, o(m.current > 0);
-  }, []), g = t === "wide" || t == null && f, [b] = N(Na), x = k(null), v = $(() => ({
+  }, []), g = a === "wide" || a == null && f, [b] = N(At), x = k(null), v = $(() => ({
     ref: x,
     prerendered: n
-  }), [n]), [_, w] = N(null), [C, R] = N(null);
+  }), [n]), [_, w] = N(null), [C, T] = N(null);
   O(() => {
     if (i != null)
       return i.setBack(C), () => i.setBack(null);
   }, [i, C]);
-  const { host: I, setSlot: B, open: L, asPage: W } = Fa(x), H = L && W, te = $(() => ({
+  const { host: I, setSlot: B, open: L, asPage: W } = zt(x), H = L && W, ae = $(() => ({
     setTitle: w,
-    setTail: R,
+    setTail: T,
     pinned: c
   }), [c]), me = $(() => ({
     tail: i == null ? C : null,
@@ -90,30 +91,30 @@ function Ga({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
     C,
     i,
     H
-  ]), T = k(!1), E = k(0);
+  ]), R = k(!1), E = k(0);
   z(() => {
     const V = x.current;
-    if (H === T.current || V == null) return;
-    T.current = H;
+    if (H === R.current || V == null) return;
+    R.current = H;
     const fe = Se(V);
-    H ? (E.current = za(fe), Le(fe, 0)) : Le(fe, E.current);
+    H ? (E.current = Gt(fe), Me(fe, 0)) : Me(fe, E.current);
   }, [H]);
-  const X = e && !c ? /* @__PURE__ */ a(Ye, {
+  const X = e && !c ? /* @__PURE__ */ t(Ue, {
     title: _,
     tail: i == null ? C : null,
     silent: H || i != null
-  }) : null, F = /* @__PURE__ */ a("div", {
+  }) : null, F = /* @__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", i == null && (g ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]"), c ? "pt-0 [&_[data-basic-page-back]]:hidden" : d || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ a(ke.Provider, {
-      value: te,
-      children: /* @__PURE__ */ a(Ze.Provider, {
+    children: e ? /* @__PURE__ */ t(ke.Provider, {
+      value: ae,
+      children: /* @__PURE__ */ t(et.Provider, {
         value: me,
         children: l
       })
     }) : l
   });
-  return /* @__PURE__ */ a("div", {
+  return /* @__PURE__ */ t("div", {
     "data-basic-page-root": "",
     "data-basic-page-width": g ? "wide" : void 0,
     "data-basic-page-prerendered": n ? "" : void 0,
@@ -123,11 +124,11 @@ function Ga({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
     ref: (V) => {
       x.current = V, typeof s == "function" ? s(V) : s != null && (s.current = V);
     },
-    children: /* @__PURE__ */ a(Ke.Provider, {
+    children: /* @__PURE__ */ t(Xe.Provider, {
       value: v,
-      children: /* @__PURE__ */ a(Xe.Provider, {
+      children: /* @__PURE__ */ t(Qe.Provider, {
         value: I,
-        children: /* @__PURE__ */ a(Aa.Provider, {
+        children: /* @__PURE__ */ t(_t.Provider, {
           value: h,
           children: /* @__PURE__ */ y(Ne.Provider, {
             value: b,
@@ -135,7 +136,7 @@ function Ga({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
               "data-basic-page-main": "",
               className: p("flex min-w-0 flex-1 flex-col", H && "hidden"),
               children: [X, F]
-            }), /* @__PURE__ */ a("div", {
+            }), /* @__PURE__ */ t("div", {
               ref: B,
               className: "contents"
             })]
@@ -146,8 +147,8 @@ function Ga({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
   });
 }
 var ge = /* @__PURE__ */ new Set();
-function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l }) {
-  const s = M(), [u, d] = N(() => r || !n && ge.size > 0), i = S(ae), c = Pa();
+function Ue({ title: e, tail: a, silent: n = !1, pinned: r = !1, className: l }) {
+  const s = M(), [u, d] = N(() => r || !n && ge.size > 0), i = S(te), c = It();
   z(() => {
     if (!(!u || n))
       return ge.add(c), () => {
@@ -166,7 +167,7 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
       i.store.set(c, {
         condensed: u,
         title: e?.label ?? null,
-        back: t
+        back: a
       });
     }
   }, [
@@ -174,7 +175,7 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     c,
     u,
     e,
-    t,
+    a,
     n
   ]), O(() => {
     if (i != null)
@@ -191,11 +192,11 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     const h = new IntersectionObserver(([g]) => d(g != null && !g.isIntersecting), { root: Se(f) });
     return h.observe(f), () => h.disconnect();
   }, [f, r]);
-  const o = s ? 0 : -Za, m = s ? "blur(0px)" : `blur(${Ae}px)`;
-  return /* @__PURE__ */ a("div", {
+  const o = s ? 0 : -ea, m = s ? "blur(0px)" : `blur(${Ae}px)`;
+  return /* @__PURE__ */ t("div", {
     "data-basic-page-condense": "",
     className: p("sticky top-0 z-20 h-0 overflow-visible", l),
-    children: /* @__PURE__ */ a(q, {
+    children: /* @__PURE__ */ t(q, {
       initial: !1,
       children: u && !(i?.adopt ?? !1) && /* @__PURE__ */ y(A.div, {
         initial: { opacity: 0 },
@@ -203,21 +204,21 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
         exit: { opacity: 0 },
         transition: oe,
         className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
-        children: [/* @__PURE__ */ a("div", {
+        children: [/* @__PURE__ */ t("div", {
           className: "flex min-w-0 items-center justify-start",
-          children: t != null && /* @__PURE__ */ a(we, {
+          children: a != null && /* @__PURE__ */ t(we, {
             variant: "ghost",
             size: "sm",
-            href: t.href,
-            onClick: t.onClick,
-            prefix: /* @__PURE__ */ a("span", {
+            href: a.href,
+            onClick: a.onClick,
+            prefix: /* @__PURE__ */ t("span", {
               className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-              children: /* @__PURE__ */ a(se, {})
+              children: /* @__PURE__ */ t(se, {})
             }),
             className: "min-w-max",
-            children: t.label
+            children: a.label
           })
-        }), /* @__PURE__ */ a(A.span, {
+        }), /* @__PURE__ */ t(A.span, {
           initial: {
             opacity: 0,
             y: o,
@@ -235,7 +236,7 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
           },
           transition: {
             ...oe,
-            y: Ja
+            y: Zt
           },
           className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
           children: e?.label
@@ -244,61 +245,61 @@ function Ye({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     })
   });
 }
-function Wa(e) {
+function Vt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function Va(e) {
+function $t(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return Wa(String(e)) || void 0;
+    return Vt(String(e)) || void 0;
 }
-function Ee(e, t) {
+function Ee(e, a) {
   if (e !== "")
-    return e ?? Va(t);
+    return e ?? $t(a);
 }
-var $a = (e) => `basic-page-morph-${e}`, qa = { layout: P }, Me = 10, De = {
+var qt = (e) => `basic-page-morph-${e}`, jt = { layout: P }, De = 10, He = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, ja = {
+}, Kt = {
   duration: 0.18,
   ease: "easeOut"
-}, Ka = -8, Xa = {
+}, Xt = -8, Qt = {
   duration: 0.16,
   ease: "easeOut"
-}, Qa = {
+}, Yt = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
-}, Ue = {
+}, Je = {
   duration: 0.12,
   ease: "easeOut"
 }, Y = [];
-function Ya(e) {
-  const t = k({ labels: e });
-  t.current.labels = e, z(() => {
-    const n = t.current;
+function Ut(e) {
+  const a = k({ labels: e });
+  a.current.labels = e, z(() => {
+    const n = a.current;
     return Y.push(n), () => {
       Y.splice(Y.indexOf(n), 1);
     };
   }, []);
 }
-function Je() {
+function Ze() {
   const [e] = N(() => {
-    const t = Y[Y.length - 1];
-    return t ? { labels: [...t.labels] } : null;
+    const a = Y[Y.length - 1];
+    return a ? { labels: [...a.labels] } : null;
   });
   return e;
 }
-var ke = G(null), Ze = G({
+var ke = G(null), et = G({
   tail: null,
   silent: !1
 }), ye = {
   condensed: !1,
   title: null,
   back: null
-}, ae = G(null), pe = () => () => {
-}, He = () => ye;
-function Ua({ adopt: e = !0, children: t }) {
+}, te = G(null), pe = () => () => {
+}, Fe = () => ye;
+function Jt({ adopt: e = !0, children: a }) {
   const [n] = N(() => {
     let l = ye, s = null;
     const u = /* @__PURE__ */ new Set(), d = () => {
@@ -320,34 +321,34 @@ function Ua({ adopt: e = !0, children: t }) {
     store: n,
     adopt: e
   }), [n, e]);
-  return /* @__PURE__ */ a(ae.Provider, {
+  return /* @__PURE__ */ t(te.Provider, {
     value: r,
-    children: t
+    children: a
   });
 }
-function Rn() {
-  const e = S(ae);
-  return ue(e?.store.subscribe ?? pe, e?.store.get ?? He, e?.store.get ?? He);
+function In() {
+  const e = S(te);
+  return ue(e?.store.subscribe ?? pe, e?.store.get ?? Fe, e?.store.get ?? Fe);
 }
-var oe = fa, Ja = ga, Za = -8;
+var oe = ht, Zt = bt, ea = -8;
 function Se(e) {
   if (typeof getComputedStyle != "function") return null;
-  for (let t = e.parentElement; t != null && t !== document.body; t = t.parentElement) {
-    const { overflowY: n } = getComputedStyle(t);
-    if (n === "auto" || n === "scroll") return t;
+  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 be = /* @__PURE__ */ new Map(), et = 96;
-function at(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;
+var be = /* @__PURE__ */ new Map(), ta = 96;
+function aa(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 ea(e) {
-  const [t] = N(() => {
+function tt(e) {
+  const [a] = N(() => {
     if (e == null) return !1;
     const r = be.get(e);
-    return r != null && r.visible && r.el.isConnected && at(r.el) <= et;
+    return r != null && r.visible && r.el.isConnected && aa(r.el) <= ta;
   }), n = k(null);
   return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
@@ -363,11 +364,11 @@ function ea(e) {
       l.disconnect(), be.delete(e);
     };
   }, [e]), {
-    fly: t,
+    fly: a,
     ref: n
   };
 }
-var tt = {
+var na = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -390,17 +391,17 @@ var tt = {
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: Qa }
+    transition: { x: Yt }
   }
 };
-function aa({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, className: s, children: u }) {
-  const [d, i] = N(!1), c = !n && l != null ? tt[l] : null;
+function at({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: l, className: s, children: u }) {
+  const [d, i] = N(!1), c = !n && l != null ? na[l] : null;
   return /* @__PURE__ */ y(A.span, {
     ref: r,
-    layoutId: $a(e),
+    layoutId: qt(e),
     initial: c?.initial,
     animate: c?.animate,
-    transition: n ? qa : {
+    transition: n ? jt : {
       layout: { duration: 0 },
       ...c?.transition
     },
@@ -409,20 +410,20 @@ function aa({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, cla
     },
     onLayoutAnimationComplete: () => i(!1),
     className: p("relative inline-block", s),
-    children: [u, d && /* @__PURE__ */ a(A.span, {
+    children: [u, d && /* @__PURE__ */ t(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: ja,
+      transition: Kt,
       onAnimationComplete: () => i(!1),
-      className: p("absolute inset-0", t),
+      className: p("absolute inset-0", a),
       children: u
     })]
   });
 }
-var Fe = "max-w-full min-w-0 truncate align-top", ze = "flex shrink-0 items-center";
-function nt({ id: e, morphId: t, enter: n, trailing: r, className: l, children: s, ...u }) {
-  const d = Ee(e, s), i = M(), c = Re(n === !0), f = ea(t), o = Je(), m = !i && (t != null || c === !0), h = c || o != null ? "rise" : void 0, g = S(ke), b = g?.pinned ?? !1, x = S(ae)?.adopt ?? !1, v = S(Ze), _ = k(null);
+var ze = "max-w-full min-w-0 truncate align-top", Ge = "flex shrink-0 items-center";
+function ra({ id: e, morphId: a, enter: n, trailing: r, className: l, children: s, ...u }) {
+  const d = Ee(e, s), i = M(), c = Te(n === !0), f = tt(a), o = Ze(), m = !i && (a != null || c === !0), h = c || o != null ? "rise" : void 0, g = S(ke), b = g?.pinned ?? !1, x = S(te)?.adopt ?? !1, v = S(et), _ = k(null);
   z(() => {
     if (!(g == null || b))
       return g.setTitle({
@@ -438,15 +439,15 @@ function nt({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
   z(() => {
     Y.length > 0 && C(!1);
   }, []);
-  const R = r != null && r !== !1, I = !i && (t != null ? f.fly || h != null : c === !0), B = t != null && !i ? /* @__PURE__ */ a(aa, {
-    morphId: t,
+  const T = r != null && r !== !1, I = !i && (a != null ? f.fly || h != null : c === !0), B = a != null && !i ? /* @__PURE__ */ t(at, {
+    morphId: a,
     fromClassName: "text-pho-secondary",
     fly: f.fly,
     morphRef: f.ref,
     arrival: h,
-    className: Fe,
+    className: ze,
     children: s
-  }) : c && !i ? /* @__PURE__ */ a(A.span, {
+  }) : c && !i ? /* @__PURE__ */ t(A.span, {
     initial: {
       opacity: 0,
       y: K
@@ -459,13 +460,13 @@ function nt({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
       y: P,
       opacity: D
     },
-    className: p("inline-block", Fe),
+    className: p("inline-block", ze),
     children: s
-  }) : R ? /* @__PURE__ */ a("span", {
+  }) : T ? /* @__PURE__ */ t("span", {
     className: "min-w-0 truncate",
     children: s
   }) : s;
-  return /* @__PURE__ */ y(de, { children: [b && g != null && /* @__PURE__ */ a(Ye, {
+  return /* @__PURE__ */ y(de, { children: [b && g != null && /* @__PURE__ */ t(Ue, {
     title: {
       label: s,
       el: _.current
@@ -484,9 +485,9 @@ function nt({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
       const W = u.ref;
       typeof W == "function" ? W(L) : W != null && (W.current = L);
     },
-    children: [R ? /* @__PURE__ */ y("span", {
+    children: [T ? /* @__PURE__ */ y("span", {
       className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [B, I ? /* @__PURE__ */ a(A.span, {
+      children: [B, I ? /* @__PURE__ */ t(A.span, {
         "data-basic-page-title-trailing": "",
         initial: {
           opacity: 0,
@@ -500,36 +501,36 @@ function nt({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
           y: P,
           opacity: D
         },
-        className: ze,
+        className: Ge,
         children: r
-      }) : /* @__PURE__ */ a("span", {
+      }) : /* @__PURE__ */ t("span", {
         "data-basic-page-title-trailing": "",
-        className: ze,
+        className: Ge,
         children: r
       })]
-    }) : B, w && /* @__PURE__ */ a(A.span, {
+    }) : B, w && /* @__PURE__ */ t(A.span, {
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Ue,
+      transition: Je,
       onAnimationComplete: () => C(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Gt),
-      children: /* @__PURE__ */ a(se, {})
+      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Wa),
+      children: /* @__PURE__ */ t(se, {})
     })]
   })] });
 }
-var ta = G(!1);
-function rt() {
-  const e = S(ta), t = M(), [n] = N(() => e && !t);
+var nt = G(!1);
+function ia() {
+  const e = S(nt), a = M(), [n] = N(() => e && !a);
   return n;
 }
-var it = {
+var sa = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, st = {
+}, la = {
   y: P,
   opacity: D,
   height: P,
@@ -537,8 +538,8 @@ var it = {
   paddingBottom: P,
   borderTopWidth: P
 };
-function Te() {
-  const e = rt(), t = Ia(), n = M();
+function Re() {
+  const e = ia(), a = Ot(), n = M();
   return {
     initial: e ? {
       opacity: 0,
@@ -548,52 +549,52 @@ function Te() {
       opacity: 1,
       y: 0
     },
-    exit: it,
-    transition: n ? { duration: 0 } : st,
-    leaving: !t
+    exit: sa,
+    transition: n ? { duration: 0 } : la,
+    leaving: !a
   };
 }
-var lt = typeof process < "u" && process.env.NODE_ENV !== "production";
-function na(e, t, n, r) {
+var oa = typeof process < "u" && process.env.NODE_ENV !== "production";
+function rt(e, a, n, r) {
   O(() => {
-    if (!lt || e.current == null || typeof getComputedStyle != "function") return;
+    if (!oa || e.current == null || typeof getComputedStyle != "function") return;
     const l = (u) => {
       const d = getComputedStyle(u).rowGap;
       return d === "" || d === "normal" ? null : parseFloat(d);
     }, s = l(e.current);
-    s != null && s !== n && console.warn(`[BasicPage.${t}] spaced at ${s}px instead of ${n}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, e.current);
+    s != null && s !== n && console.warn(`[BasicPage.${a}] spaced at ${s}px instead of ${n}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, e.current);
     for (const u of Array.from(e.current.children)) {
       const d = r(u);
       if (d == null || getComputedStyle(u).display === "contents") continue;
       const i = l(u);
-      i != null && i !== d && console.warn(`[BasicPage.${t}] a child is spaced at ${i}px instead of ${d}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
+      i != null && i !== d && console.warn(`[BasicPage.${a}] a child is spaced at ${i}px instead of ${d}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
     }
   });
 }
-function ot(e) {
-  return Array.from(e.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((t) => t.closest('[aria-busy="true"]') != null);
+function ca(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);
 }
-var ct = () => !1, ut = () => !0;
-function dt() {
-  return ue(pe, ct, ut);
+var ua = () => !1, da = () => !0;
+function pa() {
+  return ue(pe, ua, da);
 }
-function Re(e, t = !1) {
-  const n = S(Ke), r = dt(), [l] = N(() => {
+function Te(e, a = !1) {
+  const n = S(Xe), r = pa(), [l] = N(() => {
     if (r || !e || n?.prerendered) return !1;
-    if (t) return !0;
+    if (a) return !0;
     if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
     const s = n ? n.ref.current : document;
-    return s == null || !ot(s);
+    return s == null || !ca(s);
   });
   return l;
 }
-function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
+function ie({ enter: e, className: a, children: n, ref: r, ...l }) {
   const s = M(), u = k(null);
-  na(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 d = Re(e ?? !0, e === !0), i = l["aria-busy"], c = i === !0 || i === "true", f = k(c), o = f.current && !c;
+  rt(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 d = Te(e ?? !0, e === !0), i = l["aria-busy"], c = i === !0 || i === "true", f = k(c), o = f.current && !c;
   return O(() => {
     f.current = c;
-  }), /* @__PURE__ */ a(A.div, {
+  }), /* @__PURE__ */ t(A.div, {
     ref: (m) => {
       u.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
     },
@@ -610,18 +611,18 @@ function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
       y: P,
       opacity: D
     },
-    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "[[data-basic-page-pinned]_[data-basic-page-column]_&]:mt-3", "*: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),
+    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "[[data-basic-page-pinned]_[data-basic-page-column]_&]:mt-3", "*: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),
     ...l,
-    children: /* @__PURE__ */ a(ta.Provider, {
+    children: /* @__PURE__ */ t(nt.Provider, {
       value: o,
       children: n
     })
   });
 }
-var Ge = "@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 pt({ enter: e, className: t, ...n }) {
+var We = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 gap-y-0 [&>:not([data-basic-page-search]):not([data-basic-page-header-action])]:col-start-1 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:row-span-2 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:self-center [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):not(:nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-end [&>:not([data-basic-page-search]):not([data-basic-page-header-action]):not(:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-start [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
+function ma({ enter: e, className: a, ...n }) {
   const r = M();
-  return Re(e === !0) && !r ? /* @__PURE__ */ a(A.div, {
+  return Te(e === !0) && !r ? /* @__PURE__ */ t(A.div, {
     initial: {
       opacity: 0,
       y: K
@@ -634,131 +635,131 @@ function pt({ enter: e, className: t, ...n }) {
       y: P,
       opacity: D
     },
-    className: p(Ge, t),
+    className: p(We, a),
     ...n,
     "data-basic-page-header": ""
-  }) : /* @__PURE__ */ a("div", {
-    className: p(Ge, t),
+  }) : /* @__PURE__ */ t("div", {
+    className: p(We, a),
     ...n,
     "data-basic-page-header": ""
   });
 }
-function mt({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
+function fa({ 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]>&]:mr-5 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
-    ...t
+    ...a
   });
 }
-function ft({ id: e, className: t, children: n, ...r }) {
+function ha({ id: e, className: a, children: n, ...r }) {
   const l = Ee(e, n);
-  return /* @__PURE__ */ a("h2", {
+  return /* @__PURE__ */ t("h2", {
     id: l,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", t),
+    className: 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: n
   });
 }
-function ra({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
+function it({ className: e, ...a }) {
+  return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description px-5 font-normal", e),
-    ...t
+    ...a
   });
 }
-function ht({ one: e, other: t, ...n }) {
+function ga({ one: e, other: a, ...n }) {
   const r = S(Ne), l = ue(r?.subscribe ?? pe, () => r?.get().api ?? null, () => null);
   if (l == null) return null;
-  const s = l.query.trim() !== "" ? `${l.matched} of ${l.total}.` : `${l.total} ${l.total === 1 ? e : t}.`;
-  return /* @__PURE__ */ a(ra, {
+  const s = l.query.trim() !== "" ? `${l.matched} of ${l.total}.` : `${l.total} ${l.total === 1 ? e : a}.`;
+  return /* @__PURE__ */ t(it, {
     ...n,
     children: s
   });
 }
-function gt({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
+function ba({ 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),
-    ...t
+    ...a
   });
 }
-function bt({ animateHeight: e, className: t, children: n, ...r }) {
-  const l = /* @__PURE__ */ a(q, { children: ee.toArray(n) });
-  return e ? /* @__PURE__ */ a("div", {
-    className: p(Ce, "min-h-0 gap-0", t),
+function va({ animateHeight: e, className: a, children: n, ...r }) {
+  const l = /* @__PURE__ */ t(q, { children: ee.toArray(n) });
+  return e ? /* @__PURE__ */ t("div", {
+    className: p(Ce, "min-h-0 gap-0", a),
     ...r,
     "data-basic-page-card": "",
-    children: /* @__PURE__ */ a(Ea, {
+    children: /* @__PURE__ */ t(kt, {
       transition: P,
       className: le,
       children: l
     })
-  }) : /* @__PURE__ */ a("div", {
-    className: p(je, t),
+  }) : /* @__PURE__ */ t("div", {
+    className: p(Ke, a),
     ...r,
     "data-basic-page-card": "",
     children: l
   });
 }
-function vt({ className: e, ...t }) {
-  const { leaving: n, ...r } = Te();
-  return /* @__PURE__ */ a(A.div, {
+function ya({ className: e, ...a }) {
+  const { leaving: n, ...r } = Re();
+  return /* @__PURE__ */ t(A.div, {
     ...r,
-    className: p(Ba, n && "overflow-hidden", e),
-    ...t
+    className: p(Lt, n && "overflow-hidden", e),
+    ...a
   });
 }
-function yt({ divided: e = !1, className: t, ...n }) {
-  return /* @__PURE__ */ a("div", {
-    className: p(e ? Ma : La, t),
+function xa({ divided: e = !1, className: a, ...n }) {
+  return /* @__PURE__ */ t("div", {
+    className: p(e ? Dt : Mt, a),
     ...n
   });
 }
-function xt({ className: e, icon: t, children: n, ...r }) {
-  if (t == null || t === !1 || t === !0) return /* @__PURE__ */ a("div", {
-    className: p(Be, e),
+function wa({ className: e, icon: a, children: n, ...r }) {
+  if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
+    className: p(Le, e),
     ...r,
     "data-basic-page-callout": "",
     children: n
   });
   const [l, ...s] = ee.toArray(n);
   return /* @__PURE__ */ y("div", {
-    className: p(Be, e),
+    className: p(Le, e),
     ...r,
     "data-basic-page-callout": "",
     children: [/* @__PURE__ */ y("div", {
       className: "relative",
-      children: [/* @__PURE__ */ a("div", {
+      children: [/* @__PURE__ */ t("div", {
         className: "min-w-0 pr-16",
         children: l
-      }), /* @__PURE__ */ a("div", {
+      }), /* @__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: t
+        children: a
       })]
     }), s]
   });
 }
-function wt({ id: e, className: t, children: n, ...r }) {
+function Na({ id: e, className: a, children: n, ...r }) {
   const l = Ee(e, n);
-  return /* @__PURE__ */ a("h2", {
+  return /* @__PURE__ */ t("h2", {
     id: l,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", t),
+    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
     ...r,
     children: n
   });
 }
-function Nt({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", {
+function Aa({ className: e, ...a }) {
+  return /* @__PURE__ */ t("p", {
     className: p("text-display-xs text-pho-description font-normal", e),
-    ...t
+    ...a
   });
 }
-var ia = G(null), sa = G(!1);
-function At({ className: e, children: t, ...n }) {
+var st = G(null), lt = G(!1);
+function _a({ className: e, children: a, ...n }) {
   let r = !1;
-  const l = ee.toArray(t).map((s, u) => {
-    if (!qe(s)) return s;
+  const l = ee.toArray(a).map((s, u) => {
+    if (!je(s)) return s;
     let d;
-    return s.props.done ? d = "done" : r ? d = "upcoming" : (r = !0, d = s.props.working ? "working" : s.props.pending ? "pending" : "current"), /* @__PURE__ */ a(ia.Provider, {
+    return s.props.done ? d = "done" : r ? d = "upcoming" : (r = !0, d = s.props.working ? "working" : s.props.pending ? "pending" : "current"), /* @__PURE__ */ t(st.Provider, {
       value: {
         number: u + 1,
         state: d
@@ -766,48 +767,48 @@ function At({ className: e, children: t, ...n }) {
       children: s
     }, s.key ?? u);
   });
-  return /* @__PURE__ */ a("ol", {
-    className: p(je, "m-0 list-none p-0", e),
+  return /* @__PURE__ */ t("ol", {
+    className: p(Ke, "m-0 list-none p-0", e),
     ...n,
     "data-basic-page-onboard": "",
     children: l
   });
 }
-var _t = "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]", Ct = {
+var Ca = "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]", Ea = {
   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"
-}, Et = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", kt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", St = {
+}, ka = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Sa = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Ra = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function Tt({ icon: e, aside: t, title: n, description: r, done: l, working: s, pending: u, className: d, children: i, ...c }) {
-  const f = S(ia), o = f?.state ?? (l ? "done" : s ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", b = St[o], x = i != null && i !== !1, v = e != null && e !== !1, _ = t != null && t !== !1;
-  return /* @__PURE__ */ a("li", {
+function Ta({ icon: e, aside: a, title: n, description: r, done: l, working: s, pending: u, className: d, children: i, ...c }) {
+  const f = S(st), o = f?.state ?? (l ? "done" : s ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", b = Ra[o], x = i != null && i !== !1, v = e != null && e !== !1, _ = a != null && a !== !1;
+  return /* @__PURE__ */ t("li", {
     "data-basic-page-step": o,
     "aria-current": h ? "step" : void 0,
     className: p("relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] items-center gap-x-3 px-5 py-4", "transition-[background-color] duration-200 ease-out first:rounded-t-[calc(0.75rem-1px)] last:rounded-b-[calc(0.75rem-1px)] motion-reduce:transition-none", h && "bg-pho-page", d),
     ...c,
-    children: /* @__PURE__ */ y(sa.Provider, {
+    children: /* @__PURE__ */ y(lt.Provider, {
       value: !0,
       children: [
         /* @__PURE__ */ y("span", {
           "aria-hidden": !0,
-          className: p(_t, Ct[o], "col-start-1 row-start-1"),
-          children: [/* @__PURE__ */ a(q, {
+          className: p(Ca, Ea[o], "col-start-1 row-start-1"),
+          children: [/* @__PURE__ */ t(q, {
             initial: !1,
-            children: o === "done" ? /* @__PURE__ */ a(A.span, {
+            children: o === "done" ? /* @__PURE__ */ t(A.span, {
               ...ne(m),
               className: "flex",
-              children: /* @__PURE__ */ a(ka, { className: "size-3" })
-            }, "check") : /* @__PURE__ */ a(A.span, {
+              children: /* @__PURE__ */ t(St, { className: "size-3" })
+            }, "check") : /* @__PURE__ */ t(A.span, {
               ...ne(m),
               children: f?.number ?? 1
             }, "number")
-          }), o === "working" ? /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ a("span", { className: Et }), /* @__PURE__ */ a("span", { className: kt })] }) : null]
+          }), o === "working" ? /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ t("span", { className: ka }), /* @__PURE__ */ t("span", { className: Sa })] }) : null]
         }),
         /* @__PURE__ */ y("div", {
           "data-basic-page-step-title": "",
@@ -817,7 +818,7 @@ function Tt({ icon: e, aside: t, title: n, description: r, done: l, working: s,
             children: [b, " "]
           }) : null, n]
         }),
-        /* @__PURE__ */ a(Pe, {
+        /* @__PURE__ */ t(Pe, {
           show: h,
           gap: "none",
           clip: !1,
@@ -825,32 +826,32 @@ function Tt({ icon: e, aside: t, title: n, description: r, done: l, working: s,
           children: /* @__PURE__ */ y("div", {
             "data-basic-page-step-body": "",
             className: "flex min-w-0 flex-1 flex-col",
-            children: [r ? /* @__PURE__ */ a("div", {
+            children: [r ? /* @__PURE__ */ t("div", {
               className: "text-display-xs text-pho-description font-normal",
               children: r
-            }) : null, x ? /* @__PURE__ */ a("div", {
+            }) : null, x ? /* @__PURE__ */ t("div", {
               className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
               children: i
             }) : null]
           })
         }),
-        o === "done" && x ? /* @__PURE__ */ a("div", {
+        o === "done" && x ? /* @__PURE__ */ t("div", {
           className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
           children: i
-        }) : _ ? /* @__PURE__ */ a(q, {
+        }) : _ ? /* @__PURE__ */ t(q, {
           initial: !1,
-          children: h ? /* @__PURE__ */ a(A.div, {
+          children: h ? /* @__PURE__ */ t(A.div, {
             ...ne(m),
             className: "col-start-3 row-span-2 row-start-1 self-start",
-            children: t
+            children: a
           }, "aside") : null
-        }) : v ? /* @__PURE__ */ a(q, {
+        }) : v ? /* @__PURE__ */ t(q, {
           initial: !1,
-          children: h ? /* @__PURE__ */ a(A.div, {
+          children: h ? /* @__PURE__ */ t(A.div, {
             "aria-hidden": !0,
             ...ne(m),
             className: "pointer-events-none col-start-3 row-span-2 row-start-1 size-14 self-start",
-            children: /* @__PURE__ */ a("div", {
+            children: /* @__PURE__ */ t("div", {
               className: "text-pho-primary size-full opacity-[0.275] [&>svg]:size-full",
               children: e
             })
@@ -860,43 +861,43 @@ function Tt({ icon: e, aside: t, title: n, description: r, done: l, working: s,
     })
   });
 }
-function Rt({ label: e, description: t, htmlFor: n, stacked: r = !1, className: l, children: s, ...u }) {
-  const { leaving: d, ...i } = Te();
+function Pa({ label: e, description: a, htmlFor: n, stacked: r = !1, className: l, children: s, ...u }) {
+  const { leaving: d, ...i } = Re();
   return /* @__PURE__ */ y(A.div, {
     ...i,
-    className: p(Oa, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", d && "overflow-hidden", l),
+    className: p(Bt, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", d && "overflow-hidden", l),
     ...u,
     children: [/* @__PURE__ */ y("div", {
       className: "min-w-0",
-      children: [n ? /* @__PURE__ */ a("label", {
+      children: [n ? /* @__PURE__ */ t("label", {
         htmlFor: n,
         className: "text-pho-primary block text-base font-normal",
         children: e
-      }) : /* @__PURE__ */ a("div", {
+      }) : /* @__PURE__ */ t("div", {
         className: "text-pho-primary text-base font-normal",
         children: e
-      }), t ? /* @__PURE__ */ a("p", {
+      }), a ? /* @__PURE__ */ t("p", {
         className: "text-pho-description text-xs",
-        children: t
+        children: a
       }) : null]
-    }), /* @__PURE__ */ a("div", {
+    }), /* @__PURE__ */ t("div", {
       className: p("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
       children: s
     })]
   });
 }
-function Pt({ className: e, ...t }) {
-  const n = S(sa);
-  return /* @__PURE__ */ a("p", {
+function Ia({ className: e, ...a }) {
+  const n = S(lt);
+  return /* @__PURE__ */ t("p", {
     className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
-    ...t
+    ...a
   });
 }
-function It({ error: e, show: t, className: n, children: r, ...l }) {
+function Oa({ error: e, show: a, className: n, children: r, ...l }) {
   const s = M(), u = S(U), d = e ?? u?.error ?? void 0;
-  return /* @__PURE__ */ a(q, {
+  return /* @__PURE__ */ t(q, {
     initial: !1,
-    children: (t ?? !0) && (d != null || r != null) ? /* @__PURE__ */ a(A.div, {
+    children: (a ?? !0) && (d != null || r != null) ? /* @__PURE__ */ t(A.div, {
       "data-basic-page-alert": "",
       className: "overflow-hidden",
       initial: {
@@ -915,7 +916,7 @@ function It({ error: e, show: t, className: n, children: r, ...l }) {
         height: P,
         opacity: D
       },
-      children: /* @__PURE__ */ a(ba, {
+      children: /* @__PURE__ */ t(vt, {
         error: d,
         className: p("px-5 pb-3", n),
         ...l,
@@ -924,26 +925,26 @@ function It({ error: e, show: t, className: n, children: r, ...l }) {
     }) : null
   });
 }
-function Pn() {
+function On() {
   return S(U)?.requestSave ?? null;
 }
-var In = 800, ve = Ca.createToastManager(), U = G(null);
-function Ot({ action: e, errors: t, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: u, ...d }) {
-  const [i, c] = N(!1), [f, o] = N(!1), [m, h] = N(null), [g, b] = N(t ?? {}), [x, v] = N(null), _ = k(null), w = k(null), C = k(null), R = k(!1), I = k(!1), B = k(null), L = k(async () => {
+var Bn = 800, ve = Et.createToastManager(), U = G(null);
+function Ba({ action: e, errors: a, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: u, ...d }) {
+  const [i, c] = N(!1), [f, o] = N(!1), [m, h] = N(null), [g, b] = N(a ?? {}), [x, v] = N(null), _ = k(null), w = k(null), C = k(null), T = k(!1), I = k(!1), B = k(null), L = k(async () => {
   });
   O(() => () => {
     w.current != null && clearTimeout(w.current);
   }, []);
   const W = async () => {
-    const T = _.current;
-    if (T == null || e == null) return;
-    if (R.current) {
+    const R = _.current;
+    if (R == null || e == null) return;
+    if (T.current) {
       I.current = !0;
       return;
     }
-    if (!T.checkValidity()) return;
-    const E = Object.fromEntries(new FormData(T).entries()), X = C.current;
-    R.current = !0, v({
+    if (!R.checkValidity()) return;
+    const E = Object.fromEntries(new FormData(R).entries()), X = C.current;
+    T.current = !0, v({
       field: X,
       phase: "saving"
     }), h(null);
@@ -971,7 +972,7 @@ function Ot({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
         }
       });
     } finally {
-      R.current = !1, I.current && (I.current = !1, L.current());
+      T.current = !1, I.current && (I.current = !1, L.current());
     }
   };
   L.current = W;
@@ -979,30 +980,30 @@ function Ot({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
     w.current != null && clearTimeout(w.current), w.current = setTimeout(() => {
       w.current = null, L.current();
     }, 800);
-  }, te = $(() => n ? (T) => {
-    T != null && (C.current = T), o(!0), H();
+  }, ae = $(() => n ? (R) => {
+    R != null && (C.current = R), o(!0), H();
   } : null, [n]), me = $(() => ({
     pending: i,
     dirty: f,
     error: m,
     auto: x,
-    requestSave: te
+    requestSave: ae
   }), [
     i,
     f,
     m,
     x,
-    te
+    ae
   ]);
-  return /* @__PURE__ */ a(U.Provider, {
+  return /* @__PURE__ */ t(U.Provider, {
     value: me,
-    children: /* @__PURE__ */ a(Sa, {
+    children: /* @__PURE__ */ t(Rt, {
       errors: g,
-      onFormSubmit: async (T) => {
+      onFormSubmit: async (R) => {
         if (e != null) {
           c(!0), h(null);
           try {
-            const E = (await e(T))?.errors;
+            const E = (await e(R))?.errors;
             if (E != null && Object.keys(E).length > 0) {
               b(E);
               return;
@@ -1015,25 +1016,25 @@ function Ot({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
           }
         }
       },
-      onChange: (T) => {
+      onChange: (R) => {
         o(!0), h(null);
-        const E = T.target.name;
+        const E = R.target.name;
         E && E in g && b((X) => {
           const { [E]: F, ...V } = X;
           return V;
-        }), n && (E && (C.current = E), H()), s?.(T);
+        }), n && (E && (C.current = E), H()), s?.(R);
       },
-      onBlur: (T) => {
-        n && f && w.current != null && (clearTimeout(w.current), w.current = null, L.current()), u?.(T);
+      onBlur: (R) => {
+        n && f && w.current != null && (clearTimeout(w.current), w.current = null, L.current()), u?.(R);
       },
       className: p("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
       ...d,
-      ref: (T) => {
-        _.current = T;
+      ref: (R) => {
+        _.current = R;
         const E = d.ref;
-        typeof E == "function" ? E(T) : E != null && (E.current = T);
+        typeof E == "function" ? E(R) : E != null && (E.current = R);
       },
-      children: /* @__PURE__ */ a("fieldset", {
+      children: /* @__PURE__ */ t("fieldset", {
         disabled: i,
         "aria-busy": i || void 0,
         className: "contents",
@@ -1042,7 +1043,7 @@ function Ot({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
     })
   });
 }
-function Bt({ name: e, className: t, ...n }) {
+function La({ name: e, className: a, ...n }) {
   const r = S(U), l = M(), s = r?.auto ?? null, u = s != null && (e == null || s.field === e), [d, i] = N(!1), c = u ? s.phase : null;
   O(() => {
     if (c !== "saved") return;
@@ -1051,11 +1052,11 @@ function Bt({ name: e, className: t, ...n }) {
     return () => clearTimeout(m);
   }, [c, s]);
   const f = c === "saving" ? "Saving…" : c === "saved" && d ? "Saved" : null, o = l ? "blur(0px)" : `blur(${Ae}px)`;
-  return /* @__PURE__ */ a("span", {
+  return /* @__PURE__ */ t("span", {
     className: "grid justify-items-end",
-    children: /* @__PURE__ */ a(q, {
+    children: /* @__PURE__ */ t(q, {
       initial: !1,
-      children: f != null && /* @__PURE__ */ a(A.output, {
+      children: f != null && /* @__PURE__ */ t(A.output, {
         initial: {
           opacity: 0,
           filter: o
@@ -1069,7 +1070,7 @@ function Bt({ name: e, className: t, ...n }) {
           filter: o
         },
         transition: oe,
-        className: p("text-pho-description pl-8 [grid-area:1/1]", t),
+        className: p("text-pho-description pl-8 [grid-area:1/1]", a),
         style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
         ...n,
         children: f
@@ -1077,67 +1078,67 @@ function Bt({ name: e, className: t, ...n }) {
     })
   });
 }
-var Lt = "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 Mt({ className: e, ...t }) {
+var Ma = "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 Da({ className: e, ...a }) {
   const n = k(null);
-  return na(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
-    className: p(Ce, Lt, e),
-    ...t,
+  return rt(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
+    className: p(Ce, Ma, e),
+    ...a,
     ref: (r) => {
       n.current = r;
-      const l = t.ref;
+      const l = a.ref;
       typeof l == "function" ? l(r) : l != null && (l.current = r);
     },
     "data-basic-page-fields": ""
   });
 }
-function Dt({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", {
+function Ha({ 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),
-    ...t
+    ...a
   });
 }
-function Ht({ children: e = "Save changes", ...t }) {
+function Fa({ children: e = "Save changes", ...a }) {
   const n = S(U);
-  return /* @__PURE__ */ a(Z, {
+  return /* @__PURE__ */ t(Z, {
     type: "submit",
     variant: "effect",
     size: "sm",
     loading: n?.pending,
-    ...t,
+    ...a,
     children: e
   });
 }
-function Ft({ show: e, className: t, ...n }) {
-  const r = S(U), l = e === "dirty" ? r?.dirty ?? !1 : e, s = /* @__PURE__ */ a("div", {
+function za({ show: e, className: a, ...n }) {
+  const r = S(U), l = e === "dirty" ? r?.dirty ?? !1 : e, s = /* @__PURE__ */ t("div", {
     "data-basic-page-footer": "",
-    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
+    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
     ...n
   });
-  return l === void 0 ? s : /* @__PURE__ */ a(Pe, {
+  return l === void 0 ? s : /* @__PURE__ */ t(Pe, {
     show: l,
     gap: "block",
     clip: !1,
     children: s
   });
 }
-var zt = {
+var Ga = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
-function Pe({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l, ...s }) {
-  const u = M(), d = zt[r ? "none" : n], i = k(null), c = k(e !== !0);
+function Pe({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: l, ...s }) {
+  const u = M(), d = Ga[r ? "none" : n], i = k(null), c = k(e !== !0);
   O(() => {
     c.current = !0;
   }, []);
   const f = () => {
-    t && i.current && (i.current.style.overflow = "hidden");
+    a && i.current && (i.current.style.overflow = "hidden");
   }, o = () => {
     i.current && (i.current.style.overflow = "");
   };
-  return e === void 0 ? /* @__PURE__ */ a(A.div, {
+  return e === void 0 ? /* @__PURE__ */ t(A.div, {
     initial: u ? !1 : {
       opacity: 0,
       y: K
@@ -1152,12 +1153,12 @@ function Pe({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
     },
     className: p(r && le, l),
     ...s
-  }) : /* @__PURE__ */ a(q, {
+  }) : /* @__PURE__ */ t(q, {
     initial: !1,
-    children: e ? /* @__PURE__ */ a(A.div, {
+    children: e ? /* @__PURE__ */ t(A.div, {
       "data-basic-page-reveal": "",
       ref: (m) => {
-        i.current = m, t && m && c.current && (m.style.overflow = "hidden");
+        i.current = m, a && m && c.current && (m.style.overflow = "hidden");
       },
       onAnimationStart: f,
       onAnimationComplete: o,
@@ -1186,15 +1187,15 @@ function Pe({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
     }) : null
   });
 }
-var Gt = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Wt = "(min-width: 40rem)";
-function Vt() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Wt).matches;
+var Wa = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", Va = "(min-width: 40rem)";
+function $a() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(Va).matches;
 }
-var la = G(null);
-function oa({ className: e, children: t, ...n }) {
-  const r = ee.toArray(t).filter(qe), l = r.map((_) => _.props.children ?? null), s = Je();
-  Ya(l);
-  const [u] = N(Vt), d = M(), i = r.length, c = $e(), f = !u && i >= $t, o = S(ke), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, b = m?.onClick;
+var ot = G(null);
+function ct({ className: e, children: a, ...n }) {
+  const r = ee.toArray(a).filter(je), l = r.map((_) => _.props.children ?? null), s = Ze();
+  Ut(l);
+  const [u] = N($a), d = M(), i = r.length, c = qe(), f = !u && i >= qa, o = S(ke), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, b = m?.onClick;
   z(() => {
     if (!(o == null || g == null))
       return o.setTail({
@@ -1209,42 +1210,42 @@ function oa({ className: e, children: t, ...n }) {
     b
   ]);
   const [x, v] = N(!d && !u && s != null && s.labels.length > i);
-  return /* @__PURE__ */ a("nav", {
+  return /* @__PURE__ */ t("nav", {
     "aria-label": "Breadcrumb",
     "data-basic-page-back": "",
     className: p("absolute top-4 left-3 flex min-w-max items-center", e),
     ...n,
     children: /* @__PURE__ */ y("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((_, w) => f && w > 0 && w < i - 2 ? null : /* @__PURE__ */ y(Ra, { children: [f && w === i - 2 && /* @__PURE__ */ y("li", {
+      children: [r.map((_, w) => f && w > 0 && w < i - 2 ? null : /* @__PURE__ */ y(Pt, { children: [f && w === i - 2 && /* @__PURE__ */ y("li", {
         className: "m-0 flex items-center max-sm:hidden",
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ t("span", {
           "aria-hidden": !0,
           className: xe,
           children: ce
-        }), /* @__PURE__ */ y(Q.Root, { children: [/* @__PURE__ */ a(Q.Trigger, { render: /* @__PURE__ */ a(Z, {
+        }), /* @__PURE__ */ y(Q.Root, { children: [/* @__PURE__ */ t(Q.Trigger, { render: /* @__PURE__ */ t(Z, {
           variant: "ghost",
           size: "sm",
           "aria-label": "Hidden pages",
-          className: "px-2",
-          children: qt
-        }) }), /* @__PURE__ */ a(Q.Portal, { children: /* @__PURE__ */ a(Q.Positioner, {
+          className: "px-2.5",
+          children: ja
+        }) }), /* @__PURE__ */ t(Q.Portal, { children: /* @__PURE__ */ t(Q.Positioner, {
           align: "start",
           sideOffset: 4,
-          children: /* @__PURE__ */ a(Q.Popup, { children: r.slice(1, i - 2).map((C, R) => {
+          children: /* @__PURE__ */ t(Q.Popup, { children: r.slice(1, i - 2).map((C, T) => {
             const I = C.props;
-            return /* @__PURE__ */ a(Q.LinkItem, {
-              render: /* @__PURE__ */ a(c, {
+            return /* @__PURE__ */ t(Q.LinkItem, {
+              render: /* @__PURE__ */ t(c, {
                 href: I.href,
                 onClick: I.onClick
               }),
               children: I.children ?? "Back"
-            }, C.key ?? R);
+            }, C.key ?? T);
           }) })
         }) })] })]
-      }), /* @__PURE__ */ a("li", {
+      }), /* @__PURE__ */ t("li", {
         className: p("m-0 flex items-center", w < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ a(la.Provider, {
+        children: /* @__PURE__ */ t(ot.Provider, {
           value: {
             index: w,
             count: i,
@@ -1253,13 +1254,13 @@ function oa({ className: e, children: t, ...n }) {
           },
           children: _
         })
-      })] }, _.key ?? w)), x && /* @__PURE__ */ a("li", {
+      })] }, _.key ?? w)), x && /* @__PURE__ */ t("li", {
         "aria-hidden": !0,
         className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ a(A.span, {
+        children: /* @__PURE__ */ t(A.span, {
           initial: { opacity: 1 },
           animate: { opacity: 0 },
-          transition: Ue,
+          transition: Je,
           onAnimationComplete: () => v(!1),
           className: xe,
           children: ce
@@ -1268,87 +1269,87 @@ function oa({ className: e, children: t, ...n }) {
     })
   });
 }
-var xe = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", ce = "/", $t = 4, qt = "…";
-function ca({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
-  const s = S(la), u = M(), d = n != null && !u, i = ea(d ? n : void 0);
+var xe = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", ce = "/", qa = 4, ja = "…";
+function ut({ href: e, className: a, morphId: n, children: r = "Back", ...l }) {
+  const s = S(ot), u = M(), d = n != null && !u, i = tt(d ? n : void 0);
   if (s == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: c, count: f, departing: o, narrow: m } = s, h = c === 0, g = c === f - 1, b = o != null && o.labels.length < f, x = o != null && o.labels.length > f, v = g && (o == null || b || m), _ = h || g, w = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", C = o != null, R = g ? m ? x ? "slide" : "fade" : v ? "fade" : void 0 : void 0, [I, B] = N(d && m && i.fly && o != null && !x ? o.labels[o.labels.length - 1] : null), L = d && _ && !C, W = d && !h && g && (o == null || b);
-  return /* @__PURE__ */ y(de, { children: [!h && /* @__PURE__ */ a("span", {
+  const { index: c, count: f, departing: o, narrow: m } = s, h = c === 0, g = c === f - 1, b = o != null && o.labels.length < f, x = o != null && o.labels.length > f, v = g && (o == null || b || m), _ = h || g, w = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", C = o != null, T = g ? m ? x ? "slide" : "fade" : v ? "fade" : void 0 : void 0, [I, B] = N(d && m && i.fly && o != null && !x ? o.labels[o.labels.length - 1] : null), L = d && _ && !C, W = d && !h && g && (o == null || b);
+  return /* @__PURE__ */ y(de, { children: [!h && /* @__PURE__ */ t("span", {
     "aria-hidden": !0,
     className: p(xe, "max-sm:hidden"),
-    children: W ? /* @__PURE__ */ a(A.span, {
+    children: W ? /* @__PURE__ */ t(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: Me
+        x: De
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? De : D,
+      transition: i.fly ? He : D,
       className: "inline-flex",
       children: ce
     }) : ce
-  }), /* @__PURE__ */ a(we, {
+  }), /* @__PURE__ */ t(we, {
     variant: "ghost",
     size: "sm",
     href: e,
-    prefix: _ ? L ? /* @__PURE__ */ a(A.span, {
+    prefix: _ ? L ? /* @__PURE__ */ t(A.span, {
       initial: i.fly ? {
         opacity: 0,
-        x: Me
+        x: De
       } : { opacity: 0 },
       animate: i.fly ? {
         opacity: 1,
         x: 0
       } : { opacity: 1 },
-      transition: i.fly ? De : D,
+      transition: i.fly ? He : D,
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", w),
-      children: /* @__PURE__ */ a(se, {})
-    }) : /* @__PURE__ */ a("span", {
+      children: /* @__PURE__ */ t(se, {})
+    }) : /* @__PURE__ */ t("span", {
       className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", w),
-      children: /* @__PURE__ */ a(se, {})
-    }) : /* @__PURE__ */ a("span", { className: "hidden" }),
-    className: p("min-w-max", t),
+      children: /* @__PURE__ */ t(se, {})
+    }) : /* @__PURE__ */ t("span", { className: "hidden" }),
+    className: p("min-w-max", a),
     ...l,
     children: d && n != null ? /* @__PURE__ */ y("span", {
-      className: p("relative block", !i.fly && R === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ a(aa, {
+      className: p("relative block", !i.fly && T === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
+      children: [/* @__PURE__ */ t(at, {
         morphId: n,
         fromClassName: "text-pho-primary",
         fly: i.fly,
         morphRef: i.ref,
-        arrival: R,
+        arrival: T,
         children: r
-      }), I != null && /* @__PURE__ */ a(A.span, {
+      }), I != null && /* @__PURE__ */ t(A.span, {
         "aria-hidden": !0,
         initial: {
           x: 0,
           opacity: 1
         },
         animate: {
-          x: Ka,
+          x: Xt,
           opacity: 0
         },
-        transition: Xa,
+        transition: Qt,
         onAnimationComplete: () => B(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: I
       })]
-    }) : /* @__PURE__ */ a("span", {
+    }) : /* @__PURE__ */ t("span", {
       className: p("block", !g && "max-w-40 truncate"),
       children: r
     })
   })] });
 }
-function jt({ className: e, ...t }) {
-  return /* @__PURE__ */ a(oa, {
+function Ka({ className: e, ...a }) {
+  return /* @__PURE__ */ t(ct, {
     className: e,
-    children: /* @__PURE__ */ a(ca, { ...t })
+    children: /* @__PURE__ */ t(ut, { ...a })
   });
 }
-function Kt({ label: e, description: t, leading: n, href: r, className: l, children: s, ...u }) {
-  const d = $e(), i = $(() => A.create(d), [d]), { leaving: c, ...f } = Te();
+function Xa({ label: e, description: a, leading: n, href: r, className: l, children: s, ...u }) {
+  const d = qe(), i = $(() => A.create(d), [d]), { leaving: c, ...f } = Re();
   return /* @__PURE__ */ y(i, {
     href: r,
     ...f,
@@ -1358,31 +1359,31 @@ function Kt({ label: e, description: t, leading: n, href: r, className: l, 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__ */ a("div", {
+        children: [/* @__PURE__ */ t("div", {
           className: "flex min-w-0 items-center gap-1",
-          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ a("p", {
+          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ t("p", {
             className: "text-pho-primary truncate text-base font-medium",
             children: e
           }) : e
-        }), t ? /* @__PURE__ */ a("div", {
+        }), a ? /* @__PURE__ */ t("div", {
           className: "text-pho-description truncate text-xs",
-          children: t
+          children: a
         }) : null]
       })]
     }), /* @__PURE__ */ y("div", {
       className: "flex min-w-0 items-center justify-end gap-2",
-      children: [s != null ? /* @__PURE__ */ a("div", {
+      children: [s != null ? /* @__PURE__ */ t("div", {
         className: "min-w-0",
         children: s
-      }) : null, /* @__PURE__ */ a(xa, {
+      }) : null, /* @__PURE__ */ t(wt, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Xt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: u, defaultPresentation: d, onPresentationChange: i, expandable: c = !0, children: f }) {
-  const o = S(Xe), m = o != null ? Ha(o.paneWidth, s) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: b, canChoose: x } = Qt({
+function Qa({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: u, defaultPresentation: d, onPresentationChange: i, expandable: c = !0, children: f }) {
+  const o = S(Qe), m = o != null ? Ft(o.paneWidth, s) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: b, canChoose: x } = Ya({
     isOpen: h,
     paneNarrow: o?.paneNarrow ?? !1,
     presentation: u,
@@ -1403,22 +1404,22 @@ function Xt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
   }, [o]), o == null || o.slot == null) return null;
   const C = c && x ? () => b("page") : void 0;
   if (g === "page") {
-    const R = c && x && !o.paneNarrow ? () => b("panel") : void 0;
-    return Oe(h ? /* @__PURE__ */ y("div", {
+    const T = c && x && !o.paneNarrow ? () => b("panel") : void 0;
+    return Be(h ? /* @__PURE__ */ y("div", {
       "data-basic-page-aside": "page",
       "data-basic-page-aside-expanded": o.paneNarrow ? void 0 : "",
       className: "relative flex min-w-0 flex-1 flex-col",
-      children: [R != null ? /* @__PURE__ */ a("span", {
+      children: [T != null ? /* @__PURE__ */ t("span", {
         className: "absolute top-2 right-2 z-30",
-        children: /* @__PURE__ */ a(j.Provider, { children: /* @__PURE__ */ a(da, {
+        children: /* @__PURE__ */ t(j.Provider, { children: /* @__PURE__ */ t(pt, {
           label: "Show as panel",
-          icon: /* @__PURE__ */ a(ya, {}),
-          onClick: R
+          icon: /* @__PURE__ */ t(xt, {}),
+          onClick: T
         }) })
       }) : null, f]
     }) : null, o.slot);
   }
-  return t === "inline" ? Oe(/* @__PURE__ */ a(Yt, {
+  return a === "inline" ? Be(/* @__PURE__ */ t(Ua, {
     width: m,
     paneHeight: o.paneHeight,
     onClose: l,
@@ -1426,7 +1427,7 @@ function Xt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
     open: h,
     placeholder: r,
     children: f
-  }), o.slot) : /* @__PURE__ */ a(Ut, {
+  }), o.slot) : /* @__PURE__ */ t(Ja, {
     container: o.slot,
     width: m,
     paneHeight: o.paneHeight,
@@ -1437,22 +1438,22 @@ function Xt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
     children: f
   });
 }
-function Qt({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
+function Ya({ isOpen: e, paneNarrow: a, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
   const [s, u] = N(e), [d, i] = N(null);
   z(() => {
     e || (u(!1), i(null));
   }, [e]);
   const c = n != null;
   return {
-    presentation: t ? "page" : n ?? d ?? r ?? (s ? "page" : "panel"),
+    presentation: a ? "page" : n ?? d ?? r ?? (s ? "page" : "panel"),
     setPresentation: _e((f) => {
       c || i(f), l?.(f);
     }, [c, l]),
     canChoose: !c || l != null
   };
 }
-function ua() {
-  const [e, t] = N(null), n = $(() => ({ setBack: t }), []), r = k(null);
+function dt() {
+  const [e, a] = N(null), n = $(() => ({ setBack: a }), []), r = k(null);
   return {
     back: e,
     panel: n,
@@ -1463,64 +1464,64 @@ function ua() {
     }, [])
   };
 }
-var We = {
+var Ve = {
   variant: "ghost",
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ a(_a, {})
+  children: /* @__PURE__ */ t(Ct, {})
 };
-function da({ label: e, icon: t, onClick: n }) {
-  return /* @__PURE__ */ y(j.Root, { children: [/* @__PURE__ */ a(j.Trigger, { render: /* @__PURE__ */ a(Z, {
+function pt({ label: e, icon: a, onClick: n }) {
+  return /* @__PURE__ */ y(j.Root, { children: [/* @__PURE__ */ t(j.Trigger, { render: /* @__PURE__ */ t(Z, {
     variant: "ghost",
     size: "sm",
     svgOnly: !0,
     "aria-label": e,
     onClick: n,
-    children: t
-  }) }), /* @__PURE__ */ a(j.Portal, { children: /* @__PURE__ */ a(j.Positioner, { children: /* @__PURE__ */ a(j.Popup, { children: e }) }) })] });
+    children: a
+  }) }), /* @__PURE__ */ t(j.Portal, { children: /* @__PURE__ */ t(j.Positioner, { children: /* @__PURE__ */ t(j.Popup, { children: e }) }) })] });
 }
-function pa({ back: e, onClose: t, onExpand: n, closeRef: r, panel: l, children: s }) {
+function mt({ back: e, onClose: a, onExpand: n, closeRef: r, panel: l, children: s }) {
   return /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ y("span", {
     className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
-    children: [n != null ? /* @__PURE__ */ a(j.Provider, { children: /* @__PURE__ */ a(da, {
+    children: [n != null ? /* @__PURE__ */ t(j.Provider, { children: /* @__PURE__ */ t(pt, {
       label: "Expand",
-      icon: /* @__PURE__ */ a(va, {}),
+      icon: /* @__PURE__ */ t(yt, {}),
       onClick: n
-    }) }) : null, /* @__PURE__ */ a("span", {
+    }) }) : null, /* @__PURE__ */ t("span", {
       ref: r,
       className: "contents",
-      children: e != null ? /* @__PURE__ */ a(we, {
-        ...We,
+      children: e != null ? /* @__PURE__ */ t(we, {
+        ...Ve,
         href: e.href,
         onClick: e.onClick
-      }) : t != null ? /* @__PURE__ */ a(Z, {
-        ...We,
-        onClick: t
+      }) : a != null ? /* @__PURE__ */ t(Z, {
+        ...Ve,
+        onClick: a
       }) : null
     })]
   }), /* @__PURE__ */ y(J.Root, {
     className: "min-h-0 min-w-0 flex-1",
-    children: [/* @__PURE__ */ a(J.Viewport, {
+    children: [/* @__PURE__ */ t(J.Viewport, {
       className: "overflow-x-hidden",
       style: { overflowX: "hidden" },
-      children: /* @__PURE__ */ a(J.Content, {
+      children: /* @__PURE__ */ t(J.Content, {
         className: "flex min-h-full w-full min-w-0 flex-col",
         style: {
           minWidth: 0,
           width: "100%",
           maxWidth: "100%"
         },
-        children: /* @__PURE__ */ a(Qe.Provider, {
+        children: /* @__PURE__ */ t(Ye.Provider, {
           value: l,
           children: s
         })
       })
-    }), /* @__PURE__ */ a(J.Scrollbar, { children: /* @__PURE__ */ a(J.Thumb, {}) })]
+    }), /* @__PURE__ */ t(J.Scrollbar, { children: /* @__PURE__ */ t(J.Thumb, {}) })]
   })] });
 }
-function Yt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeholder: s, children: u }) {
-  const d = M(), { back: i, panel: c, closeRef: f, leave: o } = ua(), m = d ? "blur(0px)" : `blur(${Ae}px)`, h = t ?? "100dvh";
+function Ua({ width: e, paneHeight: a, onClose: n, onExpand: r, open: l, placeholder: s, children: u }) {
+  const d = M(), { back: i, panel: c, closeRef: f, leave: o } = dt(), m = d ? "blur(0px)" : `blur(${Ae}px)`, h = a ?? "100dvh";
   O(() => {
     const b = (x) => {
       x.key !== "Escape" || x.defaultPrevented || o() && x.preventDefault();
@@ -1542,7 +1543,7 @@ function Yt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
     },
     transition: d ? { duration: 0 } : oe
   };
-  return /* @__PURE__ */ a("aside", {
+  return /* @__PURE__ */ t("aside", {
     "data-basic-page-aside": "panel",
     "data-basic-page-aside-variant": "inline",
     className: "relative flex min-w-0 shrink-0 flex-col",
@@ -1552,15 +1553,15 @@ function Yt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
       maxWidth: e,
       minHeight: h
     },
-    children: /* @__PURE__ */ a("div", {
+    children: /* @__PURE__ */ t("div", {
       className: "border-pho-secondary bg-pho-primary sticky top-0 grid min-w-0 overflow-hidden border-l *:min-h-0 *:[grid-area:1/1]",
       style: { height: h },
-      children: /* @__PURE__ */ a(q, {
+      children: /* @__PURE__ */ t(q, {
         initial: !1,
-        children: l ? /* @__PURE__ */ a(A.div, {
+        children: l ? /* @__PURE__ */ t(A.div, {
           ...g,
           className: "relative flex min-w-0 flex-col",
-          children: /* @__PURE__ */ a(pa, {
+          children: /* @__PURE__ */ t(mt, {
             back: i,
             onClose: n,
             onExpand: r,
@@ -1568,7 +1569,7 @@ function Yt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
             panel: c,
             children: u
           })
-        }, "page") : /* @__PURE__ */ a(A.div, {
+        }, "page") : /* @__PURE__ */ t(A.div, {
           ...g,
           className: "flex flex-col",
           children: s
@@ -1577,9 +1578,9 @@ function Yt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
     })
   });
 }
-function Ut({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, open: s, modal: u, children: d }) {
-  const { back: i, panel: c, closeRef: f, leave: o } = ua(), m = n ?? "100dvh";
-  return /* @__PURE__ */ a(re.Root, {
+function Ja({ container: e, width: a, paneHeight: n, onClose: r, onExpand: l, open: s, modal: u, children: d }) {
+  const { back: i, panel: c, closeRef: f, leave: o } = dt(), m = n ?? "100dvh";
+  return /* @__PURE__ */ t(re.Root, {
     open: s,
     modal: u ? "trap-focus" : !1,
     disablePointerDismissal: !0,
@@ -1589,25 +1590,25 @@ function Ut({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, op
     children: /* @__PURE__ */ y(re.Portal, {
       container: e,
       className: "contents",
-      children: [u ? /* @__PURE__ */ a(re.Backdrop, {
+      children: [u ? /* @__PURE__ */ t(re.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__ */ a(re.Popup, {
+      }) : null, /* @__PURE__ */ t(re.Popup, {
         "data-basic-page-aside": "panel",
         "data-basic-page-aside-variant": "overlay",
         initialFocus: u ? void 0 : !1,
         finalFocus: u ? void 0 : !1,
         className: p("absolute inset-y-0 right-0 z-30 flex min-w-0 flex-col outline-none", "transition-[translate,opacity] duration-250 ease-out motion-reduce:transition-none", "data-[ending-style]:translate-x-3 data-[ending-style]:opacity-0 data-[ending-style]:duration-200 data-[starting-style]:translate-x-3 data-[starting-style]:opacity-0"),
         style: {
-          width: t,
+          width: a,
           minWidth: 0,
-          maxWidth: t
+          maxWidth: a
         },
-        children: /* @__PURE__ */ a("div", {
+        children: /* @__PURE__ */ t("div", {
           className: "border-pho-secondary bg-pho-primary shadow-pho-xl sticky top-0 flex min-w-0 flex-col overflow-hidden border-l",
           style: { height: m },
-          children: /* @__PURE__ */ a(pa, {
+          children: /* @__PURE__ */ t(mt, {
             back: i,
             onClose: r,
             onExpand: l,
@@ -1620,8 +1621,8 @@ function Ut({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, op
     })
   });
 }
-var Jt = "14rem", Zt = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Ve = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function en({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: u, ...d }) {
+var Za = "14rem", en = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", $e = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function tn({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: u, ...d }) {
   const i = S(Ne), c = ue(i?.subscribe ?? pe, () => i?.get().api ?? null, () => null), f = n != null;
   O(() => {
     if (!(i == null || f))
@@ -1646,12 +1647,12 @@ function en({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
       C != null && (C.focus(), document.activeElement !== C && _++ < 5 && (v = requestAnimationFrame(w)));
     };
     return v = requestAnimationFrame(w), () => cancelAnimationFrame(v);
-  }, [m]), e === "ghost") return /* @__PURE__ */ a("div", {
+  }, [m]), e === "ghost") return /* @__PURE__ */ t("div", {
     "data-basic-page-search": "",
     "data-variant": "ghost",
     className: p("flex min-w-0 flex-1", o == null && "hidden", u),
     ...d,
-    children: o != null && /* @__PURE__ */ a(Ta, {
+    children: o != null && /* @__PURE__ */ t(Tt, {
       value: o.query,
       onChange: o.setQuery,
       placeholder: o.placeholder,
@@ -1661,16 +1662,16 @@ function en({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
       }
     })
   });
-  const x = t === "auto";
-  return /* @__PURE__ */ a("div", {
+  const x = a === "auto";
+  return /* @__PURE__ */ t("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),
     ...d,
     children: o != null && /* @__PURE__ */ y("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Zt, x && "@[36rem]:w-56"),
-      style: b ? { width: Jt } : void 0,
-      children: [/* @__PURE__ */ a(Z, {
+      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", en, x && "@[36rem]:w-56"),
+      style: b ? { width: Za } : void 0,
+      children: [/* @__PURE__ */ t(Z, {
         variant: "outlined",
         size: "sm",
         shape: "circle",
@@ -1679,15 +1680,15 @@ function en({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
         "aria-hidden": b || void 0,
         tabIndex: b ? -1 : void 0,
         onClick: () => h(!0),
-        className: p(Ve, b ? "pointer-events-none invisible opacity-0" : "visible opacity-100", x && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ a(Ie, {})
-      }), /* @__PURE__ */ a("div", {
+        className: p($e, b ? "pointer-events-none invisible opacity-0" : "visible opacity-100", x && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
+        children: /* @__PURE__ */ t(Ie, {})
+      }), /* @__PURE__ */ t("div", {
         inert: !x && !b,
-        className: p("w-full min-w-0", Ve, b ? "visible opacity-100" : "pointer-events-none invisible opacity-0", x && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
+        className: p("w-full min-w-0", $e, b ? "visible opacity-100" : "pointer-events-none invisible opacity-0", x && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
         children: /* @__PURE__ */ y(he.Root, {
           size: "sm",
           className: "w-full",
-          children: [/* @__PURE__ */ a(he.Addon, { children: /* @__PURE__ */ a(Ie, {}) }), /* @__PURE__ */ a(he.Input, {
+          children: [/* @__PURE__ */ t(he.Addon, { children: /* @__PURE__ */ t(Ie, {}) }), /* @__PURE__ */ t(he.Input, {
             ref: g,
             type: "search",
             value: o.query,
@@ -1706,9 +1707,9 @@ function en({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     })
   });
 }
-function an({ header: e, main: t, side: n, foot: r, enter: l }) {
+function an({ header: e, main: a, side: n, foot: r, enter: l }) {
   const s = n != null;
-  return /* @__PURE__ */ a("div", {
+  return /* @__PURE__ */ t("div", {
     "data-basic-page-columns": "",
     className: "@container w-full min-w-0",
     children: /* @__PURE__ */ y("div", {
@@ -1716,19 +1717,19 @@ function an({ header: e, main: t, side: n, foot: r, enter: l }) {
       children: [e, /* @__PURE__ */ y("div", {
         className: p("grid gap-x-10 gap-y-4", s && "@min-[73.5rem]:grid-cols-[minmax(42rem,1fr)_minmax(29rem,32rem)] @min-[73.5rem]:grid-rows-[auto_minmax(0,1fr)]", s && "[&>[data-basic-page-columns-side]]:mt-6 @min-[73.5rem]:[&>[data-basic-page-columns-side]]:mt-7", r != null && "[&>[data-basic-page-columns-foot]]:mt-6"),
         children: [
-          /* @__PURE__ */ a(ie, {
+          /* @__PURE__ */ t(ie, {
             enter: l,
             "data-basic-page-columns-main": "",
             className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-1 @min-[73.5rem]:row-span-2 @min-[73.5rem]:row-start-1"),
-            children: t
+            children: a
           }),
-          s ? /* @__PURE__ */ a(ie, {
+          s ? /* @__PURE__ */ t(ie, {
             enter: l,
             "data-basic-page-columns-side": "",
             className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-1"),
             children: n
           }) : null,
-          r != null ? /* @__PURE__ */ a(ie, {
+          r != null ? /* @__PURE__ */ t(ie, {
             enter: l,
             "data-basic-page-columns-foot": "",
             className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", s && "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-2 @min-[73.5rem]:self-start"),
@@ -1739,59 +1740,61 @@ function an({ header: e, main: t, side: n, foot: r, enter: l }) {
     })
   });
 }
-var On = {
-  Root: Ga,
-  Aside: Xt,
-  Search: en,
-  Table: wa,
-  CondenseScope: Ua,
-  Breadcrumbs: oa,
-  Crumb: ca,
-  Back: jt,
-  Title: nt,
+var Ln = {
+  Root: Wt,
+  Aside: Qa,
+  Search: tn,
+  Table: Nt,
+  CondenseScope: Jt,
+  Breadcrumbs: ct,
+  Crumb: ut,
+  Back: Ka,
+  Title: ra,
   Stack: ie,
   Columns: an,
-  Header: pt,
-  HeaderAction: mt,
-  SectionTitle: ft,
-  Description: ra,
-  TableCount: ht,
-  SectionFooter: gt,
-  Card: bt,
-  Item: vt,
-  ItemPanel: yt,
-  Callout: xt,
-  CalloutTitle: wt,
-  CalloutDescription: Nt,
-  Onboard: At,
-  Step: Tt,
-  Row: Rt,
-  RowLink: Kt,
-  Value: Pt,
-  Alert: It,
-  Footer: Ft,
-  Form: Ot,
-  Saved: Bt,
-  Fields: Mt,
-  Inline: Dt,
-  Submit: Ht,
+  Header: ma,
+  HeaderAction: fa,
+  SectionTitle: ha,
+  Description: it,
+  TableCount: ga,
+  SectionFooter: ba,
+  Card: va,
+  Item: ya,
+  ItemPanel: xa,
+  Callout: wa,
+  CalloutTitle: Na,
+  CalloutDescription: Aa,
+  Onboard: _a,
+  Step: Ta,
+  Row: Pa,
+  RowLink: Xa,
+  Value: Ia,
+  Meta: Oe.Root,
+  MetaItem: Oe.Item,
+  Alert: Oa,
+  Footer: za,
+  Form: Ba,
+  Saved: La,
+  Fields: Da,
+  Inline: Ha,
+  Submit: Fa,
   Reveal: Pe
 };
 export {
-  La as a,
-  On as c,
-  Ja as d,
+  Mt as a,
+  Ln as c,
+  Zt as d,
   ve as f,
-  Ba as i,
+  Lt as i,
   oe as l,
-  Rn as m,
-  Be as n,
-  Ma as o,
-  Pn as p,
-  je as r,
-  Oa as s,
-  In as t,
-  Za as u
+  In as m,
+  Le as n,
+  Dt as o,
+  On as p,
+  Ke as r,
+  Bt as s,
+  Bn as t,
+  ea as u
 };
 
-//# sourceMappingURL=basic-page-dQ86NSIy.js.map
+//# sourceMappingURL=basic-page-C0DvO_Vt.js.map