@photon-ai/pho-ui 2.7.0 → 2.8.0

package/dist/chunks/basic-page-DR5szOOs.js

@@ -1,1373 +0,0 @@
-"use client";
-import { t as d } from "./cn-ChIgwEl3.js";
-import { n as ke } from "./link-provider-DXzDQ08N.js";
-import { FADE_ENTRANCE as Xe, FADE_SWAP as Ke, SPRING_ENTRANCE as qe, TRAVEL_LINEAR as Ye } from "../motion.js";
-import { a as ne, o as ue } from "./button-CdqS_t5a.js";
-import { t as Qe } from "./createReactComponent-BqCmnqfX.js";
-import { t as Ue } from "./error-D0yoFxCv.js";
-import { t as Z } from "./IconChevronLeft-CSWMKQ4C.js";
-import { a as de, i as Je, n as Ze, r as et, s as tt } from "./data-table-DwbPU0zt.js";
-import { t as xe } from "./IconSearch-BKAHkLyX.js";
-import { t as nt } from "./IconX-pZ9vrtSr.js";
-import { t as at } from "./toast-iSf6NuAS.js";
-import { t as ie } from "./input-group-fc9_jD4d.js";
-import { t as rt } from "./animated-height-CCO-Ocoz.js";
-import { n as Pe, t as Y } from "./scroll-area-BO-9PMM7.js";
-import { t as it } from "./form-AiHbbw4m.js";
-import { i as j } from "./menu-BQeprfxB.js";
-import { Children as ae, Fragment as lt, createContext as z, isValidElement as st, useCallback as ot, useContext as T, useEffect as k, useId as ct, useLayoutEffect as G, useMemo as V, useRef as N, useState as g, useSyncExternalStore as fe } from "react";
-import { Fragment as ut, jsx as n, jsxs as b } from "react/jsx-runtime";
-import { AnimatePresence as X, motion as C, useIsPresent as dt, useReducedMotion as O } from "motion/react";
-import { createPortal as we } from "react-dom";
-var ft = [["path", {
-  d: "M9 6l6 6l-6 6",
-  key: "svg-0"
-}]], pt = Qe("outline", "chevron-right", "ChevronRight", ft), pe = "rounded-base border border-pho-secondary bg-pho-primary", ee = "divide-y divide-pho-secondary [&>:has(+[data-basic-page-alert])]:border-b-0", mt = `${pe} ${ee}`, Ne = "flex min-w-0 flex-col gap-3 rounded-base border border-pho-secondary bg-pho-page p-5", ht = "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", gt = "flex flex-col gap-3 px-5 py-4", vt = "-mx-5 -mb-4 flex items-center rounded-b-[calc(0.75rem-1px)] bg-pho-secondary py-1 pr-3 pl-5", yt = "-mx-2 -mt-1.5 flex items-center rounded-sm bg-pho-secondary px-2 py-0.5", S = qe, B = Xe, K = 12, bt = 768;
-function xt(e) {
-  return Math.round(Math.min(Math.max(e * 0.4, 320), 448));
-}
-var Ie = z(null), Oe = z(null);
-function wt(e) {
-  const [t, r] = g(null), [i, a] = g(!1), [o, c] = g(!1), [l, s] = g(() => ({
-    width: typeof window > "u" ? 0 : window.innerWidth,
-    height: null
-  }));
-  return G(() => {
-    const f = e.current;
-    if (!i || f == null) return;
-    const p = ye(f), u = () => {
-      const v = f.offsetWidth, h = p?.clientHeight ?? null;
-      s((y) => y.width === v && y.height === h ? y : {
-        width: v,
-        height: h
-      });
-    };
-    if (u(), typeof ResizeObserver > "u") return;
-    const m = new ResizeObserver(u);
-    return m.observe(f), p != null && m.observe(p), () => m.disconnect();
-  }, [e, i]), {
-    host: V(() => ({
-      slot: t,
-      presentation: l.width >= bt ? "panel" : "page",
-      width: xt(l.width),
-      paneHeight: l.height,
-      setOpen: c,
-      setPresent: a
-    }), [t, l]),
-    setSlot: r,
-    open: o
-  };
-}
-function Nt(e) {
-  return e == null ? window.scrollY : e.scrollTop;
-}
-function Ae(e, t) {
-  e == null ? window.scrollTo({ top: t }) : e.scrollTop = t;
-}
-function At({ condense: e = !0, width: t, className: r, children: i, ref: a, ...o }) {
-  const c = T(re)?.adopt ?? !1, l = T(Oe), [s, f] = g(!1), p = N(0), u = ot((H) => {
-    p.current += H ? 1 : -1, f(p.current > 0);
-  }, []), m = t === "wide" || t == null && s, [v] = g(tt), h = N(null), [y, _] = g(null), [A, P] = g(null), x = V(() => ({
-    setTitle: _,
-    setTail: P
-  }), []);
-  k(() => {
-    if (l != null)
-      return l.setBack(A), () => l.setBack(null);
-  }, [l, A]);
-  const { host: L, setSlot: M, open: I } = wt(h), R = I && L.presentation === "page", D = N(!1), $ = N(0);
-  G(() => {
-    const H = h.current;
-    if (R === D.current || H == null) return;
-    D.current = R;
-    const w = ye(H);
-    R ? ($.current = Nt(w), Ae(w, 0)) : Ae(w, $.current);
-  }, [R]);
-  const Q = e ? /* @__PURE__ */ n(Ct, {
-    title: y,
-    tail: l == null ? A : null,
-    silent: R || l != null
-  }) : null, U = /* @__PURE__ */ n("div", {
-    "data-basic-page-column": "",
-    className: d("mx-auto flex w-full min-w-0 flex-1 flex-col px-5 pt-12 pb-12 *:min-w-0", m ? "max-w-[84rem] md:px-8" : "max-w-[44.5rem]", c || l != null ? "[&_[data-basic-page-back]]:hidden" : "has-[[data-basic-page-back]]:pt-16"),
-    children: e ? /* @__PURE__ */ n(he.Provider, {
-      value: x,
-      children: i
-    }) : i
-  });
-  return /* @__PURE__ */ n("div", {
-    "data-basic-page-root": "",
-    "data-basic-page-width": m ? "wide" : void 0,
-    className: d("relative flex min-h-full w-full min-w-0 flex-row", r),
-    ...o,
-    ref: (H) => {
-      h.current = H, typeof a == "function" ? a(H) : a != null && (a.current = H);
-    },
-    children: /* @__PURE__ */ n(Ie.Provider, {
-      value: L,
-      children: /* @__PURE__ */ n(Je.Provider, {
-        value: u,
-        children: /* @__PURE__ */ b(de.Provider, {
-          value: v,
-          children: [/* @__PURE__ */ b("div", {
-            "data-basic-page-main": "",
-            className: d("flex min-w-0 flex-1 flex-col", R && "hidden"),
-            children: [Q, U]
-          }), /* @__PURE__ */ n("div", {
-            ref: M,
-            className: "contents"
-          })]
-        })
-      })
-    })
-  });
-}
-function Ct({ title: e, tail: t, silent: r = !1 }) {
-  const i = O(), [a, o] = g(!1), c = T(re), l = ct();
-  k(() => {
-    if (c != null) {
-      if (r) {
-        c.store.clear(l);
-        return;
-      }
-      c.store.set(l, {
-        condensed: a,
-        title: e?.label ?? null,
-        back: t
-      });
-    }
-  }, [
-    c,
-    l,
-    a,
-    e,
-    t,
-    r
-  ]), k(() => {
-    if (c != null)
-      return () => c.store.clear(l);
-  }, [c, l]);
-  const s = e?.el ?? null;
-  return k(() => {
-    if (s == null || typeof IntersectionObserver > "u") return;
-    const f = new IntersectionObserver(([p]) => o(p != null && !p.isIntersecting), { root: ye(s) });
-    return f.observe(s), () => f.disconnect();
-  }, [s]), /* @__PURE__ */ n("div", {
-    "data-basic-page-condense": "",
-    className: "sticky top-0 z-20 h-0 overflow-visible",
-    children: /* @__PURE__ */ n(X, { children: a && !(c?.adopt ?? !1) && /* @__PURE__ */ b(C.div, {
-      initial: {
-        opacity: 0,
-        y: i ? 0 : Te
-      },
-      animate: {
-        opacity: 1,
-        y: 0
-      },
-      exit: {
-        opacity: 0,
-        y: i ? 0 : Te
-      },
-      transition: {
-        ...ve,
-        y: Bt
-      },
-      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__ */ n("div", {
-        className: "flex min-w-0 items-center justify-start",
-        children: t != null && /* @__PURE__ */ n(ue, {
-          variant: "ghost",
-          size: "sm",
-          href: t.href,
-          onClick: t.onClick,
-          prefix: /* @__PURE__ */ n("span", {
-            className: "inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0",
-            children: /* @__PURE__ */ n(Z, {})
-          }),
-          className: "min-w-max",
-          children: t.label
-        })
-      }), /* @__PURE__ */ n("span", {
-        className: "text-pho-primary block max-w-full min-w-0 truncate text-center text-base font-medium",
-        children: e?.label
-      })]
-    }) })
-  });
-}
-function Et(e) {
-  return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-function _t(e) {
-  if (!(typeof e != "string" && typeof e != "number"))
-    return Et(String(e)) || void 0;
-}
-function me(e, t) {
-  if (e !== "")
-    return e ?? _t(t);
-}
-var Tt = (e) => `basic-page-morph-${e}`, Rt = { layout: S }, Ce = 10, Ee = {
-  delay: 0.2,
-  duration: 0.12,
-  ease: "easeOut"
-}, St = {
-  duration: 0.18,
-  ease: "easeOut"
-}, kt = -8, Pt = {
-  duration: 0.16,
-  ease: "easeOut"
-}, It = {
-  delay: 0.14,
-  duration: 0.16,
-  ease: "easeOut"
-}, Le = {
-  duration: 0.12,
-  ease: "easeOut"
-}, W = [];
-function Ot(e) {
-  const t = N({ labels: e });
-  t.current.labels = e, G(() => {
-    const r = t.current;
-    return W.push(r), () => {
-      W.splice(W.indexOf(r), 1);
-    };
-  }, []);
-}
-function Be() {
-  const [e] = g(() => {
-    const t = W[W.length - 1];
-    return t ? { labels: [...t.labels] } : null;
-  });
-  return e;
-}
-var he = z(null), oe = {
-  condensed: !1,
-  title: null,
-  back: null
-}, re = z(null), ge = () => () => {
-}, _e = () => oe;
-function Lt({ adopt: e = !0, children: t }) {
-  const [r] = g(() => {
-    let a = oe, o = null;
-    const c = /* @__PURE__ */ new Set(), l = () => {
-      for (const s of c) s();
-    };
-    return {
-      get: () => a,
-      set(s, f) {
-        o = s, a = f, l();
-      },
-      clear(s) {
-        o === s && (o = null, a = oe, l());
-      },
-      subscribe(s) {
-        return c.add(s), () => c.delete(s);
-      }
-    };
-  }), i = V(() => ({
-    store: r,
-    adopt: e
-  }), [r, e]);
-  return /* @__PURE__ */ n(re.Provider, {
-    value: i,
-    children: t
-  });
-}
-function Xn() {
-  const e = T(re);
-  return fe(e?.store.subscribe ?? ge, e?.store.get ?? _e, e?.store.get ?? _e);
-}
-var ve = Ke, Bt = Ye, Te = -8;
-function ye(e) {
-  if (typeof getComputedStyle != "function") return null;
-  for (let t = e.parentElement; t != null && t !== document.body; t = t.parentElement) {
-    const { overflowY: r } = getComputedStyle(t);
-    if (r === "auto" || r === "scroll") return t;
-  }
-  return null;
-}
-var le = /* @__PURE__ */ new Map(), Mt = 96;
-function Dt(e) {
-  const t = e.closest("[data-basic-page-root]"), r = t?.querySelector("[data-basic-page-column]");
-  return !t || !r ? 0 : r.getBoundingClientRect().left - t.getBoundingClientRect().left;
-}
-function Me(e) {
-  const [t] = g(() => {
-    if (e == null) return !1;
-    const i = le.get(e);
-    return i != null && i.visible && i.el.isConnected && Dt(i.el) <= Mt;
-  }), r = N(null);
-  return k(() => {
-    if (e == null || typeof IntersectionObserver > "u") return;
-    const i = r.current;
-    if (!i) return;
-    const a = new IntersectionObserver(([o]) => {
-      o && le.set(e, {
-        visible: o.isIntersecting,
-        el: i
-      });
-    });
-    return a.observe(i), () => {
-      a.disconnect(), le.delete(e);
-    };
-  }, [e]), {
-    fly: t,
-    ref: r
-  };
-}
-var Ht = {
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { opacity: B }
-  },
-  rise: {
-    initial: {
-      opacity: 0,
-      y: K
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: S,
-      opacity: B
-    }
-  },
-  slide: {
-    initial: { x: "-100%" },
-    animate: { x: 0 },
-    transition: { x: It }
-  }
-};
-function De({ morphId: e, fromClassName: t, fly: r, morphRef: i, arrival: a, className: o, children: c }) {
-  const [l, s] = g(!1), f = !r && a != null ? Ht[a] : null;
-  return /* @__PURE__ */ b(C.span, {
-    ref: i,
-    layoutId: Tt(e),
-    initial: f?.initial,
-    animate: f?.animate,
-    transition: r ? Rt : {
-      layout: { duration: 0 },
-      ...f?.transition
-    },
-    onLayoutAnimationStart: () => {
-      r && s(!0);
-    },
-    onLayoutAnimationComplete: () => s(!1),
-    className: d("relative inline-block", o),
-    children: [c, l && /* @__PURE__ */ n(C.span, {
-      "aria-hidden": !0,
-      initial: { opacity: 1 },
-      animate: { opacity: 0 },
-      transition: St,
-      onAnimationComplete: () => s(!1),
-      className: d("absolute inset-0", t),
-      children: c
-    })]
-  });
-}
-var Re = "max-w-full min-w-0 truncate align-top";
-function Ft({ id: e, morphId: t, enter: r, className: i, children: a, ...o }) {
-  const c = me(e, a), l = O(), s = Me(t), f = Be(), p = !l && (t != null || r === !0), u = r || f != null ? "rise" : void 0, m = T(he), v = N(null);
-  G(() => {
-    if (m != null)
-      return m.setTitle({
-        label: a,
-        el: v.current
-      }), () => m.setTitle(null);
-  }, [m, a]);
-  const [h, y] = g(s.fly && f != null);
-  return G(() => {
-    W.length > 0 && y(!1);
-  }, []), /* @__PURE__ */ b("h1", {
-    id: c,
-    className: d("text-display-base text-pho-primary max-w-full min-w-0 scroll-mt-12 px-5 font-medium", p ? "whitespace-nowrap" : "truncate", i),
-    ...o,
-    ref: (_) => {
-      v.current = _;
-      const A = o.ref;
-      typeof A == "function" ? A(_) : A != null && (A.current = _);
-    },
-    children: [t != null && !l ? /* @__PURE__ */ n(De, {
-      morphId: t,
-      fromClassName: "text-pho-secondary",
-      fly: s.fly,
-      morphRef: s.ref,
-      arrival: u,
-      className: Re,
-      children: a
-    }) : r && !l ? /* @__PURE__ */ n(C.span, {
-      initial: {
-        opacity: 0,
-        y: K
-      },
-      animate: {
-        opacity: 1,
-        y: 0
-      },
-      transition: {
-        y: S,
-        opacity: B
-      },
-      className: d("inline-block", Re),
-      children: a
-    }) : a, h && /* @__PURE__ */ n(C.span, {
-      "aria-hidden": !0,
-      initial: { opacity: 1 },
-      animate: { opacity: 0 },
-      transition: Le,
-      onAnimationComplete: () => y(!1),
-      className: d("text-pho-secondary pointer-events-none absolute inline-flex items-center", pn),
-      children: /* @__PURE__ */ n(Z, {})
-    })]
-  });
-}
-var He = z(!1);
-function Gt() {
-  const e = T(He), t = O(), [r] = g(() => e && !t);
-  return r;
-}
-var Vt = {
-  height: 0,
-  opacity: 0,
-  paddingTop: 0,
-  paddingBottom: 0,
-  borderTopWidth: 0
-}, zt = {
-  y: S,
-  opacity: B,
-  height: S,
-  paddingTop: S,
-  paddingBottom: S,
-  borderTopWidth: S
-};
-function be() {
-  const e = Gt(), t = dt(), r = O();
-  return {
-    initial: e ? {
-      opacity: 0,
-      y: K
-    } : !1,
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    exit: Vt,
-    transition: r ? { duration: 0 } : zt,
-    leaving: !t
-  };
-}
-var $t = typeof process < "u" && process.env.NODE_ENV !== "production";
-function Fe(e, t, r, i) {
-  k(() => {
-    if (!$t || e.current == null || typeof getComputedStyle != "function") return;
-    const a = (c) => {
-      const l = getComputedStyle(c).rowGap;
-      return l === "" || l === "normal" ? null : parseFloat(l);
-    }, o = a(e.current);
-    o != null && o !== r && console.warn(`[BasicPage.${t}] spaced at ${o}px instead of ${r}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, e.current);
-    for (const c of Array.from(e.current.children)) {
-      const l = i(c);
-      if (l == null || getComputedStyle(c).display === "contents") continue;
-      const s = a(c);
-      s != null && s !== l && console.warn(`[BasicPage.${t}] a child is spaced at ${s}px instead of ${l}px. Spacing is the system's: Stack gap-10 between blocks, a block gap-3, Fields gap-5. Remove the class and move the wrapper instead.`, c);
-    }
-  });
-}
-function jt({ className: e, children: t, ref: r, ...i }) {
-  const a = O(), o = N(null);
-  Fe(o, "Stack", 40, (p) => p.hasAttribute("data-basic-page-fields") ? 20 : 12);
-  const c = i["aria-busy"], l = c === !0 || c === "true", s = N(l), f = s.current && !l;
-  return k(() => {
-    s.current = l;
-  }), /* @__PURE__ */ n(C.div, {
-    ref: (p) => {
-      o.current = p, typeof r == "function" ? r(p) : r != null && (r.current = p);
-    },
-    "data-basic-page-stack": "",
-    initial: a ? !1 : {
-      opacity: 0,
-      y: K
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: S,
-      opacity: B
-    },
-    className: d("mt-7 flex min-w-0 flex-col gap-10", "[&:has(>*:first-child:not([data-basic-page-callout])>[data-basic-page-header]:first-child)]:mt-6 [&:has(>*:first-child:not([data-basic-page-callout])>h2:first-child)]:mt-6 [&:has(>[data-basic-page-header]:first-child)]:mt-6 [&:has(>h2:first-child)]:mt-6", "*:flex *:min-w-0 *:flex-col [&>*:not([data-basic-page-fields])]:gap-3", e),
-    ...i,
-    children: /* @__PURE__ */ n(He.Provider, {
-      value: f,
-      children: t
-    })
-  });
-}
-var Se = "@container grid min-w-0 grid-cols-[minmax(0,1fr)_auto] mb-3 [&>:not([data-basic-page-search])]:col-start-1 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0";
-function Wt({ enter: e, className: t, ...r }) {
-  const i = O();
-  return e && !i ? /* @__PURE__ */ n(C.div, {
-    initial: {
-      opacity: 0,
-      y: K
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: S,
-      opacity: B
-    },
-    "data-basic-page-header": "",
-    className: d(Se, t),
-    ...r
-  }) : /* @__PURE__ */ n("div", {
-    "data-basic-page-header": "",
-    className: d(Se, t),
-    ...r
-  });
-}
-function Xt({ id: e, className: t, children: r, ...i }) {
-  const a = me(e, r);
-  return /* @__PURE__ */ n("h2", {
-    id: a,
-    className: d("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate px-5 font-medium", "mb-3 [[data-basic-page-callout]_&]:mb-0 [[data-basic-page-header]>&]:mb-0 [[data-basic-page-stack]>*>&]:mb-0", t),
-    ...i,
-    children: r
-  });
-}
-function Ge({ className: e, ...t }) {
-  return /* @__PURE__ */ n("p", {
-    className: d("text-display-xs text-pho-description px-5 font-normal", e),
-    ...t
-  });
-}
-function Kt({ one: e, other: t, ...r }) {
-  const i = T(de), a = fe(i?.subscribe ?? ge, () => i?.get().api ?? null, () => null);
-  if (a == null) return null;
-  const o = a.query.trim() !== "" ? `${a.matched} of ${a.total}.` : `${a.total} ${a.total === 1 ? e : t}.`;
-  return /* @__PURE__ */ n(Ge, {
-    ...r,
-    children: o
-  });
-}
-function qt({ className: e, ...t }) {
-  return /* @__PURE__ */ n("p", {
-    className: d("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: r, ...i }) {
-  const a = /* @__PURE__ */ n(X, { children: ae.toArray(r) });
-  return e ? /* @__PURE__ */ n("div", {
-    className: d(pe, "min-h-0 overflow-hidden", t),
-    ...i,
-    children: /* @__PURE__ */ n(rt, {
-      transition: S,
-      className: ee,
-      children: a
-    })
-  }) : /* @__PURE__ */ n("div", {
-    className: d(mt, t),
-    ...i,
-    children: a
-  });
-}
-function Qt({ className: e, ...t }) {
-  const { leaving: r, ...i } = be();
-  return /* @__PURE__ */ n(C.div, {
-    ...i,
-    className: d(gt, r && "overflow-hidden", e),
-    ...t
-  });
-}
-function Ut({ divided: e = !1, className: t, ...r }) {
-  return /* @__PURE__ */ n("div", {
-    className: d(e ? yt : vt, t),
-    ...r
-  });
-}
-function Jt({ className: e, icon: t, children: r, ...i }) {
-  if (t == null || t === !1 || t === !0) return /* @__PURE__ */ n("div", {
-    "data-basic-page-callout": "",
-    className: d(Ne, e),
-    ...i,
-    children: r
-  });
-  const [a, ...o] = ae.toArray(r);
-  return /* @__PURE__ */ b("div", {
-    "data-basic-page-callout": "",
-    className: d(Ne, e),
-    ...i,
-    children: [/* @__PURE__ */ b("div", {
-      className: "relative",
-      children: [/* @__PURE__ */ n("div", {
-        className: "min-w-0 pr-16",
-        children: a
-      }), /* @__PURE__ */ n("div", {
-        "aria-hidden": !0,
-        className: "text-pho-primary pointer-events-none absolute top-0 right-0 size-14 opacity-[0.275] [&>svg]:size-full",
-        children: t
-      })]
-    }), o]
-  });
-}
-function Zt({ id: e, className: t, children: r, ...i }) {
-  const a = me(e, r);
-  return /* @__PURE__ */ n("h2", {
-    id: a,
-    className: d("text-display-xs text-pho-primary max-w-full min-w-0 scroll-mt-12 truncate font-medium", t),
-    ...i,
-    children: r
-  });
-}
-function en({ className: e, ...t }) {
-  return /* @__PURE__ */ n("p", {
-    className: d("text-display-xs text-pho-description font-normal", e),
-    ...t
-  });
-}
-function tn({ label: e, description: t, htmlFor: r, stacked: i = !1, className: a, children: o, ...c }) {
-  const { leaving: l, ...s } = be();
-  return /* @__PURE__ */ b(C.div, {
-    ...s,
-    className: d(ht, i && "sm:flex-col sm:items-stretch sm:justify-start sm:gap-3", l && "overflow-hidden", a),
-    ...c,
-    children: [/* @__PURE__ */ b("div", {
-      className: "min-w-0",
-      children: [r ? /* @__PURE__ */ n("label", {
-        htmlFor: r,
-        className: "text-pho-primary block text-base font-normal",
-        children: e
-      }) : /* @__PURE__ */ n("div", {
-        className: "text-pho-primary text-base font-normal",
-        children: e
-      }), t ? /* @__PURE__ */ n("p", {
-        className: "text-pho-description text-xs",
-        children: t
-      }) : null]
-    }), /* @__PURE__ */ n("div", {
-      className: d("flex w-full min-w-0 items-center gap-2 sm:w-auto", i && "sm:w-full"),
-      children: o
-    })]
-  });
-}
-function nn({ className: e, ...t }) {
-  return /* @__PURE__ */ n("p", {
-    className: d("text-pho-description max-w-full min-w-0 truncate text-base", e),
-    ...t
-  });
-}
-function an({ error: e, show: t, className: r, children: i, ...a }) {
-  const o = O(), c = T(q), l = e ?? c?.error ?? void 0;
-  return /* @__PURE__ */ n(X, {
-    initial: !1,
-    children: (t ?? !0) && (l != null || i != null) ? /* @__PURE__ */ n(C.div, {
-      "data-basic-page-alert": "",
-      className: "overflow-hidden",
-      initial: {
-        height: 0,
-        opacity: 0
-      },
-      animate: {
-        height: "auto",
-        opacity: 1
-      },
-      exit: {
-        height: 0,
-        opacity: 0
-      },
-      transition: o ? { duration: 0 } : {
-        height: S,
-        opacity: B
-      },
-      children: /* @__PURE__ */ n(Ue, {
-        error: l,
-        className: d("px-5 pb-3", r),
-        ...a,
-        children: i
-      })
-    }) : null
-  });
-}
-function Kn() {
-  return T(q)?.requestSave ?? null;
-}
-var qn = 800, se = at.createToastManager(), q = z(null);
-function rn({ action: e, errors: t, autoSave: r = !1, className: i, children: a, onChange: o, onBlur: c, ...l }) {
-  const [s, f] = g(!1), [p, u] = g(!1), [m, v] = g(null), [h, y] = g(t ?? {}), [_, A] = g(null), P = N(null), x = N(null), L = N(null), M = N(!1), I = N(!1), R = N(null), D = N(async () => {
-  });
-  k(() => () => {
-    x.current != null && clearTimeout(x.current);
-  }, []);
-  const $ = async () => {
-    const w = P.current;
-    if (w == null || e == null) return;
-    if (M.current) {
-      I.current = !0;
-      return;
-    }
-    if (!w.checkValidity()) return;
-    const E = Object.fromEntries(new FormData(w).entries()), J = L.current;
-    M.current = !0, A({
-      field: J,
-      phase: "saving"
-    }), v(null);
-    try {
-      const F = (await e(E))?.errors;
-      if (F != null && Object.keys(F).length > 0) {
-        y(F), A(null);
-        return;
-      }
-      y({}), u(!1), A({
-        field: J,
-        phase: "saved"
-      }), R.current != null && (se.close(R.current), R.current = null);
-    } catch (F) {
-      A(null), v(F), R.current != null && se.close(R.current), R.current = se.add({
-        type: "error",
-        title: "Couldn't save",
-        description: F instanceof Error && F.message !== "" ? F.message : "The change is still here — try again.",
-        timeout: 0,
-        actionProps: {
-          children: "Retry",
-          onClick: () => {
-            D.current();
-          }
-        }
-      });
-    } finally {
-      M.current = !1, I.current && (I.current = !1, D.current());
-    }
-  };
-  D.current = $;
-  const Q = () => {
-    x.current != null && clearTimeout(x.current), x.current = setTimeout(() => {
-      x.current = null, D.current();
-    }, 800);
-  }, U = V(() => r ? (w) => {
-    w != null && (L.current = w), u(!0), Q();
-  } : null, [r]), H = V(() => ({
-    pending: s,
-    dirty: p,
-    error: m,
-    auto: _,
-    requestSave: U
-  }), [
-    s,
-    p,
-    m,
-    _,
-    U
-  ]);
-  return /* @__PURE__ */ n(q.Provider, {
-    value: H,
-    children: /* @__PURE__ */ n(it, {
-      errors: h,
-      onFormSubmit: async (w) => {
-        if (e != null) {
-          f(!0), v(null);
-          try {
-            const E = (await e(w))?.errors;
-            if (E != null && Object.keys(E).length > 0) {
-              y(E);
-              return;
-            }
-            y({}), u(!1);
-          } catch (E) {
-            v(E);
-          } finally {
-            f(!1);
-          }
-        }
-      },
-      onChange: (w) => {
-        u(!0), v(null);
-        const E = w.target.name;
-        E && E in h && y((J) => {
-          const { [E]: F, ...We } = J;
-          return We;
-        }), r && (E && (L.current = E), Q()), o?.(w);
-      },
-      onBlur: (w) => {
-        r && p && x.current != null && (clearTimeout(x.current), x.current = null, D.current()), c?.(w);
-      },
-      className: d("contents [[data-basic-page-stack]>&]:flex [[data-basic-page-stack]>&]:min-w-0 [[data-basic-page-stack]>&]:flex-col", i),
-      ...l,
-      ref: (w) => {
-        P.current = w;
-        const E = l.ref;
-        typeof E == "function" ? E(w) : E != null && (E.current = w);
-      },
-      children: /* @__PURE__ */ n("fieldset", {
-        disabled: s,
-        "aria-busy": s || void 0,
-        className: "contents",
-        children: a
-      })
-    })
-  });
-}
-function ln({ name: e, className: t, ...r }) {
-  const i = T(q), a = O(), o = i?.auto ?? null, c = o != null && (e == null || o.field === e), [l, s] = g(!1), f = c ? o.phase : null;
-  k(() => {
-    if (f !== "saved") return;
-    s(!0);
-    const m = setTimeout(() => s(!1), 1800);
-    return () => clearTimeout(m);
-  }, [f, o]);
-  const p = f === "saving" ? "Saving…" : f === "saved" && l ? "Saved" : null, u = a ? "blur(0px)" : `blur(${Pe}px)`;
-  return /* @__PURE__ */ n("span", {
-    className: "grid justify-items-end",
-    children: /* @__PURE__ */ n(X, {
-      initial: !1,
-      children: p != null && /* @__PURE__ */ n(C.output, {
-        initial: {
-          opacity: 0,
-          filter: u
-        },
-        animate: {
-          opacity: 1,
-          filter: "blur(0px)"
-        },
-        exit: {
-          opacity: 0,
-          filter: u
-        },
-        transition: ve,
-        className: d("text-pho-description pl-8 [grid-area:1/1]", t),
-        style: { background: "linear-gradient(to left, var(--background-color-pho-primary) calc(100% - 2rem), transparent)" },
-        ...r,
-        children: p
-      }, p)
-    })
-  });
-}
-var sn = "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 on({ className: e, ...t }) {
-  const r = N(null);
-  return Fe(r, "Fields", 20, () => null), /* @__PURE__ */ n("div", {
-    "data-basic-page-fields": "",
-    className: d(pe, sn, e),
-    ...t,
-    ref: (i) => {
-      r.current = i;
-      const a = t.ref;
-      typeof a == "function" ? a(i) : a != null && (a.current = i);
-    }
-  });
-}
-function cn({ className: e, ...t }) {
-  return /* @__PURE__ */ n("div", {
-    className: d("flex min-w-0 flex-col gap-5 *:min-w-0 sm:flex-row sm:gap-3 sm:*:flex-1", e),
-    ...t
-  });
-}
-function un({ children: e = "Save changes", ...t }) {
-  const r = T(q);
-  return /* @__PURE__ */ n(ne, {
-    type: "submit",
-    variant: "effect",
-    size: "sm",
-    loading: r?.pending,
-    ...t,
-    children: e
-  });
-}
-function dn({ show: e, className: t, ...r }) {
-  const i = T(q), a = e === "dirty" ? i?.dirty ?? !1 : e, o = /* @__PURE__ */ n("div", {
-    "data-basic-page-footer": "",
-    className: d("flex items-center justify-end gap-3 pr-[calc(1.25rem+2.5px)]", t),
-    ...r
-  });
-  return a === void 0 ? o : /* @__PURE__ */ n(Ve, {
-    show: a,
-    gap: "block",
-    clip: !1,
-    children: o
-  });
-}
-var fn = {
-  stack: "-2.5rem",
-  block: "-0.75rem",
-  fields: "-1.25rem",
-  none: "0px"
-};
-function Ve({ show: e, clip: t = !0, gap: r = "stack", dividers: i, className: a, ...o }) {
-  const c = O(), l = fn[i ? "none" : r], s = N(null), f = N(e !== !0);
-  k(() => {
-    f.current = !0;
-  }, []);
-  const p = () => {
-    t && s.current && (s.current.style.overflow = "hidden");
-  }, u = () => {
-    s.current && (s.current.style.overflow = "");
-  };
-  return e === void 0 ? /* @__PURE__ */ n(C.div, {
-    initial: c ? !1 : {
-      opacity: 0,
-      y: K
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      y: S,
-      opacity: B
-    },
-    className: d(i && ee, a),
-    ...o
-  }) : /* @__PURE__ */ n(X, {
-    initial: !1,
-    children: e ? /* @__PURE__ */ n(C.div, {
-      "data-basic-page-reveal": "",
-      ref: (m) => {
-        s.current = m, t && m && f.current && (m.style.overflow = "hidden");
-      },
-      onAnimationStart: p,
-      onAnimationComplete: u,
-      initial: {
-        height: 0,
-        opacity: 0,
-        marginTop: l
-      },
-      animate: {
-        height: "auto",
-        opacity: 1,
-        marginTop: 0
-      },
-      exit: {
-        height: 0,
-        opacity: 0,
-        marginTop: l
-      },
-      transition: c ? { duration: 0 } : {
-        height: S,
-        marginTop: S,
-        opacity: B
-      },
-      className: d(i && ee, a),
-      ...o
-    }) : null
-  });
-}
-var pn = "top-4 left-5 h-8 text-base [&>svg]:size-[1.125em] [&>svg]:shrink-0", mn = "(min-width: 40rem)";
-function hn() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(mn).matches;
-}
-var ze = z(null);
-function $e({ className: e, children: t, ...r }) {
-  const i = ae.toArray(t).filter(st), a = i.map((P) => P.props.children ?? null), o = Be();
-  Ot(a);
-  const [c] = g(hn), l = O(), s = i.length, f = ke(), p = !c && s >= gn, u = T(he), m = s > 0 ? i[s - 1]?.props : null, v = m?.children ?? "Back", h = m?.href, y = m?.onClick;
-  G(() => {
-    if (!(u == null || h == null))
-      return u.setTail({
-        label: v,
-        href: h,
-        onClick: y
-      }), () => u.setTail(null);
-  }, [
-    u,
-    v,
-    h,
-    y
-  ]);
-  const [_, A] = g(!l && !c && o != null && o.labels.length > s);
-  return /* @__PURE__ */ n("nav", {
-    "aria-label": "Breadcrumb",
-    "data-basic-page-back": "",
-    className: d("absolute top-4 left-3 flex min-w-max items-center", e),
-    ...r,
-    children: /* @__PURE__ */ b("ol", {
-      className: "m-0 flex list-none items-center p-0",
-      children: [i.map((P, x) => p && x > 0 && x < s - 2 ? null : /* @__PURE__ */ b(lt, { children: [p && x === s - 2 && /* @__PURE__ */ b("li", {
-        className: "m-0 flex items-center max-sm:hidden",
-        children: [/* @__PURE__ */ n("span", {
-          "aria-hidden": !0,
-          className: ce,
-          children: te
-        }), /* @__PURE__ */ b(j.Root, { children: [/* @__PURE__ */ n(j.Trigger, { render: /* @__PURE__ */ n(ne, {
-          variant: "ghost",
-          size: "sm",
-          "aria-label": "Hidden pages",
-          className: "px-2",
-          children: vn
-        }) }), /* @__PURE__ */ n(j.Portal, { children: /* @__PURE__ */ n(j.Positioner, {
-          align: "start",
-          sideOffset: 4,
-          children: /* @__PURE__ */ n(j.Popup, { children: i.slice(1, s - 2).map((L, M) => {
-            const I = L.props;
-            return /* @__PURE__ */ n(j.LinkItem, {
-              render: /* @__PURE__ */ n(f, {
-                href: I.href,
-                onClick: I.onClick
-              }),
-              children: I.children ?? "Back"
-            }, L.key ?? M);
-          }) })
-        }) })] })]
-      }), /* @__PURE__ */ n("li", {
-        className: d("m-0 flex items-center", x < s - 1 && "max-sm:hidden"),
-        children: /* @__PURE__ */ n(ze.Provider, {
-          value: {
-            index: x,
-            count: s,
-            departing: o,
-            narrow: c
-          },
-          children: P
-        })
-      })] }, P.key ?? x)), _ && /* @__PURE__ */ n("li", {
-        "aria-hidden": !0,
-        className: "m-0 flex items-center max-sm:hidden",
-        children: /* @__PURE__ */ n(C.span, {
-          initial: { opacity: 1 },
-          animate: { opacity: 0 },
-          transition: Le,
-          onAnimationComplete: () => A(!1),
-          className: ce,
-          children: te
-        })
-      })]
-    })
-  });
-}
-var ce = "text-pho-description -mx-1 inline-flex shrink-0 text-base select-none", te = "/", gn = 4, vn = "…";
-function je({ href: e, className: t, morphId: r, children: i = "Back", ...a }) {
-  const o = T(ze), c = O(), l = r != null && !c, s = Me(l ? r : void 0);
-  if (o == null) throw new Error("BasicPage.Crumb must be rendered inside BasicPage.Breadcrumbs");
-  const { index: f, count: p, departing: u, narrow: m } = o, v = f === 0, h = f === p - 1, y = u != null && u.labels.length < p, _ = u != null && u.labels.length > p, A = h && (u == null || y || m), P = v || h, x = v && h ? "" : v ? "max-sm:hidden" : "sm:hidden", L = u != null, M = h ? m ? _ ? "slide" : "fade" : A ? "fade" : void 0 : void 0, [I, R] = g(l && m && s.fly && u != null && !_ ? u.labels[u.labels.length - 1] : null), D = l && P && !L, $ = l && !v && h && (u == null || y);
-  return /* @__PURE__ */ b(ut, { children: [!v && /* @__PURE__ */ n("span", {
-    "aria-hidden": !0,
-    className: d(ce, "max-sm:hidden"),
-    children: $ ? /* @__PURE__ */ n(C.span, {
-      initial: s.fly ? {
-        opacity: 0,
-        x: Ce
-      } : { opacity: 0 },
-      animate: s.fly ? {
-        opacity: 1,
-        x: 0
-      } : { opacity: 1 },
-      transition: s.fly ? Ee : B,
-      className: "inline-flex",
-      children: te
-    }) : te
-  }), /* @__PURE__ */ n(ue, {
-    variant: "ghost",
-    size: "sm",
-    href: e,
-    prefix: P ? D ? /* @__PURE__ */ n(C.span, {
-      initial: s.fly ? {
-        opacity: 0,
-        x: Ce
-      } : { opacity: 0 },
-      animate: s.fly ? {
-        opacity: 1,
-        x: 0
-      } : { opacity: 1 },
-      transition: s.fly ? Ee : B,
-      className: d("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ n(Z, {})
-    }) : /* @__PURE__ */ n("span", {
-      className: d("inline-flex [&>svg]:size-[1.125em] [&>svg]:shrink-0", x),
-      children: /* @__PURE__ */ n(Z, {})
-    }) : /* @__PURE__ */ n("span", { className: "hidden" }),
-    className: d("min-w-max", t),
-    ...a,
-    children: l && r != null ? /* @__PURE__ */ b("span", {
-      className: d("relative block", !s.fly && M === "slide" && "overflow-hidden", !h && "max-w-40 truncate"),
-      children: [/* @__PURE__ */ n(De, {
-        morphId: r,
-        fromClassName: "text-pho-primary",
-        fly: s.fly,
-        morphRef: s.ref,
-        arrival: M,
-        children: i
-      }), I != null && /* @__PURE__ */ n(C.span, {
-        "aria-hidden": !0,
-        initial: {
-          x: 0,
-          opacity: 1
-        },
-        animate: {
-          x: kt,
-          opacity: 0
-        },
-        transition: Pt,
-        onAnimationComplete: () => R(null),
-        className: "pointer-events-none absolute inset-y-0 left-0 whitespace-nowrap",
-        children: I
-      })]
-    }) : /* @__PURE__ */ n("span", {
-      className: d("block", !h && "max-w-40 truncate"),
-      children: i
-    })
-  })] });
-}
-function yn({ className: e, ...t }) {
-  return /* @__PURE__ */ n($e, {
-    className: e,
-    children: /* @__PURE__ */ n(je, { ...t })
-  });
-}
-function bn({ label: e, description: t, leading: r, href: i, className: a, children: o, ...c }) {
-  const l = ke(), s = V(() => C.create(l), [l]), { leaving: f, ...p } = be();
-  return /* @__PURE__ */ b(s, {
-    href: i,
-    ...p,
-    ...c,
-    className: d("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)]", f && "overflow-hidden", a),
-    children: [/* @__PURE__ */ b("div", {
-      className: d("flex min-w-0 flex-1 items-center", r != null && "gap-3"),
-      children: [r, /* @__PURE__ */ b("div", {
-        className: "min-w-0",
-        children: [/* @__PURE__ */ n("div", {
-          className: "flex min-w-0 items-center gap-1",
-          children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ n("p", {
-            className: "text-pho-primary truncate text-base font-medium",
-            children: e
-          }) : e
-        }), t ? /* @__PURE__ */ n("div", {
-          className: "text-pho-description truncate text-xs",
-          children: t
-        }) : null]
-      })]
-    }), /* @__PURE__ */ b("div", {
-      className: "flex min-w-0 items-center justify-end gap-2",
-      children: [o != null ? /* @__PURE__ */ n("div", {
-        className: "min-w-0",
-        children: o
-      }) : null, /* @__PURE__ */ n(pt, {
-        "aria-hidden": !0,
-        className: "text-pho-secondary group-hover:text-pho-secondary-hover size-4 shrink-0 transition-colors"
-      })]
-    })]
-  });
-}
-function xn({ open: e, placeholder: t, onClose: r, children: i }) {
-  const a = T(Ie), o = e ?? ae.toArray(i).length > 0, c = a?.setOpen, l = a?.setPresent;
-  return G(() => {
-    if (l != null)
-      return l(!0), () => l(!1);
-  }, [l]), G(() => {
-    if (c != null)
-      return c(o), () => c(!1);
-  }, [c, o]), k(() => {
-    a == null && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("BasicPage.Aside: needs a `BasicPage.Root` around it.");
-  }, [a]), a == null || a.slot == null ? null : a.presentation === "page" ? we(o ? /* @__PURE__ */ n("div", {
-    "data-basic-page-aside": "page",
-    className: "flex min-w-0 flex-1 flex-col",
-    children: i
-  }) : null, a.slot) : we(/* @__PURE__ */ n(wn, {
-    width: a.width,
-    paneHeight: a.paneHeight,
-    onClose: r,
-    open: o,
-    placeholder: t,
-    children: i
-  }), a.slot);
-}
-function wn({ width: e, paneHeight: t, onClose: r, open: i, placeholder: a, children: o }) {
-  const c = O(), [l, s] = g(null), f = V(() => ({ setBack: s }), []), p = N(null), u = c ? "blur(0px)" : `blur(${Pe}px)`, m = t ?? "100dvh", v = {
-    variant: "ghost",
-    size: "sm",
-    svgOnly: !0,
-    "aria-label": "Close",
-    children: /* @__PURE__ */ n(nt, {})
-  };
-  k(() => {
-    const y = (_) => {
-      if (_.key !== "Escape" || _.defaultPrevented) return;
-      const A = p.current?.querySelector("a, button");
-      A != null && (_.preventDefault(), A.click());
-    };
-    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-  }, []);
-  const h = {
-    initial: {
-      opacity: 0,
-      filter: u
-    },
-    animate: {
-      opacity: 1,
-      filter: "blur(0px)"
-    },
-    exit: {
-      opacity: 0,
-      filter: u
-    },
-    transition: c ? { duration: 0 } : ve
-  };
-  return /* @__PURE__ */ n("aside", {
-    "data-basic-page-aside": "panel",
-    className: "relative flex shrink-0 flex-col",
-    style: {
-      width: e,
-      minHeight: m
-    },
-    children: /* @__PURE__ */ n("div", {
-      className: "border-pho-secondary bg-pho-primary sticky top-0 grid border-l *:min-h-0 *:[grid-area:1/1]",
-      style: { height: m },
-      children: /* @__PURE__ */ n(X, {
-        initial: !1,
-        children: i ? /* @__PURE__ */ b(C.div, {
-          ...h,
-          className: "relative flex flex-col",
-          children: [/* @__PURE__ */ n("span", {
-            ref: p,
-            className: "absolute top-2 right-2 z-30",
-            children: l != null ? /* @__PURE__ */ n(ue, {
-              ...v,
-              href: l.href,
-              onClick: l.onClick
-            }) : r != null ? /* @__PURE__ */ n(ne, {
-              ...v,
-              onClick: r
-            }) : null
-          }), /* @__PURE__ */ b(Y.Root, {
-            className: "min-h-0 flex-1",
-            children: [/* @__PURE__ */ n(Y.Viewport, { children: /* @__PURE__ */ n(Y.Content, {
-              className: "flex min-h-full flex-col",
-              children: /* @__PURE__ */ n(Oe.Provider, {
-                value: f,
-                children: o
-              })
-            }) }), /* @__PURE__ */ n(Y.Scrollbar, { children: /* @__PURE__ */ n(Y.Thumb, {}) })]
-          })]
-        }, "page") : /* @__PURE__ */ n(C.div, {
-          ...h,
-          className: "flex flex-col",
-          children: a
-        }, "empty")
-      })
-    })
-  });
-}
-var Nn = "14rem";
-function An({ variant: e = "box", className: t, ...r }) {
-  const i = T(de), a = fe(i?.subscribe ?? ge, () => i?.get().api ?? null, () => null);
-  k(() => {
-    if (i != null)
-      return i.adopt(!0), () => i.adopt(!1);
-  }, [i]);
-  const [o, c] = g("folded"), l = N(null), s = () => c("open"), f = () => {
-    c("closing"), window.setTimeout(() => c((u) => u === "closing" ? "folded" : u), 250);
-  };
-  k(() => {
-    o === "open" && l.current?.focus();
-  }, [o]);
-  const p = o !== "folded";
-  return e === "ghost" ? /* @__PURE__ */ n("div", {
-    "data-basic-page-search": "",
-    "data-variant": "ghost",
-    className: d("flex min-w-0 flex-1", a == null && "hidden", t),
-    ...r,
-    children: a != null && /* @__PURE__ */ n(et, {
-      value: a.query,
-      onChange: a.setQuery,
-      placeholder: a.placeholder,
-      "aria-label": a.placeholder,
-      onKeyDown: (u) => {
-        u.key === "Escape" && (u.preventDefault(), a.setQuery(""), u.currentTarget.blur());
-      }
-    })
-  }) : /* @__PURE__ */ n("div", {
-    "data-basic-page-search": "",
-    "data-expanded": o === "open" || void 0,
-    className: d("grid min-w-0 content-center", "[[data-basic-page-header]>&]:col-start-2 [[data-basic-page-header]>&]:row-span-2 [[data-basic-page-header]>&]:row-start-1 [[data-basic-page-header]>&]:ml-4 [[data-basic-page-header]>&]:justify-items-end [[data-basic-page-header]>&]:self-center", a == null && "hidden", t),
-    ...r,
-    children: a != null && /* @__PURE__ */ b("div", {
-      className: d("grid w-9 max-w-full justify-items-end transition-[width] duration-200 ease-linear *:[grid-area:1/1] motion-reduce:transition-none", "@[36rem]:w-56"),
-      style: o === "open" ? { width: Nn } : void 0,
-      children: [/* @__PURE__ */ n(ne, {
-        variant: "outlined",
-        size: "sm",
-        shape: "circle",
-        svgOnly: !0,
-        "aria-label": a.placeholder,
-        onClick: s,
-        className: d("@[36rem]:hidden", p && "hidden"),
-        children: /* @__PURE__ */ n(xe, {})
-      }), /* @__PURE__ */ n("div", {
-        className: d("w-full @[36rem]:block", p ? "block" : "hidden"),
-        children: /* @__PURE__ */ b(ie.Root, {
-          size: "sm",
-          className: "w-full",
-          children: [/* @__PURE__ */ n(ie.Addon, { children: /* @__PURE__ */ n(xe, {}) }), /* @__PURE__ */ n(ie.Input, {
-            ref: l,
-            type: "search",
-            value: a.query,
-            onChange: (u) => a.setQuery(u.target.value),
-            onBlur: () => {
-              a.query === "" && f();
-            },
-            onKeyDown: (u) => {
-              u.key === "Escape" && (u.preventDefault(), a.setQuery(""), f(), u.currentTarget.blur());
-            },
-            placeholder: a.placeholder,
-            "aria-label": a.placeholder
-          })]
-        })
-      })]
-    })
-  });
-}
-var Yn = {
-  Root: At,
-  Aside: xn,
-  Search: An,
-  Table: Ze,
-  CondenseScope: Lt,
-  Breadcrumbs: $e,
-  Crumb: je,
-  Back: yn,
-  Title: Ft,
-  Stack: jt,
-  Header: Wt,
-  SectionTitle: Xt,
-  Description: Ge,
-  TableCount: Kt,
-  SectionFooter: qt,
-  Card: Yt,
-  Item: Qt,
-  ItemPanel: Ut,
-  Callout: Jt,
-  CalloutTitle: Zt,
-  CalloutDescription: en,
-  Row: tn,
-  RowLink: bn,
-  Value: nn,
-  Alert: an,
-  Footer: dn,
-  Form: rn,
-  Saved: ln,
-  Fields: on,
-  Inline: cn,
-  Submit: un,
-  Reveal: Ve
-};
-export {
-  vt as a,
-  Yn as c,
-  Bt as d,
-  se as f,
-  gt as i,
-  ve as l,
-  Xn as m,
-  Ne as n,
-  yt as o,
-  Kn as p,
-  mt as r,
-  ht as s,
-  qn as t,
-  Te as u
-};
-
-//# sourceMappingURL=basic-page-DR5szOOs.js.map