@handamade/psi-react 0.21.0 → 0.22.0

package/dist/index.js

@@ -1,353 +1,353 @@
-import { jsx as t, jsxs as _, Fragment as ne } from "react/jsx-runtime";
-import { Children as W, useId as q, createContext as K, useContext as L, useRef as N, useEffect as C, useState as Ne, useCallback as b, cloneElement as de, isValidElement as X, useMemo as ue, Fragment as ve } from "react";
-const Ae = "_button_a3yli_3", Me = "_disabled_a3yli_30", We = "_size24_a3yli_50", qe = "_size32_a3yli_63", Pe = "_size40_a3yli_76", De = "_size48_a3yli_89", Re = "_accent_a3yli_105", He = "_accentSubtle_a3yli_117", Ve = "_neutral_a3yli_129", Fe = "_neutralSubtle_a3yli_141", Ke = "_ghost_a3yli_153", Oe = "_danger_a3yli_165", Ue = "_dangerSubtle_a3yli_177", Ye = "_outline_a3yli_189", x = {
-  button: Ae,
-  disabled: Me,
-  size24: We,
-  size32: qe,
-  size40: Pe,
-  size48: De,
-  accent: Re,
-  accentSubtle: He,
-  neutral: Ve,
-  neutralSubtle: Fe,
-  ghost: Ke,
-  danger: Oe,
-  dangerSubtle: Ue,
-  outline: Ye
-}, Ze = {
-  accent: x.accent,
-  "accent-subtle": x.accentSubtle,
-  neutral: x.neutral,
-  "neutral-subtle": x.neutralSubtle,
-  ghost: x.ghost,
-  danger: x.danger,
-  "danger-subtle": x.dangerSubtle,
-  outline: x.outline
-}, Ge = {
-  24: x.size24,
-  32: x.size32,
-  40: x.size40,
-  48: x.size48
+import { jsx as t, jsxs as _, Fragment as ie } from "react/jsx-runtime";
+import { Children as q, useId as R, isValidElement as Y, Fragment as pe, cloneElement as de, createContext as Z, useContext as j, useRef as L, useEffect as C, useState as se, useCallback as w, useMemo as ae, useLayoutEffect as qe } from "react";
+const Re = "_button_a3yli_3", He = "_disabled_a3yli_30", Ve = "_size24_a3yli_50", Oe = "_size32_a3yli_63", Fe = "_size40_a3yli_76", Ke = "_size48_a3yli_89", Ue = "_accent_a3yli_105", Ge = "_accentSubtle_a3yli_117", Ye = "_neutral_a3yli_129", Ze = "_neutralSubtle_a3yli_141", Xe = "_ghost_a3yli_153", Je = "_danger_a3yli_165", Qe = "_dangerSubtle_a3yli_177", en = "_outline_a3yli_189", B = {
+  button: Re,
+  disabled: He,
+  size24: Ve,
+  size32: Oe,
+  size40: Fe,
+  size48: Ke,
+  accent: Ue,
+  accentSubtle: Ge,
+  neutral: Ye,
+  neutralSubtle: Ze,
+  ghost: Xe,
+  danger: Je,
+  dangerSubtle: Qe,
+  outline: en
+}, nn = {
+  accent: B.accent,
+  "accent-subtle": B.accentSubtle,
+  neutral: B.neutral,
+  "neutral-subtle": B.neutralSubtle,
+  ghost: B.ghost,
+  danger: B.danger,
+  "danger-subtle": B.dangerSubtle,
+  outline: B.outline
+}, tn = {
+  24: B.size24,
+  32: B.size32,
+  40: B.size40,
+  48: B.size48
 };
-function te({
+function ce({
   variant: e = "neutral",
   size: n = 32,
-  href: r,
+  href: i,
   target: a,
   rel: s,
-  disabled: i,
+  disabled: r,
   className: o,
   onClick: c,
-  ref: l,
-  ...d
+  ref: d,
+  ...l
 }) {
   const u = [
-    x.button,
-    Ze[e],
-    Ge[n],
-    r !== void 0 && i ? x.disabled : void 0,
+    B.button,
+    nn[e],
+    tn[n],
+    i !== void 0 && r ? B.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
-  return r !== void 0 ? /* @__PURE__ */ t(
+  return i !== void 0 ? /* @__PURE__ */ t(
     "a",
     {
-      ref: l,
+      ref: d,
       className: u,
-      href: i ? void 0 : r,
+      href: r ? void 0 : i,
       target: a,
       rel: s,
-      "aria-disabled": i || void 0,
-      onClick: i ? void 0 : c,
-      ...d
+      "aria-disabled": r || void 0,
+      onClick: r ? void 0 : c,
+      ...l
     }
   ) : /* @__PURE__ */ t(
     "button",
     {
-      ref: l,
+      ref: d,
       className: u,
-      disabled: i,
+      disabled: r,
       onClick: c,
-      ...d
+      ...l
     }
   );
 }
-const Xe = "_iconButton_1q4hx_3", Je = "_disabled_1q4hx_29", Qe = "_size24_1q4hx_37", en = "_size32_1q4hx_42", nn = "_size40_1q4hx_47", tn = "_size48_1q4hx_52", on = "_accent_1q4hx_60", rn = "_neutral_1q4hx_72", sn = "_ghost_1q4hx_84", an = "_danger_1q4hx_96", T = {
-  iconButton: Xe,
-  disabled: Je,
-  size24: Qe,
-  size32: en,
-  size40: nn,
-  size48: tn,
-  accent: on,
-  neutral: rn,
-  ghost: sn,
-  danger: an
-}, cn = {
-  accent: T.accent,
-  neutral: T.neutral,
-  ghost: T.ghost,
-  danger: T.danger
-}, ln = {
-  24: T.size24,
-  32: T.size32,
-  40: T.size40,
-  48: T.size48
+const on = "_iconButton_1q4hx_3", rn = "_disabled_1q4hx_29", sn = "_size24_1q4hx_37", an = "_size32_1q4hx_42", cn = "_size40_1q4hx_47", ln = "_size48_1q4hx_52", dn = "_accent_1q4hx_60", un = "_neutral_1q4hx_72", hn = "_ghost_1q4hx_84", _n = "_danger_1q4hx_96", E = {
+  iconButton: on,
+  disabled: rn,
+  size24: sn,
+  size32: an,
+  size40: cn,
+  size48: ln,
+  accent: dn,
+  neutral: un,
+  ghost: hn,
+  danger: _n
+}, fn = {
+  accent: E.accent,
+  neutral: E.neutral,
+  ghost: E.ghost,
+  danger: E.danger
+}, pn = {
+  24: E.size24,
+  32: E.size32,
+  40: E.size40,
+  48: E.size48
 };
-function J({
+function te({
   variant: e = "neutral",
   size: n = 32,
-  href: r,
+  href: i,
   target: a,
   rel: s,
-  disabled: i,
+  disabled: r,
   className: o,
   onClick: c,
-  ref: l,
-  ...d
+  ref: d,
+  ...l
 }) {
   const u = [
-    T.iconButton,
-    cn[e],
-    ln[n],
-    r !== void 0 && i ? T.disabled : void 0,
+    E.iconButton,
+    fn[e],
+    pn[n],
+    i !== void 0 && r ? E.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
-  return r !== void 0 ? /* @__PURE__ */ t(
+  return i !== void 0 ? /* @__PURE__ */ t(
     "a",
     {
-      ref: l,
+      ref: d,
       className: u,
-      href: i ? void 0 : r,
+      href: r ? void 0 : i,
       target: a,
       rel: s,
-      "aria-disabled": i || void 0,
-      onClick: i ? void 0 : c,
-      ...d
+      "aria-disabled": r || void 0,
+      onClick: r ? void 0 : c,
+      ...l
     }
   ) : /* @__PURE__ */ t(
     "button",
     {
-      ref: l,
+      ref: d,
       className: u,
-      disabled: i,
+      disabled: r,
       onClick: c,
-      ...d
+      ...l
     }
   );
 }
-const dn = "_card_1btb3_1", un = "_stacked_1btb3_8", hn = "_featured_1btb3_10", _n = "_media_1btb3_22", fn = "_body_1btb3_23", pn = "_hoverLift_1btb3_31", P = {
-  card: dn,
-  stacked: un,
-  featured: hn,
-  media: _n,
-  body: fn,
-  hoverLift: pn
+const gn = "_card_1btb3_1", mn = "_stacked_1btb3_8", bn = "_featured_1btb3_10", vn = "_media_1btb3_22", yn = "_body_1btb3_23", wn = "_hoverLift_1btb3_31", H = {
+  card: gn,
+  stacked: mn,
+  featured: bn,
+  media: vn,
+  body: yn,
+  hoverLift: wn
 };
-function Mi({
+function Or({
   variant: e = "stacked",
   media: n,
-  hoverLift: r = !1,
+  hoverLift: i = !1,
   className: a,
   children: s,
-  ref: i,
+  ref: r,
   ...o
 }) {
   const c = [
-    P.card,
-    e === "featured" ? P.featured : P.stacked,
-    r ? P.hoverLift : void 0,
+    H.card,
+    e === "featured" ? H.featured : H.stacked,
+    i ? H.hoverLift : void 0,
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { ref: i, className: c, ...o, children: [
-    n != null && /* @__PURE__ */ t("div", { className: P.media, children: n }),
-    /* @__PURE__ */ t("div", { className: P.body, children: s })
+  return /* @__PURE__ */ _("div", { ref: r, className: c, ...o, children: [
+    n != null && /* @__PURE__ */ t("div", { className: H.media, children: n }),
+    /* @__PURE__ */ t("div", { className: H.body, children: s })
   ] });
 }
-const gn = "_panel_jn8w4_1", mn = "_padding16_jn8w4_8", be = {
-  panel: gn,
-  padding16: mn
+const xn = "_panel_jn8w4_1", kn = "_padding16_jn8w4_8", ke = {
+  panel: xn,
+  padding16: kn
 };
-function Wi({ padding: e = 24, className: n, children: r, ref: a, ...s }) {
-  const i = [be.panel, e === 16 ? be.padding16 : void 0, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { ref: a, className: i, ...s, children: r });
-}
-const vn = "_list_1lh3q_8", bn = "_item_1lh3q_26", yn = "_term_1lh3q_44", wn = "_value_1lh3q_50", ee = {
-  list: vn,
-  item: bn,
-  term: yn,
-  value: wn
+function Fr({ padding: e = 24, className: n, children: i, ref: a, ...s }) {
+  const r = [ke.panel, e === 16 ? ke.padding16 : void 0, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { ref: a, className: r, ...s, children: i });
+}
+const Nn = "_list_1lh3q_8", $n = "_item_1lh3q_26", Bn = "_term_1lh3q_44", Ln = "_value_1lh3q_50", re = {
+  list: Nn,
+  item: $n,
+  term: Bn,
+  value: Ln
 };
-function qi({
+function Kr({
   layout: e = "stacked",
   gap: n = 12,
-  className: r,
+  className: i,
   children: a,
   ref: s,
-  ...i
+  ...r
 }) {
   return /* @__PURE__ */ t(
     "dl",
     {
       ref: s,
-      className: [ee.list, r].filter(Boolean).join(" "),
+      className: [re.list, i].filter(Boolean).join(" "),
       "data-layout": e,
       "data-gap": n,
-      ...i,
+      ...r,
       children: a
     }
   );
 }
-function Pi({ term: e, className: n, children: r, ref: a, ...s }) {
-  return /* @__PURE__ */ _("div", { ref: a, className: [ee.item, n].filter(Boolean).join(" "), ...s, children: [
-    /* @__PURE__ */ t("dt", { className: ee.term, children: e }),
-    /* @__PURE__ */ t("dd", { className: ee.value, children: r })
+function Ur({ term: e, className: n, children: i, ref: a, ...s }) {
+  return /* @__PURE__ */ _("div", { ref: a, className: [re.item, n].filter(Boolean).join(" "), ...s, children: [
+    /* @__PURE__ */ t("dt", { className: re.term, children: e }),
+    /* @__PURE__ */ t("dd", { className: re.value, children: i })
   ] });
 }
-const xn = "_navbar_1w24e_1", kn = "_inner_1w24e_12", Nn = "_fluid_1w24e_20", $n = "_brand_1w24e_22", Bn = "_links_1w24e_23", Ln = "_actions_1w24e_53", D = {
-  navbar: xn,
-  inner: kn,
-  fluid: Nn,
-  brand: $n,
-  links: Bn,
-  actions: Ln
+const Cn = "_navbar_1w24e_1", Sn = "_inner_1w24e_12", jn = "_fluid_1w24e_20", Tn = "_brand_1w24e_22", zn = "_links_1w24e_23", In = "_actions_1w24e_53", V = {
+  navbar: Cn,
+  inner: Sn,
+  fluid: jn,
+  brand: Tn,
+  links: zn,
+  actions: In
 };
-function Di({ brand: e, actions: n, children: r, navLabel: a, fluid: s = !1, className: i, ref: o, ...c }) {
-  const l = [D.navbar, i].filter(Boolean).join(" "), d = W.toArray(r).length > 0;
-  return /* @__PURE__ */ t("header", { ref: o, className: l, ...c, children: /* @__PURE__ */ _("div", { className: `${s ? D.fluid : "psi-container"} ${D.inner}`, children: [
-    e != null && /* @__PURE__ */ t("div", { className: D.brand, children: e }),
-    d && /* @__PURE__ */ t("nav", { className: D.links, "aria-label": a, children: r }),
-    n != null && /* @__PURE__ */ t("div", { className: D.actions, children: n })
+function Gr({ brand: e, actions: n, children: i, navLabel: a, fluid: s = !1, className: r, ref: o, ...c }) {
+  const d = [V.navbar, r].filter(Boolean).join(" "), l = q.toArray(i).length > 0;
+  return /* @__PURE__ */ t("header", { ref: o, className: d, ...c, children: /* @__PURE__ */ _("div", { className: `${s ? V.fluid : "psi-container"} ${V.inner}`, children: [
+    e != null && /* @__PURE__ */ t("div", { className: V.brand, children: e }),
+    l && /* @__PURE__ */ t("nav", { className: V.links, "aria-label": a, children: i }),
+    n != null && /* @__PURE__ */ t("div", { className: V.actions, children: n })
   ] }) });
 }
-const Cn = "_skipLink_1fn0y_4", Sn = {
-  skipLink: Cn
+const En = "_skipLink_1fn0y_4", An = {
+  skipLink: En
 };
-function Ri({ className: e, ref: n, children: r, ...a }) {
-  const s = [Sn.skipLink, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("a", { ref: n, className: s, ...a, children: r });
-}
-const jn = "_navTree_y5m3t_7", zn = "_list_y5m3t_11", Tn = "_groupList_y5m3t_12", In = "_item_y5m3t_23", En = "_groupButton_y5m3t_70", An = "_groupLabel_y5m3t_99", Mn = "_chevron_y5m3t_103", A = {
-  navTree: jn,
-  list: zn,
-  groupList: Tn,
-  item: In,
-  groupButton: En,
-  groupLabel: An,
-  chevron: Mn
+function Yr({ className: e, ref: n, children: i, ...a }) {
+  const s = [An.skipLink, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("a", { ref: n, className: s, ...a, children: i });
+}
+const Mn = "_navTree_y5m3t_7", Wn = "_list_y5m3t_11", Dn = "_groupList_y5m3t_12", Pn = "_item_y5m3t_23", qn = "_groupButton_y5m3t_70", Rn = "_groupLabel_y5m3t_99", Hn = "_chevron_y5m3t_103", D = {
+  navTree: Mn,
+  list: Wn,
+  groupList: Dn,
+  item: Pn,
+  groupButton: qn,
+  groupLabel: Rn,
+  chevron: Hn
 };
-function Hi({ children: e, className: n, ref: r, ...a }) {
-  const s = [A.navTree, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("nav", { ref: r, className: s, ...a, children: /* @__PURE__ */ t("ul", { className: A.list, children: e }) });
+function Zr({ children: e, className: n, ref: i, ...a }) {
+  const s = [D.navTree, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("nav", { ref: i, className: s, ...a, children: /* @__PURE__ */ t("ul", { className: D.list, children: e }) });
 }
-function Wn({ size: e = 20, ...n }) {
+function Vn({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Vi({ label: e, open: n, onOpenChange: r, children: a, className: s }) {
-  const i = q(), o = [A.group, s].filter(Boolean).join(" ");
+function Xr({ label: e, open: n, onOpenChange: i, children: a, className: s }) {
+  const r = R(), o = [D.group, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("li", { className: o, children: [
     /* @__PURE__ */ _(
       "button",
       {
         type: "button",
-        className: A.groupButton,
+        className: D.groupButton,
         "aria-expanded": n,
-        "aria-controls": i,
-        onClick: () => r(!n),
+        "aria-controls": r,
+        onClick: () => i(!n),
         children: [
-          /* @__PURE__ */ t("span", { className: A.groupLabel, children: e }),
-          /* @__PURE__ */ t(Wn, { size: 16, className: A.chevron, "aria-hidden": "true" })
+          /* @__PURE__ */ t("span", { className: D.groupLabel, children: e }),
+          /* @__PURE__ */ t(Vn, { size: 16, className: D.chevron, "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ t("ul", { id: i, className: A.groupList, hidden: !n, children: a })
+    /* @__PURE__ */ t("ul", { id: r, className: D.groupList, hidden: !n, children: a })
   ] });
 }
-function Fi({ children: e, href: n, current: r, className: a, ref: s, ...i }) {
-  const o = [A.item, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("li", { ref: s, className: o, ...i, children: n !== void 0 ? /* @__PURE__ */ t("a", { href: n, "aria-current": r ? "page" : void 0, children: e }) : e });
+function Jr({ children: e, href: n, current: i, className: a, ref: s, ...r }) {
+  const o = [D.item, a].filter(Boolean).join(" "), c = n === void 0 && i && Y(e) && e.type !== pe ? e : null;
+  return /* @__PURE__ */ t("li", { ref: s, className: o, ...r, children: n !== void 0 ? /* @__PURE__ */ t("a", { href: n, "aria-current": i ? "page" : void 0, children: e }) : c ? de(c, { "aria-current": "page" }) : e });
 }
-const qn = "_appShell_i1tds_10", Pn = "_sidebarClosed_i1tds_18", Dn = "_header_i1tds_22", Rn = "_sidebar_i1tds_18", Hn = "_main_i1tds_45", U = {
-  appShell: qn,
-  sidebarClosed: Pn,
-  header: Dn,
-  sidebar: Rn,
-  main: Hn
+const On = "_appShell_i1tds_10", Fn = "_sidebarClosed_i1tds_18", Kn = "_header_i1tds_22", Un = "_sidebar_i1tds_18", Gn = "_main_i1tds_45", Q = {
+  appShell: On,
+  sidebarClosed: Fn,
+  header: Kn,
+  sidebar: Un,
+  main: Gn
 };
-function Ki({
+function Qr({
   skipLink: e,
   header: n,
-  sidebar: r,
+  sidebar: i,
   children: a,
   sidebarOpen: s = !0,
-  sidebarTheme: i,
+  sidebarTheme: r,
   sidebarId: o = "sidebar",
   mainId: c = "main",
-  className: l,
-  ref: d,
+  className: d,
+  ref: l,
   ...u
 }) {
-  const h = s && r != null, p = [U.appShell, !h && U.sidebarClosed, l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { ref: d, className: p, ...u, children: [
+  const h = s && i != null, f = [Q.appShell, !h && Q.sidebarClosed, d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { ref: l, className: f, ...u, children: [
     e,
-    n != null && /* @__PURE__ */ t("div", { className: U.header, children: n }),
-    /* @__PURE__ */ t("div", { id: o, className: U.sidebar, hidden: !h, "data-psi-theme": i, children: r }),
-    /* @__PURE__ */ t("main", { id: c, className: U.main, tabIndex: -1, children: a })
+    n != null && /* @__PURE__ */ t("div", { className: Q.header, children: n }),
+    /* @__PURE__ */ t("div", { id: o, className: Q.sidebar, hidden: !h, "data-psi-theme": r, children: i }),
+    /* @__PURE__ */ t("main", { id: c, className: Q.main, tabIndex: -1, children: a })
   ] });
 }
-const Vn = "_frame_et4fc_1", Fn = {
-  frame: Vn
+const Yn = "_frame_et4fc_1", Zn = {
+  frame: Yn
 };
-function Oi({ ratio: e, className: n, style: r, children: a, ref: s, ...i }) {
-  const o = [Fn.frame, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { ref: s, className: o, style: { aspectRatio: String(e), ...r }, ...i, children: a });
-}
-const Kn = "_field_1xhfz_1", On = "_label_1xhfz_10", Un = "_marker_1xhfz_16", Yn = "_requiredText_1xhfz_22", Zn = "_message_1xhfz_27", Gn = "_invalid_1xhfz_33", M = {
-  field: Kn,
-  label: On,
-  marker: Un,
-  requiredText: Yn,
-  message: Zn,
-  invalid: Gn
-}, ie = K(null);
-function Ui({
+function ei({ ratio: e, className: n, style: i, children: a, ref: s, ...r }) {
+  const o = [Zn.frame, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { ref: s, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: a });
+}
+const Xn = "_field_x989o_1", Jn = "_label_x989o_10", Qn = "_marker_x989o_19", et = "_requiredText_x989o_25", nt = "_message_x989o_30", tt = "_invalid_x989o_36", P = {
+  field: Xn,
+  label: Jn,
+  marker: Qn,
+  requiredText: et,
+  message: nt,
+  invalid: tt
+}, ue = Z(null);
+function ni({
   label: e,
   description: n,
-  error: r,
+  error: i,
   required: a = !1,
   requiredText: s,
-  group: i = !1,
+  group: r = !1,
   htmlFor: o,
   announce: c = !0,
-  className: l,
-  children: d,
+  className: d,
+  children: l,
   ref: u,
   ...h
 }) {
-  const p = q(), v = o ?? p, w = !!r, $ = w ? r : n, k = $ != null && $ !== !1 ? `${v}-message` : void 0, m = e != null && !i ? `${v}-label` : void 0, f = [M.field, w && M.invalid, l].filter(Boolean).join(" "), g = e != null ? /* @__PURE__ */ _(ne, { children: [
+  const f = R(), g = o ?? f, b = !!i, v = b ? i : n, N = v != null && v !== !1 ? `${g}-message` : void 0, y = e != null && !r ? `${g}-label` : void 0, x = [P.field, b && P.invalid, d].filter(Boolean).join(" "), A = e != null ? /* @__PURE__ */ _(ie, { children: [
     e,
-    a && (s !== void 0 ? /* @__PURE__ */ _("span", { "aria-hidden": "true", className: M.requiredText, children: [
+    a && (s !== void 0 ? /* @__PURE__ */ _("span", { "aria-hidden": "true", className: P.requiredText, children: [
       " ",
       s
-    ] }) : /* @__PURE__ */ t("span", { "aria-hidden": "true", className: M.marker, children: " *" }))
-  ] }) : null, S = /* @__PURE__ */ _(ne, { children: [
-    g != null && (i ? /* @__PURE__ */ t("legend", { className: M.label, children: g }) : /* @__PURE__ */ t("label", { id: m, className: M.label, htmlFor: v, children: g })),
-    /* @__PURE__ */ t(ie.Provider, { value: { id: v, labelId: m, describedBy: k, invalid: w, required: a }, children: d }),
-    k && /* @__PURE__ */ t("p", { id: k, className: M.message, "aria-live": c ? "polite" : void 0, children: $ })
+    ] }) : /* @__PURE__ */ t("span", { "aria-hidden": "true", className: P.marker, children: " *" }))
+  ] }) : null, J = /* @__PURE__ */ _(ie, { children: [
+    A != null && (r ? /* @__PURE__ */ t("legend", { className: P.label, children: A }) : /* @__PURE__ */ t("label", { id: y, className: P.label, htmlFor: g, children: A })),
+    /* @__PURE__ */ t(ue.Provider, { value: { id: g, labelId: y, describedBy: N, invalid: b, required: a }, children: l }),
+    N && /* @__PURE__ */ t("p", { id: N, className: P.message, "aria-live": c ? "polite" : void 0, children: v })
   ] });
-  return i ? /* @__PURE__ */ t(
+  return r ? /* @__PURE__ */ t(
     "fieldset",
     {
       ref: u,
-      className: f,
-      "aria-describedby": k,
+      className: x,
+      "aria-describedby": N,
       ...h,
-      children: S
+      children: J
     }
-  ) : /* @__PURE__ */ t("div", { ref: u, className: f, ...h, children: S });
+  ) : /* @__PURE__ */ t("div", { ref: u, className: x, ...h, children: J });
 }
-function Yi() {
-  const e = L(ie);
+function ti() {
+  const e = j(ue);
   return e ? {
     id: e.id,
     ...e.labelId ? { "aria-labelledby": e.labelId } : {},
@@ -356,80 +356,80 @@ function Yi() {
     ...e.required ? { "aria-required": !0, required: !0 } : {}
   } : {};
 }
-function Zi({ size: e = 20, ...n }) {
+function oi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ t("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
-function Gi({ size: e = 20, ...n }) {
+function ri({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function he({ size: e = 20, ...n }) {
+function me({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Xn({ size: e = 20, ...n }) {
+function ot({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" }) });
 }
-function Jn({ size: e = 20, ...n }) {
+function rt({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" }) });
 }
-function Qn({ size: e = 20, ...n }) {
+function it({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
 }
-function Xi({ size: e = 20, ...n }) {
+function ii({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ t("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Ji({ size: e = 20, ...n }) {
+function si({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ t("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
   ] });
 }
-function Qi({ size: e = 20, ...n }) {
+function ai({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "7", r: "4" })
   ] });
 }
-function er({ size: e = 20, ...n }) {
+function ci({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ t("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
   ] });
 }
-function nr({ size: e = 20, ...n }) {
+function li({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("polyline", { points: "3 6 5 6 21 6" }),
     /* @__PURE__ */ t("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function et({ size: e = 20, ...n }) {
+function st({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] });
 }
-function tr({ size: e = 20, ...n }) {
+function di({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
     /* @__PURE__ */ t("polyline", { points: "15 3 21 3 21 9" }),
     /* @__PURE__ */ t("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] });
 }
-function or({ size: e = 20, ...n }) {
+function ui({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function ir({ size: e = 20, ...n }) {
+function hi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
     /* @__PURE__ */ t("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
@@ -437,7 +437,7 @@ function ir({ size: e = 20, ...n }) {
     /* @__PURE__ */ t("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function rr({ size: e = 20, ...n }) {
+function _i({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
@@ -449,341 +449,341 @@ function rr({ size: e = 20, ...n }) {
     /* @__PURE__ */ t("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function sr({ size: e = 20, ...n }) {
+function fi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ t("polyline", { points: "19 12 12 19 5 12" })
   ] });
 }
-function ar({ size: e = 20, ...n }) {
+function pi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
     /* @__PURE__ */ t("polyline", { points: "7 7 17 7 17 17" })
   ] });
 }
-function cr({ size: e = 20, ...n }) {
+function gi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
 }
-function lr({ size: e = 20, ...n }) {
+function mi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
 }
-function dr({ size: e = 20, ...n }) {
+function bi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...n, children: /* @__PURE__ */ t("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) });
 }
-function ur({ size: e = 20, ...n }) {
+function vi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
     /* @__PURE__ */ t("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
     /* @__PURE__ */ t("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
   ] });
 }
-function nt({ size: e = 20, ...n }) {
+function at({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "11", x2: "12", y2: "16" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
   ] });
 }
-function tt({ size: e = 20, ...n }) {
+function ct({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12", y2: "17" })
   ] });
 }
-function ot({ size: e = 20, ...n }) {
+function lt({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "16", x2: "12", y2: "16" })
   ] });
 }
-function hr({ size: e = 20, ...n }) {
+function yi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("circle", { cx: "5", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ t("circle", { cx: "19", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" })
   ] });
 }
-function _r({ size: e = 20, ...n }) {
+function wi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
     /* @__PURE__ */ t("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
   ] });
 }
-function fr({ size: e = 20, ...n }) {
+function xi({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
     /* @__PURE__ */ t("polyline", { points: "16 17 21 12 16 7" }),
     /* @__PURE__ */ t("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
   ] });
 }
-function pr({ size: e = 20, ...n }) {
+function ki({ size: e = 20, ...n }) {
   return /* @__PURE__ */ _("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...n, children: [
     /* @__PURE__ */ t("path", { d: "M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z" }),
     /* @__PURE__ */ t("rect", { x: "8", y: "11", width: "8", height: "7", rx: "1" }),
     /* @__PURE__ */ t("line", { x1: "12", y1: "11", x2: "12", y2: "18" })
   ] });
 }
-const it = "_dialog_qg38y_2", rt = "_panel_qg38y_20", st = "_center_qg38y_42", at = "_inlineStart_qg38y_50", ct = "_inlineEnd_qg38y_51", lt = "_w400_qg38y_100", dt = "_w560_qg38y_101", ut = "_w720_qg38y_102", ht = "_header_qg38y_124", _t = "_title_qg38y_131", ft = "_footer_qg38y_137", j = {
-  dialog: it,
-  panel: rt,
-  center: st,
-  inlineStart: at,
-  inlineEnd: ct,
-  w400: lt,
-  w560: dt,
-  w720: ut,
-  header: ht,
-  title: _t,
-  footer: ft
-}, pt = {
-  400: j.w400,
-  560: j.w560,
-  720: j.w720
-}, gt = {
-  center: j.center,
-  "inline-start": j.inlineStart,
-  "inline-end": j.inlineEnd
+const dt = "_dialog_qg38y_2", ut = "_panel_qg38y_20", ht = "_center_qg38y_42", _t = "_inlineStart_qg38y_50", ft = "_inlineEnd_qg38y_51", pt = "_w400_qg38y_100", gt = "_w560_qg38y_101", mt = "_w720_qg38y_102", bt = "_header_qg38y_124", vt = "_title_qg38y_131", yt = "_footer_qg38y_137", z = {
+  dialog: dt,
+  panel: ut,
+  center: ht,
+  inlineStart: _t,
+  inlineEnd: ft,
+  w400: pt,
+  w560: gt,
+  w720: mt,
+  header: bt,
+  title: vt,
+  footer: yt
+}, wt = {
+  400: z.w400,
+  560: z.w560,
+  720: z.w720
+}, xt = {
+  center: z.center,
+  "inline-start": z.inlineStart,
+  "inline-end": z.inlineEnd
 };
-function gr({
+function Ni({
   open: e,
   onClose: n,
-  title: r,
+  title: i,
   footer: a,
   width: s = 560,
-  placement: i = "center",
+  placement: r = "center",
   dismissible: o = !0,
   className: c,
-  children: l,
-  ref: d,
+  children: d,
+  ref: l,
   ...u
 }) {
-  const h = N(null), p = q(), v = (m) => {
-    h.current = m, typeof d == "function" ? d(m) : d && (d.current = m);
+  const h = L(null), f = R(), g = (y) => {
+    h.current = y, typeof l == "function" ? l(y) : l && (l.current = y);
   };
   C(() => {
-    const m = h.current;
-    m && (e && !m.open ? m.showModal() : !e && m.open && m.close());
+    const y = h.current;
+    y && (e && !y.open ? y.showModal() : !e && y.open && y.close());
   }, [e]), C(() => {
     if (!e) return;
-    const m = document.body.style.overflow;
+    const y = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = m;
+      document.body.style.overflow = y;
     };
   }, [e]);
-  const w = (m) => {
-    m.preventDefault(), o && n("esc");
-  }, $ = (m) => {
-    o && m.target === h.current && n("backdrop");
-  }, k = [j.dialog, pt[s], gt[i], c].filter(Boolean).join(" ");
+  const b = (y) => {
+    y.preventDefault(), o && n("esc");
+  }, v = (y) => {
+    o && y.target === h.current && n("backdrop");
+  }, N = [z.dialog, wt[s], xt[r], c].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(
     "dialog",
     {
-      ref: v,
-      className: k,
-      "data-placement": i,
-      "aria-labelledby": r != null ? p : void 0,
-      onCancel: w,
-      onClick: $,
+      ref: g,
+      className: N,
+      "data-placement": r,
+      "aria-labelledby": i != null ? f : void 0,
+      onCancel: b,
+      onClick: v,
       ...u,
-      children: /* @__PURE__ */ _("div", { className: j.panel, children: [
-        (r != null || o) && /* @__PURE__ */ _("div", { className: j.header, children: [
-          r != null && /* @__PURE__ */ t("h2", { id: p, className: j.title, children: r }),
+      children: /* @__PURE__ */ _("div", { className: z.panel, children: [
+        (i != null || o) && /* @__PURE__ */ _("div", { className: z.header, children: [
+          i != null && /* @__PURE__ */ t("h2", { id: f, className: z.title, children: i }),
           o && /* @__PURE__ */ t(
-            J,
+            te,
             {
               variant: "ghost",
               size: 32,
               "aria-label": "Close dialog",
               onClick: () => n("close-button"),
-              children: /* @__PURE__ */ t(he, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ t(me, { "aria-hidden": "true" })
             }
           )
         ] }),
-        l,
-        a != null && /* @__PURE__ */ t("div", { className: j.footer, children: a })
+        d,
+        a != null && /* @__PURE__ */ t("div", { className: z.footer, children: a })
       ] })
     }
   );
 }
-const mt = "_input_pmr7w_3", vt = "_size24_pmr7w_43", bt = "_size32_pmr7w_49", yt = "_size40_pmr7w_55", wt = "_size48_pmr7w_61", xt = "_error_pmr7w_69", H = {
-  input: mt,
-  size24: vt,
-  size32: bt,
-  size40: yt,
-  size48: wt,
-  error: xt
-}, kt = {
-  24: H.size24,
-  32: H.size32,
-  40: H.size40,
-  48: H.size48
+const kt = "_input_pmr7w_3", Nt = "_size24_pmr7w_43", $t = "_size32_pmr7w_49", Bt = "_size40_pmr7w_55", Lt = "_size48_pmr7w_61", Ct = "_error_pmr7w_69", F = {
+  input: kt,
+  size24: Nt,
+  size32: $t,
+  size40: Bt,
+  size48: Lt,
+  error: Ct
+}, St = {
+  24: F.size24,
+  32: F.size32,
+  40: F.size40,
+  48: F.size48
 };
-function mr({ size: e = 32, error: n = !1, type: r = "text", className: a, ref: s, ...i }) {
-  const o = L(ie), c = n || ((o == null ? void 0 : o.invalid) ?? !1), l = [o == null ? void 0 : o.describedBy, i["aria-describedby"]].filter(Boolean).join(" ") || void 0, d = [H.input, kt[e], c && H.error, a].filter(Boolean).join(" ");
+function $i({ size: e = 32, error: n = !1, type: i = "text", className: a, ref: s, ...r }) {
+  const o = j(ue), c = n || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [F.input, St[e], c && F.error, a].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(
     "input",
     {
       ref: s,
-      className: d,
-      id: i.id ?? (o == null ? void 0 : o.id),
-      required: i.required ?? ((o == null ? void 0 : o.required) || void 0),
+      className: l,
+      id: r.id ?? (o == null ? void 0 : o.id),
+      required: r.required ?? ((o == null ? void 0 : o.required) || void 0),
       "aria-invalid": (o == null ? void 0 : o.invalid) || void 0,
-      type: r,
-      ...i,
-      "aria-describedby": l
+      type: i,
+      ...r,
+      "aria-describedby": d
     }
   );
 }
-const Nt = "_select_1eqz1_3", $t = "_size24_1eqz1_57", Bt = "_size32_1eqz1_67", Lt = "_size40_1eqz1_77", Ct = "_size48_1eqz1_87", St = "_error_1eqz1_99", V = {
-  select: Nt,
-  size24: $t,
-  size32: Bt,
-  size40: Lt,
-  size48: Ct,
-  error: St
-}, jt = {
-  24: V.size24,
-  32: V.size32,
-  40: V.size40,
-  48: V.size48
+const jt = "_select_1eqz1_3", Tt = "_size24_1eqz1_57", zt = "_size32_1eqz1_67", It = "_size40_1eqz1_77", Et = "_size48_1eqz1_87", At = "_error_1eqz1_99", K = {
+  select: jt,
+  size24: Tt,
+  size32: zt,
+  size40: It,
+  size48: Et,
+  error: At
+}, Mt = {
+  24: K.size24,
+  32: K.size32,
+  40: K.size40,
+  48: K.size48
 };
-function vr({
+function Bi({
   size: e = 32,
   error: n = !1,
-  className: r,
+  className: i,
   ref: a,
   children: s,
-  ...i
+  ...r
 }) {
-  const o = L(ie), c = n || ((o == null ? void 0 : o.invalid) ?? !1), l = [o == null ? void 0 : o.describedBy, i["aria-describedby"]].filter(Boolean).join(" ") || void 0, d = [
-    V.select,
-    jt[e],
-    c && V.error,
-    r
+  const o = j(ue), c = n || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
+    K.select,
+    Mt[e],
+    c && K.error,
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(
     "select",
     {
       ref: a,
-      className: d,
-      id: i.id ?? (o == null ? void 0 : o.id),
-      required: i.required ?? ((o == null ? void 0 : o.required) || void 0),
+      className: l,
+      id: r.id ?? (o == null ? void 0 : o.id),
+      required: r.required ?? ((o == null ? void 0 : o.required) || void 0),
       "aria-invalid": (o == null ? void 0 : o.invalid) || void 0,
-      ...i,
-      "aria-describedby": l,
+      ...r,
+      "aria-describedby": d,
       children: s
     }
   );
 }
-const zt = "_label_1jm35_3", Tt = "_disabled_1jm35_13", It = "_indicator_1jm35_26", Et = "_input_1jm35_42", At = "_text_1jm35_67", Y = {
-  label: zt,
-  disabled: Tt,
-  indicator: It,
-  input: Et,
-  text: At
+const Wt = "_label_1jm35_3", Dt = "_disabled_1jm35_13", Pt = "_indicator_1jm35_26", qt = "_input_1jm35_42", Rt = "_text_1jm35_67", ee = {
+  label: Wt,
+  disabled: Dt,
+  indicator: Pt,
+  input: qt,
+  text: Rt
 };
-function $e({
+function Ce({
   children: e,
   className: n,
-  disabled: r,
+  disabled: i,
   ref: a,
   ...s
 }) {
-  const i = [Y.label, r && Y.disabled, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("label", { className: i, children: [
+  const r = [ee.label, i && ee.disabled, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("label", { className: r, children: [
     /* @__PURE__ */ t(
       "input",
       {
         ref: a,
         type: "checkbox",
-        className: `psi-sr-only ${Y.input}`,
-        disabled: r,
+        className: `psi-sr-only ${ee.input}`,
+        disabled: i,
         ...s
       }
     ),
-    /* @__PURE__ */ t("span", { className: Y.indicator, "aria-hidden": "true" }),
-    e && /* @__PURE__ */ t("span", { className: Y.text, children: e })
+    /* @__PURE__ */ t("span", { className: ee.indicator, "aria-hidden": "true" }),
+    e && /* @__PURE__ */ t("span", { className: ee.text, children: e })
   ] });
 }
-const Mt = "_label_yv464_3", Wt = "_disabled_yv464_13", qt = "_track_yv464_26", Pt = "_input_yv464_38", Dt = "_thumb_yv464_50", Rt = "_text_yv464_67", R = {
-  label: Mt,
-  disabled: Wt,
-  track: qt,
-  input: Pt,
-  thumb: Dt,
-  text: Rt
+const Ht = "_label_yv464_3", Vt = "_disabled_yv464_13", Ot = "_track_yv464_26", Ft = "_input_yv464_38", Kt = "_thumb_yv464_50", Ut = "_text_yv464_67", O = {
+  label: Ht,
+  disabled: Vt,
+  track: Ot,
+  input: Ft,
+  thumb: Kt,
+  text: Ut
 };
-function br({
+function Li({
   children: e,
   className: n,
-  disabled: r,
+  disabled: i,
   ref: a,
   ...s
 }) {
-  const i = [R.label, r && R.disabled, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("label", { className: i, children: [
+  const r = [O.label, i && O.disabled, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("label", { className: r, children: [
     /* @__PURE__ */ t(
       "input",
       {
         ref: a,
         type: "checkbox",
         role: "switch",
-        className: `psi-sr-only ${R.input}`,
-        disabled: r,
+        className: `psi-sr-only ${O.input}`,
+        disabled: i,
         ...s
       }
     ),
-    /* @__PURE__ */ t("span", { className: R.track, "aria-hidden": "true", children: /* @__PURE__ */ t("span", { className: R.thumb }) }),
-    e && /* @__PURE__ */ t("span", { className: R.text, children: e })
+    /* @__PURE__ */ t("span", { className: O.track, "aria-hidden": "true", children: /* @__PURE__ */ t("span", { className: O.thumb }) }),
+    e && /* @__PURE__ */ t("span", { className: O.text, children: e })
   ] });
 }
-const Ht = "_tag_1r2xw_3", Vt = "_dismiss_1r2xw_17", Ft = "_neutral_1r2xw_43", Kt = "_accent_1r2xw_48", Ot = "_success_1r2xw_53", Ut = "_warning_1r2xw_58", Yt = "_danger_1r2xw_63", Zt = "_neutralSubtle_1r2xw_70", Gt = "_accentSubtle_1r2xw_75", Xt = "_successSubtle_1r2xw_80", Jt = "_warningSubtle_1r2xw_85", Qt = "_dangerSubtle_1r2xw_90", B = {
-  tag: Ht,
-  dismiss: Vt,
-  neutral: Ft,
-  accent: Kt,
-  success: Ot,
-  warning: Ut,
-  danger: Yt,
-  neutralSubtle: Zt,
-  accentSubtle: Gt,
-  successSubtle: Xt,
-  warningSubtle: Jt,
-  dangerSubtle: Qt
-}, eo = {
-  neutral: B.neutral,
-  accent: B.accent,
-  success: B.success,
-  warning: B.warning,
-  danger: B.danger
-}, no = {
-  neutral: B.neutralSubtle,
-  accent: B.accentSubtle,
-  success: B.successSubtle,
-  warning: B.warningSubtle,
-  danger: B.dangerSubtle
+const Gt = "_tag_1r2xw_3", Yt = "_dismiss_1r2xw_17", Zt = "_neutral_1r2xw_43", Xt = "_accent_1r2xw_48", Jt = "_success_1r2xw_53", Qt = "_warning_1r2xw_58", eo = "_danger_1r2xw_63", no = "_neutralSubtle_1r2xw_70", to = "_accentSubtle_1r2xw_75", oo = "_successSubtle_1r2xw_80", ro = "_warningSubtle_1r2xw_85", io = "_dangerSubtle_1r2xw_90", S = {
+  tag: Gt,
+  dismiss: Yt,
+  neutral: Zt,
+  accent: Xt,
+  success: Jt,
+  warning: Qt,
+  danger: eo,
+  neutralSubtle: no,
+  accentSubtle: to,
+  successSubtle: oo,
+  warningSubtle: ro,
+  dangerSubtle: io
+}, so = {
+  neutral: S.neutral,
+  accent: S.accent,
+  success: S.success,
+  warning: S.warning,
+  danger: S.danger
+}, ao = {
+  neutral: S.neutralSubtle,
+  accent: S.accentSubtle,
+  success: S.successSubtle,
+  warning: S.warningSubtle,
+  danger: S.dangerSubtle
 };
-function yr({
+function Ci({
   variant: e = "neutral",
   subtle: n = !1,
-  onDismiss: r,
+  onDismiss: i,
   className: a,
   children: s,
-  ref: i,
+  ref: r,
   ...o
 }) {
-  const c = n ? no : eo, l = [B.tag, c[e], a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("span", { ref: i, className: l, ...o, children: [
+  const c = n ? ao : so, d = [S.tag, c[e], a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("span", { ref: r, className: d, ...o, children: [
     s,
-    r && /* @__PURE__ */ t(
+    i && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: B.dismiss,
-        onClick: r,
+        className: S.dismiss,
+        onClick: i,
         "aria-label": "Dismiss",
         children: /* @__PURE__ */ _(
           "svg",
@@ -807,83 +807,88 @@ function yr({
     )
   ] });
 }
-const to = "_wrapper_1eu6z_3", oo = "_tooltip_1eu6z_10", io = "_top_1eu6z_24", ro = "_bottom_1eu6z_31", so = "_left_1eu6z_38", ao = "_right_1eu6z_45", F = {
-  wrapper: to,
-  tooltip: oo,
-  top: io,
-  bottom: ro,
-  left: so,
-  right: ao
-}, co = {
-  top: F.top,
-  bottom: F.bottom,
-  left: F.left,
-  right: F.right
-}, lo = 150;
-function wr({
+const co = "_wrapper_1eu6z_3", lo = "_tooltip_1eu6z_10", uo = "_top_1eu6z_24", ho = "_bottom_1eu6z_31", _o = "_left_1eu6z_38", fo = "_right_1eu6z_45", U = {
+  wrapper: co,
+  tooltip: lo,
+  top: uo,
+  bottom: ho,
+  left: _o,
+  right: fo
+}, po = {
+  top: U.top,
+  bottom: U.bottom,
+  left: U.left,
+  right: U.right
+}, go = 150;
+function Si({
   content: e,
   children: n,
-  placement: r = "top"
+  placement: i = "top"
 }) {
-  const [a, s] = Ne(!1), i = q(), o = N(void 0), c = b(() => {
+  const [a, s] = se(!1), r = R(), o = L(void 0), c = w(() => {
     o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0);
-  }, []), l = b(() => s(!0), []), d = b(() => s(!1), []);
+  }, []), d = w(() => s(!0), []), l = w(() => s(!1), []);
   C(() => c, [c]), C(() => {
     if (!a) return;
-    const h = (p) => {
-      p.key === "Escape" && d();
+    const h = (f) => {
+      f.key === "Escape" && l();
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [a, d]);
+  }, [a, l]);
   const u = de(n, {
-    "aria-describedby": a ? i : void 0,
+    "aria-describedby": a ? r : void 0,
     onMouseEnter: (h) => {
-      c(), o.current = window.setTimeout(l, lo);
-      const p = n.props.onMouseEnter;
-      p == null || p(h);
+      c(), o.current = window.setTimeout(d, go);
+      const f = n.props.onMouseEnter;
+      f == null || f(h);
     },
     onMouseLeave: (h) => {
-      c(), d();
-      const p = n.props.onMouseLeave;
-      p == null || p(h);
+      c(), l();
+      const f = n.props.onMouseLeave;
+      f == null || f(h);
     },
     onFocus: (h) => {
-      l();
-      const p = n.props.onFocus;
-      p == null || p(h);
+      d();
+      const f = n.props.onFocus;
+      f == null || f(h);
     },
     onBlur: (h) => {
-      c(), d();
-      const p = n.props.onBlur;
-      p == null || p(h);
+      c(), l();
+      const f = n.props.onBlur;
+      f == null || f(h);
     }
   });
-  return /* @__PURE__ */ _("span", { className: F.wrapper, children: [
+  return /* @__PURE__ */ _("span", { className: U.wrapper, children: [
     u,
     a && /* @__PURE__ */ t(
       "span",
       {
-        id: i,
+        id: r,
         role: "tooltip",
-        className: [F.tooltip, co[r]].filter(Boolean).join(" "),
+        className: [U.tooltip, po[i]].filter(Boolean).join(" "),
         children: e
       }
     )
   ] });
 }
-const uo = "_toolbar_oljum_1", ho = "_gap8_oljum_7", _o = "_gap12_oljum_8", fo = "_gap16_oljum_9", po = "_alignEnd_oljum_13", G = {
-  toolbar: uo,
-  gap8: ho,
-  gap12: _o,
-  gap16: fo,
-  alignEnd: po
-}, go = { 8: G.gap8, 12: G.gap12, 16: G.gap16 };
-function xr({ gap: e = 8, align: n = "center", as: r = "div", className: a, children: s, ref: i, ...o }) {
-  const c = [G.toolbar, go[e], n === "end" ? G.alignEnd : void 0, a].filter(Boolean).join(" ");
-  return r === "form" ? /* @__PURE__ */ t("form", { ref: i, className: c, ...o, children: s }) : /* @__PURE__ */ t(
+const mo = "_toolbar_8bwkv_1", bo = "_gap8_8bwkv_7", vo = "_gap12_8bwkv_8", yo = "_gap16_8bwkv_9", wo = "_alignEnd_8bwkv_13", xo = "_alignStart_8bwkv_19", G = {
+  toolbar: mo,
+  gap8: bo,
+  gap12: vo,
+  gap16: yo,
+  alignEnd: wo,
+  alignStart: xo
+}, ko = { 8: G.gap8, 12: G.gap12, 16: G.gap16 }, No = {
+  center: void 0,
+  end: G.alignEnd,
+  start: G.alignStart
+};
+function ji({ gap: e = 8, align: n = "center", as: i = "div", className: a, children: s, ref: r, ...o }) {
+  const c = [G.toolbar, ko[e], No[n], a].filter(Boolean).join(" ");
+  return i === "form" ? /* @__PURE__ */ t("form", { ref: r, className: c, ...o, children: s }) : /* @__PURE__ */ t(
     "div",
     {
-      ref: i,
+      ref: r,
       role: o["aria-label"] != null ? "group" : void 0,
       className: c,
       ...o,
@@ -891,175 +896,175 @@ function xr({ gap: e = 8, align: n = "center", as: r = "div", className: a, chil
     }
   );
 }
-const mo = "_trigger_uxpyi_4", vo = "_menu_uxpyi_16", bo = "_item_uxpyi_37", yo = "_separator_uxpyi_82", oe = {
-  trigger: mo,
-  menu: vo,
-  item: bo,
-  separator: yo
-}, wo = 500;
-function xo({ popoverRef: e, triggerRef: n, open: r, onEsc: a }) {
-  const s = N(""), i = N(0), o = b(() => {
-    const d = e.current;
-    return d ? Array.from(
-      d.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
+const $o = "_trigger_uxpyi_4", Bo = "_menu_uxpyi_16", Lo = "_item_uxpyi_37", Co = "_separator_uxpyi_82", le = {
+  trigger: $o,
+  menu: Bo,
+  item: Lo,
+  separator: Co
+}, So = 500;
+function jo({ popoverRef: e, triggerRef: n, open: i, onEsc: a }) {
+  const s = L(""), r = L(0), o = w(() => {
+    const l = e.current;
+    return l ? Array.from(
+      l.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
     ) : [];
-  }, [e]), c = b(
-    (d) => {
-      if (d) {
-        for (const u of o()) u.tabIndex = u === d ? 0 : -1;
-        d.focus();
+  }, [e]), c = w(
+    (l) => {
+      if (l) {
+        for (const u of o()) u.tabIndex = u === l ? 0 : -1;
+        l.focus();
       }
     },
     [o]
-  ), l = b(() => {
+  ), d = w(() => {
     var u;
-    const d = (u = n.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
-    d == null || d.focus();
+    const l = (u = n.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
+    l == null || l.focus();
   }, [n]);
   return C(() => {
-    if (!r) return;
-    const d = o();
-    return c(d[0]), () => {
+    if (!i) return;
+    const l = o();
+    return c(l[0]), () => {
       var u;
-      (u = e.current) != null && u.contains(document.activeElement) && l();
+      (u = e.current) != null && u.contains(document.activeElement) && d();
     };
-  }, [r, e, o, c, l]), b(
-    (d) => {
-      if (d.key === "Escape") {
-        d.preventDefault(), a();
+  }, [i, e, o, c, d]), w(
+    (l) => {
+      if (l.key === "Escape") {
+        l.preventDefault(), a();
         return;
       }
       const u = o();
       if (u.length === 0) return;
       const h = u.indexOf(document.activeElement);
-      switch (d.key) {
+      switch (l.key) {
         case "ArrowDown":
-          d.preventDefault(), c(u[(h + 1 + u.length) % u.length]);
+          l.preventDefault(), c(u[(h + 1 + u.length) % u.length]);
           return;
         case "ArrowUp":
-          d.preventDefault(), c(u[h <= 0 ? u.length - 1 : h - 1]);
+          l.preventDefault(), c(u[h <= 0 ? u.length - 1 : h - 1]);
           return;
         case "Home":
-          d.preventDefault(), c(u[0]);
+          l.preventDefault(), c(u[0]);
           return;
         case "End":
-          d.preventDefault(), c(u[u.length - 1]);
+          l.preventDefault(), c(u[u.length - 1]);
           return;
       }
-      if (d.key.length !== 1 || d.metaKey || d.ctrlKey || d.altKey) return;
-      const p = Date.now();
-      s.current = p - i.current > wo ? d.key.toLowerCase() : s.current + d.key.toLowerCase(), i.current = p;
-      const v = u.find(
-        (w) => (w.textContent ?? "").trim().toLowerCase().startsWith(s.current)
+      if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
+      const f = Date.now();
+      s.current = f - r.current > So ? l.key.toLowerCase() : s.current + l.key.toLowerCase(), r.current = f;
+      const g = u.find(
+        (b) => (b.textContent ?? "").trim().toLowerCase().startsWith(s.current)
       );
-      v && (d.preventDefault(), c(v));
+      g && (l.preventDefault(), c(g));
     },
     [o, c, a]
   );
 }
-function ko() {
+function To() {
   return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
 }
-function No({ popoverRef: e, triggerRef: n, open: r, placement: a, anchorName: s }) {
+function zo({ popoverRef: e, triggerRef: n, open: i, placement: a, anchorName: s }) {
   C(() => {
-    const i = n.current, o = e.current;
-    !i || !o || (i.style.setProperty("anchor-name", s), o.style.setProperty("position-anchor", s));
+    const r = n.current, o = e.current;
+    !r || !o || (r.style.setProperty("anchor-name", s), o.style.setProperty("position-anchor", s));
   }, [e, n, s]), C(() => {
-    if (!r || ko()) return;
-    const i = n.current, o = e.current;
-    if (!i || !o) return;
+    if (!i || To()) return;
+    const r = n.current, o = e.current;
+    if (!r || !o) return;
     const c = () => {
-      const l = i.getBoundingClientRect(), d = a.startsWith("bottom"), u = a.endsWith("end"), h = getComputedStyle(i).direction === "rtl", p = u !== h;
-      o.style.position = "fixed", o.style.top = d ? `${l.bottom}px` : "", o.style.bottom = d ? "" : `${window.innerHeight - l.top}px`, o.style.left = p ? "" : `${l.left}px`, o.style.right = p ? `${window.innerWidth - l.right}px` : "";
+      const d = r.getBoundingClientRect(), l = a.startsWith("bottom"), u = a.endsWith("end"), h = getComputedStyle(r).direction === "rtl", f = u !== h;
+      o.style.position = "fixed", o.style.top = l ? `${d.bottom}px` : "", o.style.bottom = l ? "" : `${window.innerHeight - d.top}px`, o.style.left = f ? "" : `${d.left}px`, o.style.right = f ? `${window.innerWidth - d.right}px` : "";
     };
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [r, a, e, n]);
+  }, [i, a, e, n]);
 }
-const Be = K({ close: () => {
+const Se = Z({ close: () => {
 } });
-function ye(e) {
+function Ne(e) {
   return e.hasAttribute("data-open") || e.matches(":popover-open");
 }
-function kr({
+function Ti({
   open: e,
   onClose: n,
-  trigger: r,
+  trigger: i,
   placement: a = "bottom-start",
   children: s,
-  className: i,
+  className: r,
   ref: o,
   ...c
 }) {
-  const l = N(null), d = N(null), u = N(!1), h = `--psi-menu-${q().replace(/:/g, "")}`;
-  No({ popoverRef: l, triggerRef: d, open: e, placement: a, anchorName: h });
-  const p = (f) => {
-    l.current = f, typeof o == "function" ? o(f) : o && (o.current = f);
+  const d = L(null), l = L(null), u = L(!1), h = `--psi-menu-${R().replace(/:/g, "")}`;
+  zo({ popoverRef: d, triggerRef: l, open: e, placement: a, anchorName: h });
+  const f = (x) => {
+    d.current = x, typeof o == "function" ? o(x) : o && (o.current = x);
   };
   C(() => {
-    const f = l.current;
-    if (!f) return;
-    const g = ye(f);
-    e && !g ? f.showPopover() : !e && g && (u.current = !0, f.hidePopover());
+    const x = d.current;
+    if (!x) return;
+    const A = Ne(x);
+    e && !A ? x.showPopover() : !e && A && (u.current = !0, x.hidePopover());
   }, [e]);
-  const v = b(() => {
-    const f = l.current;
-    if (f) {
+  const g = w(() => {
+    const x = d.current;
+    if (x) {
       if (u.current) {
         u.current = !1;
         return;
       }
-      ye(f) || e && n("outside");
+      Ne(x) || e && n("outside");
     }
-  }, [n, e]), w = xo({
-    popoverRef: l,
-    triggerRef: d,
+  }, [n, e]), b = jo({
+    popoverRef: d,
+    triggerRef: l,
     open: e,
     onEsc: () => n("esc")
-  }), $ = b(
-    (f) => {
-      n(f);
+  }), v = w(
+    (x) => {
+      n(x);
     },
     [n]
-  ), k = X(r);
+  ), N = Y(i);
   C(() => {
-    k || console.warn(
+    N || console.warn(
       "Psi Menu: `trigger` must be a single React element that forwards props to a focusable node. Menu clones it to attach aria-haspopup and aria-expanded; a string, fragment or array cannot carry them, so the menu renders without its trigger ARIA."
     );
-  }, [k]);
-  const m = k ? de(r, { "aria-haspopup": "menu", "aria-expanded": e }) : r;
-  return /* @__PURE__ */ _(ne, { children: [
-    /* @__PURE__ */ t("div", { ref: d, className: oe.trigger, "data-psi-menu-trigger": !0, children: m }),
+  }, [N]);
+  const y = N ? de(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
+  return /* @__PURE__ */ _(ie, { children: [
+    /* @__PURE__ */ t("div", { ref: l, className: le.trigger, "data-psi-menu-trigger": !0, children: y }),
     /* @__PURE__ */ t(
       "div",
       {
         ...c,
-        ref: p,
+        ref: f,
         popover: "auto",
         role: "menu",
         "data-psi-menu": !0,
         "data-placement": a,
-        className: [oe.menu, i].filter(Boolean).join(" "),
-        onToggle: v,
-        onKeyDown: w,
-        children: /* @__PURE__ */ t(Be.Provider, { value: { close: $ }, children: s })
+        className: [le.menu, r].filter(Boolean).join(" "),
+        onToggle: g,
+        onKeyDown: b,
+        children: /* @__PURE__ */ t(Se.Provider, { value: { close: v }, children: s })
       }
     )
   ] });
 }
-function Nr({ children: e, onSelect: n, variant: r = "neutral", disabled: a = !1 }) {
-  const { close: s } = L(Be);
+function zi({ children: e, onSelect: n, variant: i = "neutral", disabled: a = !1 }) {
+  const { close: s } = j(Se);
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       role: "menuitem",
       "data-psi-menu-item": !0,
-      "data-variant": r,
+      "data-variant": i,
       "aria-disabled": a || void 0,
       tabIndex: -1,
-      className: oe.item,
+      className: le.item,
       onClick: () => {
         a || (n(), s("item-select"));
       },
@@ -1067,588 +1072,600 @@ function Nr({ children: e, onSelect: n, variant: r = "neutral", disabled: a = !1
     }
   );
 }
-function $r() {
-  return /* @__PURE__ */ t("div", { role: "separator", "data-psi-menu-separator": !0, className: oe.separator });
-}
-const $o = "_table_1maek_3", Bo = "_caption_1maek_19", Lo = "_captionDetail_1maek_27", Co = "_headerCell_1maek_38", So = "_cell_1maek_44", jo = "_rowHeader_1maek_51", zo = "_sortButton_1maek_62", To = "_sortIndicator_1maek_79", Io = "_selectCell_1maek_123", Eo = "_body_1maek_130", Ao = "_row_1maek_51", Mo = "_sticky_1maek_155", y = {
-  table: $o,
-  caption: Bo,
-  captionDetail: Lo,
-  headerCell: Co,
-  cell: So,
-  rowHeader: jo,
-  sortButton: zo,
-  sortIndicator: To,
-  selectCell: Io,
-  body: Eo,
-  row: Ao,
-  sticky: Mo
-}, Le = /* @__PURE__ */ new Set(), O = K({
+function Ii() {
+  return /* @__PURE__ */ t("div", { role: "separator", "data-psi-menu-separator": !0, className: le.separator });
+}
+const Io = "_table_1maek_3", Eo = "_caption_1maek_19", Ao = "_captionDetail_1maek_27", Mo = "_headerCell_1maek_38", Wo = "_cell_1maek_44", Do = "_rowHeader_1maek_51", Po = "_sortButton_1maek_62", qo = "_sortIndicator_1maek_79", Ro = "_selectCell_1maek_123", Ho = "_body_1maek_130", Vo = "_row_1maek_51", Oo = "_sticky_1maek_155", $ = {
+  table: Io,
+  caption: Eo,
+  captionDetail: Ao,
+  headerCell: Mo,
+  cell: Wo,
+  rowHeader: Do,
+  sortButton: Po,
+  sortIndicator: qo,
+  selectCell: Ro,
+  body: Ho,
+  row: Vo,
+  sticky: Oo
+}, je = /* @__PURE__ */ new Set(), X = Z({
   size: 40,
   sortable: !1,
   sort: null,
   selectable: !1,
-  selected: Le
-}), Ce = K([]);
-function Wo({ children: e, className: n, ref: r, ...a }) {
-  return /* @__PURE__ */ t("tbody", { ...a, ref: r, className: [y.body, n].filter(Boolean).join(" "), children: e });
+  selected: je
+}), Te = Z([]);
+function Fo({ children: e, className: n, ref: i, ...a }) {
+  return /* @__PURE__ */ t("tbody", { ...a, ref: i, className: [$.body, n].filter(Boolean).join(" "), children: e });
 }
-function qo(e) {
+function Ko(e) {
   const n = [];
-  let r = !1, a = !1;
-  const s = (i) => {
-    W.forEach(i, function o(c) {
-      if (!X(c)) return;
-      if (c.type === ve) {
-        W.forEach(c.props.children, o);
+  let i = !1, a = !1;
+  const s = (r) => {
+    q.forEach(r, function o(c) {
+      if (!Y(c)) return;
+      if (c.type === pe) {
+        q.forEach(c.props.children, o);
         return;
       }
-      const l = c.props.rowId;
-      typeof l == "string" ? n.push(l) : a = !0;
+      const d = c.props.rowId;
+      typeof d == "string" ? n.push(d) : a = !0;
     });
   };
-  return W.forEach(e, function i(o) {
-    if (X(o)) {
-      if (o.type === ve) {
-        W.forEach(o.props.children, i);
+  return q.forEach(e, function r(o) {
+    if (Y(o)) {
+      if (o.type === pe) {
+        q.forEach(o.props.children, r);
         return;
       }
-      o.type === Wo && (r = !0, s(o.props.children));
+      o.type === Fo && (i = !0, s(o.props.children));
     }
-  }), { ids: n, sawBody: r, hasRowWithoutId: a };
+  }), { ids: n, sawBody: i, hasRowWithoutId: a };
 }
-function Br({
+function Ei({
   size: e = 40,
   stickyHeader: n,
-  sortable: r = !1,
+  sortable: i = !1,
   sort: a = null,
   onSortChange: s,
-  selectable: i = !1,
-  selected: o = Le,
+  selectable: r = !1,
+  selected: o = je,
   onSelectionChange: c,
-  children: l,
-  className: d,
+  children: d,
+  className: l,
   ref: u,
   ...h
 }) {
-  const p = [y.table, n && y.sticky, d].filter(Boolean).join(" "), { ids: v, sawBody: w, hasRowWithoutId: $ } = ue(() => qo(l), [l]);
-  return process.env.NODE_ENV !== "production" && (r && !s && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), i && !c && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), i && !w && console.warn("Psi Table: `selectable` is set but no `TableBody` is visible to `Table`. Wrapping `TableBody` in a component other than a Fragment hides its rows, and select-all will clear the selection instead of filling it."), i && $ && console.warn("Psi Table: `selectable` is set but a row in `TableBody` has no `rowId`. That row will render without a selection checkbox and select-all will not include it.")), /* @__PURE__ */ t(O.Provider, { value: { size: e, sortable: r, sort: a, onSortChange: s, selectable: i, selected: o, onSelectionChange: c }, children: /* @__PURE__ */ t(Ce.Provider, { value: v, children: /* @__PURE__ */ t("table", { ...h, ref: u, className: p, "data-size": e, children: l }) }) });
+  const f = [$.table, n && $.sticky, l].filter(Boolean).join(" "), { ids: g, sawBody: b, hasRowWithoutId: v } = ae(() => Ko(d), [d]);
+  return process.env.NODE_ENV !== "production" && (i && !s && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !c && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), r && !b && console.warn("Psi Table: `selectable` is set but no `TableBody` is visible to `Table`. Wrapping `TableBody` in a component other than a Fragment hides its rows, and select-all will clear the selection instead of filling it."), r && v && console.warn("Psi Table: `selectable` is set but a row in `TableBody` has no `rowId`. That row will render without a selection checkbox and select-all will not include it.")), /* @__PURE__ */ t(X.Provider, { value: { size: e, sortable: i, sort: a, onSortChange: s, selectable: r, selected: o, onSelectionChange: c }, children: /* @__PURE__ */ t(Te.Provider, { value: g, children: /* @__PURE__ */ t("table", { ...h, ref: u, className: f, "data-size": e, children: d }) }) });
 }
-function Po({ rowId: e, label: n }) {
-  const { selected: r, onSelectionChange: a } = L(O), s = () => {
-    const i = new Set(r);
-    i.has(e) ? i.delete(e) : i.add(e), a == null || a(i);
+function Uo({ rowId: e, label: n }) {
+  const { selected: i, onSelectionChange: a } = j(X), s = () => {
+    const r = new Set(i);
+    r.has(e) ? r.delete(e) : r.add(e), a == null || a(r);
   };
-  return /* @__PURE__ */ t("td", { className: `${y.cell} ${y.selectCell}`, children: /* @__PURE__ */ t($e, { "aria-label": n, checked: r.has(e), onChange: s }) });
+  return /* @__PURE__ */ t("td", { className: `${$.cell} ${$.selectCell}`, children: /* @__PURE__ */ t(Ce, { "aria-label": n, checked: i.has(e), onChange: s }) });
 }
-function Do() {
-  const { selected: e, onSelectionChange: n } = L(O), r = L(Ce), a = N(null), s = r.length > 0 && r.every((c) => e.has(c)), i = r.some((c) => e.has(c));
+function Go() {
+  const { selected: e, onSelectionChange: n } = j(X), i = j(Te), a = L(null), s = i.length > 0 && i.every((c) => e.has(c)), r = i.some((c) => e.has(c));
   C(() => {
-    a.current && (a.current.indeterminate = i && !s);
-  }, [i, s]);
+    a.current && (a.current.indeterminate = r && !s);
+  }, [r, s]);
   const o = () => {
     const c = new Set(e);
-    s ? r.forEach((l) => c.delete(l)) : r.forEach((l) => c.add(l)), n == null || n(c);
+    s ? i.forEach((d) => c.delete(d)) : i.forEach((d) => c.add(d)), n == null || n(c);
   };
-  return /* @__PURE__ */ t("th", { scope: "col", className: `${y.headerCell} ${y.selectCell}`, children: /* @__PURE__ */ t($e, { ref: a, "aria-label": "Select all rows", checked: s, onChange: o }) });
-}
-function Lr({ children: e, className: n, ref: r, ...a }) {
-  const { selectable: s } = L(O);
-  let i = !1;
-  const o = s ? W.map(e, (c) => {
-    if (i || !X(c)) return c;
-    i = !0;
-    const l = c;
+  return /* @__PURE__ */ t("th", { scope: "col", className: `${$.headerCell} ${$.selectCell}`, children: /* @__PURE__ */ t(Ce, { ref: a, "aria-label": "Select all rows", checked: s, onChange: o }) });
+}
+function Ai({ children: e, className: n, ref: i, ...a }) {
+  const { selectable: s } = j(X);
+  let r = !1;
+  const o = s ? q.map(e, (c) => {
+    if (r || !Y(c)) return c;
+    r = !0;
+    const d = c;
     return de(
-      l,
+      d,
       void 0,
-      /* @__PURE__ */ _(ne, { children: [
-        /* @__PURE__ */ t(Do, {}),
-        l.props.children
+      /* @__PURE__ */ _(ie, { children: [
+        /* @__PURE__ */ t(Go, {}),
+        d.props.children
       ] })
     );
   }) : e;
-  return /* @__PURE__ */ t("thead", { ...a, ref: r, className: [y.head, n].filter(Boolean).join(" "), children: o });
+  return /* @__PURE__ */ t("thead", { ...a, ref: i, className: [$.head, n].filter(Boolean).join(" "), children: o });
 }
-function Cr({ rowId: e, selectLabel: n, children: r, className: a, ref: s, ...i }) {
-  const { selectable: o, selected: c } = L(O), l = e !== void 0 && c.has(e);
+function Mi({ rowId: e, selectLabel: n, children: i, className: a, ref: s, ...r }) {
+  const { selectable: o, selected: c } = j(X), d = e !== void 0 && c.has(e);
   return /* @__PURE__ */ _(
     "tr",
     {
-      ...i,
+      ...r,
       ref: s,
-      className: [y.row, a].filter(Boolean).join(" "),
+      className: [$.row, a].filter(Boolean).join(" "),
       "data-row-id": e,
-      "data-selected": l || void 0,
+      "data-selected": d || void 0,
       children: [
-        o && e !== void 0 && /* @__PURE__ */ t(Po, { rowId: e, label: n ?? `Select row ${e}` }),
-        r
+        o && e !== void 0 && /* @__PURE__ */ t(Uo, { rowId: e, label: n ?? `Select row ${e}` }),
+        i
       ]
     }
   );
 }
-function Sr({ sortKey: e, numeric: n, children: r, className: a, ref: s, ...i }) {
-  const { sortable: o, sort: c, onSortChange: l } = L(O), d = o && e !== void 0, u = d && (c == null ? void 0 : c.key) === e, h = d ? u ? c.direction === "asc" ? "ascending" : "descending" : "none" : void 0, p = () => {
+function Wi({ sortKey: e, numeric: n, children: i, className: a, ref: s, ...r }) {
+  const { sortable: o, sort: c, onSortChange: d } = j(X), l = o && e !== void 0, u = l && (c == null ? void 0 : c.key) === e, h = l ? u ? c.direction === "asc" ? "ascending" : "descending" : "none" : void 0, f = () => {
     if (!e) return;
-    const v = u && c.direction === "asc" ? "desc" : "asc";
-    l == null || l({ key: e, direction: v });
+    const g = u && c.direction === "asc" ? "desc" : "asc";
+    d == null || d({ key: e, direction: g });
   };
   return /* @__PURE__ */ t(
     "th",
     {
-      ...i,
+      ...r,
       ref: s,
       scope: "col",
-      className: [y.headerCell, a].filter(Boolean).join(" "),
+      className: [$.headerCell, a].filter(Boolean).join(" "),
       "data-numeric": n || void 0,
       "aria-sort": h,
-      children: d ? /* @__PURE__ */ _("button", { type: "button", className: y.sortButton, onClick: p, children: [
-        r,
-        /* @__PURE__ */ t("span", { className: y.sortIndicator, "aria-hidden": "true", children: u ? c.direction === "asc" ? "↑" : "↓" : "" })
-      ] }) : r
+      children: l ? /* @__PURE__ */ _("button", { type: "button", className: $.sortButton, onClick: f, children: [
+        i,
+        /* @__PURE__ */ t("span", { className: $.sortIndicator, "aria-hidden": "true", children: u ? c.direction === "asc" ? "↑" : "↓" : "" })
+      ] }) : i
     }
   );
 }
-function jr({ numeric: e, colSpan: n, rowHeader: r, children: a, className: s, ref: i, ...o }) {
-  const c = [y.cell, r && y.rowHeader, s].filter(Boolean).join(" ");
-  return r ? /* @__PURE__ */ t("th", { ...o, ref: i, scope: "row", colSpan: n, className: c, "data-numeric": e || void 0, children: a }) : /* @__PURE__ */ t("td", { ...o, ref: i, colSpan: n, className: c, "data-numeric": e || void 0, children: a });
+function Di({ numeric: e, colSpan: n, rowHeader: i, children: a, className: s, ref: r, ...o }) {
+  const c = [$.cell, i && $.rowHeader, s].filter(Boolean).join(" ");
+  return i ? /* @__PURE__ */ t("th", { ...o, ref: r, scope: "row", colSpan: n, className: c, "data-numeric": e || void 0, children: a }) : /* @__PURE__ */ t("td", { ...o, ref: r, colSpan: n, className: c, "data-numeric": e || void 0, children: a });
 }
-function zr({ children: e, detail: n, className: r, ref: a, ...s }) {
-  return /* @__PURE__ */ _("caption", { ...s, ref: a, className: [y.caption, r].filter(Boolean).join(" "), children: [
+function Pi({ children: e, detail: n, className: i, ref: a, ...s }) {
+  return /* @__PURE__ */ _("caption", { ...s, ref: a, className: [$.caption, i].filter(Boolean).join(" "), children: [
     e,
-    n != null && /* @__PURE__ */ t("span", { className: y.captionDetail, children: n })
+    n != null && /* @__PURE__ */ t("span", { className: $.captionDetail, children: n })
   ] });
 }
-const Ro = "_nav_166vs_6", Ho = "_ellipsis_166vs_12", we = {
-  nav: Ro,
-  ellipsis: Ho
+const Yo = "_nav_166vs_6", Zo = "_ellipsis_166vs_12", $e = {
+  nav: Yo,
+  ellipsis: Zo
 };
-function Z(e, n) {
-  return Array.from({ length: n - e + 1 }, (r, a) => e + a);
-}
-function Vo(e, n, r) {
-  const a = Math.max(0, r), s = a * 2 + 1, i = s + 4;
-  if (n <= i)
-    return Z(1, n);
-  const o = Math.max(e - a, 1), c = Math.min(e + a, n), l = o > 3, d = c < n - 2;
-  if (!l && d) {
+function ne(e, n) {
+  return Array.from({ length: n - e + 1 }, (i, a) => e + a);
+}
+function Xo(e, n, i) {
+  const a = Math.max(0, i), s = a * 2 + 1, r = s + 4;
+  if (n <= r)
+    return ne(1, n);
+  const o = Math.max(e - a, 1), c = Math.min(e + a, n), d = o > 3, l = c < n - 2;
+  if (!d && l) {
     const u = Math.max(c, s);
-    return [...Z(1, u), "ellipsis", n];
+    return [...ne(1, u), "ellipsis", n];
   }
-  if (l && !d) {
+  if (d && !l) {
     const u = Math.min(o, n - s + 1);
-    return [1, "ellipsis", ...Z(u, n)];
+    return [1, "ellipsis", ...ne(u, n)];
   }
-  return l && d ? [1, "ellipsis", ...Z(o, c), "ellipsis", n] : Z(1, n);
+  return d && l ? [1, "ellipsis", ...ne(o, c), "ellipsis", n] : ne(1, n);
 }
-function Tr({
+function qi({
   page: e,
   pageCount: n,
-  onPageChange: r,
+  onPageChange: i,
   siblingCount: a = 1,
   "aria-label": s = "Pagination",
-  className: i
+  className: r
 }) {
-  const o = n >= 1, c = Number.isFinite(e) ? e : 1, l = o ? Math.min(Math.max(c, 1), n) : 0;
-  process.env.NODE_ENV !== "production" && (!o || e !== l) && console.warn(
-    `Psi Pagination: \`page\` ${e} is out of range for \`pageCount\` ${n}; rendering page ${o ? l : "none"}. Clamp \`page\` when \`pageCount\` shrinks — e.g. after filtering.`
+  const o = n >= 1, c = Number.isFinite(e) ? e : 1, d = o ? Math.min(Math.max(c, 1), n) : 0;
+  process.env.NODE_ENV !== "production" && (!o || e !== d) && console.warn(
+    `Psi Pagination: \`page\` ${e} is out of range for \`pageCount\` ${n}; rendering page ${o ? d : "none"}. Clamp \`page\` when \`pageCount\` shrinks — e.g. after filtering.`
   );
-  const d = o ? Vo(l, n, a) : [];
-  return /* @__PURE__ */ _("nav", { "aria-label": s, className: [we.nav, i].filter(Boolean).join(" "), children: [
+  const l = o ? Xo(d, n, a) : [];
+  return /* @__PURE__ */ _("nav", { "aria-label": s, className: [$e.nav, r].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ t(
-      J,
+      te,
       {
         "aria-label": "Previous page",
         size: 32,
         variant: "ghost",
-        disabled: !o || l <= 1,
-        onClick: () => r(l - 1),
+        disabled: !o || d <= 1,
+        onClick: () => i(d - 1),
         children: /* @__PURE__ */ t("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", width: "16", height: "16", children: /* @__PURE__ */ t("path", { d: "M10 3 5 8l5 5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) })
       }
     ),
-    d.map(
-      (u, h) => u === "ellipsis" ? /* @__PURE__ */ t("span", { className: we.ellipsis, "aria-hidden": "true", children: "…" }, `e${h}`) : /* @__PURE__ */ t(
-        te,
+    l.map(
+      (u, h) => u === "ellipsis" ? /* @__PURE__ */ t("span", { className: $e.ellipsis, "aria-hidden": "true", children: "…" }, `e${h}`) : /* @__PURE__ */ t(
+        ce,
         {
           size: 32,
-          variant: u === l ? "accent-subtle" : "ghost",
-          "aria-current": u === l ? "page" : void 0,
-          onClick: () => r(u),
+          variant: u === d ? "accent-subtle" : "ghost",
+          "aria-current": u === d ? "page" : void 0,
+          onClick: () => i(u),
           children: String(u)
         },
         u
       )
     ),
     /* @__PURE__ */ t(
-      J,
+      te,
       {
         "aria-label": "Next page",
         size: 32,
         variant: "ghost",
-        disabled: !o || l >= n,
-        onClick: () => r(l + 1),
+        disabled: !o || d >= n,
+        onClick: () => i(d + 1),
         children: /* @__PURE__ */ t("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", width: "16", height: "16", children: /* @__PURE__ */ t("path", { d: "m6 3 5 5-5 5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) })
       }
     )
   ] });
 }
-const Fo = "_nav_jbhk1_5", Ko = {
-  nav: Fo
+const Jo = "_nav_jbhk1_5", Qo = {
+  nav: Jo
 };
-function Ir({
+function Ri({
   hasPrevious: e,
   hasNext: n,
-  onPrevious: r,
+  onPrevious: i,
   onNext: a,
   previousLabel: s = "Previous",
-  nextLabel: i = "Next",
+  nextLabel: r = "Next",
   size: o = 32,
   "aria-label": c = "Pagination",
-  className: l
+  className: d
 }) {
-  return /* @__PURE__ */ _("nav", { "aria-label": c, className: [Ko.nav, l].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ _(te, { variant: "ghost", size: o, disabled: !e, onClick: r, children: [
-      /* @__PURE__ */ t(Qn, { size: 16, "aria-hidden": "true" }),
+  return /* @__PURE__ */ _("nav", { "aria-label": c, className: [Qo.nav, d].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ _(ce, { variant: "ghost", size: o, disabled: !e, onClick: i, children: [
+      /* @__PURE__ */ t(it, { size: 16, "aria-hidden": "true" }),
       /* @__PURE__ */ t("span", { children: s })
     ] }),
-    /* @__PURE__ */ _(te, { variant: "ghost", size: o, disabled: !n, onClick: a, children: [
-      /* @__PURE__ */ t("span", { children: i }),
-      /* @__PURE__ */ t(Jn, { size: 16, "aria-hidden": "true" })
+    /* @__PURE__ */ _(ce, { variant: "ghost", size: o, disabled: !n, onClick: a, children: [
+      /* @__PURE__ */ t("span", { children: r }),
+      /* @__PURE__ */ t(rt, { size: 16, "aria-hidden": "true" })
     ] })
   ] });
 }
-const _e = {
-  neutral: nt,
-  success: Xn,
-  warning: tt,
-  danger: ot
-}, Oo = {
+const be = {
+  neutral: at,
+  success: ot,
+  warning: ct,
+  danger: lt
+}, er = {
   neutral: null,
   success: "Success:",
   warning: "Warning:",
   danger: "Error:"
 };
-function fe(e, n) {
-  return n === void 0 ? Oo[e] : n;
-}
-const Uo = "_toast_1gxg8_10", Yo = "_icon_1gxg8_39", Zo = "_iconNeutral_1gxg8_44", Go = "_iconSuccess_1gxg8_45", Xo = "_iconWarning_1gxg8_46", Jo = "_iconDanger_1gxg8_47", Qo = "_body_1gxg8_51", ei = "_action_1gxg8_55", ni = "_region_1gxg8_61", ti = "_live_1gxg8_91", z = {
-  toast: Uo,
-  icon: Yo,
-  iconNeutral: Zo,
-  iconSuccess: Go,
-  iconWarning: Xo,
-  iconDanger: Jo,
-  body: Qo,
-  action: ei,
-  region: ni,
-  live: ti
-}, oi = {
-  neutral: z.iconNeutral,
-  success: z.iconSuccess,
-  warning: z.iconWarning,
-  danger: z.iconDanger
+function ve(e, n) {
+  return n === void 0 ? er[e] : n;
+}
+const nr = "_toast_1gxg8_10", tr = "_icon_1gxg8_39", or = "_iconNeutral_1gxg8_44", rr = "_iconSuccess_1gxg8_45", ir = "_iconWarning_1gxg8_46", sr = "_iconDanger_1gxg8_47", ar = "_body_1gxg8_51", cr = "_action_1gxg8_55", lr = "_region_1gxg8_61", dr = "_live_1gxg8_91", I = {
+  toast: nr,
+  icon: tr,
+  iconNeutral: or,
+  iconSuccess: rr,
+  iconWarning: ir,
+  iconDanger: sr,
+  body: ar,
+  action: cr,
+  region: lr,
+  live: dr
+}, ur = {
+  neutral: I.iconNeutral,
+  success: I.iconSuccess,
+  warning: I.iconWarning,
+  danger: I.iconDanger
 };
-function le({
+function ge({
   variant: e = "neutral",
   children: n,
-  action: r,
+  action: i,
   onDismiss: a,
   statusLabel: s,
-  className: i,
+  className: r,
   ref: o
 }) {
-  const c = _e[e], l = fe(e, s), d = [z.toast, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { ref: o, className: d, "data-variant": e, "data-psi-toast": !0, children: [
-    /* @__PURE__ */ t("span", { className: [z.icon, oi[e]].join(" "), children: /* @__PURE__ */ t(c, { size: 20, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ _("div", { className: z.body, children: [
-      l && /* @__PURE__ */ t("span", { className: "psi-sr-only", children: l }),
+  const c = be[e], d = ve(e, s), l = [I.toast, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { ref: o, className: l, "data-variant": e, "data-psi-toast": !0, children: [
+    /* @__PURE__ */ t("span", { className: [I.icon, ur[e]].join(" "), children: /* @__PURE__ */ t(c, { size: 20, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ _("div", { className: I.body, children: [
+      d && /* @__PURE__ */ t("span", { className: "psi-sr-only", children: d }),
       n
     ] }),
-    r != null && /* @__PURE__ */ t("div", { className: z.action, children: r }),
+    i != null && /* @__PURE__ */ t("div", { className: I.action, children: i }),
     a && /* @__PURE__ */ t(
-      J,
+      te,
       {
         variant: "ghost",
         size: 32,
         "aria-label": "Dismiss notification",
         onClick: a,
-        children: /* @__PURE__ */ t(he, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ t(me, { "aria-hidden": "true" })
       }
     )
   ] });
 }
-function ii({ children: e }) {
+function ze({ children: e }) {
   return /* @__PURE__ */ t("div", { className: "psi-sr-only", "data-psi-announcement": !0, children: e });
 }
-const ri = /* @__PURE__ */ new Set(["warning", "danger"]);
-function xe(e) {
-  if (!X(e) || e.type !== le && e.type !== ii) return !1;
-  const { politeness: n, variant: r } = e.props;
-  return n !== void 0 ? n === "assertive" : e.type === le && ri.has(r ?? "neutral");
+const hr = /* @__PURE__ */ new Set(["warning", "danger"]);
+function Be(e) {
+  if (!Y(e) || e.type !== ge && e.type !== ze) return !1;
+  const { politeness: n, variant: i } = e.props;
+  return n !== void 0 ? n === "assertive" : e.type === ge && hr.has(i ?? "neutral");
 }
-function si({
+function _r({
   placement: e = "bottom-end",
   "aria-label": n = "Notifications",
-  children: r,
+  children: i,
   className: a,
   ref: s,
-  ...i
+  ...r
 }) {
-  const o = N(null), c = (h) => {
+  const o = L(null), c = (h) => {
     o.current = h, typeof s == "function" ? s(h) : s && (s.current = h);
   };
   C(() => {
-    var p;
+    var f;
     const h = o.current;
     if (h)
-      return (p = h.showPopover) == null || p.call(h), () => {
-        var v;
-        (v = h.hidePopover) == null || v.call(h);
+      return (f = h.showPopover) == null || f.call(h), () => {
+        var g;
+        (g = h.hidePopover) == null || g.call(h);
       };
   }, []);
-  const l = W.toArray(r), d = l.filter(xe), u = l.filter((h) => !xe(h));
+  const d = q.toArray(i), l = d.filter(Be), u = d.filter((h) => !Be(h));
   return /* @__PURE__ */ _(
     "div",
     {
-      ...i,
+      ...r,
       ref: c,
+      role: "region",
       popover: "manual",
       "aria-label": n,
       "data-placement": e,
       "data-psi-toast-region": !0,
-      className: [z.region, a].filter(Boolean).join(" "),
+      className: [I.region, a].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: z.live, children: u }),
-        /* @__PURE__ */ t("div", { role: "alert", "aria-live": "assertive", className: z.live, children: d })
+        /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", "aria-atomic": "false", className: I.live, children: u }),
+        /* @__PURE__ */ t("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "false", className: I.live, children: l })
       ]
     }
   );
 }
-const Se = K(null);
-function Er() {
-  const e = L(Se);
+const Ie = Z(null);
+function Hi() {
+  const e = j(Ie);
   if (!e)
     throw new Error(
       "Psi useToast: no ToastProvider found. Wrap your app (or the subtree that raises toasts) in <ToastProvider> — it owns the queue, the auto-dismiss timers and the single ToastRegion."
     );
   return e;
 }
-function Ar({
+const fr = 1e3;
+function Vi({
   limit: e = 3,
   duration: n = 5e3,
-  actionDuration: r = 1e4,
+  actionDuration: i = 1e4,
   placement: a = "bottom-end",
-  children: s
+  children: s,
+  ...r
 }) {
-  const [i, o] = Ne([]), c = N(/* @__PURE__ */ new Map()), l = N(!1), d = N(0), u = q(), h = b((f) => {
-    const g = c.current.get(f);
-    (g == null ? void 0 : g.handle) !== void 0 && clearTimeout(g.handle), c.current.delete(f), o((S) => S.filter((se) => se.id !== f));
-  }, []), p = b(
-    (f, g) => {
-      const S = l.current ? { handle: void 0, remaining: g, startedAt: void 0 } : { handle: setTimeout(() => h(f), g), remaining: g, startedAt: Date.now() };
-      c.current.set(f, S);
+  const [o, c] = se([]), [d, l] = se([]), u = L(/* @__PURE__ */ new Map()), h = L(!1), f = L(0), g = R(), b = w((p) => {
+    const m = u.current.get(p);
+    (m == null ? void 0 : m.handle) !== void 0 && clearTimeout(m.handle), u.current.delete(p), c((k) => k.some((T) => T.id === p) ? k.filter((T) => T.id !== p) : k), l((k) => k.some((T) => T.id === p) ? k.filter((T) => T.id !== p) : k);
+  }, []), v = w(
+    (p, m) => {
+      const k = h.current ? { handle: void 0, remaining: m, startedAt: void 0 } : { handle: setTimeout(() => b(p), m), remaining: m, startedAt: Date.now() };
+      u.current.set(p, k);
     },
-    [h]
-  ), v = b(
-    ({ variant: f = "neutral", message: g, action: S, politeness: se, statusLabel: Ie }) => {
-      const ae = `${u}-${d.current++}`, ge = S != null ? r : n;
-      return o((Ee) => {
-        const ce = [
-          ...Ee,
-          { id: ae, variant: f, message: g, action: S, politeness: se, statusLabel: Ie, duration: ge }
+    [b]
+  ), N = w(
+    ({ variant: p = "neutral", message: m, action: k, politeness: T, statusLabel: De }) => {
+      const _e = `${g}-${f.current++}`, we = k != null ? i : n;
+      return c((Pe) => {
+        const fe = [
+          ...Pe,
+          { id: _e, variant: p, message: m, action: k, politeness: T, statusLabel: De, duration: we }
         ];
-        for (; ce.length > e; ) {
-          const me = ce.shift(), Q = c.current.get(me.id);
-          (Q == null ? void 0 : Q.handle) !== void 0 && clearTimeout(Q.handle), c.current.delete(me.id);
+        for (; fe.length > e; ) {
+          const xe = fe.shift(), oe = u.current.get(xe.id);
+          (oe == null ? void 0 : oe.handle) !== void 0 && clearTimeout(oe.handle), u.current.delete(xe.id);
         }
-        return ce;
-      }), p(ae, ge), ae;
+        return fe;
+      }), v(_e, we), _e;
+    },
+    [i, v, n, g, e]
+  ), y = w(
+    (p, { politeness: m = "polite" } = {}) => {
+      const k = `${g}-${f.current++}`;
+      return l((T) => [...T, { id: k, message: p, politeness: m }]), v(k, fr), k;
     },
-    [r, p, n, u, e]
-  ), w = b(() => {
-    for (const f of c.current.values())
-      f.handle !== void 0 && clearTimeout(f.handle);
-    c.current.clear(), o([]);
-  }, []), $ = b(() => {
-    if (!l.current) {
-      l.current = !0;
-      for (const [f, g] of c.current) {
-        if (g.handle === void 0) continue;
-        clearTimeout(g.handle);
-        const S = g.startedAt === void 0 ? 0 : Date.now() - g.startedAt;
-        c.current.set(f, {
+    [v, g]
+  ), x = w(() => {
+    for (const p of u.current.values())
+      p.handle !== void 0 && clearTimeout(p.handle);
+    u.current.clear(), c([]), l([]);
+  }, []), A = w(() => {
+    if (!h.current) {
+      h.current = !0;
+      for (const [p, m] of u.current) {
+        if (m.handle === void 0) continue;
+        clearTimeout(m.handle);
+        const k = m.startedAt === void 0 ? 0 : Date.now() - m.startedAt;
+        u.current.set(p, {
           handle: void 0,
-          remaining: Math.max(0, g.remaining - S),
+          remaining: Math.max(0, m.remaining - k),
           startedAt: void 0
         });
       }
     }
-  }, []), k = b(() => {
-    if (l.current) {
-      l.current = !1;
-      for (const [f, g] of c.current)
-        g.handle === void 0 && c.current.set(f, {
-          handle: setTimeout(() => h(f), g.remaining),
-          remaining: g.remaining,
+  }, []), J = w(() => {
+    if (h.current) {
+      h.current = !1;
+      for (const [p, m] of u.current)
+        m.handle === void 0 && u.current.set(p, {
+          handle: setTimeout(() => b(p), m.remaining),
+          remaining: m.remaining,
           startedAt: Date.now()
         });
     }
-  }, [h]);
+  }, [b]);
   C(() => {
-    const f = c.current;
+    const p = u.current;
     return () => {
-      for (const g of f.values())
-        g.handle !== void 0 && clearTimeout(g.handle);
-      f.clear();
+      for (const m of p.values())
+        m.handle !== void 0 && clearTimeout(m.handle);
+      p.clear();
     };
   }, []);
-  const m = ue(
-    () => ({ show: v, dismiss: h, clear: w }),
-    [v, h, w]
+  const We = ae(
+    () => ({ show: N, announce: y, dismiss: b, clear: x }),
+    [N, y, b, x]
   );
-  return /* @__PURE__ */ _(Se.Provider, { value: m, children: [
+  return /* @__PURE__ */ _(Ie.Provider, { value: We, children: [
     s,
     /* @__PURE__ */ t(
       "div",
       {
-        onPointerEnter: $,
-        onPointerLeave: k,
-        onFocusCapture: $,
-        onBlurCapture: k,
-        children: /* @__PURE__ */ t(si, { placement: a, children: i.map((f) => /* @__PURE__ */ t(
-          le,
-          {
-            variant: f.variant,
-            action: f.action,
-            politeness: f.politeness,
-            statusLabel: f.statusLabel,
-            onDismiss: () => h(f.id),
-            children: f.message
-          },
-          f.id
-        )) })
+        onPointerEnter: A,
+        onPointerLeave: J,
+        onFocusCapture: A,
+        onBlurCapture: J,
+        children: /* @__PURE__ */ _(_r, { ...r, placement: a, children: [
+          o.map((p) => /* @__PURE__ */ t(
+            ge,
+            {
+              variant: p.variant,
+              action: p.action,
+              politeness: p.politeness,
+              statusLabel: p.statusLabel,
+              onDismiss: () => b(p.id),
+              children: p.message
+            },
+            p.id
+          )),
+          d.map((p) => /* @__PURE__ */ t(ze, { politeness: p.politeness, children: p.message }, p.id))
+        ] })
       }
     )
   ] });
 }
-const ai = "_banner_pco49_7", ci = "_icon_pco49_26", li = "_iconNeutral_pco49_31", di = "_iconSuccess_pco49_32", ui = "_iconWarning_pco49_33", hi = "_iconDanger_pco49_34", _i = "_body_pco49_36", fi = "_title_pco49_40", pi = "_action_pco49_45", I = {
-  banner: ai,
-  icon: ci,
-  iconNeutral: li,
-  iconSuccess: di,
-  iconWarning: ui,
-  iconDanger: hi,
-  body: _i,
-  title: fi,
-  action: pi
-}, gi = {
-  neutral: I.iconNeutral,
-  success: I.iconSuccess,
-  warning: I.iconWarning,
-  danger: I.iconDanger
+const pr = "_banner_pco49_7", gr = "_icon_pco49_26", mr = "_iconNeutral_pco49_31", br = "_iconSuccess_pco49_32", vr = "_iconWarning_pco49_33", yr = "_iconDanger_pco49_34", wr = "_body_pco49_36", xr = "_title_pco49_40", kr = "_action_pco49_45", M = {
+  banner: pr,
+  icon: gr,
+  iconNeutral: mr,
+  iconSuccess: br,
+  iconWarning: vr,
+  iconDanger: yr,
+  body: wr,
+  title: xr,
+  action: kr
+}, Nr = {
+  neutral: M.iconNeutral,
+  success: M.iconSuccess,
+  warning: M.iconWarning,
+  danger: M.iconDanger
 };
-function Mr({
+function Oi({
   variant: e = "neutral",
   title: n,
-  children: r,
+  children: i,
   action: a,
   onDismiss: s,
-  statusLabel: i,
+  statusLabel: r,
   className: o,
   ref: c,
-  ...l
+  ...d
 }) {
-  const d = _e[e], u = fe(e, i), h = [I.banner, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { ...l, ref: c, className: h, "data-variant": e, "data-psi-banner": !0, children: [
-    /* @__PURE__ */ t("span", { className: [I.icon, gi[e]].join(" "), children: /* @__PURE__ */ t(d, { size: 20, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ _("div", { className: I.body, children: [
+  const l = be[e], u = ve(e, r), h = [M.banner, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { ...d, ref: c, className: h, "data-variant": e, "data-psi-banner": !0, children: [
+    /* @__PURE__ */ t("span", { className: [M.icon, Nr[e]].join(" "), children: /* @__PURE__ */ t(l, { size: 20, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ _("div", { className: M.body, children: [
       u && /* @__PURE__ */ t("span", { className: "psi-sr-only", children: u }),
-      n != null && /* @__PURE__ */ t("strong", { className: I.title, children: n }),
-      r
+      n != null && /* @__PURE__ */ t("strong", { className: M.title, children: n }),
+      i
     ] }),
-    a != null && /* @__PURE__ */ t("div", { className: I.action, children: a }),
-    s && /* @__PURE__ */ t(J, { variant: "ghost", size: 32, "aria-label": "Dismiss", onClick: s, children: /* @__PURE__ */ t(he, { "aria-hidden": "true" }) })
+    a != null && /* @__PURE__ */ t("div", { className: M.action, children: a }),
+    s && /* @__PURE__ */ t(te, { variant: "ghost", size: 32, "aria-label": "Dismiss", onClick: s, children: /* @__PURE__ */ t(me, { "aria-hidden": "true" }) })
   ] });
 }
-const mi = "_inlineAlert_1tt2h_7", vi = "_icon_1tt2h_38", bi = "_iconNeutral_1tt2h_43", yi = "_iconSuccess_1tt2h_44", wi = "_iconWarning_1tt2h_45", xi = "_iconDanger_1tt2h_46", ki = "_body_1tt2h_48", Ni = "_title_1tt2h_52", $i = "_action_1tt2h_57", E = {
-  inlineAlert: mi,
-  icon: vi,
-  iconNeutral: bi,
-  iconSuccess: yi,
-  iconWarning: wi,
-  iconDanger: xi,
-  body: ki,
-  title: Ni,
-  action: $i
-}, Bi = {
-  neutral: E.iconNeutral,
-  success: E.iconSuccess,
-  warning: E.iconWarning,
-  danger: E.iconDanger
+const $r = "_inlineAlert_1tt2h_7", Br = "_icon_1tt2h_38", Lr = "_iconNeutral_1tt2h_43", Cr = "_iconSuccess_1tt2h_44", Sr = "_iconWarning_1tt2h_45", jr = "_iconDanger_1tt2h_46", Tr = "_body_1tt2h_48", zr = "_title_1tt2h_52", Ir = "_action_1tt2h_57", W = {
+  inlineAlert: $r,
+  icon: Br,
+  iconNeutral: Lr,
+  iconSuccess: Cr,
+  iconWarning: Sr,
+  iconDanger: jr,
+  body: Tr,
+  title: zr,
+  action: Ir
+}, Er = {
+  neutral: W.iconNeutral,
+  success: W.iconSuccess,
+  warning: W.iconWarning,
+  danger: W.iconDanger
 };
-function Wr({
+function Fi({
   variant: e = "neutral",
   title: n,
-  children: r,
+  children: i,
   action: a,
   statusLabel: s,
-  className: i,
+  className: r,
   ref: o,
   ...c
 }) {
-  const l = _e[e], d = fe(e, s), u = [E.inlineAlert, i].filter(Boolean).join(" ");
+  const d = be[e], l = ve(e, s), u = [W.inlineAlert, r].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("div", { ...c, ref: o, className: u, "data-variant": e, "data-psi-inline-alert": !0, children: [
-    /* @__PURE__ */ t("span", { className: [E.icon, Bi[e]].join(" "), children: /* @__PURE__ */ t(l, { size: 20, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ _("div", { className: E.body, children: [
-      d && /* @__PURE__ */ t("span", { className: "psi-sr-only", children: d }),
-      n != null && /* @__PURE__ */ t("strong", { className: E.title, children: n }),
-      r
+    /* @__PURE__ */ t("span", { className: [W.icon, Er[e]].join(" "), children: /* @__PURE__ */ t(d, { size: 20, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ _("div", { className: W.body, children: [
+      l && /* @__PURE__ */ t("span", { className: "psi-sr-only", children: l }),
+      n != null && /* @__PURE__ */ t("strong", { className: W.title, children: n }),
+      i
     ] }),
-    a != null && /* @__PURE__ */ t("div", { className: E.action, children: a })
+    a != null && /* @__PURE__ */ t("div", { className: W.action, children: a })
   ] });
 }
-const Li = "_skeleton_1yo7t_12", Ci = "_line_1yo7t_28", ke = {
-  skeleton: Li,
-  line: Ci
+const Ar = "_skeleton_1yo7t_12", Mr = "_line_1yo7t_28", Le = {
+  skeleton: Ar,
+  line: Mr
 };
-function qr({
+function Ki({
   variant: e = "text",
   lines: n = 1,
-  size: r = 40,
+  size: i = 40,
   className: a,
   ref: s,
-  ...i
+  ...r
 }) {
-  const o = [ke.skeleton, a].filter(Boolean).join(" "), c = Math.max(1, Math.floor(n));
+  const o = [Le.skeleton, a].filter(Boolean).join(" "), c = Math.max(1, Math.floor(n));
   return /* @__PURE__ */ t(
     "div",
     {
-      ...i,
+      ...r,
       ref: s,
       className: o,
       "aria-hidden": "true",
       "data-psi-skeleton": !0,
       "data-variant": e,
-      "data-size": e === "block" ? r : void 0,
-      children: e === "text" && Array.from({ length: c }, (l, d) => /* @__PURE__ */ t("span", { className: ke.line }, d))
+      "data-size": e === "block" ? i : void 0,
+      children: e === "text" && Array.from({ length: c }, (d, l) => /* @__PURE__ */ t("span", { className: Le.line }, l))
     }
   );
 }
-function Pr({
+function Ui({
   value: e,
   label: n = "Copy",
-  size: r = 32,
+  size: i = 32,
   variant: a = "ghost",
   onCopy: s,
-  className: i
+  className: r
 }) {
   return /* @__PURE__ */ _(
-    te,
+    ce,
     {
       type: "button",
       variant: a,
-      size: r,
-      className: i,
+      size: i,
+      className: r,
       onClick: () => {
         const o = typeof navigator < "u" ? navigator.clipboard : void 0;
         if (!(o != null && o.writeText)) {
@@ -1661,97 +1678,110 @@ function Pr({
         );
       },
       children: [
-        /* @__PURE__ */ t(et, { size: 16, "aria-hidden": "true" }),
+        /* @__PURE__ */ t(st, { size: 16, "aria-hidden": "true" }),
         /* @__PURE__ */ t("span", { children: n })
       ]
     }
   );
 }
-const Si = "_tabs_1x9om_8", ji = "_list_1x9om_21", zi = "_tab_1x9om_8", Ti = "_panel_1x9om_99", re = {
-  tabs: Si,
-  list: ji,
-  tab: zi,
-  panel: Ti
-}, je = K(null);
-function pe(e) {
-  const n = L(je);
+const Wr = "_tabs_1x9om_8", Dr = "_list_1x9om_21", Pr = "_tab_1x9om_8", qr = "_panel_1x9om_99", he = {
+  tabs: Wr,
+  list: Dr,
+  tab: Pr,
+  panel: qr
+}, Ee = Z(null);
+function ye(e) {
+  const n = j(Ee);
   if (!n)
     throw new Error(
       `Psi ${e}: must be rendered inside <Tabs>. Tabs owns the selected value, the orientation and the ids that wire aria-controls and aria-labelledby together.`
     );
   return n;
 }
-function Dr({
+function Gi({
   value: e,
   onValueChange: n,
-  orientation: r = "horizontal",
+  orientation: i = "horizontal",
   children: a,
   className: s,
-  ref: i
+  ref: r
 }) {
-  const o = q(), c = ue(
-    () => ({ value: e, onValueChange: n, orientation: r, idPrefix: o }),
-    [e, n, r, o]
+  const o = R(), [c, d] = se([]), l = w((g) => (d((b) => [...b, g]), () => d((b) => b.filter((v) => v !== g))), []), { tabStop: u, unmatched: h } = ae(() => {
+    if (c.length === 0) return { tabStop: e, unmatched: !1 };
+    if (c.some((v) => v.value === e)) return { tabStop: e, unmatched: !1 };
+    const g = [...c].sort(
+      (v, N) => v.el && N.el && v.el !== N.el ? v.el.compareDocumentPosition(N.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1 : 0
+    );
+    return { tabStop: (g.find((v) => !v.disabled) ?? g[0]).value, unmatched: !0 };
+  }, [c, e]);
+  C(() => {
+    !h || process.env.NODE_ENV === "production" || console.warn(
+      `Tabs: value "${e}" matches no tab; the first enabled tab takes the tab stop.`
+    );
+  }, [h, e]);
+  const f = ae(
+    () => ({ value: e, onValueChange: n, orientation: i, idPrefix: o, tabStop: u, registerTab: l }),
+    [e, n, i, o, u, l]
   );
-  return /* @__PURE__ */ t(je.Provider, { value: c, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Ee.Provider, { value: f, children: /* @__PURE__ */ t(
     "div",
     {
-      ref: i,
-      className: [re.tabs, s].filter(Boolean).join(" "),
-      "data-orientation": r,
+      ref: r,
+      className: [he.tabs, s].filter(Boolean).join(" "),
+      "data-orientation": i,
       children: a
     }
   ) });
 }
-function ze(e, n) {
+function Ae(e, n) {
   return `${e}tab-${n}`;
 }
-function Te(e, n) {
+function Me(e, n) {
   return `${e}panel-${n}`;
 }
-function Ii({ listRef: e, orientation: n, onValueChange: r }) {
-  const a = b(() => {
-    const i = e.current;
-    return i ? Array.from(
-      i.querySelectorAll('[data-psi-tab]:not([aria-disabled="true"])')
+function Rr({ listRef: e, orientation: n, onValueChange: i }) {
+  const a = w(() => {
+    const r = e.current;
+    return r ? Array.from(
+      r.querySelectorAll('[data-psi-tab]:not([aria-disabled="true"])')
     ) : [];
-  }, [e]), s = b(
-    (i) => {
-      if (!i) return;
-      for (const c of a()) c.tabIndex = c === i ? 0 : -1;
-      i.focus();
-      const o = i.dataset.value;
-      o != null && r(o);
+  }, [e]), s = w(
+    (r) => {
+      if (!r) return;
+      for (const c of a()) c.tabIndex = c === r ? 0 : -1;
+      r.focus();
+      const o = r.dataset.value;
+      o != null && i(o);
     },
-    [a, r]
+    [a, i]
   );
-  return b(
-    (i) => {
+  return w(
+    (r) => {
       const o = a();
       if (o.length === 0) return;
-      const [c, l] = n === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], d = o.indexOf(document.activeElement);
-      switch (i.key) {
-        case l:
-          i.preventDefault(), s(o[(d + 1 + o.length) % o.length]);
+      const [c, d] = n === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], l = o.indexOf(document.activeElement);
+      switch (r.key) {
+        case d:
+          r.preventDefault(), s(o[(l + 1 + o.length) % o.length]);
           break;
         case c:
-          i.preventDefault(), s(o[(d - 1 + o.length) % o.length]);
+          r.preventDefault(), s(o[(l - 1 + o.length) % o.length]);
           break;
         case "Home":
-          i.preventDefault(), s(o[0]);
+          r.preventDefault(), s(o[0]);
           break;
         case "End":
-          i.preventDefault(), s(o[o.length - 1]);
+          r.preventDefault(), s(o[o.length - 1]);
           break;
       }
     },
     [s, a, n]
   );
 }
-function Rr({ "aria-label": e, children: n, className: r, ref: a }) {
-  const { orientation: s, onValueChange: i } = pe("TabList"), o = N(null), c = (d) => {
-    o.current = d, typeof a == "function" ? a(d) : a && (a.current = d);
-  }, l = Ii({ listRef: o, orientation: s, onValueChange: i });
+function Yi({ "aria-label": e, children: n, className: i, ref: a }) {
+  const { orientation: s, onValueChange: r } = ye("TabList"), o = L(null), c = (l) => {
+    o.current = l, typeof a == "function" ? a(l) : a && (a.current = l);
+  }, d = Rr({ listRef: o, orientation: s, onValueChange: r });
   return /* @__PURE__ */ t(
     "div",
     {
@@ -1759,132 +1789,137 @@ function Rr({ "aria-label": e, children: n, className: r, ref: a }) {
       role: "tablist",
       "aria-label": e,
       "aria-orientation": s,
-      className: [re.list, r].filter(Boolean).join(" "),
-      onKeyDown: l,
+      className: [he.list, i].filter(Boolean).join(" "),
+      onKeyDown: d,
       children: n
     }
   );
 }
-function Hr({ value: e, children: n, disabled: r = !1, className: a, ref: s }) {
-  const i = pe("Tab"), o = i.value === e;
-  return /* @__PURE__ */ t(
+function Zi({ value: e, children: n, disabled: i = !1, className: a, ref: s }) {
+  const r = ye("Tab"), o = r.value === e, c = L(null), { registerTab: d } = r, l = (u) => {
+    c.current = u, typeof s == "function" ? s(u) : s && (s.current = u);
+  };
+  return qe(
+    () => d == null ? void 0 : d({ value: e, disabled: i, el: c.current }),
+    [d, e, i]
+  ), /* @__PURE__ */ t(
     "button",
     {
-      ref: s,
+      ref: l,
       type: "button",
       role: "tab",
-      id: ze(i.idPrefix, e),
+      id: Ae(r.idPrefix, e),
       "data-psi-tab": !0,
       "data-value": e,
       "aria-selected": o,
-      "aria-controls": Te(i.idPrefix, e),
-      "aria-disabled": r || void 0,
-      tabIndex: o ? 0 : -1,
-      className: [re.tab, a].filter(Boolean).join(" "),
+      "aria-controls": Me(r.idPrefix, e),
+      "aria-disabled": i || void 0,
+      tabIndex: (r.tabStop ?? r.value) === e ? 0 : -1,
+      className: [he.tab, a].filter(Boolean).join(" "),
       onClick: () => {
-        r || i.onValueChange(e);
+        i || r.onValueChange(e);
       },
       children: n
     }
   );
 }
-function Vr({ value: e, children: n, className: r, ref: a }) {
-  const s = pe("TabPanel"), i = s.value === e;
+function Xi({ value: e, children: n, className: i, ref: a }) {
+  const s = ye("TabPanel"), r = s.value === e;
   return /* @__PURE__ */ t(
     "div",
     {
       ref: a,
       role: "tabpanel",
-      id: Te(s.idPrefix, e),
-      "aria-labelledby": ze(s.idPrefix, e),
-      hidden: !i,
+      id: Me(s.idPrefix, e),
+      "aria-labelledby": Ae(s.idPrefix, e),
+      hidden: !r,
       tabIndex: 0,
-      className: [re.panel, r].filter(Boolean).join(" "),
+      className: [he.panel, i].filter(Boolean).join(" "),
       children: n
     }
   );
 }
 export {
-  ii as Announcement,
-  Ki as AppShell,
-  Oi as AspectRatio,
-  Mr as Banner,
-  te as Button,
-  Mi as Card,
-  $e as Checkbox,
-  Pr as CopyButton,
-  Ir as CursorPagination,
-  Pi as DescriptionItem,
-  qi as DescriptionList,
-  gr as Dialog,
-  Ui as Field,
-  ie as FieldContext,
-  ot as IconAlertCircle,
-  tt as IconAlertTriangle,
-  sr as IconArrowDown,
-  ar as IconArrowUpRight,
-  J as IconButton,
-  Xn as IconCheck,
-  Wn as IconChevronDown,
-  Qn as IconChevronLeft,
-  Jn as IconChevronRight,
-  he as IconClose,
-  et as IconCopy,
-  er as IconEdit,
-  tr as IconExternalLink,
-  or as IconEye,
-  ir as IconEyeOff,
-  lr as IconGitHub,
-  nt as IconInfo,
-  ur as IconInstagram,
-  cr as IconLinkedIn,
-  rr as IconLoader,
-  fr as IconLogOut,
-  _r as IconMenu,
-  Gi as IconMinus,
-  hr as IconMoreHorizontal,
-  Zi as IconPlus,
-  Xi as IconSearch,
-  Ji as IconSettings,
-  pr as IconSimCard,
-  nr as IconTrash,
-  Qi as IconUser,
-  dr as IconX,
-  Wr as InlineAlert,
-  mr as Input,
-  kr as Menu,
-  Be as MenuContext,
-  Nr as MenuItem,
-  $r as MenuSeparator,
-  Di as NavBar,
-  Vi as NavGroup,
-  Fi as NavItem,
-  Hi as NavTree,
-  Tr as Pagination,
-  Wi as Panel,
-  vr as Select,
-  qr as Skeleton,
-  Ri as SkipLink,
-  br as Switch,
-  Hr as Tab,
-  Rr as TabList,
-  Vr as TabPanel,
-  Br as Table,
-  Wo as TableBody,
-  zr as TableCaption,
-  jr as TableCell,
-  Lr as TableHead,
-  Sr as TableHeaderCell,
-  Cr as TableRow,
-  Dr as Tabs,
-  je as TabsContext,
-  yr as Tag,
-  le as Toast,
-  Se as ToastContext,
-  Ar as ToastProvider,
-  si as ToastRegion,
-  xr as Toolbar,
-  wr as Tooltip,
-  Yi as useFieldControl,
-  Er as useToast
+  ze as Announcement,
+  Qr as AppShell,
+  ei as AspectRatio,
+  Oi as Banner,
+  ce as Button,
+  Or as Card,
+  Ce as Checkbox,
+  Ui as CopyButton,
+  Ri as CursorPagination,
+  Ur as DescriptionItem,
+  Kr as DescriptionList,
+  Ni as Dialog,
+  ni as Field,
+  ue as FieldContext,
+  lt as IconAlertCircle,
+  ct as IconAlertTriangle,
+  fi as IconArrowDown,
+  pi as IconArrowUpRight,
+  te as IconButton,
+  ot as IconCheck,
+  Vn as IconChevronDown,
+  it as IconChevronLeft,
+  rt as IconChevronRight,
+  me as IconClose,
+  st as IconCopy,
+  ci as IconEdit,
+  di as IconExternalLink,
+  ui as IconEye,
+  hi as IconEyeOff,
+  mi as IconGitHub,
+  at as IconInfo,
+  vi as IconInstagram,
+  gi as IconLinkedIn,
+  _i as IconLoader,
+  xi as IconLogOut,
+  wi as IconMenu,
+  ri as IconMinus,
+  yi as IconMoreHorizontal,
+  oi as IconPlus,
+  ii as IconSearch,
+  si as IconSettings,
+  ki as IconSimCard,
+  li as IconTrash,
+  ai as IconUser,
+  bi as IconX,
+  Fi as InlineAlert,
+  $i as Input,
+  Ti as Menu,
+  Se as MenuContext,
+  zi as MenuItem,
+  Ii as MenuSeparator,
+  Gr as NavBar,
+  Xr as NavGroup,
+  Jr as NavItem,
+  Zr as NavTree,
+  qi as Pagination,
+  Fr as Panel,
+  Bi as Select,
+  Ki as Skeleton,
+  Yr as SkipLink,
+  Li as Switch,
+  Zi as Tab,
+  Yi as TabList,
+  Xi as TabPanel,
+  Ei as Table,
+  Fo as TableBody,
+  Pi as TableCaption,
+  Di as TableCell,
+  Ai as TableHead,
+  Wi as TableHeaderCell,
+  Mi as TableRow,
+  Gi as Tabs,
+  Ee as TabsContext,
+  Ci as Tag,
+  ge as Toast,
+  Ie as ToastContext,
+  Vi as ToastProvider,
+  _r as ToastRegion,
+  ji as Toolbar,
+  Si as Tooltip,
+  ti as useFieldControl,
+  Hi as useToast
 };