@photon-ai/pho-ui 4.7.1 → 4.9.0

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

@@ -4,33 +4,33 @@ import { n as je } from "./link-provider-DXzDQ08N.js";
 import { FADE_ENTRANCE as ha, FADE_SWAP as ga, SPRING_ENTRANCE as ba, TRAVEL_LINEAR as va, fadeThroughBlur as ne } from "../motion.js";
 import { a as Z, o as Ne } from "./button-C9VqBBIr.js";
 import { t as ya } from "./error-D5SzZ0ev.js";
-import { n as xa, t as wa } from "./IconArrowsMinimize-BfPUGuCB.js";
+import { f as xa, p as wa, t as Na } from "./code-block-CbcE994O.js";
 import { t as se } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as Na } from "./IconChevronRight-CzoJnYNI.js";
+import { t as Aa } from "./IconChevronRight-CzoJnYNI.js";
 import { t as Oe } from "./IconSearch-BKAHkLyX.js";
-import { i as Ae, n as Aa, o as _a, r as Ca } from "./data-table-Mog6m3d9.js";
-import { t as Ea } from "./IconX-pZ9vrtSr.js";
-import { t as ka } from "./toast-BACxYsv6.js";
+import { a as _a, n as Ca, r as Ae, t as Ea } from "./data-table-B1dmrN6r.js";
+import { t as ka } from "./IconX-pZ9vrtSr.js";
+import { t as Sa } from "./toast-BACxYsv6.js";
 import { t as ge } from "./input-group-fc9_jD4d.js";
-import { t as Sa } from "./animated-height-I44sUq0n.js";
+import { t as Ra } from "./animated-height-I44sUq0n.js";
 import { n as _e, t as J } from "./scroll-area-DSwD9th7.js";
-import { i as Ra } from "./checkbox-CLPmblNA.js";
-import { t as Ta } from "./form-AiHbbw4m.js";
+import { i as Ta } from "./checkbox-CLPmblNA.js";
+import { t as Pa } from "./form-AiHbbw4m.js";
 import { i as Q } from "./menu-BQeprfxB.js";
-import { t as Pa } from "./ghost-search-AmVXd0zE.js";
-import { t as Be } from "./description-list-8qm83WZB.js";
+import { t as Ia } from "./ghost-search-CNVs9k1o.js";
 import { t as K } from "./tooltip-BTF7GChl.js";
-import { Children as ee, Fragment as Ia, createContext as G, isValidElement as Ke, useCallback as Ce, useContext as k, useEffect as O, useId as Oa, useLayoutEffect as z, useMemo as V, useRef as E, useState as w, useSyncExternalStore as ue } from "react";
+import { t as Be } from "./description-list-8qm83WZB.js";
+import { Children as ee, Fragment as Oa, createContext as G, isValidElement as Ke, useCallback as Ce, useContext as k, useEffect as O, useId as Ba, useLayoutEffect as z, useMemo as V, useRef as E, useState as w, useSyncExternalStore as ue } from "react";
 import { Fragment as de, jsx as a, jsxs as y } from "react/jsx-runtime";
-import { AnimatePresence as $, motion as A, useIsPresent as Ba, useReducedMotion as M } from "motion/react";
+import { AnimatePresence as $, motion as A, useIsPresent as La, useReducedMotion as M } from "motion/react";
 import { Dialog as re } from "@base-ui/react/dialog";
 import { createPortal as Le } from "react-dom";
-var Ee = "rounded-base border border-pho-secondary bg-pho-primary", le = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Xe = `${Ee} ${le} gap-0`, Me = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", La = "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", Ma = "flex flex-col gap-3 px-5 py-4", Da = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Ha = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = ba, D = ha, X = 12, Qe = G(null), Fa = 768;
-function za(e, t = "default") {
+var Ee = "rounded-base border border-pho-secondary bg-pho-primary", le = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", Xe = `${Ee} ${le} gap-0`, Me = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Ma = "flex min-h-[4.25rem] min-w-0 flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6", Da = "flex flex-col gap-3 px-5 py-4", Ha = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Fa = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", P = ba, D = ha, X = 12, Qe = G(null), za = 768;
+function Ga(e, t = "default") {
   return Math.round(t === "wide" ? Math.min(Math.max(e * (2 / 3), 448), 768) : Math.min(Math.max(e * 0.4, 320), 448));
 }
 var Ye = G(null), Ue = G(null);
-function Ga(e) {
+function Wa(e) {
   const [t, n] = w(null), [r, l] = w(!1), [s, u] = w(!1), [d, i] = w(!1), [c, f] = w(() => ({
     width: typeof window > "u" ? 0 : window.innerWidth,
     height: null
@@ -51,7 +51,7 @@ function Ga(e) {
   }, [e, r]), {
     host: V(() => ({
       slot: t,
-      paneNarrow: c.width < Fa,
+      paneNarrow: c.width < za,
       paneWidth: c.width,
       paneHeight: c.height,
       setOpen: u,
@@ -63,13 +63,13 @@ function Ga(e) {
     asPage: d
   };
 }
-function Wa(e) {
+function Va(e) {
   return e == null ? window.scrollY : e.scrollTop;
 }
 function De(e, t) {
   e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
 }
-function Va({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: l, ref: s, ...u }) {
+function $a({ condense: e = !0, width: t, prerendered: n = !1, className: r, children: l, ref: s, ...u }) {
   const d = k(ae)?.adopt ?? !1, i = k(Ue), c = e === "pinned", [f, o] = w(!1), m = E(0), h = Ce((q) => {
     m.current += q ? 1 : -1, o(m.current > 0);
   }, []), g = t === "full" && i == null, v = t === "wide" || t == null && f, [N] = w(_a), b = E(null), _ = V(() => ({
@@ -80,7 +80,7 @@ function Va({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
     if (i != null)
       return i.setBack(R), () => i.setBack(null);
   }, [i, R]);
-  const { host: B, setSlot: L, open: W, asPage: te } = Ga(b), H = W && te, me = V(() => ({
+  const { host: B, setSlot: L, open: W, asPage: te } = Wa(b), H = W && te, me = V(() => ({
     setTitle: S,
     setTail: I,
     pinned: c
@@ -97,7 +97,7 @@ function Va({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
     if (H === C.current || q == null) return;
     C.current = H;
     const he = Re(q);
-    H ? (j.current = Wa(he), De(he, 0)) : De(he, j.current);
+    H ? (j.current = Va(he), De(he, 0)) : De(he, j.current);
   }, [H]);
   const F = e && !c ? /* @__PURE__ */ a(Je, {
     title: x,
@@ -148,7 +148,7 @@ function Va({ condense: e = !0, width: t, prerendered: n = !1, className: r, chi
 }
 var be = /* @__PURE__ */ new Set();
 function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l }) {
-  const s = M(), [u, d] = w(() => r || !n && be.size > 0), i = k(ae), c = Oa();
+  const s = M(), [u, d] = w(() => r || !n && be.size > 0), i = k(ae), c = Ba();
   z(() => {
     if (!(!u || n))
       return be.add(c), () => {
@@ -192,7 +192,7 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     const h = new IntersectionObserver(([g]) => d(g != null && !g.isIntersecting), { root: Re(f) });
     return h.observe(f), () => h.disconnect();
   }, [f, r]);
-  const o = s ? 0 : -at, m = s ? "blur(0px)" : `blur(${_e}px)`;
+  const o = s ? 0 : -tt, m = s ? "blur(0px)" : `blur(${_e}px)`;
   return /* @__PURE__ */ a("div", {
     "data-basic-page-condense": "",
     className: p("sticky top-0 z-20 h-0 overflow-visible", l),
@@ -236,7 +236,7 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
           },
           transition: {
             ...oe,
-            y: et
+            y: at
           },
           className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
           children: e?.label
@@ -245,28 +245,28 @@ function Je({ title: e, tail: t, silent: n = !1, pinned: r = !1, className: l })
     })
   });
 }
-function $a(e) {
+function qa(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function qa(e) {
+function ja(e) {
   if (!(typeof e != "string" && typeof e != "number"))
-    return $a(String(e)) || void 0;
+    return qa(String(e)) || void 0;
 }
 function ke(e, t) {
   if (e !== "")
-    return e ?? qa(t);
+    return e ?? ja(t);
 }
-var ja = (e) => `basic-page-morph-${e}`, Ka = { layout: P }, He = 10, Fe = {
+var Ka = (e) => `basic-page-morph-${e}`, Xa = { layout: P }, He = 10, Fe = {
   delay: 0.2,
   duration: 0.12,
   ease: "easeOut"
-}, Xa = {
+}, Qa = {
   duration: 0.18,
   ease: "easeOut"
-}, Qa = -8, Ya = {
+}, Ya = -8, Ua = {
   duration: 0.16,
   ease: "easeOut"
-}, Ua = {
+}, Ja = {
   delay: 0.14,
   duration: 0.16,
   ease: "easeOut"
@@ -274,7 +274,7 @@ var ja = (e) => `basic-page-morph-${e}`, Ka = { layout: P }, He = 10, Fe = {
   duration: 0.12,
   ease: "easeOut"
 }, Y = [];
-function Ja(e) {
+function Za(e) {
   const t = E({ labels: e });
   t.current.labels = e, z(() => {
     const n = t.current;
@@ -299,7 +299,7 @@ var Se = G(null), aa = G({
   back: null
 }, ae = G(null), pe = () => () => {
 }, ze = () => xe;
-function Za({ adopt: e = !0, children: t }) {
+function et({ adopt: e = !0, children: t }) {
   const [n] = w(() => {
     let l = xe, s = null;
     const u = /* @__PURE__ */ new Set(), d = () => {
@@ -326,11 +326,11 @@ function Za({ adopt: e = !0, children: t }) {
     children: t
   });
 }
-function On() {
+function Bn() {
   const e = k(ae);
   return ue(e?.store.subscribe ?? pe, e?.store.get ?? ze, e?.store.get ?? ze);
 }
-var oe = ga, et = va, at = -8;
+var oe = ga, at = va, tt = -8;
 function Re(e) {
   if (typeof getComputedStyle != "function") return null;
   for (let t = e.parentElement; t != null && t !== document.body; t = t.parentElement) {
@@ -339,8 +339,8 @@ function Re(e) {
   }
   return null;
 }
-var ve = /* @__PURE__ */ new Map(), tt = 96;
-function nt(e) {
+var ve = /* @__PURE__ */ new Map(), nt = 96;
+function rt(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;
 }
@@ -348,7 +348,7 @@ function ta(e) {
   const [t] = w(() => {
     if (e == null) return !1;
     const r = ve.get(e);
-    return r != null && r.visible && r.el.isConnected && nt(r.el) <= tt;
+    return r != null && r.visible && r.el.isConnected && rt(r.el) <= nt;
   }), n = E(null);
   return O(() => {
     if (e == null || typeof IntersectionObserver > "u") return;
@@ -368,7 +368,7 @@ function ta(e) {
     ref: n
   };
 }
-var rt = {
+var it = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -391,17 +391,17 @@ var rt = {
   slide: {
     initial: { x: "-100%" },
     animate: { x: 0 },
-    transition: { x: Ua }
+    transition: { x: Ja }
   }
 };
 function na({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, className: s, children: u }) {
-  const [d, i] = w(!1), c = !n && l != null ? rt[l] : null;
+  const [d, i] = w(!1), c = !n && l != null ? it[l] : null;
   return /* @__PURE__ */ y(A.span, {
     ref: r,
-    layoutId: ja(e),
+    layoutId: Ka(e),
     initial: c?.initial,
     animate: c?.animate,
-    transition: n ? Ka : {
+    transition: n ? Xa : {
       layout: { duration: 0 },
       ...c?.transition
     },
@@ -414,7 +414,7 @@ function na({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, cla
       "aria-hidden": !0,
       initial: { opacity: 1 },
       animate: { opacity: 0 },
-      transition: Xa,
+      transition: Qa,
       onAnimationComplete: () => i(!1),
       className: p("absolute inset-0", t),
       children: u
@@ -422,7 +422,7 @@ function na({ morphId: e, fromClassName: t, fly: n, morphRef: r, arrival: l, cla
   });
 }
 var Ge = "max-w-full min-w-0 truncate align-top", We = "flex shrink-0 items-center";
-function it({ id: e, morphId: t, enter: n, trailing: r, className: l, children: s, ...u }) {
+function st({ id: e, morphId: t, enter: n, trailing: r, className: l, children: s, ...u }) {
   const d = ke(e, s), i = M(), c = Pe(n === !0), f = ta(t), o = ea(), m = !i && (t != null || c === !0), h = c || o != null ? "rise" : void 0, g = k(Se), v = g?.pinned ?? !1, N = k(ae)?.adopt ?? !1, b = k(aa), _ = E(null);
   z(() => {
     if (!(g == null || v))
@@ -514,23 +514,23 @@ function it({ id: e, morphId: t, enter: n, trailing: r, className: l, children:
       animate: { opacity: 0 },
       transition: Ze,
       onAnimationComplete: () => S(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Vt),
+      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", $t),
       children: /* @__PURE__ */ a(se, {})
     })]
   })] });
 }
 var ra = G(!1);
-function st() {
+function lt() {
   const e = k(ra), t = M(), [n] = w(() => e && !t);
   return n;
 }
-var lt = {
+var ot = {
   height: 0,
   opacity: 0,
   paddingTop: 0,
   paddingBottom: 0,
   borderTopWidth: 0
-}, ot = {
+}, ct = {
   y: P,
   opacity: D,
   height: P,
@@ -539,7 +539,7 @@ var lt = {
   borderTopWidth: P
 };
 function Te() {
-  const e = st(), t = Ba(), n = M();
+  const e = lt(), t = La(), n = M();
   return {
     initial: e ? {
       opacity: 0,
@@ -549,15 +549,15 @@ function Te() {
       opacity: 1,
       y: 0
     },
-    exit: lt,
-    transition: n ? { duration: 0 } : ot,
+    exit: ot,
+    transition: n ? { duration: 0 } : ct,
     leaving: !t
   };
 }
-var ct = typeof process < "u" && process.env.NODE_ENV !== "production";
+var ut = typeof process < "u" && process.env.NODE_ENV !== "production";
 function ia(e, t, n, r) {
   O(() => {
-    if (!ct || e.current == null || typeof getComputedStyle != "function") return;
+    if (!ut || e.current == null || typeof getComputedStyle != "function") return;
     const l = (u) => {
       const d = getComputedStyle(u).rowGap;
       return d === "" || d === "normal" ? null : parseFloat(d);
@@ -571,26 +571,26 @@ function ia(e, t, n, r) {
     }
   });
 }
-function ut(e) {
+function dt(e) {
   return Array.from(e.querySelectorAll("[data-basic-page-stack], [data-basic-page-title], [data-basic-page-header]")).some((t) => t.closest('[aria-busy="true"]') != null);
 }
-var dt = () => !1, pt = () => !0;
-function mt() {
-  return ue(pe, dt, pt);
+var pt = () => !1, mt = () => !0;
+function ft() {
+  return ue(pe, pt, mt);
 }
 function Pe(e, t = !1) {
-  const n = k(Qe), r = mt(), [l] = w(() => {
+  const n = k(Qe), r = ft(), [l] = w(() => {
     if (r || !e || n?.prerendered) return !1;
     if (t) return !0;
     if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
     const s = n ? n.ref.current : document;
-    return s == null || !ut(s);
+    return s == null || !dt(s);
   });
   return l;
 }
 function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
   const s = M(), u = E(null);
-  ia(u, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") ? null : 12);
+  ia(u, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") || m.hasAttribute("data-code-block") ? null : 12);
   const d = Pe(e ?? !0, e === !0), i = l["aria-busy"], c = i === !0 || i === "true", f = E(c), o = f.current && !c;
   return O(() => {
     f.current = c;
@@ -611,7 +611,7 @@ function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
       y: P,
       opacity: D
     },
-    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "[[data-basic-page-pinned]:not([data-basic-page-width=full])_[data-basic-page-column]_&]:mt-3 [[data-basic-page-pinned][data-basic-page-width=full]_[data-basic-page-column]_&]:mt-0", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]: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]:not([data-basic-page-width=full])_[data-basic-page-column]_&]:mt-3 [[data-basic-page-pinned][data-basic-page-width=full]_[data-basic-page-column]_&]:mt-0", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table]):not([data-code-block])]:gap-3", t),
     ...l,
     children: /* @__PURE__ */ a(ra.Provider, {
       value: o,
@@ -620,7 +620,7 @@ function ie({ enter: e, className: t, children: n, ref: r, ...l }) {
   });
 }
 var Ve = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto_auto] mb-3 gap-y-0 [&>:not([data-basic-page-search]):not([data-basic-page-header-action])]:col-start-1 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:row-span-2 [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action]))]:self-center [&>:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])):not(:nth-last-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-end [&>:not([data-basic-page-search]):not([data-basic-page-header-action]):not(:nth-child(1_of_:not([data-basic-page-search]):not([data-basic-page-header-action])))]:self-start [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
-function ft({ enter: e, className: t, ...n }) {
+function ht({ enter: e, className: t, ...n }) {
   const r = M();
   return Pe(e === !0) && !r ? /* @__PURE__ */ a(A.div, {
     initial: {
@@ -644,14 +644,14 @@ function ft({ enter: e, className: t, ...n }) {
     "data-basic-page-header": ""
   });
 }
-function ht({ className: e, ...t }) {
+function gt({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", {
     "data-basic-page-header-action": "",
     className: p("flex items-center gap-2", "[[data-basic-page-header]>&]:col-start-3 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:mr-5 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:self-start [[data-basic-page-header]>&]:justify-self-end", "[[data-basic-page-callout]_[data-basic-page-header]>&]:mr-0", e),
     ...t
   });
 }
-function gt({ id: e, className: t, children: n, ...r }) {
+function bt({ id: e, className: t, children: n, ...r }) {
   const l = ke(e, n);
   return /* @__PURE__ */ a("h2", {
     id: l,
@@ -666,7 +666,7 @@ function sa({ className: e, ...t }) {
     ...t
   });
 }
-function bt({ one: e, other: t, ...n }) {
+function vt({ one: e, other: t, ...n }) {
   const r = k(Ae), 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}.`;
@@ -675,19 +675,19 @@ function bt({ one: e, other: t, ...n }) {
     children: s
   });
 }
-function vt({ className: e, ...t }) {
+function yt({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", {
     className: p("text-pho-description px-5 text-xs font-normal", "mt-3 [[data-basic-page-callout]_&]:mt-0 [[data-basic-page-stack]>*>&]:mt-0", e),
     ...t
   });
 }
-function yt({ animateHeight: e, className: t, children: n, ...r }) {
+function xt({ animateHeight: e, className: t, children: n, ...r }) {
   const l = /* @__PURE__ */ a($, { children: ee.toArray(n) });
   return e ? /* @__PURE__ */ a("div", {
     className: p(Ee, "min-h-0 gap-0", t),
     ...r,
     "data-basic-page-card": "",
-    children: /* @__PURE__ */ a(Sa, {
+    children: /* @__PURE__ */ a(Ra, {
       transition: P,
       className: le,
       children: l
@@ -699,21 +699,21 @@ function yt({ animateHeight: e, className: t, children: n, ...r }) {
     children: l
   });
 }
-function xt({ className: e, ...t }) {
+function wt({ className: e, ...t }) {
   const { leaving: n, ...r } = Te();
   return /* @__PURE__ */ a(A.div, {
     ...r,
-    className: p(Ma, n && "overflow-hidden", e),
+    className: p(Da, n && "overflow-hidden", e),
     ...t
   });
 }
-function wt({ divided: e = !1, className: t, ...n }) {
+function Nt({ divided: e = !1, className: t, ...n }) {
   return /* @__PURE__ */ a("div", {
-    className: p(e ? Ha : Da, t),
+    className: p(e ? Fa : Ha, t),
     ...n
   });
 }
-function Nt({ className: e, icon: t, children: n, ...r }) {
+function At({ className: e, icon: t, children: n, ...r }) {
   if (t == null || t === !1 || t === !0) return /* @__PURE__ */ a("div", {
     className: p(Me, e),
     ...r,
@@ -738,7 +738,7 @@ function Nt({ className: e, icon: t, children: n, ...r }) {
     }), s]
   });
 }
-function At({ id: e, className: t, children: n, ...r }) {
+function _t({ id: e, className: t, children: n, ...r }) {
   const l = ke(e, n);
   return /* @__PURE__ */ a("h2", {
     id: l,
@@ -747,14 +747,14 @@ function At({ id: e, className: t, children: n, ...r }) {
     children: n
   });
 }
-function _t({ className: e, ...t }) {
+function Ct({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", {
     className: p("text-display-xs text-pho-description font-normal", e),
     ...t
   });
 }
 var la = G(null), oa = G(!1);
-function Ct({ className: e, children: t, ...n }) {
+function Et({ className: e, children: t, ...n }) {
   let r = !1;
   const l = ee.toArray(t).map((s, u) => {
     if (!Ke(s)) return s;
@@ -774,19 +774,19 @@ function Ct({ className: e, children: t, ...n }) {
     children: l
   });
 }
-var Et = "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]", kt = {
+var kt = "relative grid size-5 shrink-0 place-items-center rounded-full border text-xs font-medium tabular-nums transition-[background-color,border-color,color] duration-200 ease-out *:[grid-area:1/1]", St = {
   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"
-}, St = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Rt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Tt = {
+}, Rt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Tt = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Pt = {
   done: "Done.",
   working: "In progress.",
   pending: "Waiting."
 };
-function Pt({ icon: e, aside: t, title: n, description: r, done: l, working: s, pending: u, className: d, children: i, ...c }) {
-  const f = k(la), o = f?.state ?? (l ? "done" : s ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", v = Tt[o], N = i != null && i !== !1, b = e != null && e !== !1, _ = t != null && t !== !1;
+function It({ icon: e, aside: t, title: n, description: r, done: l, working: s, pending: u, className: d, children: i, ...c }) {
+  const f = k(la), o = f?.state ?? (l ? "done" : s ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", v = Pt[o], N = i != null && i !== !1, b = e != null && e !== !1, _ = t != null && t !== !1;
   return /* @__PURE__ */ a("li", {
     "data-basic-page-step": o,
     "aria-current": h ? "step" : void 0,
@@ -797,18 +797,18 @@ function Pt({ icon: e, aside: t, title: n, description: r, done: l, working: s,
       children: [
         /* @__PURE__ */ y("span", {
           "aria-hidden": !0,
-          className: p(Et, kt[o], "col-start-1 row-start-1"),
+          className: p(kt, St[o], "col-start-1 row-start-1"),
           children: [/* @__PURE__ */ a($, {
             initial: !1,
             children: o === "done" ? /* @__PURE__ */ a(A.span, {
               ...ne(m),
               className: "flex",
-              children: /* @__PURE__ */ a(Ra, { className: "size-3" })
+              children: /* @__PURE__ */ a(Ta, { className: "size-3" })
             }, "check") : /* @__PURE__ */ a(A.span, {
               ...ne(m),
               children: f?.number ?? 1
             }, "number")
-          }), o === "working" ? /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ a("span", { className: St }), /* @__PURE__ */ a("span", { className: Rt })] }) : null]
+          }), o === "working" ? /* @__PURE__ */ y(de, { children: [/* @__PURE__ */ a("span", { className: Rt }), /* @__PURE__ */ a("span", { className: Tt })] }) : null]
         }),
         /* @__PURE__ */ y("div", {
           "data-basic-page-step-title": "",
@@ -861,11 +861,11 @@ function Pt({ icon: e, aside: t, title: n, description: r, done: l, working: s,
     })
   });
 }
-function It({ label: e, description: t, htmlFor: n, stacked: r = !1, className: l, children: s, ...u }) {
+function Ot({ label: e, description: t, htmlFor: n, stacked: r = !1, className: l, children: s, ...u }) {
   const { leaving: d, ...i } = Te();
   return /* @__PURE__ */ y(A.div, {
     ...i,
-    className: p(La, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", d && "overflow-hidden", l),
+    className: p(Ma, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", d && "overflow-hidden", l),
     ...u,
     children: [/* @__PURE__ */ y("div", {
       className: "min-w-0",
@@ -886,14 +886,14 @@ function It({ label: e, description: t, htmlFor: n, stacked: r = !1, className:
     })]
   });
 }
-function Ot({ className: e, ...t }) {
+function Bt({ className: e, ...t }) {
   const n = k(oa);
   return /* @__PURE__ */ a("p", {
     className: p("text-pho-description max-w-full min-w-0 truncate", n ? "text-display-xs font-normal" : "text-base", e),
     ...t
   });
 }
-function Bt({ error: e, show: t, className: n, children: r, ...l }) {
+function Lt({ error: e, show: t, className: n, children: r, ...l }) {
   const s = M(), u = k(U), d = e ?? u?.error ?? void 0;
   return /* @__PURE__ */ a($, {
     initial: !1,
@@ -925,11 +925,11 @@ function Bt({ error: e, show: t, className: n, children: r, ...l }) {
     }) : null
   });
 }
-function Bn() {
+function Ln() {
   return k(U)?.requestSave ?? null;
 }
-var Ln = 800, ye = ka.createToastManager(), U = G(null);
-function Lt({ action: e, errors: t, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: u, ...d }) {
+var Mn = 800, ye = Sa.createToastManager(), U = G(null);
+function Mt({ action: e, errors: t, autoSave: n = !1, className: r, children: l, onChange: s, onBlur: u, ...d }) {
   const [i, c] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, v] = w(t ?? {}), [N, b] = w(null), _ = E(null), x = E(null), S = E(null), R = E(!1), I = E(!1), B = E(null), L = E(async () => {
   });
   O(() => () => {
@@ -997,7 +997,7 @@ function Lt({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
   ]);
   return /* @__PURE__ */ a(U.Provider, {
     value: me,
-    children: /* @__PURE__ */ a(Ta, {
+    children: /* @__PURE__ */ a(Pa, {
       errors: g,
       onFormSubmit: async (T) => {
         if (e != null) {
@@ -1043,7 +1043,7 @@ function Lt({ action: e, errors: t, autoSave: n = !1, className: r, children: l,
     })
   });
 }
-function Mt({ name: e, className: t, ...n }) {
+function Dt({ name: e, className: t, ...n }) {
   const r = k(U), l = M(), s = r?.auto ?? null, u = s != null && (e == null || s.field === e), [d, i] = w(!1), c = u ? s.phase : null;
   O(() => {
     if (c !== "saved") return;
@@ -1078,11 +1078,11 @@ function Mt({ name: e, className: t, ...n }) {
     })
   });
 }
-var Dt = "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 Ht({ className: e, ...t }) {
+var Ht = "flex min-w-0 flex-col gap-5 p-5 [&>[data-basic-page-alert]]:-mx-5 [&>[data-basic-page-alert]]:-mt-2 [&>[data-basic-page-alert]]:-mb-5 [&>[data-basic-page-footer]]:pr-0 [&>[data-basic-page-reveal]]:flex [&>[data-basic-page-reveal]]:flex-col [&>[data-basic-page-reveal]]:gap-5";
+function Ft({ className: e, ...t }) {
   const n = E(null);
   return ia(n, "Fields", 20, () => null), /* @__PURE__ */ a("div", {
-    className: p(Ee, Dt, e),
+    className: p(Ee, Ht, e),
     ...t,
     ref: (r) => {
       n.current = r;
@@ -1092,13 +1092,13 @@ function Ht({ className: e, ...t }) {
     "data-basic-page-fields": ""
   });
 }
-function Ft({ className: e, ...t }) {
+function zt({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", {
     className: p("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
     ...t
   });
 }
-function zt({ children: e = "Save changes", ...t }) {
+function Gt({ children: e = "Save changes", ...t }) {
   const n = k(U);
   return /* @__PURE__ */ a(Z, {
     type: "submit",
@@ -1109,7 +1109,7 @@ function zt({ children: e = "Save changes", ...t }) {
     children: e
   });
 }
-function Gt({ show: e, className: t, ...n }) {
+function Wt({ show: e, className: t, ...n }) {
   const r = k(U), l = e === "dirty" ? r?.dirty ?? !1 : e, s = /* @__PURE__ */ a("div", {
     "data-basic-page-footer": "",
     className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
@@ -1122,14 +1122,14 @@ function Gt({ show: e, className: t, ...n }) {
     children: s
   });
 }
-var Wt = {
+var Vt = {
   stack: "-2.5rem",
   block: "-0.75rem",
   fields: "-1.25rem",
   none: "0px"
 };
 function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l, ...s }) {
-  const u = M(), d = Wt[r ? "none" : n], i = E(null), c = E(e !== !0);
+  const u = M(), d = Vt[r ? "none" : n], i = E(null), c = E(e !== !0);
   O(() => {
     c.current = !0;
   }, []);
@@ -1187,15 +1187,15 @@ function Ie({ show: e, clip: t = !0, gap: n = "stack", dividers: r, className: l
     }) : null
   });
 }
-var Vt = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", $t = "(min-width: 40rem)";
-function qt() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia($t).matches;
+var $t = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", qt = "(min-width: 40rem)";
+function jt() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(qt).matches;
 }
 var ca = G(null);
 function ua({ className: e, children: t, ...n }) {
   const r = ee.toArray(t).filter(Ke), l = r.map((_) => _.props.children ?? null), s = ea();
-  Ja(l);
-  const [u] = w(qt), d = M(), i = r.length, c = je(), f = !u && i >= jt, o = k(Se), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, v = m?.onClick;
+  Za(l);
+  const [u] = w(jt), d = M(), i = r.length, c = je(), f = !u && i >= Kt, o = k(Se), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, v = m?.onClick;
   z(() => {
     if (!(o == null || g == null))
       return o.setTail({
@@ -1217,7 +1217,7 @@ function ua({ className: e, children: t, ...n }) {
     ...n,
     children: /* @__PURE__ */ y("ol", {
       className: "m-0 flex list-none items-center p-0",
-      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(Ia, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
+      children: [r.map((_, x) => f && x > 0 && x < i - 2 ? null : /* @__PURE__ */ y(Oa, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
         className: "m-0 flex items-center max-sm:hidden",
         children: [/* @__PURE__ */ a("span", {
           "aria-hidden": !0,
@@ -1228,7 +1228,7 @@ function ua({ className: e, children: t, ...n }) {
           size: "sm",
           "aria-label": "Hidden pages",
           className: "px-2.5",
-          children: Kt
+          children: Xt
         }) }), /* @__PURE__ */ a(Q.Portal, { children: /* @__PURE__ */ a(Q.Positioner, {
           align: "start",
           sideOffset: 4,
@@ -1269,7 +1269,7 @@ function ua({ className: e, children: t, ...n }) {
     })
   });
 }
-var we = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", ce = "/", jt = 4, Kt = "…";
+var we = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", ce = "/", Kt = 4, Xt = "…";
 function da({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
   const s = k(ca), u = M(), d = n != null && !u, i = ta(d ? n : void 0);
   if (s == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
@@ -1328,10 +1328,10 @@ function da({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
           opacity: 1
         },
         animate: {
-          x: Qa,
+          x: Ya,
           opacity: 0
         },
-        transition: Ya,
+        transition: Ua,
         onAnimationComplete: () => B(null),
         className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
         children: I
@@ -1342,13 +1342,13 @@ function da({ href: e, className: t, morphId: n, children: r = "Back", ...l }) {
     })
   })] });
 }
-function Xt({ className: e, ...t }) {
+function Qt({ className: e, ...t }) {
   return /* @__PURE__ */ a(ua, {
     className: e,
     children: /* @__PURE__ */ a(da, { ...t })
   });
 }
-function Qt({ label: e, description: t, leading: n, href: r, className: l, children: s, ...u }) {
+function Yt({ label: e, description: t, leading: n, href: r, className: l, children: s, ...u }) {
   const d = je(), i = V(() => A.create(d), [d]), { leaving: c, ...f } = Te();
   return /* @__PURE__ */ y(i, {
     href: r,
@@ -1375,15 +1375,15 @@ function Qt({ label: e, description: t, leading: n, href: r, className: l, child
       children: [s != null ? /* @__PURE__ */ a("div", {
         className: "min-w-0",
         children: s
-      }) : null, /* @__PURE__ */ a(Na, {
+      }) : null, /* @__PURE__ */ a(Aa, {
         "aria-hidden": !0,
         className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
       })]
     })]
   });
 }
-function Yt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: u, defaultPresentation: d, onPresentationChange: i, expandable: c = !0, children: f }) {
-  const o = k(Ye), m = o != null ? za(o.paneWidth, s) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: v, canChoose: N } = Ut({
+function Ut({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, onClose: l, width: s = "default", presentation: u, defaultPresentation: d, onPresentationChange: i, expandable: c = !0, children: f }) {
+  const o = k(Ye), m = o != null ? Ga(o.paneWidth, s) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: v, canChoose: N } = Jt({
     isOpen: h,
     paneNarrow: o?.paneNarrow ?? !1,
     presentation: u,
@@ -1413,13 +1413,13 @@ function Yt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
         className: "absolute top-2 right-2 z-30",
         children: /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(ma, {
           label: "Show as panel",
-          icon: /* @__PURE__ */ a(wa, {}),
+          icon: /* @__PURE__ */ a(xa, {}),
           onClick: R
         }) })
       }) : null, f]
     }) : null, o.slot);
   }
-  return t === "inline" ? Le(/* @__PURE__ */ a(Jt, {
+  return t === "inline" ? Le(/* @__PURE__ */ a(Zt, {
     width: m,
     paneHeight: o.paneHeight,
     onClose: l,
@@ -1427,7 +1427,7 @@ function Yt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
     open: h,
     placeholder: r,
     children: f
-  }), o.slot) : /* @__PURE__ */ a(Zt, {
+  }), o.slot) : /* @__PURE__ */ a(en, {
     container: o.slot,
     width: m,
     paneHeight: o.paneHeight,
@@ -1438,7 +1438,7 @@ function Yt({ open: e, variant: t = "overlay", modal: n = !1, placeholder: r, on
     children: f
   });
 }
-function Ut({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
+function Jt({ isOpen: e, paneNarrow: t, presentation: n, defaultPresentation: r, onPresentationChange: l }) {
   const [s, u] = w(e), [d, i] = w(null);
   z(() => {
     e || (u(!1), i(null));
@@ -1469,7 +1469,7 @@ var $e = {
   size: "sm",
   svgOnly: !0,
   "aria-label": "Close",
-  children: /* @__PURE__ */ a(Ea, {})
+  children: /* @__PURE__ */ a(ka, {})
 };
 function ma({ label: e, icon: t, onClick: n }) {
   return /* @__PURE__ */ y(K.Root, { children: [/* @__PURE__ */ a(K.Trigger, { render: /* @__PURE__ */ a(Z, {
@@ -1486,7 +1486,7 @@ function fa({ back: e, onClose: t, onExpand: n, closeRef: r, panel: l, children:
     className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
     children: [n != null ? /* @__PURE__ */ a(K.Provider, { children: /* @__PURE__ */ a(ma, {
       label: "Expand",
-      icon: /* @__PURE__ */ a(xa, {}),
+      icon: /* @__PURE__ */ a(wa, {}),
       onClick: n
     }) }) : null, /* @__PURE__ */ a("span", {
       ref: r,
@@ -1520,7 +1520,7 @@ function fa({ back: e, onClose: t, onExpand: n, closeRef: r, panel: l, children:
     }), /* @__PURE__ */ a(J.Scrollbar, { children: /* @__PURE__ */ a(J.Thumb, {}) })]
   })] });
 }
-function Jt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeholder: s, children: u }) {
+function Zt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeholder: s, children: u }) {
   const d = M(), { back: i, panel: c, closeRef: f, leave: o } = pa(), m = d ? "blur(0px)" : `blur(${_e}px)`, h = t ?? "100dvh";
   O(() => {
     const v = (N) => {
@@ -1578,7 +1578,7 @@ function Jt({ width: e, paneHeight: t, onClose: n, onExpand: r, open: l, placeho
     })
   });
 }
-function Zt({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, open: s, modal: u, children: d }) {
+function en({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, open: s, modal: u, children: d }) {
   const { back: i, panel: c, closeRef: f, leave: o } = pa(), m = n ?? "100dvh";
   return /* @__PURE__ */ a(re.Root, {
     open: s,
@@ -1621,8 +1621,8 @@ function Zt({ container: e, width: t, paneHeight: n, onClose: r, onExpand: l, op
     })
   });
 }
-var en = "14rem", an = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", qe = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function tn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: u, ...d }) {
+var an = "14rem", tn = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", qe = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
+function nn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r, placeholder: l, label: s, className: u, ...d }) {
   const i = k(Ae), c = ue(i?.subscribe ?? pe, () => i?.get().api ?? null, () => null), f = n != null;
   O(() => {
     if (!(i == null || f))
@@ -1652,7 +1652,7 @@ function tn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     "data-variant": "ghost",
     className: p("flex min-w-0 flex-1", o == null && "hidden", u),
     ...d,
-    children: o != null && /* @__PURE__ */ a(Pa, {
+    children: o != null && /* @__PURE__ */ a(Ia, {
       value: o.query,
       onChange: o.setQuery,
       placeholder: o.placeholder,
@@ -1669,8 +1669,8 @@ function tn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     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]", an, N && "@[36rem]:w-56"),
-      style: v ? { width: en } : void 0,
+      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", tn, N && "@[36rem]:w-56"),
+      style: v ? { width: an } : void 0,
       children: [/* @__PURE__ */ a(Z, {
         variant: "outlined",
         size: "sm",
@@ -1707,7 +1707,7 @@ function tn({ variant: e = "box", fold: t = "auto", value: n, onValueChange: r,
     })
   });
 }
-function nn({ header: e, main: t, side: n, foot: r, enter: l }) {
+function rn({ header: e, main: t, side: n, foot: r, enter: l }) {
   const s = n != null;
   return /* @__PURE__ */ a("div", {
     "data-basic-page-columns": "",
@@ -1740,61 +1740,62 @@ function nn({ header: e, main: t, side: n, foot: r, enter: l }) {
     })
   });
 }
-var Mn = {
-  Root: Va,
-  Aside: Yt,
-  Search: tn,
-  Table: Aa,
-  CondenseScope: Za,
+var Dn = {
+  Root: $a,
+  Aside: Ut,
+  Search: nn,
+  Table: Ea,
+  Code: Na,
+  CondenseScope: et,
   Breadcrumbs: ua,
   Crumb: da,
-  Back: Xt,
-  Title: it,
+  Back: Qt,
+  Title: st,
   Stack: ie,
-  Columns: nn,
-  Header: ft,
-  HeaderAction: ht,
-  SectionTitle: gt,
+  Columns: rn,
+  Header: ht,
+  HeaderAction: gt,
+  SectionTitle: bt,
   Description: sa,
-  TableCount: bt,
-  SectionFooter: vt,
-  Card: yt,
-  Item: xt,
-  ItemPanel: wt,
-  Callout: Nt,
-  CalloutTitle: At,
-  CalloutDescription: _t,
-  Onboard: Ct,
-  Step: Pt,
-  Row: It,
-  RowLink: Qt,
-  Value: Ot,
+  TableCount: vt,
+  SectionFooter: yt,
+  Card: xt,
+  Item: wt,
+  ItemPanel: Nt,
+  Callout: At,
+  CalloutTitle: _t,
+  CalloutDescription: Ct,
+  Onboard: Et,
+  Step: It,
+  Row: Ot,
+  RowLink: Yt,
+  Value: Bt,
   Meta: Be.Root,
   MetaItem: Be.Item,
-  Alert: Bt,
-  Footer: Gt,
-  Form: Lt,
-  Saved: Mt,
-  Fields: Ht,
-  Inline: Ft,
-  Submit: zt,
+  Alert: Lt,
+  Footer: Wt,
+  Form: Mt,
+  Saved: Dt,
+  Fields: Ft,
+  Inline: zt,
+  Submit: Gt,
   Reveal: Ie
 };
 export {
-  Da as a,
-  Mn as c,
-  et as d,
+  Ha as a,
+  Dn as c,
+  at as d,
   ye as f,
-  Ma as i,
+  Da as i,
   oe as l,
-  On as m,
+  Bn as m,
   Me as n,
-  Ha as o,
-  Bn as p,
+  Fa as o,
+  Ln as p,
   Xe as r,
-  La as s,
-  Ln as t,
-  at as u
+  Ma as s,
+  Mn as t,
+  tt as u
 };
 
-//# sourceMappingURL=basic-page-BUmntB7L.js.map
+//# sourceMappingURL=basic-page-DzT8yecB.js.map