@photon-ai/pho-ui 4.4.0 → 4.5.1

package/dist/chunks/basic-page-ijv-ijUB.js

@@ -1,1768 +0,0 @@
-"use client";
-import { t as p } from "./cn-ChIgwEl3.js";
-import { n as We } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as ut, FADE_SWAP as dt, SPRING_ENTRANCE as pt, TRAVEL_LINEAR as mt, fadeThroughBlur as ae } from "../motion.js";
-import { a as Z, o as ve } from "./button-CgUS0j3D.js";
-import { t as ft } from "./error-VvHnteyf.js";
-import { n as ht, t as gt } from "./IconArrowsMinimize-BfPUGuCB.js";
-import { t as ie } from "./IconChevronLeft-CSWMKQ4C.js";
-import { t as bt } from "./IconChevronRight-CzoJnYNI.js";
-import { t as Re } from "./IconSearch-BKAHkLyX.js";
-import { i as ye, n as vt, o as yt, r as xt } from "./data-table-Mog6m3d9.js";
-import { t as wt } from "./IconX-pZ9vrtSr.js";
-import { t as Nt } from "./toast-DUvjSZF7.js";
-import { t as pe } from "./input-group-fc9_jD4d.js";
-import { t as At } from "./animated-height-I44sUq0n.js";
-import { n as xe, t as J } from "./scroll-area-DSwD9th7.js";
-import { i as _t } from "./checkbox-CLPmblNA.js";
-import { t as Et } from "./form-AiHbbw4m.js";
-import { i as K } from "./menu-BQeprfxB.js";
-import { t as Ct } from "./ghost-search-AmVXd0zE.js";
-import { t as q } from "./tooltip-BTF7GChl.js";
-import { Children as ee, Fragment as St, createContext as z, isValidElement as Ve, useCallback as we, useContext as T, useEffect as O, useId as kt, useLayoutEffect as H, useMemo as $, useRef as E, useState as w, useSyncExternalStore as ce } from "react";
-import { Fragment as Ne, jsx as t, jsxs as y } from "react/jsx-runtime";
-import { AnimatePresence as V, motion as A, useIsPresent as Tt, useReducedMotion as M } from "motion/react";
-import { Dialog as ne } from "@base-ui/react/dialog";
-import { createPortal as Pe } from "react-dom";
-var Ae = "rounded-base border border-pho-secondary bg-pho-primary", se = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", $e = `${Ae} ${se} gap-0`, Ie = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", Rt = "flex min-h-[4.25rem] min-w-0 flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6", Pt = "flex flex-col gap-3 px-5 py-4", It = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", Ot = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", I = pt, D = ut, j = 12, qe = z(null), Bt = 768;
-function Lt(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 je = z(null), Ke = z(null);
-function Mt(e) {
-  const [a, n] = w(null), [r, s] = w(!1), [l, u] = w(!1), [c, i] = w(!1), [d, f] = w(() => ({
-    width: typeof window > "u" ? 0 : window.innerWidth,
-    height: null
-  }));
-  return H(() => {
-    const o = e.current;
-    if (!r || o == null) return;
-    const m = Ce(o), h = () => {
-      const b = o.offsetWidth, N = m?.clientHeight ?? null;
-      f((v) => v.width === b && v.height === N ? v : {
-        width: b,
-        height: N
-      });
-    };
-    if (h(), typeof ResizeObserver > "u") return;
-    const g = new ResizeObserver(h);
-    return g.observe(o), m != null && g.observe(m), () => g.disconnect();
-  }, [e, r]), {
-    host: $(() => ({
-      slot: a,
-      paneNarrow: d.width < Bt,
-      paneWidth: d.width,
-      paneHeight: d.height,
-      setOpen: u,
-      setAsPage: i,
-      setPresent: s
-    }), [a, d]),
-    setSlot: n,
-    open: l,
-    asPage: c
-  };
-}
-function Dt(e) {
-  return e == null ? window.scrollY : e.scrollTop;
-}
-function Oe(e, a) {
-  e == null ? window.scrollTo({ top: a }) : e.scrollTop = a;
-}
-function Ht({ condense: e = !0, width: a, prerendered: n = !1, className: r, children: s, ref: l, ...u }) {
-  const c = T(ue)?.adopt ?? !1, i = T(Ke), [d, f] = w(!1), o = E(0), m = we((B) => {
-    o.current += B ? 1 : -1, f(o.current > 0);
-  }, []), h = a === "wide" || a == null && d, [g] = w(yt), b = E(null), N = $(() => ({
-    ref: b,
-    prerendered: n
-  }), [n]), [v, _] = w(null), [x, C] = w(null), R = $(() => ({
-    setTitle: _,
-    setTail: C
-  }), []);
-  O(() => {
-    if (i != null)
-      return i.setBack(x), () => i.setBack(null);
-  }, [i, x]);
-  const { host: P, setSlot: F, open: G, asPage: Y } = Mt(b), W = G && Y, U = E(!1), te = E(0);
-  H(() => {
-    const B = b.current;
-    if (W === U.current || B == null) return;
-    U.current = W;
-    const L = Ce(B);
-    W ? (te.current = Dt(L), Oe(L, 0)) : Oe(L, te.current);
-  }, [W]);
-  const k = e ? /* @__PURE__ */ t(Ft, {
-    title: v,
-    tail: i == null ? x : null,
-    silent: W || i != null
-  }) : null, S = /* @__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 && (h ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]"), c || i != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ t(Ee.Provider, {
-      value: R,
-      children: s
-    }) : s
-  });
-  return /* @__PURE__ */ t("div", {
-    "data-basic-page-root": "",
-    "data-basic-page-width": h ? "wide" : void 0,
-    "data-basic-page-prerendered": n ? "" : void 0,
-    className: p("relative flex min-h-full w-full min-w-0 flex-row", r),
-    ...u,
-    ref: (B) => {
-      b.current = B, typeof l == "function" ? l(B) : l != null && (l.current = B);
-    },
-    children: /* @__PURE__ */ t(qe.Provider, {
-      value: N,
-      children: /* @__PURE__ */ t(je.Provider, {
-        value: P,
-        children: /* @__PURE__ */ t(xt.Provider, {
-          value: m,
-          children: /* @__PURE__ */ y(ye.Provider, {
-            value: g,
-            children: [/* @__PURE__ */ y("div", {
-              "data-basic-page-main": "",
-              className: p("flex min-w-0 flex-1 flex-col", W && "hidden"),
-              children: [k, S]
-            }), /* @__PURE__ */ t("div", {
-              ref: F,
-              className: "contents"
-            })]
-          })
-        })
-      })
-    })
-  });
-}
-var me = /* @__PURE__ */ new Set();
-function Ft({ title: e, tail: a, silent: n = !1 }) {
-  const r = M(), [s, l] = w(() => !n && me.size > 0), u = T(ue), c = kt();
-  H(() => {
-    if (!(!s || n))
-      return me.add(c), () => {
-        me.delete(c);
-      };
-  }, [
-    c,
-    s,
-    n
-  ]), O(() => {
-    if (u != null) {
-      if (n) {
-        u.store.clear(c);
-        return;
-      }
-      u.store.set(c, {
-        condensed: s,
-        title: e?.label ?? null,
-        back: a
-      });
-    }
-  }, [
-    u,
-    c,
-    s,
-    e,
-    a,
-    n
-  ]), O(() => {
-    if (u != null)
-      return () => u.store.clear(c);
-  }, [u, c]);
-  const i = e?.el ?? null;
-  O(() => {
-    if (i == null || typeof IntersectionObserver > "u") {
-      if (typeof requestAnimationFrame > "u") return;
-      const m = requestAnimationFrame(() => l(!1));
-      return () => cancelAnimationFrame(m);
-    }
-    const o = new IntersectionObserver(([m]) => l(m != null && !m.isIntersecting), { root: Ce(i) });
-    return o.observe(i), () => o.disconnect();
-  }, [i]);
-  const d = r ? 0 : -Ut, f = r ? "blur(0px)" : `blur(${xe}px)`;
-  return /* @__PURE__ */ t("div", {
-    "data-basic-page-condense": "",
-    className: "sticky top-0 z-20 h-0 overflow-visible",
-    children: /* @__PURE__ */ t(V, {
-      initial: !1,
-      children: s && !(u?.adopt ?? !1) && /* @__PURE__ */ y(A.div, {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: le,
-        className: "border-pho-secondary bg-pho-page/85 relative grid h-12 grid-cols-[1fr_minmax(0,auto)_1fr] items-center border-b px-3 backdrop-blur",
-        children: [/* @__PURE__ */ t("div", {
-          className: "flex min-w-0 items-center justify-start",
-          children: a != null && /* @__PURE__ */ t(ve, {
-            variant: "ghost",
-            size: "sm",
-            href: a.href,
-            onClick: a.onClick,
-            prefix: /* @__PURE__ */ t("span", {
-              className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-              children: /* @__PURE__ */ t(ie, {})
-            }),
-            className: "min-w-max",
-            children: a.label
-          })
-        }), /* @__PURE__ */ t(A.span, {
-          initial: {
-            opacity: 0,
-            y: d,
-            filter: f
-          },
-          animate: {
-            opacity: 1,
-            y: 0,
-            filter: "blur(0px)"
-          },
-          exit: {
-            opacity: 0,
-            y: d,
-            filter: f
-          },
-          transition: {
-            ...le,
-            y: Yt
-          },
-          className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
-          children: e?.label
-        })]
-      })
-    })
-  });
-}
-function zt(e) {
-  return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-function Gt(e) {
-  if (!(typeof e != "string" && typeof e != "number"))
-    return zt(String(e)) || void 0;
-}
-function _e(e, a) {
-  if (e !== "")
-    return e ?? Gt(a);
-}
-var Wt = (e) => `basic-page-morph-${e}`, Vt = { layout: I }, Be = 10, Le = {
-  delay: 0.2,
-  duration: 0.12,
-  ease: "easeOut"
-}, $t = {
-  duration: 0.18,
-  ease: "easeOut"
-}, qt = -8, jt = {
-  duration: 0.16,
-  ease: "easeOut"
-}, Kt = {
-  delay: 0.14,
-  duration: 0.16,
-  ease: "easeOut"
-}, Xe = {
-  duration: 0.12,
-  ease: "easeOut"
-}, X = [];
-function Xt(e) {
-  const a = E({ labels: e });
-  a.current.labels = e, H(() => {
-    const n = a.current;
-    return X.push(n), () => {
-      X.splice(X.indexOf(n), 1);
-    };
-  }, []);
-}
-function Qe() {
-  const [e] = w(() => {
-    const a = X[X.length - 1];
-    return a ? { labels: [...a.labels] } : null;
-  });
-  return e;
-}
-var Ee = z(null), ge = {
-  condensed: !1,
-  title: null,
-  back: null
-}, ue = z(null), de = () => () => {
-}, Me = () => ge;
-function Qt({ adopt: e = !0, children: a }) {
-  const [n] = w(() => {
-    let s = ge, l = null;
-    const u = /* @__PURE__ */ new Set(), c = () => {
-      for (const i of u) i();
-    };
-    return {
-      get: () => s,
-      set(i, d) {
-        l = i, s = d, c();
-      },
-      clear(i) {
-        l === i && (l = null, s = ge, c());
-      },
-      subscribe(i) {
-        return u.add(i), () => u.delete(i);
-      }
-    };
-  }), r = $(() => ({
-    store: n,
-    adopt: e
-  }), [n, e]);
-  return /* @__PURE__ */ t(ue.Provider, {
-    value: r,
-    children: a
-  });
-}
-function kn() {
-  const e = T(ue);
-  return ce(e?.store.subscribe ?? de, e?.store.get ?? Me, e?.store.get ?? Me);
-}
-var le = dt, Yt = mt, Ut = -8;
-function Ce(e) {
-  if (typeof getComputedStyle != "function") return null;
-  for (let a = e.parentElement; a != null && a !== document.body; a = a.parentElement) {
-    const { overflowY: n } = getComputedStyle(a);
-    if (n === "auto" || n === "scroll") return a;
-  }
-  return null;
-}
-var fe = /* @__PURE__ */ new Map(), Jt = 96;
-function Zt(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 Ye(e) {
-  const [a] = w(() => {
-    if (e == null) return !1;
-    const r = fe.get(e);
-    return r != null && r.visible && r.el.isConnected && Zt(r.el) <= Jt;
-  }), n = E(null);
-  return O(() => {
-    if (e == null || typeof IntersectionObserver > "u") return;
-    const r = n.current;
-    if (!r) return;
-    const s = new IntersectionObserver(([l]) => {
-      l && fe.set(e, {
-        visible: l.isIntersecting,
-        el: r
-      });
-    });
-    return s.observe(r), () => {
-      s.disconnect(), fe.delete(e);
-    };
-  }, [e]), {
-    fly: a,
-    ref: n
-  };
-}
-var ea = {
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { opacity: D }
-  },
-  rise: {
-    initial: {
-      opacity: 0,
-      y: j
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: I,
-      opacity: D
-    }
-  },
-  slide: {
-    initial: { x: "-100%" },
-    animate: { x: 0 },
-    transition: { x: Kt }
-  }
-};
-function Ue({ morphId: e, fromClassName: a, fly: n, morphRef: r, arrival: s, className: l, children: u }) {
-  const [c, i] = w(!1), d = !n && s != null ? ea[s] : null;
-  return /* @__PURE__ */ y(A.span, {
-    ref: r,
-    layoutId: Wt(e),
-    initial: d?.initial,
-    animate: d?.animate,
-    transition: n ? Vt : {
-      layout: { duration: 0 },
-      ...d?.transition
-    },
-    onLayoutAnimationStart: () => {
-      n && i(!0);
-    },
-    onLayoutAnimationComplete: () => i(!1),
-    className: p("relative inline-block", l),
-    children: [u, c && /* @__PURE__ */ t(A.span, {
-      "aria-hidden": !0,
-      initial: { opacity: 1 },
-      animate: { opacity: 0 },
-      transition: $t,
-      onAnimationComplete: () => i(!1),
-      className: p("absolute inset-0", a),
-      children: u
-    })]
-  });
-}
-var De = "max-w-full min-w-0 truncate align-top", He = "flex shrink-0 items-center";
-function ta({ id: e, morphId: a, enter: n, trailing: r, className: s, children: l, ...u }) {
-  const c = _e(e, l), i = M(), d = ke(n === !0), f = Ye(a), o = Qe(), m = !i && (a != null || d === !0), h = d || o != null ? "rise" : void 0, g = T(Ee), b = E(null);
-  H(() => {
-    if (g != null)
-      return g.setTitle({
-        label: l,
-        el: b.current
-      }), () => g.setTitle(null);
-  }, [g, l]);
-  const [N, v] = w(f.fly && o != null);
-  H(() => {
-    X.length > 0 && v(!1);
-  }, []);
-  const _ = r != null && r !== !1, x = !i && (a != null ? f.fly || h != null : d === !0), C = a != null && !i ? /* @__PURE__ */ t(Ue, {
-    morphId: a,
-    fromClassName: "text-pho-secondary",
-    fly: f.fly,
-    morphRef: f.ref,
-    arrival: h,
-    className: De,
-    children: l
-  }) : d && !i ? /* @__PURE__ */ t(A.span, {
-    initial: {
-      opacity: 0,
-      y: j
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: I,
-      opacity: D
-    },
-    className: p("inline-block", De),
-    children: l
-  }) : _ ? /* @__PURE__ */ t("span", {
-    className: "min-w-0 truncate",
-    children: l
-  }) : l;
-  return /* @__PURE__ */ y("h1", {
-    id: c,
-    "data-basic-page-title": "",
-    className: p("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", m ? "whitespace-nowrap" : "truncate", s),
-    ...u,
-    ref: (R) => {
-      b.current = R;
-      const P = u.ref;
-      typeof P == "function" ? P(R) : P != null && (P.current = R);
-    },
-    children: [_ ? /* @__PURE__ */ y("span", {
-      className: "flex max-w-full min-w-0 items-center gap-2",
-      children: [C, x ? /* @__PURE__ */ t(A.span, {
-        "data-basic-page-title-trailing": "",
-        initial: {
-          opacity: 0,
-          y: j
-        },
-        animate: {
-          opacity: 1,
-          y: 0
-        },
-        transition: {
-          y: I,
-          opacity: D
-        },
-        className: He,
-        children: r
-      }) : /* @__PURE__ */ t("span", {
-        "data-basic-page-title-trailing": "",
-        className: He,
-        children: r
-      })]
-    }) : C, N && /* @__PURE__ */ t(A.span, {
-      "aria-hidden": !0,
-      initial: { opacity: 1 },
-      animate: { opacity: 0 },
-      transition: Xe,
-      onAnimationComplete: () => v(!1),
-      className: p("text-pho-secondary pointer-events-none absolute inline-flex items-center", Fa),
-      children: /* @__PURE__ */ t(ie, {})
-    })]
-  });
-}
-var Je = z(!1);
-function aa() {
-  const e = T(Je), a = M(), [n] = w(() => e && !a);
-  return n;
-}
-var na = {
-  height: 0,
-  opacity: 0,
-  paddingTop: 0,
-  paddingBottom: 0,
-  borderTopWidth: 0
-}, ra = {
-  y: I,
-  opacity: D,
-  height: I,
-  paddingTop: I,
-  paddingBottom: I,
-  borderTopWidth: I
-};
-function Se() {
-  const e = aa(), a = Tt(), n = M();
-  return {
-    initial: e ? {
-      opacity: 0,
-      y: j
-    } : !1,
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    exit: na,
-    transition: n ? { duration: 0 } : ra,
-    leaving: !a
-  };
-}
-var ia = typeof process < "u" && process.env.NODE_ENV !== "production";
-function Ze(e, a, n, r) {
-  O(() => {
-    if (!ia || e.current == null || typeof getComputedStyle != "function") return;
-    const s = (u) => {
-      const c = getComputedStyle(u).rowGap;
-      return c === "" || c === "normal" ? null : parseFloat(c);
-    }, l = s(e.current);
-    l != null && l !== n && console.warn(`[BasicPage.${a}] spaced at ${l}px instead of ${n}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, e.current);
-    for (const u of Array.from(e.current.children)) {
-      const c = r(u);
-      if (c == null || getComputedStyle(u).display === "contents") continue;
-      const i = s(u);
-      i != null && i !== c && console.warn(`[BasicPage.${a}] a child is spaced at ${i}px instead of ${c}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, u);
-    }
-  });
-}
-function sa(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 la = () => !1, oa = () => !0;
-function ca() {
-  return ce(de, la, oa);
-}
-function ke(e, a = !1) {
-  const n = T(qe), r = ca(), [s] = w(() => {
-    if (r || !e || n?.prerendered) return !1;
-    if (a) return !0;
-    if (document.querySelector("[data-basic-page-prerendered]") != null) return !1;
-    const l = n ? n.ref.current : document;
-    return l == null || !sa(l);
-  });
-  return s;
-}
-function re({ enter: e, className: a, children: n, ref: r, ...s }) {
-  const l = M(), u = E(null);
-  Ze(u, "Stack", 40, (m) => m.hasAttribute("data-basic-page-fields") ? 20 : m.hasAttribute("data-basic-page-card") || m.hasAttribute("data-basic-page-onboard") || m.hasAttribute("data-basic-page-header") || m.hasAttribute("data-basic-page-columns") || m.hasAttribute("data-data-table") ? null : 12);
-  const c = ke(e ?? !0, e === !0), i = s["aria-busy"], d = i === !0 || i === "true", f = E(d), o = f.current && !d;
-  return O(() => {
-    f.current = d;
-  }), /* @__PURE__ */ t(A.div, {
-    ref: (m) => {
-      u.current = m, typeof r == "function" ? r(m) : r != null && (r.current = m);
-    },
-    "data-basic-page-stack": "",
-    initial: l || !c ? !1 : {
-      opacity: 0,
-      y: j
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: I,
-      opacity: D
-    },
-    className: p("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:min-w-0 [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:flex-col [&>*:not([data-basic-page-fields]):not([data-basic-page-card]):not([data-basic-page-callout]):not([data-basic-page-onboard]):not([data-basic-page-header]):not([data-basic-page-columns]):not([data-data-table])]:gap-3", a),
-    ...s,
-    children: /* @__PURE__ */ t(Je.Provider, {
-      value: o,
-      children: n
-    })
-  });
-}
-var Fe = "@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 ua({ enter: e, className: a, ...n }) {
-  const r = M();
-  return ke(e === !0) && !r ? /* @__PURE__ */ t(A.div, {
-    initial: {
-      opacity: 0,
-      y: j
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: I,
-      opacity: D
-    },
-    className: p(Fe, a),
-    ...n,
-    "data-basic-page-header": ""
-  }) : /* @__PURE__ */ t("div", {
-    className: p(Fe, a),
-    ...n,
-    "data-basic-page-header": ""
-  });
-}
-function da({ 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),
-    ...a
-  });
-}
-function pa({ id: e, className: a, children: n, ...r }) {
-  const s = _e(e, n);
-  return /* @__PURE__ */ t("h2", {
-    id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", a),
-    ...r,
-    children: n
-  });
-}
-function et({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
-    className: p("text-display-xs text-pho-description px-5 font-normal", e),
-    ...a
-  });
-}
-function ma({ one: e, other: a, ...n }) {
-  const r = T(ye), s = ce(r?.subscribe ?? de, () => r?.get().api ?? null, () => null);
-  if (s == null) return null;
-  const l = s.query.trim() !== "" ? `${s.matched} of ${s.total}.` : `${s.total} ${s.total === 1 ? e : a}.`;
-  return /* @__PURE__ */ t(et, {
-    ...n,
-    children: l
-  });
-}
-function fa({ 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),
-    ...a
-  });
-}
-function ha({ animateHeight: e, className: a, children: n, ...r }) {
-  const s = /* @__PURE__ */ t(V, { children: ee.toArray(n) });
-  return e ? /* @__PURE__ */ t("div", {
-    className: p(Ae, "min-h-0 gap-0", a),
-    ...r,
-    "data-basic-page-card": "",
-    children: /* @__PURE__ */ t(At, {
-      transition: I,
-      className: se,
-      children: s
-    })
-  }) : /* @__PURE__ */ t("div", {
-    className: p($e, a),
-    ...r,
-    "data-basic-page-card": "",
-    children: s
-  });
-}
-function ga({ className: e, ...a }) {
-  const { leaving: n, ...r } = Se();
-  return /* @__PURE__ */ t(A.div, {
-    ...r,
-    className: p(Pt, n && "overflow-hidden", e),
-    ...a
-  });
-}
-function ba({ divided: e = !1, className: a, ...n }) {
-  return /* @__PURE__ */ t("div", {
-    className: p(e ? Ot : It, a),
-    ...n
-  });
-}
-function va({ className: e, icon: a, children: n, ...r }) {
-  if (a == null || a === !1 || a === !0) return /* @__PURE__ */ t("div", {
-    className: p(Ie, e),
-    ...r,
-    "data-basic-page-callout": "",
-    children: n
-  });
-  const [s, ...l] = ee.toArray(n);
-  return /* @__PURE__ */ y("div", {
-    className: p(Ie, e),
-    ...r,
-    "data-basic-page-callout": "",
-    children: [/* @__PURE__ */ y("div", {
-      className: "relative",
-      children: [/* @__PURE__ */ t("div", {
-        className: "min-w-0 pr-16",
-        children: s
-      }), /* @__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: a
-      })]
-    }), l]
-  });
-}
-function ya({ id: e, className: a, children: n, ...r }) {
-  const s = _e(e, n);
-  return /* @__PURE__ */ t("h2", {
-    id: s,
-    className: p("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", a),
-    ...r,
-    children: n
-  });
-}
-function xa({ className: e, ...a }) {
-  return /* @__PURE__ */ t("p", {
-    className: p("text-display-xs text-pho-description font-normal", e),
-    ...a
-  });
-}
-var tt = z(null), at = z(!1);
-function wa({ className: e, children: a, ...n }) {
-  let r = !1;
-  const s = ee.toArray(a).map((l, u) => {
-    if (!Ve(l)) return l;
-    let c;
-    return l.props.done ? c = "done" : r ? c = "upcoming" : (r = !0, c = l.props.working ? "working" : l.props.pending ? "pending" : "current"), /* @__PURE__ */ t(tt.Provider, {
-      value: {
-        number: u + 1,
-        state: c
-      },
-      children: l
-    }, l.key ?? u);
-  });
-  return /* @__PURE__ */ t("ol", {
-    className: p($e, "m-0 list-none p-0", e),
-    ...n,
-    "data-basic-page-onboard": "",
-    children: s
-  });
-}
-var Na = "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]", Aa = {
-  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"
-}, _a = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink opacity-30", Ea = "pointer-events-none absolute -inset-px rounded-full border border-pho-ink border-r-transparent border-b-transparent border-l-transparent animate-pho-spinner", Ca = {
-  done: "Done.",
-  working: "In progress.",
-  pending: "Waiting."
-};
-function Sa({ icon: e, aside: a, title: n, description: r, done: s, working: l, pending: u, className: c, children: i, ...d }) {
-  const f = T(tt), o = f?.state ?? (s ? "done" : l ? "working" : u ? "pending" : "current"), m = M(), h = o === "current" || o === "working" || o === "pending", g = o === "upcoming", b = Ca[o], N = i != null && i !== !1, v = e != null && e !== !1, _ = a != null && a !== !1;
-  return /* @__PURE__ */ t("li", {
-    "data-basic-page-step": o,
-    "aria-current": h ? "step" : void 0,
-    className: p("relative m-0 grid min-w-0 grid-cols-[auto_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] items-center gap-x-3 px-5 py-4", "transition-[background-color] duration-200 ease-out first:rounded-t-[calc(0.75rem-1px)] last:rounded-b-[calc(0.75rem-1px)] motion-reduce:transition-none", h && "bg-pho-page", c),
-    ...d,
-    children: /* @__PURE__ */ y(at.Provider, {
-      value: !0,
-      children: [
-        /* @__PURE__ */ y("span", {
-          "aria-hidden": !0,
-          className: p(Na, Aa[o], "col-start-1 row-start-1"),
-          children: [/* @__PURE__ */ t(V, {
-            initial: !1,
-            children: o === "done" ? /* @__PURE__ */ t(A.span, {
-              ...ae(m),
-              className: "flex",
-              children: /* @__PURE__ */ t(_t, { className: "size-3" })
-            }, "check") : /* @__PURE__ */ t(A.span, {
-              ...ae(m),
-              children: f?.number ?? 1
-            }, "number")
-          }), o === "working" ? /* @__PURE__ */ y(Ne, { children: [/* @__PURE__ */ t("span", { className: _a }), /* @__PURE__ */ t("span", { className: Ea })] }) : null]
-        }),
-        /* @__PURE__ */ y("div", {
-          "data-basic-page-step-title": "",
-          className: p("text-display-xs col-start-2 row-start-1 min-w-0 font-medium transition-colors duration-200 ease-out", g ? "text-pho-description" : "text-pho-primary"),
-          children: [b ? /* @__PURE__ */ y("span", {
-            className: "sr-only",
-            children: [b, " "]
-          }) : null, n]
-        }),
-        /* @__PURE__ */ t(Te, {
-          show: h,
-          gap: "none",
-          clip: !1,
-          className: "col-start-2 row-start-2 flex min-w-0 flex-col self-stretch",
-          children: /* @__PURE__ */ y("div", {
-            "data-basic-page-step-body": "",
-            className: "flex min-w-0 flex-1 flex-col",
-            children: [r ? /* @__PURE__ */ t("div", {
-              className: "text-display-xs text-pho-description font-normal",
-              children: r
-            }) : null, N ? /* @__PURE__ */ t("div", {
-              className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
-              children: i
-            }) : null]
-          })
-        }),
-        o === "done" && N ? /* @__PURE__ */ t("div", {
-          className: "col-start-3 row-start-1 flex min-w-0 items-center gap-2",
-          children: i
-        }) : _ ? /* @__PURE__ */ t(V, {
-          initial: !1,
-          children: h ? /* @__PURE__ */ t(A.div, {
-            ...ae(m),
-            className: "col-start-3 row-span-2 row-start-1 self-start",
-            children: a
-          }, "aside") : null
-        }) : v ? /* @__PURE__ */ t(V, {
-          initial: !1,
-          children: h ? /* @__PURE__ */ t(A.div, {
-            "aria-hidden": !0,
-            ...ae(m),
-            className: "pointer-events-none col-start-3 row-span-2 row-start-1 size-14 self-start",
-            children: /* @__PURE__ */ t("div", {
-              className: "text-pho-primary size-full opacity-[0.275] [&>svg]:size-full",
-              children: e
-            })
-          }, "icon") : null
-        }) : null
-      ]
-    })
-  });
-}
-function ka({ label: e, description: a, htmlFor: n, stacked: r = !1, className: s, children: l, ...u }) {
-  const { leaving: c, ...i } = Se();
-  return /* @__PURE__ */ y(A.div, {
-    ...i,
-    className: p(Rt, r && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", c && "overflow-hidden", s),
-    ...u,
-    children: [/* @__PURE__ */ y("div", {
-      className: "min-w-0",
-      children: [n ? /* @__PURE__ */ t("label", {
-        htmlFor: n,
-        className: "text-pho-primary block text-base font-normal",
-        children: e
-      }) : /* @__PURE__ */ t("div", {
-        className: "text-pho-primary text-base font-normal",
-        children: e
-      }), a ? /* @__PURE__ */ t("p", {
-        className: "text-pho-description text-xs",
-        children: a
-      }) : null]
-    }), /* @__PURE__ */ t("div", {
-      className: p("flex w-full min-w-0 items-center gap-2 sm:w-auto", r && "sm:w-full"),
-      children: l
-    })]
-  });
-}
-function Ta({ className: e, ...a }) {
-  const n = T(at);
-  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),
-    ...a
-  });
-}
-function Ra({ error: e, show: a, className: n, children: r, ...s }) {
-  const l = M(), u = T(Q), c = e ?? u?.error ?? void 0;
-  return /* @__PURE__ */ t(V, {
-    initial: !1,
-    children: (a ?? !0) && (c != null || r != null) ? /* @__PURE__ */ t(A.div, {
-      "data-basic-page-alert": "",
-      className: "overflow-hidden",
-      initial: {
-        height: 0,
-        opacity: 0
-      },
-      animate: {
-        height: "auto",
-        opacity: 1
-      },
-      exit: {
-        height: 0,
-        opacity: 0
-      },
-      transition: l ? { duration: 0 } : {
-        height: I,
-        opacity: D
-      },
-      children: /* @__PURE__ */ t(ft, {
-        error: c,
-        className: p("px-5 pb-3", n),
-        ...s,
-        children: r
-      })
-    }) : null
-  });
-}
-function Tn() {
-  return T(Q)?.requestSave ?? null;
-}
-var Rn = 800, he = Nt.createToastManager(), Q = z(null);
-function Pa({ action: e, errors: a, autoSave: n = !1, className: r, children: s, onChange: l, onBlur: u, ...c }) {
-  const [i, d] = w(!1), [f, o] = w(!1), [m, h] = w(null), [g, b] = w(a ?? {}), [N, v] = w(null), _ = E(null), x = E(null), C = E(null), R = E(!1), P = E(!1), F = E(null), G = E(async () => {
-  });
-  O(() => () => {
-    x.current != null && clearTimeout(x.current);
-  }, []);
-  const Y = async () => {
-    const k = _.current;
-    if (k == null || e == null) return;
-    if (R.current) {
-      P.current = !0;
-      return;
-    }
-    if (!k.checkValidity()) return;
-    const S = Object.fromEntries(new FormData(k).entries()), B = C.current;
-    R.current = !0, v({
-      field: B,
-      phase: "saving"
-    }), h(null);
-    try {
-      const L = (await e(S))?.errors;
-      if (L != null && Object.keys(L).length > 0) {
-        b(L), v(null);
-        return;
-      }
-      b({}), o(!1), v({
-        field: B,
-        phase: "saved"
-      }), F.current != null && (he.close(F.current), F.current = null);
-    } catch (L) {
-      v(null), h(L), F.current != null && he.close(F.current), F.current = he.add({
-        type: "error",
-        title: "Couldn't save",
-        description: L instanceof Error && L.message !== "" ? L.message : "The change is still here — try again.",
-        timeout: 0,
-        actionProps: {
-          children: "Retry",
-          onClick: () => {
-            G.current();
-          }
-        }
-      });
-    } finally {
-      R.current = !1, P.current && (P.current = !1, G.current());
-    }
-  };
-  G.current = Y;
-  const W = () => {
-    x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
-      x.current = null, G.current();
-    }, 800);
-  }, U = $(() => n ? (k) => {
-    k != null && (C.current = k), o(!0), W();
-  } : null, [n]), te = $(() => ({
-    pending: i,
-    dirty: f,
-    error: m,
-    auto: N,
-    requestSave: U
-  }), [
-    i,
-    f,
-    m,
-    N,
-    U
-  ]);
-  return /* @__PURE__ */ t(Q.Provider, {
-    value: te,
-    children: /* @__PURE__ */ t(Et, {
-      errors: g,
-      onFormSubmit: async (k) => {
-        if (e != null) {
-          d(!0), h(null);
-          try {
-            const S = (await e(k))?.errors;
-            if (S != null && Object.keys(S).length > 0) {
-              b(S);
-              return;
-            }
-            b({}), o(!1);
-          } catch (S) {
-            h(S);
-          } finally {
-            d(!1);
-          }
-        }
-      },
-      onChange: (k) => {
-        o(!0), h(null);
-        const S = k.target.name;
-        S && S in g && b((B) => {
-          const { [S]: L, ...ct } = B;
-          return ct;
-        }), n && (S && (C.current = S), W()), l?.(k);
-      },
-      onBlur: (k) => {
-        n && f && x.current != null && (clearTimeout(x.current), x.current = null, G.current()), u?.(k);
-      },
-      className: p("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", r),
-      ...c,
-      ref: (k) => {
-        _.current = k;
-        const S = c.ref;
-        typeof S == "function" ? S(k) : S != null && (S.current = k);
-      },
-      children: /* @__PURE__ */ t("fieldset", {
-        disabled: i,
-        "aria-busy": i || void 0,
-        className: "contents",
-        children: s
-      })
-    })
-  });
-}
-function Ia({ name: e, className: a, ...n }) {
-  const r = T(Q), s = M(), l = r?.auto ?? null, u = l != null && (e == null || l.field === e), [c, i] = w(!1), d = u ? l.phase : null;
-  O(() => {
-    if (d !== "saved") return;
-    i(!0);
-    const m = setTimeout(() => i(!1), 1800);
-    return () => clearTimeout(m);
-  }, [d, l]);
-  const f = d === "saving" ? "Saving…" : d === "saved" && c ? "Saved" : null, o = s ? "blur(0px)" : `blur(${xe}px)`;
-  return /* @__PURE__ */ t("span", {
-    className: "grid justify-items-end",
-    children: /* @__PURE__ */ t(V, {
-      initial: !1,
-      children: f != null && /* @__PURE__ */ t(A.output, {
-        initial: {
-          opacity: 0,
-          filter: o
-        },
-        animate: {
-          opacity: 1,
-          filter: "blur(0px)"
-        },
-        exit: {
-          opacity: 0,
-          filter: o
-        },
-        transition: le,
-        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
-      }, f)
-    })
-  });
-}
-var Oa = "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 Ba({ className: e, ...a }) {
-  const n = E(null);
-  return Ze(n, "Fields", 20, () => null), /* @__PURE__ */ t("div", {
-    className: p(Ae, Oa, e),
-    ...a,
-    ref: (r) => {
-      n.current = r;
-      const s = a.ref;
-      typeof s == "function" ? s(r) : s != null && (s.current = r);
-    },
-    "data-basic-page-fields": ""
-  });
-}
-function La({ 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),
-    ...a
-  });
-}
-function Ma({ children: e = "Save changes", ...a }) {
-  const n = T(Q);
-  return /* @__PURE__ */ t(Z, {
-    type: "submit",
-    variant: "effect",
-    size: "sm",
-    loading: n?.pending,
-    ...a,
-    children: e
-  });
-}
-function Da({ show: e, className: a, ...n }) {
-  const r = T(Q), s = e === "dirty" ? r?.dirty ?? !1 : e, l = /* @__PURE__ */ t("div", {
-    "data-basic-page-footer": "",
-    className: p("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", a),
-    ...n
-  });
-  return s === void 0 ? l : /* @__PURE__ */ t(Te, {
-    show: s,
-    gap: "block",
-    clip: !1,
-    children: l
-  });
-}
-var Ha = {
-  stack: "-2.5rem",
-  block: "-0.75rem",
-  fields: "-1.25rem",
-  none: "0px"
-};
-function Te({ show: e, clip: a = !0, gap: n = "stack", dividers: r, className: s, ...l }) {
-  const u = M(), c = Ha[r ? "none" : n], i = E(null), d = E(e !== !0);
-  O(() => {
-    d.current = !0;
-  }, []);
-  const f = () => {
-    a && i.current && (i.current.style.overflow = "hidden");
-  }, o = () => {
-    i.current && (i.current.style.overflow = "");
-  };
-  return e === void 0 ? /* @__PURE__ */ t(A.div, {
-    initial: u ? !1 : {
-      opacity: 0,
-      y: j
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: I,
-      opacity: D
-    },
-    className: p(r && se, s),
-    ...l
-  }) : /* @__PURE__ */ t(V, {
-    initial: !1,
-    children: e ? /* @__PURE__ */ t(A.div, {
-      "data-basic-page-reveal": "",
-      ref: (m) => {
-        i.current = m, a && m && d.current && (m.style.overflow = "hidden");
-      },
-      onAnimationStart: f,
-      onAnimationComplete: o,
-      initial: {
-        height: 0,
-        opacity: 0,
-        marginTop: c
-      },
-      animate: {
-        height: "auto",
-        opacity: 1,
-        marginTop: 0
-      },
-      exit: {
-        height: 0,
-        opacity: 0,
-        marginTop: c
-      },
-      transition: u ? { duration: 0 } : {
-        height: I,
-        marginTop: I,
-        opacity: D
-      },
-      className: p(r && se, s),
-      ...l
-    }) : null
-  });
-}
-var Fa = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", za = "(min-width: 40rem)";
-function Ga() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(za).matches;
-}
-var nt = z(null);
-function rt({ className: e, children: a, ...n }) {
-  const r = ee.toArray(a).filter(Ve), s = r.map((_) => _.props.children ?? null), l = Qe();
-  Xt(s);
-  const [u] = w(Ga), c = M(), i = r.length, d = We(), f = !u && i >= Wa, o = T(Ee), m = i > 0 ? r[i - 1]?.props : null, h = m?.children ?? "Back", g = m?.href, b = m?.onClick;
-  H(() => {
-    if (!(o == null || g == null))
-      return o.setTail({
-        label: h,
-        href: g,
-        onClick: b
-      }), () => o.setTail(null);
-  }, [
-    o,
-    h,
-    g,
-    b
-  ]);
-  const [N, v] = w(!c && !u && l != null && l.labels.length > i);
-  return /* @__PURE__ */ t("nav", {
-    "aria-label": "Breadcrumb",
-    "data-basic-page-back": "",
-    className: p("absolute top-4 left-3 flex min-w-max items-center", e),
-    ...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(St, { children: [f && x === i - 2 && /* @__PURE__ */ y("li", {
-        className: "m-0 flex items-center max-sm:hidden",
-        children: [/* @__PURE__ */ t("span", {
-          "aria-hidden": !0,
-          className: be,
-          children: oe
-        }), /* @__PURE__ */ y(K.Root, { children: [/* @__PURE__ */ t(K.Trigger, { render: /* @__PURE__ */ t(Z, {
-          variant: "ghost",
-          size: "sm",
-          "aria-label": "Hidden pages",
-          className: "px-2",
-          children: Va
-        }) }), /* @__PURE__ */ t(K.Portal, { children: /* @__PURE__ */ t(K.Positioner, {
-          align: "start",
-          sideOffset: 4,
-          children: /* @__PURE__ */ t(K.Popup, { children: r.slice(1, i - 2).map((C, R) => {
-            const P = C.props;
-            return /* @__PURE__ */ t(K.LinkItem, {
-              render: /* @__PURE__ */ t(d, {
-                href: P.href,
-                onClick: P.onClick
-              }),
-              children: P.children ?? "Back"
-            }, C.key ?? R);
-          }) })
-        }) })] })]
-      }), /* @__PURE__ */ t("li", {
-        className: p("m-0 flex items-center", x < i - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ t(nt.Provider, {
-          value: {
-            index: x,
-            count: i,
-            departing: l,
-            narrow: u
-          },
-          children: _
-        })
-      })] }, _.key ?? x)), N && /* @__PURE__ */ t("li", {
-        "aria-hidden": !0,
-        className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ t(A.span, {
-          initial: { opacity: 1 },
-          animate: { opacity: 0 },
-          transition: Xe,
-          onAnimationComplete: () => v(!1),
-          className: be,
-          children: oe
-        })
-      })]
-    })
-  });
-}
-var be = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", oe = "/", Wa = 4, Va = "…";
-function it({ href: e, className: a, morphId: n, children: r = "Back", ...s }) {
-  const l = T(nt), u = M(), c = n != null && !u, i = Ye(c ? n : void 0);
-  if (l == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: d, count: f, departing: o, narrow: m } = l, h = d === 0, g = d === f - 1, b = o != null && o.labels.length < f, N = o != null && o.labels.length > f, v = g && (o == null || b || m), _ = h || g, x = h && g ? "" : h ? "max-sm:hidden" : "sm:hidden", C = o != null, R = g ? m ? N ? "slide" : "fade" : v ? "fade" : void 0 : void 0, [P, F] = w(c && m && i.fly && o != null && !N ? o.labels[o.labels.length - 1] : null), G = c && _ && !C, Y = c && !h && g && (o == null || b);
-  return /* @__PURE__ */ y(Ne, { children: [!h && /* @__PURE__ */ t("span", {
-    "aria-hidden": !0,
-    className: p(be, "max-sm:hidden"),
-    children: Y ? /* @__PURE__ */ t(A.span, {
-      initial: i.fly ? {
-        opacity: 0,
-        x: Be
-      } : { opacity: 0 },
-      animate: i.fly ? {
-        opacity: 1,
-        x: 0
-      } : { opacity: 1 },
-      transition: i.fly ? Le : D,
-      className: "inline-flex",
-      children: oe
-    }) : oe
-  }), /* @__PURE__ */ t(ve, {
-    variant: "ghost",
-    size: "sm",
-    href: e,
-    prefix: _ ? G ? /* @__PURE__ */ t(A.span, {
-      initial: i.fly ? {
-        opacity: 0,
-        x: Be
-      } : { opacity: 0 },
-      animate: i.fly ? {
-        opacity: 1,
-        x: 0
-      } : { opacity: 1 },
-      transition: i.fly ? Le : D,
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ie, {})
-    }) : /* @__PURE__ */ t("span", {
-      className: p("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ t(ie, {})
-    }) : /* @__PURE__ */ t("span", { className: "hidden" }),
-    className: p("min-w-max", a),
-    ...s,
-    children: c && n != null ? /* @__PURE__ */ y("span", {
-      className: p("relative block", !i.fly && R === "slide" && "overflow-hidden", !g && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ t(Ue, {
-        morphId: n,
-        fromClassName: "text-pho-primary",
-        fly: i.fly,
-        morphRef: i.ref,
-        arrival: R,
-        children: r
-      }), P != null && /* @__PURE__ */ t(A.span, {
-        "aria-hidden": !0,
-        initial: {
-          x: 0,
-          opacity: 1
-        },
-        animate: {
-          x: qt,
-          opacity: 0
-        },
-        transition: jt,
-        onAnimationComplete: () => F(null),
-        className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
-        children: P
-      })]
-    }) : /* @__PURE__ */ t("span", {
-      className: p("block", !g && "max-w-40 truncate"),
-      children: r
-    })
-  })] });
-}
-function $a({ className: e, ...a }) {
-  return /* @__PURE__ */ t(rt, {
-    className: e,
-    children: /* @__PURE__ */ t(it, { ...a })
-  });
-}
-function qa({ label: e, description: a, leading: n, href: r, className: s, children: l, ...u }) {
-  const c = We(), i = $(() => A.create(c), [c]), { leaving: d, ...f } = Se();
-  return /* @__PURE__ */ y(i, {
-    href: r,
-    ...f,
-    ...u,
-    className: p("flex min-h-[4.25rem] min-w-0 flex-row items-center justify-between gap-6 px-5 py-4", "group outline-pho-brand hover:bg-pho-primary-hover cursor-pointer transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2", "aria-[current=page]:bg-pho-primary-hover", "first:rounded-t-[calc(var(--radius-base)-1px)] last:rounded-b-[calc(var(--radius-base)-1px)]", d && "overflow-hidden", s),
-    children: [/* @__PURE__ */ y("div", {
-      className: p("flex min-w-0 flex-1 items-center", n != null && "gap-3"),
-      children: [n, /* @__PURE__ */ y("div", {
-        className: "min-w-0",
-        children: [/* @__PURE__ */ t("div", {
-          className: "flex min-w-0 items-center gap-1",
-          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ t("p", {
-            className: "text-pho-primary truncate text-base font-medium",
-            children: e
-          }) : e
-        }), a ? /* @__PURE__ */ t("div", {
-          className: "text-pho-description truncate text-xs",
-          children: a
-        }) : null]
-      })]
-    }), /* @__PURE__ */ y("div", {
-      className: "flex min-w-0 items-center justify-end gap-2",
-      children: [l != null ? /* @__PURE__ */ t("div", {
-        className: "min-w-0",
-        children: l
-      }) : null, /* @__PURE__ */ t(bt, {
-        "aria-hidden": !0,
-        className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
-      })]
-    })]
-  });
-}
-function ja({ open: e, variant: a = "overlay", modal: n = !1, placeholder: r, onClose: s, width: l = "default", presentation: u, defaultPresentation: c, onPresentationChange: i, expandable: d = !0, children: f }) {
-  const o = T(je), m = o != null ? Lt(o.paneWidth, l) : 0, h = e ?? ee.toArray(f).length > 0, { presentation: g, setPresentation: b, canChoose: N } = Ka({
-    isOpen: h,
-    paneNarrow: o?.paneNarrow ?? !1,
-    presentation: u,
-    defaultPresentation: c,
-    onPresentationChange: i
-  }), v = o?.setOpen, _ = o?.setAsPage, x = o?.setPresent;
-  if (H(() => {
-    if (x != null)
-      return x(!0), () => x(!1);
-  }, [x]), H(() => {
-    if (v != null)
-      return v(h), () => v(!1);
-  }, [v, h]), H(() => {
-    if (_ != null)
-      return _(g === "page"), () => _(!1);
-  }, [_, g]), O(() => {
-    o == null && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("BasicPage.Aside: needs a `BasicPage.Root` around it.");
-  }, [o]), o == null || o.slot == null) return null;
-  const C = d && N ? () => b("page") : void 0;
-  if (g === "page") {
-    const R = d && N && !o.paneNarrow ? () => b("panel") : void 0;
-    return Pe(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__ */ t("span", {
-        className: "absolute top-2 right-2 z-30",
-        children: /* @__PURE__ */ t(q.Provider, { children: /* @__PURE__ */ t(lt, {
-          label: "Show as panel",
-          icon: /* @__PURE__ */ t(gt, {}),
-          onClick: R
-        }) })
-      }) : null, f]
-    }) : null, o.slot);
-  }
-  return a === "inline" ? Pe(/* @__PURE__ */ t(Xa, {
-    width: m,
-    paneHeight: o.paneHeight,
-    onClose: s,
-    onExpand: C,
-    open: h,
-    placeholder: r,
-    children: f
-  }), o.slot) : /* @__PURE__ */ t(Qa, {
-    container: o.slot,
-    width: m,
-    paneHeight: o.paneHeight,
-    onClose: s,
-    onExpand: C,
-    open: h,
-    modal: n,
-    children: f
-  });
-}
-function Ka({ isOpen: e, paneNarrow: a, presentation: n, defaultPresentation: r, onPresentationChange: s }) {
-  const [l, u] = w(e), [c, i] = w(null);
-  H(() => {
-    e || (u(!1), i(null));
-  }, [e]);
-  const d = n != null;
-  return {
-    presentation: a ? "page" : n ?? c ?? r ?? (l ? "page" : "panel"),
-    setPresentation: we((f) => {
-      d || i(f), s?.(f);
-    }, [d, s]),
-    canChoose: !d || s != null
-  };
-}
-function st() {
-  const [e, a] = w(null), n = $(() => ({ setBack: a }), []), r = E(null);
-  return {
-    back: e,
-    panel: n,
-    closeRef: r,
-    leave: we(() => {
-      const s = r.current?.querySelector("a, button");
-      return s == null ? !1 : (s.click(), !0);
-    }, [])
-  };
-}
-var ze = {
-  variant: "ghost",
-  size: "sm",
-  svgOnly: !0,
-  "aria-label": "Close",
-  children: /* @__PURE__ */ t(wt, {})
-};
-function lt({ label: e, icon: a, onClick: n }) {
-  return /* @__PURE__ */ y(q.Root, { children: [/* @__PURE__ */ t(q.Trigger, { render: /* @__PURE__ */ t(Z, {
-    variant: "ghost",
-    size: "sm",
-    svgOnly: !0,
-    "aria-label": e,
-    onClick: n,
-    children: a
-  }) }), /* @__PURE__ */ t(q.Portal, { children: /* @__PURE__ */ t(q.Positioner, { children: /* @__PURE__ */ t(q.Popup, { children: e }) }) })] });
-}
-function ot({ back: e, onClose: a, onExpand: n, closeRef: r, panel: s, children: l }) {
-  return /* @__PURE__ */ y(Ne, { children: [/* @__PURE__ */ y("span", {
-    className: "absolute top-2 right-2 z-30 flex items-center gap-0.5",
-    children: [n != null ? /* @__PURE__ */ t(q.Provider, { children: /* @__PURE__ */ t(lt, {
-      label: "Expand",
-      icon: /* @__PURE__ */ t(ht, {}),
-      onClick: n
-    }) }) : null, /* @__PURE__ */ t("span", {
-      ref: r,
-      className: "contents",
-      children: e != null ? /* @__PURE__ */ t(ve, {
-        ...ze,
-        href: e.href,
-        onClick: e.onClick
-      }) : a != null ? /* @__PURE__ */ t(Z, {
-        ...ze,
-        onClick: a
-      }) : null
-    })]
-  }), /* @__PURE__ */ y(J.Root, {
-    className: "min-h-0 min-w-0 flex-1",
-    children: [/* @__PURE__ */ t(J.Viewport, {
-      className: "overflow-x-hidden",
-      style: { overflowX: "hidden" },
-      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__ */ t(Ke.Provider, {
-          value: s,
-          children: l
-        })
-      })
-    }), /* @__PURE__ */ t(J.Scrollbar, { children: /* @__PURE__ */ t(J.Thumb, {}) })]
-  })] });
-}
-function Xa({ width: e, paneHeight: a, onClose: n, onExpand: r, open: s, placeholder: l, children: u }) {
-  const c = M(), { back: i, panel: d, closeRef: f, leave: o } = st(), m = c ? "blur(0px)" : `blur(${xe}px)`, h = a ?? "100dvh";
-  O(() => {
-    const b = (N) => {
-      N.key !== "Escape" || N.defaultPrevented || o() && N.preventDefault();
-    };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [o]);
-  const g = {
-    initial: {
-      opacity: 0,
-      filter: m
-    },
-    animate: {
-      opacity: 1,
-      filter: "blur(0px)"
-    },
-    exit: {
-      opacity: 0,
-      filter: m
-    },
-    transition: c ? { duration: 0 } : le
-  };
-  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",
-    style: {
-      width: e,
-      minWidth: 0,
-      maxWidth: e,
-      minHeight: h
-    },
-    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__ */ t(V, {
-        initial: !1,
-        children: s ? /* @__PURE__ */ t(A.div, {
-          ...g,
-          className: "relative flex min-w-0 flex-col",
-          children: /* @__PURE__ */ t(ot, {
-            back: i,
-            onClose: n,
-            onExpand: r,
-            closeRef: f,
-            panel: d,
-            children: u
-          })
-        }, "page") : /* @__PURE__ */ t(A.div, {
-          ...g,
-          className: "flex flex-col",
-          children: l
-        }, "empty")
-      })
-    })
-  });
-}
-function Qa({ container: e, width: a, paneHeight: n, onClose: r, onExpand: s, open: l, modal: u, children: c }) {
-  const { back: i, panel: d, closeRef: f, leave: o } = st(), m = n ?? "100dvh";
-  return /* @__PURE__ */ t(ne.Root, {
-    open: l,
-    modal: u ? "trap-focus" : !1,
-    disablePointerDismissal: !0,
-    onOpenChange: (h, g) => {
-      h || (g.cancel(), o());
-    },
-    children: /* @__PURE__ */ y(ne.Portal, {
-      container: e,
-      className: "contents",
-      children: [u ? /* @__PURE__ */ t(ne.Backdrop, {
-        "data-basic-page-aside-backdrop": "",
-        className: p("bg-pho-overlay absolute inset-0 z-30 transition-opacity duration-200 ease-out motion-reduce:transition-none", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0"),
-        onClick: o
-      }) : null, /* @__PURE__ */ t(ne.Popup, {
-        "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: a,
-          minWidth: 0,
-          maxWidth: a
-        },
-        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__ */ t(ot, {
-            back: i,
-            onClose: r,
-            onExpand: s,
-            closeRef: f,
-            panel: d,
-            children: c
-          })
-        })
-      })]
-    })
-  });
-}
-var Ya = "14rem", Ua = "transition-[width] duration-[330ms] ease-pho-spring motion-reduce:transition-none", Ge = "transition-[opacity,visibility] duration-200 ease-out motion-reduce:transition-none";
-function Ja({ variant: e = "box", fold: a = "auto", value: n, onValueChange: r, placeholder: s, label: l, className: u, ...c }) {
-  const i = T(ye), d = ce(i?.subscribe ?? de, () => i?.get().api ?? null, () => null), f = n != null;
-  O(() => {
-    if (!(i == null || f))
-      return i.adopt(!0), () => i.adopt(!1);
-  }, [i, f]);
-  const o = f ? {
-    query: n,
-    setQuery: r,
-    placeholder: s ?? "Search",
-    label: l ?? s ?? "Search"
-  } : d == null ? null : {
-    query: d.query,
-    setQuery: d.setQuery,
-    placeholder: d.placeholder,
-    label: l ?? d.placeholder
-  }, [m, h] = w(!1), g = E(null), b = m || (o?.query ?? "") !== "";
-  if (O(() => {
-    if (!m) return;
-    let v = 0, _ = 0;
-    const x = () => {
-      const C = g.current;
-      C != null && (C.focus(), document.activeElement !== C && _++ < 5 && (v = requestAnimationFrame(x)));
-    };
-    return v = requestAnimationFrame(x), () => cancelAnimationFrame(v);
-  }, [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),
-    ...c,
-    children: o != null && /* @__PURE__ */ t(Ct, {
-      value: o.query,
-      onChange: o.setQuery,
-      placeholder: o.placeholder,
-      "aria-label": o.label,
-      onKeyDown: (v) => {
-        v.key === "Escape" && (v.preventDefault(), o.setQuery(""), v.currentTarget.blur());
-      }
-    })
-  });
-  const N = 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),
-    ...c,
-    children: o != null && /* @__PURE__ */ y("div", {
-      className: p("grid w-9 max-w-full justify-items-end *:[grid-area:1/1]", Ua, N && "@[36rem]:w-56"),
-      style: b ? { width: Ya } : void 0,
-      children: [/* @__PURE__ */ t(Z, {
-        variant: "outlined",
-        size: "sm",
-        shape: "circle",
-        svgOnly: !0,
-        "aria-label": o.label,
-        "aria-hidden": b || void 0,
-        tabIndex: b ? -1 : void 0,
-        onClick: () => h(!0),
-        className: p(Ge, b ? "pointer-events-none invisible opacity-0" : "visible opacity-100", N && "@[36rem]:pointer-events-none @[36rem]:invisible @[36rem]:opacity-0"),
-        children: /* @__PURE__ */ t(Re, {})
-      }), /* @__PURE__ */ t("div", {
-        inert: !N && !b,
-        className: p("w-full min-w-0", Ge, b ? "visible opacity-100" : "pointer-events-none invisible opacity-0", N && "@[36rem]:pointer-events-auto @[36rem]:visible @[36rem]:opacity-100"),
-        children: /* @__PURE__ */ y(pe.Root, {
-          size: "sm",
-          className: "w-full",
-          children: [/* @__PURE__ */ t(pe.Addon, { children: /* @__PURE__ */ t(Re, {}) }), /* @__PURE__ */ t(pe.Input, {
-            ref: g,
-            type: "search",
-            value: o.query,
-            onChange: (v) => o.setQuery(v.target.value),
-            onBlur: () => {
-              o.query === "" && h(!1);
-            },
-            onKeyDown: (v) => {
-              v.key === "Escape" && (v.preventDefault(), o.setQuery(""), h(!1), v.currentTarget.blur());
-            },
-            placeholder: o.placeholder,
-            "aria-label": o.label
-          })]
-        })
-      })]
-    })
-  });
-}
-function Za({ header: e, main: a, side: n, foot: r, enter: s }) {
-  const l = n != null;
-  return /* @__PURE__ */ t("div", {
-    "data-basic-page-columns": "",
-    className: "@container w-full min-w-0",
-    children: /* @__PURE__ */ y("div", {
-      className: p("mx-auto w-full max-w-[42rem]", l && "@min-[73.5rem]:max-w-none"),
-      children: [e, /* @__PURE__ */ y("div", {
-        className: p("grid gap-x-10 gap-y-4", l && "@min-[73.5rem]:grid-cols-[minmax(42rem,1fr)_minmax(29rem,32rem)] @min-[73.5rem]:grid-rows-[auto_minmax(0,1fr)]", l && "[&>[data-basic-page-columns-side]]:mt-6 @min-[73.5rem]:[&>[data-basic-page-columns-side]]:mt-7", r != null && "[&>[data-basic-page-columns-foot]]:mt-6"),
-        children: [
-          /* @__PURE__ */ t(re, {
-            enter: s,
-            "data-basic-page-columns-main": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", l && "@min-[73.5rem]:col-start-1 @min-[73.5rem]:row-span-2 @min-[73.5rem]:row-start-1"),
-            children: a
-          }),
-          l ? /* @__PURE__ */ t(re, {
-            enter: s,
-            "data-basic-page-columns-side": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-1"),
-            children: n
-          }) : null,
-          r != null ? /* @__PURE__ */ t(re, {
-            enter: s,
-            "data-basic-page-columns-foot": "",
-            className: p("[[data-basic-page-stack]>[data-basic-page-columns]_&]:mt-0", l && "@min-[73.5rem]:col-start-2 @min-[73.5rem]:row-start-2 @min-[73.5rem]:self-start"),
-            children: r
-          }) : null
-        ]
-      })]
-    })
-  });
-}
-var Pn = {
-  Root: Ht,
-  Aside: ja,
-  Search: Ja,
-  Table: vt,
-  CondenseScope: Qt,
-  Breadcrumbs: rt,
-  Crumb: it,
-  Back: $a,
-  Title: ta,
-  Stack: re,
-  Columns: Za,
-  Header: ua,
-  HeaderAction: da,
-  SectionTitle: pa,
-  Description: et,
-  TableCount: ma,
-  SectionFooter: fa,
-  Card: ha,
-  Item: ga,
-  ItemPanel: ba,
-  Callout: va,
-  CalloutTitle: ya,
-  CalloutDescription: xa,
-  Onboard: wa,
-  Step: Sa,
-  Row: ka,
-  RowLink: qa,
-  Value: Ta,
-  Alert: Ra,
-  Footer: Da,
-  Form: Pa,
-  Saved: Ia,
-  Fields: Ba,
-  Inline: La,
-  Submit: Ma,
-  Reveal: Te
-};
-export {
-  It as a,
-  Pn as c,
-  Yt as d,
-  he as f,
-  Pt as i,
-  le as l,
-  kn as m,
-  Ie as n,
-  Ot as o,
-  Tn as p,
-  $e as r,
-  Rt as s,
-  Rn as t,
-  Ut as u
-};
-
-//# sourceMappingURL=basic-page-ijv-ijUB.js.map