@handamade/psi-react 0.10.0 → 0.12.0

package/dist/index.js

@@ -1,64 +1,64 @@
-import { jsx as n, jsxs as _, Fragment as V } from "react/jsx-runtime";
-import { createContext as K, useId as O, useRef as z, useEffect as x, useContext as B, useState as se, useCallback as C, cloneElement as Y, isValidElement as q, useMemo as ie, Children as H, Fragment as X } from "react";
-const ae = "_button_c94w9_3", ce = "_disabled_c94w9_30", le = "_size24_c94w9_44", de = "_size32_c94w9_54", ue = "_size40_c94w9_64", he = "_size48_c94w9_74", _e = "_accent_c94w9_87", fe = "_accentSubtle_c94w9_99", pe = "_neutral_c94w9_111", be = "_neutralSubtle_c94w9_123", ve = "_ghost_c94w9_135", ge = "_danger_c94w9_147", ye = "_dangerSubtle_c94w9_159", we = "_outline_c94w9_171", b = {
-  button: ae,
-  disabled: ce,
-  size24: le,
-  size32: de,
-  size40: ue,
-  size48: he,
-  accent: _e,
-  accentSubtle: fe,
-  neutral: pe,
-  neutralSubtle: be,
-  ghost: ve,
-  danger: ge,
-  dangerSubtle: ye,
-  outline: we
-}, me = {
-  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
-}, ke = {
-  24: b.size24,
-  32: b.size32,
-  40: b.size40,
-  48: b.size48
+import { jsx as n, jsxs as p, Fragment as G } from "react/jsx-runtime";
+import { createContext as K, useId as U, useRef as N, useEffect as S, useContext as z, useState as le, useCallback as m, cloneElement as ee, isValidElement as O, useMemo as de, Children as W, Fragment as re } from "react";
+const ye = "_button_c94w9_3", me = "_disabled_c94w9_30", we = "_size24_c94w9_44", ke = "_size32_c94w9_54", xe = "_size40_c94w9_64", Ce = "_size48_c94w9_74", Be = "_accent_c94w9_87", Ne = "_accentSubtle_c94w9_99", Se = "_neutral_c94w9_111", $e = "_neutralSubtle_c94w9_123", Le = "_ghost_c94w9_135", ze = "_danger_c94w9_147", je = "_dangerSubtle_c94w9_159", Ie = "_outline_c94w9_171", w = {
+  button: ye,
+  disabled: me,
+  size24: we,
+  size32: ke,
+  size40: xe,
+  size48: Ce,
+  accent: Be,
+  accentSubtle: Ne,
+  neutral: Se,
+  neutralSubtle: $e,
+  ghost: Le,
+  danger: ze,
+  dangerSubtle: je,
+  outline: Ie
+}, Te = {
+  accent: w.accent,
+  "accent-subtle": w.accentSubtle,
+  neutral: w.neutral,
+  "neutral-subtle": w.neutralSubtle,
+  ghost: w.ghost,
+  danger: w.danger,
+  "danger-subtle": w.dangerSubtle,
+  outline: w.outline
+}, Ee = {
+  24: w.size24,
+  32: w.size32,
+  40: w.size40,
+  48: w.size48
 };
-function xe({
+function Me({
   variant: e = "neutral",
   size: t = 32,
-  href: s,
-  target: i,
+  href: i,
+  target: a,
   rel: c,
   disabled: r,
   className: o,
-  onClick: a,
+  onClick: s,
   ref: d,
   ...l
 }) {
   const u = [
-    b.button,
-    me[e],
-    ke[t],
-    s !== void 0 && r ? b.disabled : void 0,
+    w.button,
+    Te[e],
+    Ee[t],
+    i !== void 0 && r ? w.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
-  return s !== void 0 ? /* @__PURE__ */ n(
+  return i !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
       ref: d,
       className: u,
-      href: r ? void 0 : s,
-      target: i,
+      href: r ? void 0 : i,
+      target: a,
       rel: c,
       "aria-disabled": r || void 0,
-      onClick: r ? void 0 : a,
+      onClick: r ? void 0 : s,
       ...l
     }
   ) : /* @__PURE__ */ n(
@@ -67,62 +67,62 @@ function xe({
       ref: d,
       className: u,
       disabled: r,
-      onClick: a,
+      onClick: s,
       ...l
     }
   );
 }
-const Ce = "_iconButton_129ca_3", Be = "_disabled_129ca_29", $e = "_size24_129ca_37", ze = "_size32_129ca_42", je = "_size40_129ca_47", Le = "_size48_129ca_52", Ne = "_accent_129ca_60", Se = "_neutral_129ca_72", Ie = "_ghost_129ca_84", Me = "_danger_129ca_96", k = {
-  iconButton: Ce,
-  disabled: Be,
-  size24: $e,
-  size32: ze,
-  size40: je,
-  size48: Le,
-  accent: Ne,
-  neutral: Se,
-  ghost: Ie,
-  danger: Me
-}, Ee = {
-  accent: k.accent,
-  neutral: k.neutral,
-  ghost: k.ghost,
-  danger: k.danger
-}, Te = {
-  24: k.size24,
-  32: k.size32,
-  40: k.size40,
-  48: k.size48
+const We = "_iconButton_129ca_3", Ae = "_disabled_129ca_29", Pe = "_size24_129ca_37", De = "_size32_129ca_42", Re = "_size40_129ca_47", He = "_size48_129ca_52", Ve = "_accent_129ca_60", qe = "_neutral_129ca_72", Fe = "_ghost_129ca_84", Oe = "_danger_129ca_96", L = {
+  iconButton: We,
+  disabled: Ae,
+  size24: Pe,
+  size32: De,
+  size40: Re,
+  size48: He,
+  accent: Ve,
+  neutral: qe,
+  ghost: Fe,
+  danger: Oe
+}, Ke = {
+  accent: L.accent,
+  neutral: L.neutral,
+  ghost: L.ghost,
+  danger: L.danger
+}, Ue = {
+  24: L.size24,
+  32: L.size32,
+  40: L.size40,
+  48: L.size48
 };
-function U({
+function X({
   variant: e = "neutral",
   size: t = 32,
-  href: s,
-  target: i,
+  href: i,
+  target: a,
   rel: c,
   disabled: r,
   className: o,
-  onClick: a,
+  onClick: s,
   ref: d,
   ...l
 }) {
   const u = [
-    k.iconButton,
-    Ee[e],
-    Te[t],
-    s !== void 0 && r ? k.disabled : void 0,
+    L.iconButton,
+    Ke[e],
+    Ue[t],
+    i !== void 0 && r ? L.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
-  return s !== void 0 ? /* @__PURE__ */ n(
+  return i !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
       ref: d,
       className: u,
-      href: r ? void 0 : s,
-      target: i,
+      href: r ? void 0 : i,
+      target: a,
       rel: c,
       "aria-disabled": r || void 0,
-      onClick: r ? void 0 : a,
+      onClick: r ? void 0 : s,
       ...l
     }
   ) : /* @__PURE__ */ n(
@@ -131,190 +131,190 @@ function U({
       ref: d,
       className: u,
       disabled: r,
-      onClick: a,
+      onClick: s,
       ...l
     }
   );
 }
-const We = "_card_1btb3_1", Ae = "_stacked_1btb3_8", Pe = "_featured_1btb3_10", He = "_media_1btb3_22", Re = "_body_1btb3_23", De = "_hoverLift_1btb3_31", L = {
-  card: We,
-  stacked: Ae,
-  featured: Pe,
-  media: He,
-  body: Re,
-  hoverLift: De
+const Ye = "_card_1btb3_1", Ze = "_stacked_1btb3_8", Ge = "_featured_1btb3_10", Xe = "_media_1btb3_22", Je = "_body_1btb3_23", Qe = "_hoverLift_1btb3_31", T = {
+  card: Ye,
+  stacked: Ze,
+  featured: Ge,
+  media: Xe,
+  body: Je,
+  hoverLift: Qe
 };
-function An({
+function yo({
   variant: e = "stacked",
   media: t,
-  hoverLift: s = !1,
-  className: i,
+  hoverLift: i = !1,
+  className: a,
   children: c,
   ref: r,
   ...o
 }) {
-  const a = [
-    L.card,
-    e === "featured" ? L.featured : L.stacked,
-    s ? L.hoverLift : void 0,
-    i
+  const s = [
+    T.card,
+    e === "featured" ? T.featured : T.stacked,
+    i ? T.hoverLift : void 0,
+    a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { ref: r, className: a, ...o, children: [
-    t != null && /* @__PURE__ */ n("div", { className: L.media, children: t }),
-    /* @__PURE__ */ n("div", { className: L.body, children: c })
+  return /* @__PURE__ */ p("div", { ref: r, className: s, ...o, children: [
+    t != null && /* @__PURE__ */ n("div", { className: T.media, children: t }),
+    /* @__PURE__ */ n("div", { className: T.body, children: c })
   ] });
 }
-const Ve = "_panel_jn8w4_1", qe = "_padding16_jn8w4_8", J = {
-  panel: Ve,
-  padding16: qe
+const et = "_panel_jn8w4_1", tt = "_padding16_jn8w4_8", ie = {
+  panel: et,
+  padding16: tt
 };
-function Pn({ padding: e = 24, className: t, children: s, ref: i, ...c }) {
-  const r = [J.panel, e === 16 ? J.padding16 : void 0, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: i, className: r, ...c, children: s });
-}
-const Fe = "_navbar_1gyow_1", Ke = "_inner_1gyow_12", Oe = "_brand_1gyow_19", Ue = "_links_1gyow_20", Ye = "_actions_1gyow_50", W = {
-  navbar: Fe,
-  inner: Ke,
-  brand: Oe,
-  links: Ue,
-  actions: Ye
+function mo({ padding: e = 24, className: t, children: i, ref: a, ...c }) {
+  const r = [ie.panel, e === 16 ? ie.padding16 : void 0, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: a, className: r, ...c, children: i });
+}
+const nt = "_navbar_1gyow_1", ot = "_inner_1gyow_12", rt = "_brand_1gyow_19", it = "_links_1gyow_20", st = "_actions_1gyow_50", V = {
+  navbar: nt,
+  inner: ot,
+  brand: rt,
+  links: it,
+  actions: st
 };
-function Hn({ brand: e, actions: t, children: s, className: i, ref: c, ...r }) {
-  const o = [W.navbar, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("header", { ref: c, className: o, ...r, children: /* @__PURE__ */ _("div", { className: `psi-container ${W.inner}`, children: [
-    e != null && /* @__PURE__ */ n("div", { className: W.brand, children: e }),
-    /* @__PURE__ */ n("nav", { className: W.links, children: s }),
-    t != null && /* @__PURE__ */ n("div", { className: W.actions, children: t })
+function wo({ brand: e, actions: t, children: i, className: a, ref: c, ...r }) {
+  const o = [V.navbar, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("header", { ref: c, className: o, ...r, children: /* @__PURE__ */ p("div", { className: `psi-container ${V.inner}`, children: [
+    e != null && /* @__PURE__ */ n("div", { className: V.brand, children: e }),
+    /* @__PURE__ */ n("nav", { className: V.links, children: i }),
+    t != null && /* @__PURE__ */ n("div", { className: V.actions, children: t })
   ] }) });
 }
-const Ze = "_frame_et4fc_1", Ge = {
-  frame: Ze
+const at = "_frame_et4fc_1", ct = {
+  frame: at
 };
-function Rn({ ratio: e, className: t, style: s, children: i, ref: c, ...r }) {
-  const o = [Ge.frame, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: o, style: { aspectRatio: String(e), ...s }, ...r, children: i });
-}
-const Xe = "_field_lplye_1", Je = "_label_lplye_10", Qe = "_marker_lplye_16", et = "_message_lplye_20", tt = "_invalid_lplye_26", N = {
-  field: Xe,
-  label: Je,
-  marker: Qe,
-  message: et,
-  invalid: tt
-}, Z = K(null);
-function Dn({
+function ko({ ratio: e, className: t, style: i, children: a, ref: c, ...r }) {
+  const o = [ct.frame, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: a });
+}
+const lt = "_field_lplye_1", dt = "_label_lplye_10", ut = "_marker_lplye_16", ht = "_message_lplye_20", _t = "_invalid_lplye_26", E = {
+  field: lt,
+  label: dt,
+  marker: ut,
+  message: ht,
+  invalid: _t
+}, te = K(null);
+function xo({
   label: e,
   description: t,
-  error: s,
-  required: i = !1,
+  error: i,
+  required: a = !1,
   group: c = !1,
   htmlFor: r,
   className: o,
-  children: a,
+  children: s,
   ref: d,
   ...l
 }) {
-  const u = O(), f = r ?? u, h = !!s, y = h ? s : t, w = y != null && y !== !1 ? `${f}-message` : void 0, j = [N.field, h && N.invalid, o].filter(Boolean).join(" "), p = e != null ? /* @__PURE__ */ _(V, { children: [
+  const u = U(), h = r ?? u, _ = !!i, b = _ ? i : t, y = b != null && b !== !1 ? `${h}-message` : void 0, j = [E.field, _ && E.invalid, o].filter(Boolean).join(" "), x = e != null ? /* @__PURE__ */ p(G, { children: [
     e,
-    i && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: N.marker, children: " *" })
-  ] }) : null, R = /* @__PURE__ */ _(V, { children: [
-    p != null && (c ? /* @__PURE__ */ n("legend", { className: N.label, children: p }) : /* @__PURE__ */ n("label", { className: N.label, htmlFor: f, children: p })),
-    /* @__PURE__ */ n(Z.Provider, { value: { id: f, describedBy: w, invalid: h, required: i }, children: a }),
-    w && /* @__PURE__ */ n("p", { id: w, className: N.message, "aria-live": "polite", children: y })
+    a && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: E.marker, children: " *" })
+  ] }) : null, g = /* @__PURE__ */ p(G, { children: [
+    x != null && (c ? /* @__PURE__ */ n("legend", { className: E.label, children: x }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: x })),
+    /* @__PURE__ */ n(te.Provider, { value: { id: h, describedBy: y, invalid: _, required: a }, children: s }),
+    y && /* @__PURE__ */ n("p", { id: y, className: E.message, "aria-live": "polite", children: b })
   ] });
   return c ? /* @__PURE__ */ n(
     "fieldset",
     {
       ref: d,
       className: j,
-      "aria-describedby": w,
+      "aria-describedby": y,
       ...l,
-      children: R
+      children: g
     }
-  ) : /* @__PURE__ */ n("div", { ref: d, className: j, ...l, children: R });
+  ) : /* @__PURE__ */ n("div", { ref: d, className: j, ...l, children: g });
 }
-function Vn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Co({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
-function qn({ size: e = 20, ...t }) {
+function Bo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function nt({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function ue({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Fn({ size: e = 20, ...t }) {
+function ft({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" }) });
 }
-function Kn({ size: e = 20, ...t }) {
+function No({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function On({ size: e = 20, ...t }) {
+function So({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) });
 }
-function Un({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function $o({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Yn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Lo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ n("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 Zn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function zo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
   ] });
 }
-function Gn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function jo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ n("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
   ] });
 }
-function Xn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Io({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("polyline", { points: "3 6 5 6 21 6" }),
     /* @__PURE__ */ n("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 Jn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function To({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] });
 }
-function Qn({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Eo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
     /* @__PURE__ */ n("polyline", { points: "15 3 21 3 21 9" }),
     /* @__PURE__ */ n("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] });
 }
-function eo({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Mo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function to({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Wo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("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__ */ n("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" }),
     /* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
     /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function no({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Ao({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
     /* @__PURE__ */ n("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
@@ -325,122 +325,152 @@ function no({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function oo({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Po({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" })
   ] });
 }
-function ro({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function Do({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
     /* @__PURE__ */ n("polyline", { points: "7 7 17 7 17 17" })
   ] });
 }
-function so({ size: e = 20, ...t }) {
+function Ro({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("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 io({ size: e = 20, ...t }) {
+function Ho({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("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 ao({ size: e = 20, ...t }) {
+function Vo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("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 co({ size: e = 20, ...t }) {
-  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", ...t, children: [
+function qo({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
     /* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
     /* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
   ] });
 }
-const ot = "_dialog_l23jf_2", rt = "_w400_l23jf_31", st = "_w560_l23jf_32", it = "_w720_l23jf_33", at = "_panel_l23jf_35", ct = "_header_l23jf_41", lt = "_title_l23jf_48", dt = "_footer_l23jf_54", $ = {
-  dialog: ot,
-  w400: rt,
-  w560: st,
-  w720: it,
-  panel: at,
-  header: ct,
-  title: lt,
-  footer: dt
-}, ut = {
+function pt({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "11", x2: "12", y2: "16" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
+  ] });
+}
+function vt({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+    /* @__PURE__ */ n("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__ */ n("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "17" })
+  ] });
+}
+function gt({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "16", x2: "12", y2: "16" })
+  ] });
+}
+const bt = "_dialog_h5f0e_2", yt = "_center_h5f0e_32", mt = "_inlineStart_h5f0e_40", wt = "_inlineEnd_h5f0e_41", kt = "_w400_h5f0e_90", xt = "_w560_h5f0e_91", Ct = "_w720_h5f0e_92", Bt = "_panel_h5f0e_94", Nt = "_header_h5f0e_114", St = "_title_h5f0e_121", $t = "_footer_h5f0e_127", $ = {
+  dialog: bt,
+  center: yt,
+  inlineStart: mt,
+  inlineEnd: wt,
+  w400: kt,
+  w560: xt,
+  w720: Ct,
+  panel: Bt,
+  header: Nt,
+  title: St,
+  footer: $t
+}, Lt = {
   400: $.w400,
   560: $.w560,
   720: $.w720
+}, zt = {
+  center: $.center,
+  "inline-start": $.inlineStart,
+  "inline-end": $.inlineEnd
 };
-function lo({
+function Fo({
   open: e,
   onClose: t,
-  title: s,
-  footer: i,
+  title: i,
+  footer: a,
   width: c = 560,
-  dismissible: r = !0,
-  className: o,
-  children: a,
-  ref: d,
-  ...l
+  placement: r = "center",
+  dismissible: o = !0,
+  className: s,
+  children: d,
+  ref: l,
+  ...u
 }) {
-  const u = z(null), f = O(), h = (p) => {
-    u.current = p, typeof d == "function" ? d(p) : d && (d.current = p);
+  const h = N(null), _ = U(), b = (g) => {
+    h.current = g, typeof l == "function" ? l(g) : l && (l.current = g);
   };
-  x(() => {
-    const p = u.current;
-    p && (e && !p.open ? p.showModal() : !e && p.open && p.close());
-  }, [e]), x(() => {
+  S(() => {
+    const g = h.current;
+    g && (e && !g.open ? g.showModal() : !e && g.open && g.close());
+  }, [e]), S(() => {
     if (!e) return;
-    const p = document.body.style.overflow;
+    const g = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = p;
+      document.body.style.overflow = g;
     };
   }, [e]);
-  const y = (p) => {
-    p.preventDefault(), r && t("esc");
-  }, w = (p) => {
-    r && p.target === u.current && t("backdrop");
-  }, j = [$.dialog, ut[c], o].filter(Boolean).join(" ");
+  const y = (g) => {
+    g.preventDefault(), o && t("esc");
+  }, j = (g) => {
+    o && g.target === h.current && t("backdrop");
+  }, x = [$.dialog, Lt[c], zt[r], s].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "dialog",
     {
-      ref: h,
-      className: j,
-      "aria-labelledby": s != null ? f : void 0,
+      ref: b,
+      className: x,
+      "data-placement": r,
+      "aria-labelledby": i != null ? _ : void 0,
       onCancel: y,
-      onClick: w,
-      ...l,
-      children: /* @__PURE__ */ _("div", { className: $.panel, children: [
-        (s != null || r) && /* @__PURE__ */ _("div", { className: $.header, children: [
-          s != null && /* @__PURE__ */ n("h2", { id: f, className: $.title, children: s }),
-          r && /* @__PURE__ */ n(
-            U,
+      onClick: j,
+      ...u,
+      children: /* @__PURE__ */ p("div", { className: $.panel, children: [
+        (i != null || o) && /* @__PURE__ */ p("div", { className: $.header, children: [
+          i != null && /* @__PURE__ */ n("h2", { id: _, className: $.title, children: i }),
+          o && /* @__PURE__ */ n(
+            X,
             {
               variant: "ghost",
               size: 32,
               "aria-label": "Close dialog",
               onClick: () => t("close-button"),
-              children: /* @__PURE__ */ n(nt, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(ue, { "aria-hidden": "true" })
             }
           )
         ] }),
-        a,
-        i != null && /* @__PURE__ */ n("div", { className: $.footer, children: i })
+        d,
+        a != null && /* @__PURE__ */ n("div", { className: $.footer, children: a })
       ] })
     }
   );
 }
-const ht = "_input_hpei8_3", _t = "_size24_hpei8_37", ft = "_size32_hpei8_43", pt = "_size40_hpei8_49", bt = "_size48_hpei8_55", vt = "_error_hpei8_63", I = {
-  input: ht,
-  size24: _t,
-  size32: ft,
-  size40: pt,
-  size48: bt,
-  error: vt
-}, gt = {
-  24: I.size24,
-  32: I.size32,
-  40: I.size40,
-  48: I.size48
+const jt = "_input_hpei8_3", It = "_size24_hpei8_37", Tt = "_size32_hpei8_43", Et = "_size40_hpei8_49", Mt = "_size48_hpei8_55", Wt = "_error_hpei8_63", A = {
+  input: jt,
+  size24: It,
+  size32: Tt,
+  size40: Et,
+  size48: Mt,
+  error: Wt
+}, At = {
+  24: A.size24,
+  32: A.size32,
+  40: A.size40,
+  48: A.size48
 };
-function uo({ size: e = 32, error: t = !1, type: s = "text", className: i, ref: c, ...r }) {
-  const o = B(Z), a = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [I.input, gt[e], a && I.error, i].filter(Boolean).join(" ");
+function Oo({ size: e = 32, error: t = !1, type: i = "text", className: a, ref: c, ...r }) {
+  const o = z(te), s = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [A.input, At[e], s && A.error, a].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "input",
     {
@@ -449,43 +479,43 @@ function uo({ size: e = 32, error: t = !1, type: s = "text", className: i, ref:
       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: s,
+      type: i,
       ...r,
       "aria-describedby": d
     }
   );
 }
-const yt = "_select_4x9ck_3", wt = "_size24_4x9ck_37", mt = "_size32_4x9ck_45", kt = "_size40_4x9ck_53", xt = "_size48_4x9ck_61", Ct = "_error_4x9ck_71", M = {
-  select: yt,
-  size24: wt,
-  size32: mt,
-  size40: kt,
-  size48: xt,
-  error: Ct
-}, Bt = {
-  24: M.size24,
-  32: M.size32,
-  40: M.size40,
-  48: M.size48
+const Pt = "_select_4x9ck_3", Dt = "_size24_4x9ck_37", Rt = "_size32_4x9ck_45", Ht = "_size40_4x9ck_53", Vt = "_size48_4x9ck_61", qt = "_error_4x9ck_71", P = {
+  select: Pt,
+  size24: Dt,
+  size32: Rt,
+  size40: Ht,
+  size48: Vt,
+  error: qt
+}, Ft = {
+  24: P.size24,
+  32: P.size32,
+  40: P.size40,
+  48: P.size48
 };
-function ho({
+function Ko({
   size: e = 32,
   error: t = !1,
-  className: s,
-  ref: i,
+  className: i,
+  ref: a,
   children: c,
   ...r
 }) {
-  const o = B(Z), a = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
-    M.select,
-    Bt[e],
-    a && M.error,
-    s
+  const o = z(te), s = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
+    P.select,
+    Ft[e],
+    s && P.error,
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "select",
     {
-      ref: i,
+      ref: a,
       className: l,
       id: r.id ?? (o == null ? void 0 : o.id),
       required: r.required ?? ((o == null ? void 0 : o.required) || void 0),
@@ -496,114 +526,114 @@ function ho({
     }
   );
 }
-const $t = "_label_1v4vv_3", zt = "_disabled_1v4vv_13", jt = "_input_1v4vv_20", Lt = "_indicator_1v4vv_34", Nt = "_text_1v4vv_75", A = {
-  label: $t,
-  disabled: zt,
-  input: jt,
-  indicator: Lt,
-  text: Nt
+const Ot = "_label_1v4vv_3", Kt = "_disabled_1v4vv_13", Ut = "_input_1v4vv_20", Yt = "_indicator_1v4vv_34", Zt = "_text_1v4vv_75", q = {
+  label: Ot,
+  disabled: Kt,
+  input: Ut,
+  indicator: Yt,
+  text: Zt
 };
-function te({
+function he({
   children: e,
   className: t,
-  disabled: s,
-  ref: i,
+  disabled: i,
+  ref: a,
   ...c
 }) {
-  const r = [A.label, s && A.disabled, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("label", { className: r, children: [
+  const r = [q.label, i && q.disabled, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("label", { className: r, children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: i,
+        ref: a,
         type: "checkbox",
-        className: A.input,
-        disabled: s,
+        className: q.input,
+        disabled: i,
         ...c
       }
     ),
-    /* @__PURE__ */ n("span", { className: A.indicator, "aria-hidden": "true" }),
-    e && /* @__PURE__ */ n("span", { className: A.text, children: e })
+    /* @__PURE__ */ n("span", { className: q.indicator, "aria-hidden": "true" }),
+    e && /* @__PURE__ */ n("span", { className: q.text, children: e })
   ] });
 }
-const St = "_label_jru2c_3", It = "_disabled_jru2c_13", Mt = "_input_jru2c_20", Et = "_track_jru2c_34", Tt = "_thumb_jru2c_58", Wt = "_text_jru2c_75", S = {
-  label: St,
-  disabled: It,
-  input: Mt,
-  track: Et,
-  thumb: Tt,
-  text: Wt
+const Gt = "_label_jru2c_3", Xt = "_disabled_jru2c_13", Jt = "_input_jru2c_20", Qt = "_track_jru2c_34", en = "_thumb_jru2c_58", tn = "_text_jru2c_75", M = {
+  label: Gt,
+  disabled: Xt,
+  input: Jt,
+  track: Qt,
+  thumb: en,
+  text: tn
 };
-function _o({
+function Uo({
   children: e,
   className: t,
-  disabled: s,
-  ref: i,
+  disabled: i,
+  ref: a,
   ...c
 }) {
-  const r = [S.label, s && S.disabled, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("label", { className: r, children: [
+  const r = [M.label, i && M.disabled, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("label", { className: r, children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: i,
+        ref: a,
         type: "checkbox",
         role: "switch",
-        className: S.input,
-        disabled: s,
+        className: M.input,
+        disabled: i,
         ...c
       }
     ),
-    /* @__PURE__ */ n("span", { className: S.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: S.thumb }) }),
-    e && /* @__PURE__ */ n("span", { className: S.text, children: e })
+    /* @__PURE__ */ n("span", { className: M.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: M.thumb }) }),
+    e && /* @__PURE__ */ n("span", { className: M.text, children: e })
   ] });
 }
-const At = "_tag_3oysa_3", Pt = "_dismiss_3oysa_17", Ht = "_neutral_3oysa_43", Rt = "_accent_3oysa_48", Dt = "_success_3oysa_53", Vt = "_warning_3oysa_58", qt = "_danger_3oysa_63", Ft = "_neutralSubtle_3oysa_70", Kt = "_accentSubtle_3oysa_75", Ot = "_successSubtle_3oysa_80", Ut = "_warningSubtle_3oysa_85", Yt = "_dangerSubtle_3oysa_90", m = {
-  tag: At,
-  dismiss: Pt,
-  neutral: Ht,
-  accent: Rt,
-  success: Dt,
-  warning: Vt,
-  danger: qt,
-  neutralSubtle: Ft,
-  accentSubtle: Kt,
-  successSubtle: Ot,
-  warningSubtle: Ut,
-  dangerSubtle: Yt
-}, Zt = {
-  neutral: m.neutral,
-  accent: m.accent,
-  success: m.success,
-  warning: m.warning,
-  danger: m.danger
-}, Gt = {
-  neutral: m.neutralSubtle,
-  accent: m.accentSubtle,
-  success: m.successSubtle,
-  warning: m.warningSubtle,
-  danger: m.dangerSubtle
+const nn = "_tag_3oysa_3", on = "_dismiss_3oysa_17", rn = "_neutral_3oysa_43", sn = "_accent_3oysa_48", an = "_success_3oysa_53", cn = "_warning_3oysa_58", ln = "_danger_3oysa_63", dn = "_neutralSubtle_3oysa_70", un = "_accentSubtle_3oysa_75", hn = "_successSubtle_3oysa_80", _n = "_warningSubtle_3oysa_85", fn = "_dangerSubtle_3oysa_90", C = {
+  tag: nn,
+  dismiss: on,
+  neutral: rn,
+  accent: sn,
+  success: an,
+  warning: cn,
+  danger: ln,
+  neutralSubtle: dn,
+  accentSubtle: un,
+  successSubtle: hn,
+  warningSubtle: _n,
+  dangerSubtle: fn
+}, pn = {
+  neutral: C.neutral,
+  accent: C.accent,
+  success: C.success,
+  warning: C.warning,
+  danger: C.danger
+}, vn = {
+  neutral: C.neutralSubtle,
+  accent: C.accentSubtle,
+  success: C.successSubtle,
+  warning: C.warningSubtle,
+  danger: C.dangerSubtle
 };
-function fo({
+function Yo({
   variant: e = "neutral",
   subtle: t = !1,
-  onDismiss: s,
-  className: i,
+  onDismiss: i,
+  className: a,
   children: c,
   ref: r,
   ...o
 }) {
-  const a = t ? Gt : Zt, d = [m.tag, a[e], i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("span", { ref: r, className: d, ...o, children: [
+  const s = t ? vn : pn, d = [C.tag, s[e], a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("span", { ref: r, className: d, ...o, children: [
     c,
-    s && /* @__PURE__ */ n(
+    i && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: m.dismiss,
-        onClick: s,
+        className: C.dismiss,
+        onClick: i,
         "aria-label": "Dismiss",
-        children: /* @__PURE__ */ _(
+        children: /* @__PURE__ */ p(
           "svg",
           {
             width: "12",
@@ -625,93 +655,93 @@ function fo({
     )
   ] });
 }
-const Xt = "_wrapper_1eu6z_3", Jt = "_tooltip_1eu6z_10", Qt = "_top_1eu6z_24", en = "_bottom_1eu6z_31", tn = "_left_1eu6z_38", nn = "_right_1eu6z_45", E = {
-  wrapper: Xt,
-  tooltip: Jt,
-  top: Qt,
-  bottom: en,
-  left: tn,
-  right: nn
-}, on = {
-  top: E.top,
-  bottom: E.bottom,
-  left: E.left,
-  right: E.right
-}, rn = 150;
-function po({
+const gn = "_wrapper_1eu6z_3", bn = "_tooltip_1eu6z_10", yn = "_top_1eu6z_24", mn = "_bottom_1eu6z_31", wn = "_left_1eu6z_38", kn = "_right_1eu6z_45", D = {
+  wrapper: gn,
+  tooltip: bn,
+  top: yn,
+  bottom: mn,
+  left: wn,
+  right: kn
+}, xn = {
+  top: D.top,
+  bottom: D.bottom,
+  left: D.left,
+  right: D.right
+}, Cn = 150;
+function Zo({
   content: e,
   children: t,
-  placement: s = "top"
+  placement: i = "top"
 }) {
-  const [i, c] = se(!1), r = O(), o = z(void 0), a = C(() => {
+  const [a, c] = le(!1), r = U(), o = N(void 0), s = m(() => {
     o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0);
-  }, []), d = C(() => c(!0), []), l = C(() => c(!1), []);
-  x(() => a, [a]), x(() => {
-    if (!i) return;
-    const f = (h) => {
-      h.key === "Escape" && l();
+  }, []), d = m(() => c(!0), []), l = m(() => c(!1), []);
+  S(() => s, [s]), S(() => {
+    if (!a) return;
+    const h = (_) => {
+      _.key === "Escape" && l();
     };
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [i, l]);
-  const u = Y(t, {
-    "aria-describedby": i ? r : void 0,
-    onMouseEnter: (f) => {
-      a(), o.current = window.setTimeout(d, rn);
-      const h = t.props.onMouseEnter;
-      h == null || h(f);
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [a, l]);
+  const u = ee(t, {
+    "aria-describedby": a ? r : void 0,
+    onMouseEnter: (h) => {
+      s(), o.current = window.setTimeout(d, Cn);
+      const _ = t.props.onMouseEnter;
+      _ == null || _(h);
     },
-    onMouseLeave: (f) => {
-      a(), l();
-      const h = t.props.onMouseLeave;
-      h == null || h(f);
+    onMouseLeave: (h) => {
+      s(), l();
+      const _ = t.props.onMouseLeave;
+      _ == null || _(h);
     },
-    onFocus: (f) => {
+    onFocus: (h) => {
       d();
-      const h = t.props.onFocus;
-      h == null || h(f);
+      const _ = t.props.onFocus;
+      _ == null || _(h);
     },
-    onBlur: (f) => {
-      a(), l();
-      const h = t.props.onBlur;
-      h == null || h(f);
+    onBlur: (h) => {
+      s(), l();
+      const _ = t.props.onBlur;
+      _ == null || _(h);
     }
   });
-  return /* @__PURE__ */ _("span", { className: E.wrapper, children: [
+  return /* @__PURE__ */ p("span", { className: D.wrapper, children: [
     u,
-    i && /* @__PURE__ */ n(
+    a && /* @__PURE__ */ n(
       "span",
       {
         id: r,
         role: "tooltip",
-        className: [E.tooltip, on[s]].filter(Boolean).join(" "),
+        className: [D.tooltip, xn[i]].filter(Boolean).join(" "),
         children: e
       }
     )
   ] });
 }
-const sn = "_toolbar_1i848_1", an = "_gap8_1i848_7", cn = "_gap12_1i848_8", ln = "_gap16_1i848_9", D = {
-  toolbar: sn,
-  gap8: an,
-  gap12: cn,
-  gap16: ln
-}, dn = { 8: D.gap8, 12: D.gap12, 16: D.gap16 };
-function bo({ gap: e = 8, className: t, children: s, ref: i, ...c }) {
-  const r = [D.toolbar, dn[e], t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: i, role: c["aria-label"] != null ? "group" : void 0, className: r, ...c, children: s });
-}
-const un = "_trigger_vpa0u_4", hn = "_menu_vpa0u_16", _n = "_item_vpa0u_37", fn = "_separator_vpa0u_74", F = {
-  trigger: un,
-  menu: hn,
-  item: _n,
-  separator: fn
-}, pn = 500;
-function bn({ popoverRef: e, triggerRef: t, open: s, onEsc: i }) {
-  const c = z(""), r = z(0), o = C(() => {
+const Bn = "_toolbar_1i848_1", Nn = "_gap8_1i848_7", Sn = "_gap12_1i848_8", $n = "_gap16_1i848_9", Z = {
+  toolbar: Bn,
+  gap8: Nn,
+  gap12: Sn,
+  gap16: $n
+}, Ln = { 8: Z.gap8, 12: Z.gap12, 16: Z.gap16 };
+function Go({ gap: e = 8, className: t, children: i, ref: a, ...c }) {
+  const r = [Z.toolbar, Ln[e], t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: a, role: c["aria-label"] != null ? "group" : void 0, className: r, ...c, children: i });
+}
+const zn = "_trigger_vpa0u_4", jn = "_menu_vpa0u_16", In = "_item_vpa0u_37", Tn = "_separator_vpa0u_74", J = {
+  trigger: zn,
+  menu: jn,
+  item: In,
+  separator: Tn
+}, En = 500;
+function Mn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
+  const c = N(""), r = N(0), o = m(() => {
     const l = e.current;
     return l ? Array.from(
       l.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
     ) : [];
-  }, [e]), a = C(
+  }, [e]), s = m(
     (l) => {
       if (l) {
         for (const u of o()) u.tabIndex = u === l ? 0 : -1;
@@ -719,415 +749,614 @@ function bn({ popoverRef: e, triggerRef: t, open: s, onEsc: i }) {
       }
     },
     [o]
-  ), d = C(() => {
+  ), d = m(() => {
     var u;
     const l = (u = t.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
     l == null || l.focus();
   }, [t]);
-  return x(() => {
-    if (!s) return;
+  return S(() => {
+    if (!i) return;
     const l = o();
-    return a(l[0]), () => {
+    return s(l[0]), () => {
       var u;
       (u = e.current) != null && u.contains(document.activeElement) && d();
     };
-  }, [s, e, o, a, d]), C(
+  }, [i, e, o, s, d]), m(
     (l) => {
       if (l.key === "Escape") {
-        l.preventDefault(), i();
+        l.preventDefault(), a();
         return;
       }
       const u = o();
       if (u.length === 0) return;
-      const f = u.indexOf(document.activeElement);
+      const h = u.indexOf(document.activeElement);
       switch (l.key) {
         case "ArrowDown":
-          l.preventDefault(), a(u[(f + 1 + u.length) % u.length]);
+          l.preventDefault(), s(u[(h + 1 + u.length) % u.length]);
           return;
         case "ArrowUp":
-          l.preventDefault(), a(u[f <= 0 ? u.length - 1 : f - 1]);
+          l.preventDefault(), s(u[h <= 0 ? u.length - 1 : h - 1]);
           return;
         case "Home":
-          l.preventDefault(), a(u[0]);
+          l.preventDefault(), s(u[0]);
           return;
         case "End":
-          l.preventDefault(), a(u[u.length - 1]);
+          l.preventDefault(), s(u[u.length - 1]);
           return;
       }
       if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
-      const h = Date.now();
-      c.current = h - r.current > pn ? l.key.toLowerCase() : c.current + l.key.toLowerCase(), r.current = h;
-      const y = u.find(
-        (w) => (w.textContent ?? "").trim().toLowerCase().startsWith(c.current)
+      const _ = Date.now();
+      c.current = _ - r.current > En ? l.key.toLowerCase() : c.current + l.key.toLowerCase(), r.current = _;
+      const b = u.find(
+        (y) => (y.textContent ?? "").trim().toLowerCase().startsWith(c.current)
       );
-      y && (l.preventDefault(), a(y));
+      b && (l.preventDefault(), s(b));
     },
-    [o, a, i]
+    [o, s, a]
   );
 }
-function vn() {
+function Wn() {
   return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
 }
-function gn({ popoverRef: e, triggerRef: t, open: s, placement: i, anchorName: c }) {
-  x(() => {
+function An({ popoverRef: e, triggerRef: t, open: i, placement: a, anchorName: c }) {
+  S(() => {
     const r = t.current, o = e.current;
     !r || !o || (r.style.setProperty("anchor-name", c), o.style.setProperty("position-anchor", c));
-  }, [e, t, c]), x(() => {
-    if (!s || vn()) return;
+  }, [e, t, c]), S(() => {
+    if (!i || Wn()) return;
     const r = t.current, o = e.current;
     if (!r || !o) return;
-    const a = () => {
-      const d = r.getBoundingClientRect(), l = i.startsWith("bottom"), u = i.endsWith("end"), f = getComputedStyle(r).direction === "rtl", h = u !== f;
-      o.style.position = "fixed", o.style.top = l ? `${d.bottom}px` : "", o.style.bottom = l ? "" : `${window.innerHeight - d.top}px`, o.style.left = h ? "" : `${d.left}px`, o.style.right = h ? `${window.innerWidth - d.right}px` : "";
+    const s = () => {
+      const d = r.getBoundingClientRect(), l = a.startsWith("bottom"), u = a.endsWith("end"), h = getComputedStyle(r).direction === "rtl", _ = 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 = _ ? "" : `${d.left}px`, o.style.right = _ ? `${window.innerWidth - d.right}px` : "";
     };
-    return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
-      window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
+    return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
+      window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
     };
-  }, [s, i, e, t]);
+  }, [i, a, e, t]);
 }
-const ne = K({ close: () => {
+const _e = K({ close: () => {
 } });
-function Q(e) {
+function se(e) {
   return e.hasAttribute("data-open") || e.matches(":popover-open");
 }
-function vo({
+function Xo({
   open: e,
   onClose: t,
-  trigger: s,
-  placement: i = "bottom-start",
+  trigger: i,
+  placement: a = "bottom-start",
   children: c,
   className: r,
   ref: o,
-  ...a
+  ...s
 }) {
-  const d = z(null), l = z(null), u = z(!1), f = `--psi-menu-${O().replace(/:/g, "")}`;
-  gn({ popoverRef: d, triggerRef: l, open: e, placement: i, anchorName: f });
-  const h = (v) => {
-    d.current = v, typeof o == "function" ? o(v) : o && (o.current = v);
+  const d = N(null), l = N(null), u = N(!1), h = `--psi-menu-${U().replace(/:/g, "")}`;
+  An({ popoverRef: d, triggerRef: l, open: e, placement: a, anchorName: h });
+  const _ = (f) => {
+    d.current = f, typeof o == "function" ? o(f) : o && (o.current = f);
   };
-  x(() => {
-    const v = d.current;
-    if (!v) return;
-    const G = Q(v);
-    e && !G ? v.showPopover() : !e && G && (u.current = !0, v.hidePopover());
+  S(() => {
+    const f = d.current;
+    if (!f) return;
+    const v = se(f);
+    e && !v ? f.showPopover() : !e && v && (u.current = !0, f.hidePopover());
   }, [e]);
-  const y = C(() => {
-    const v = d.current;
-    if (v) {
+  const b = m(() => {
+    const f = d.current;
+    if (f) {
       if (u.current) {
         u.current = !1;
         return;
       }
-      Q(v) || e && t("outside");
+      se(f) || e && t("outside");
     }
-  }, [t, e]), w = bn({
+  }, [t, e]), y = Mn({
     popoverRef: d,
     triggerRef: l,
     open: e,
     onEsc: () => t("esc")
-  }), j = C(
-    (v) => {
-      t(v);
+  }), j = m(
+    (f) => {
+      t(f);
     },
     [t]
-  ), p = q(s);
-  x(() => {
-    p || console.warn(
+  ), x = O(i);
+  S(() => {
+    x || 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."
     );
-  }, [p]);
-  const R = p ? Y(s, { "aria-haspopup": "menu", "aria-expanded": e }) : s;
-  return /* @__PURE__ */ _(V, { children: [
-    /* @__PURE__ */ n("div", { ref: l, className: F.trigger, "data-psi-menu-trigger": !0, children: R }),
+  }, [x]);
+  const g = x ? ee(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
+  return /* @__PURE__ */ p(G, { children: [
+    /* @__PURE__ */ n("div", { ref: l, className: J.trigger, "data-psi-menu-trigger": !0, children: g }),
     /* @__PURE__ */ n(
       "div",
       {
-        ...a,
-        ref: h,
+        ...s,
+        ref: _,
         popover: "auto",
         role: "menu",
         "data-psi-menu": !0,
-        "data-placement": i,
-        className: [F.menu, r].filter(Boolean).join(" "),
-        onToggle: y,
-        onKeyDown: w,
-        children: /* @__PURE__ */ n(ne.Provider, { value: { close: j }, children: c })
+        "data-placement": a,
+        className: [J.menu, r].filter(Boolean).join(" "),
+        onToggle: b,
+        onKeyDown: y,
+        children: /* @__PURE__ */ n(_e.Provider, { value: { close: j }, children: c })
       }
     )
   ] });
 }
-function go({ children: e, onSelect: t, variant: s = "neutral", disabled: i = !1 }) {
-  const { close: c } = B(ne);
+function Jo({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1 }) {
+  const { close: c } = z(_e);
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       role: "menuitem",
       "data-psi-menu-item": !0,
-      "data-variant": s,
-      "aria-disabled": i || void 0,
+      "data-variant": i,
+      "aria-disabled": a || void 0,
       tabIndex: -1,
-      className: F.item,
+      className: J.item,
       onClick: () => {
-        i || (t(), c("item-select"));
+        a || (t(), c("item-select"));
       },
       children: e
     }
   );
 }
-function yo() {
-  return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: F.separator });
-}
-const yn = "_table_146hc_3", wn = "_headerCell_146hc_13", mn = "_cell_146hc_19", kn = "_sortButton_146hc_30", xn = "_sortIndicator_146hc_47", Cn = "_selectCell_146hc_79", Bn = "_body_146hc_86", $n = "_row_146hc_89", zn = "_sticky_146hc_111", g = {
-  table: yn,
-  headerCell: wn,
-  cell: mn,
-  sortButton: kn,
-  sortIndicator: xn,
-  selectCell: Cn,
-  body: Bn,
-  row: $n,
-  sticky: zn
-}, oe = /* @__PURE__ */ new Set(), T = K({
+function Qo() {
+  return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: J.separator });
+}
+const Pn = "_table_146hc_3", Dn = "_headerCell_146hc_13", Rn = "_cell_146hc_19", Hn = "_sortButton_146hc_30", Vn = "_sortIndicator_146hc_47", qn = "_selectCell_146hc_79", Fn = "_body_146hc_86", On = "_row_146hc_89", Kn = "_sticky_146hc_111", k = {
+  table: Pn,
+  headerCell: Dn,
+  cell: Rn,
+  sortButton: Hn,
+  sortIndicator: Vn,
+  selectCell: qn,
+  body: Fn,
+  row: On,
+  sticky: Kn
+}, fe = /* @__PURE__ */ new Set(), R = K({
   size: 40,
   sortable: !1,
   sort: null,
   selectable: !1,
-  selected: oe
-}), re = K([]);
-function jn({ children: e, className: t }) {
-  return /* @__PURE__ */ n("tbody", { className: [g.body, t].filter(Boolean).join(" "), children: e });
+  selected: fe
+}), pe = K([]);
+function Un({ children: e, className: t }) {
+  return /* @__PURE__ */ n("tbody", { className: [k.body, t].filter(Boolean).join(" "), children: e });
 }
-function Ln(e) {
+function Yn(e) {
   const t = [];
-  let s = !1, i = !1;
+  let i = !1, a = !1;
   const c = (r) => {
-    H.forEach(r, function o(a) {
-      if (!q(a)) return;
-      if (a.type === X) {
-        H.forEach(a.props.children, o);
+    W.forEach(r, function o(s) {
+      if (!O(s)) return;
+      if (s.type === re) {
+        W.forEach(s.props.children, o);
         return;
       }
-      const d = a.props.rowId;
-      typeof d == "string" ? t.push(d) : i = !0;
+      const d = s.props.rowId;
+      typeof d == "string" ? t.push(d) : a = !0;
     });
   };
-  return H.forEach(e, function r(o) {
-    if (q(o)) {
-      if (o.type === X) {
-        H.forEach(o.props.children, r);
+  return W.forEach(e, function r(o) {
+    if (O(o)) {
+      if (o.type === re) {
+        W.forEach(o.props.children, r);
         return;
       }
-      o.type === jn && (s = !0, c(o.props.children));
+      o.type === Un && (i = !0, c(o.props.children));
     }
-  }), { ids: t, sawBody: s, hasRowWithoutId: i };
+  }), { ids: t, sawBody: i, hasRowWithoutId: a };
 }
-function wo({
+function er({
   size: e = 40,
   stickyHeader: t,
-  sortable: s = !1,
-  sort: i = null,
+  sortable: i = !1,
+  sort: a = null,
   onSortChange: c,
   selectable: r = !1,
-  selected: o = oe,
-  onSelectionChange: a,
+  selected: o = fe,
+  onSelectionChange: s,
   children: d,
   className: l,
   ref: u
 }) {
-  const f = [g.table, t && g.sticky, l].filter(Boolean).join(" "), { ids: h, sawBody: y, hasRowWithoutId: w } = ie(() => Ln(d), [d]);
-  return process.env.NODE_ENV !== "production" && (s && !c && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !a && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), r && !y && 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 && w && 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__ */ n(T.Provider, { value: { size: e, sortable: s, sort: i, onSortChange: c, selectable: r, selected: o, onSelectionChange: a }, children: /* @__PURE__ */ n(re.Provider, { value: h, children: /* @__PURE__ */ n("table", { ref: u, className: f, "data-size": e, children: d }) }) });
+  const h = [k.table, t && k.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: b, hasRowWithoutId: y } = de(() => Yn(d), [d]);
+  return process.env.NODE_ENV !== "production" && (i && !c && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !s && 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 && y && 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__ */ n(R.Provider, { value: { size: e, sortable: i, sort: a, onSortChange: c, selectable: r, selected: o, onSelectionChange: s }, children: /* @__PURE__ */ n(pe.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
 }
-function Nn({ rowId: e, label: t }) {
-  const { selected: s, onSelectionChange: i } = B(T), c = () => {
-    const r = new Set(s);
-    r.has(e) ? r.delete(e) : r.add(e), i == null || i(r);
+function Zn({ rowId: e, label: t }) {
+  const { selected: i, onSelectionChange: a } = z(R), c = () => {
+    const r = new Set(i);
+    r.has(e) ? r.delete(e) : r.add(e), a == null || a(r);
   };
-  return /* @__PURE__ */ n("td", { className: `${g.cell} ${g.selectCell}`, children: /* @__PURE__ */ n(te, { "aria-label": t, checked: s.has(e), onChange: c }) });
+  return /* @__PURE__ */ n("td", { className: `${k.cell} ${k.selectCell}`, children: /* @__PURE__ */ n(he, { "aria-label": t, checked: i.has(e), onChange: c }) });
 }
-function Sn() {
-  const { selected: e, onSelectionChange: t } = B(T), s = B(re), i = z(null), c = s.length > 0 && s.every((a) => e.has(a)), r = s.some((a) => e.has(a));
-  x(() => {
-    i.current && (i.current.indeterminate = r && !c);
+function Gn() {
+  const { selected: e, onSelectionChange: t } = z(R), i = z(pe), a = N(null), c = i.length > 0 && i.every((s) => e.has(s)), r = i.some((s) => e.has(s));
+  S(() => {
+    a.current && (a.current.indeterminate = r && !c);
   }, [r, c]);
   const o = () => {
-    const a = new Set(e);
-    c ? s.forEach((d) => a.delete(d)) : s.forEach((d) => a.add(d)), t == null || t(a);
+    const s = new Set(e);
+    c ? i.forEach((d) => s.delete(d)) : i.forEach((d) => s.add(d)), t == null || t(s);
   };
-  return /* @__PURE__ */ n("th", { scope: "col", className: `${g.headerCell} ${g.selectCell}`, children: /* @__PURE__ */ n(te, { ref: i, "aria-label": "Select all rows", checked: c, onChange: o }) });
-}
-function mo({ children: e, className: t }) {
-  const { selectable: s } = B(T);
-  let i = !1;
-  const c = s ? H.map(e, (r) => {
-    if (i || !q(r)) return r;
-    i = !0;
+  return /* @__PURE__ */ n("th", { scope: "col", className: `${k.headerCell} ${k.selectCell}`, children: /* @__PURE__ */ n(he, { ref: a, "aria-label": "Select all rows", checked: c, onChange: o }) });
+}
+function tr({ children: e, className: t }) {
+  const { selectable: i } = z(R);
+  let a = !1;
+  const c = i ? W.map(e, (r) => {
+    if (a || !O(r)) return r;
+    a = !0;
     const o = r;
-    return Y(
+    return ee(
       o,
       void 0,
-      /* @__PURE__ */ _(V, { children: [
-        /* @__PURE__ */ n(Sn, {}),
+      /* @__PURE__ */ p(G, { children: [
+        /* @__PURE__ */ n(Gn, {}),
         o.props.children
       ] })
     );
   }) : e;
-  return /* @__PURE__ */ n("thead", { className: [g.head, t].filter(Boolean).join(" "), children: c });
+  return /* @__PURE__ */ n("thead", { className: [k.head, t].filter(Boolean).join(" "), children: c });
 }
-function ko({ rowId: e, selectLabel: t, children: s, className: i }) {
-  const { selectable: c, selected: r } = B(T), o = e !== void 0 && r.has(e);
-  return /* @__PURE__ */ _(
+function nr({ rowId: e, selectLabel: t, children: i, className: a }) {
+  const { selectable: c, selected: r } = z(R), o = e !== void 0 && r.has(e);
+  return /* @__PURE__ */ p(
     "tr",
     {
-      className: [g.row, i].filter(Boolean).join(" "),
+      className: [k.row, a].filter(Boolean).join(" "),
       "data-row-id": e,
       "data-selected": o || void 0,
       children: [
-        c && e !== void 0 && /* @__PURE__ */ n(Nn, { rowId: e, label: t ?? `Select row ${e}` }),
-        s
+        c && e !== void 0 && /* @__PURE__ */ n(Zn, { rowId: e, label: t ?? `Select row ${e}` }),
+        i
       ]
     }
   );
 }
-function xo({ sortKey: e, numeric: t, children: s, className: i }) {
-  const { sortable: c, sort: r, onSortChange: o } = B(T), a = c && e !== void 0, d = a && (r == null ? void 0 : r.key) === e, l = a ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
+function or({ sortKey: e, numeric: t, children: i, className: a }) {
+  const { sortable: c, sort: r, onSortChange: o } = z(R), s = c && e !== void 0, d = s && (r == null ? void 0 : r.key) === e, l = s ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
     if (!e) return;
-    const f = d && r.direction === "asc" ? "desc" : "asc";
-    o == null || o({ key: e, direction: f });
+    const h = d && r.direction === "asc" ? "desc" : "asc";
+    o == null || o({ key: e, direction: h });
   };
   return /* @__PURE__ */ n(
     "th",
     {
       scope: "col",
-      className: [g.headerCell, i].filter(Boolean).join(" "),
+      className: [k.headerCell, a].filter(Boolean).join(" "),
       "data-numeric": t || void 0,
       "aria-sort": l,
-      children: a ? /* @__PURE__ */ _("button", { type: "button", className: g.sortButton, onClick: u, children: [
-        s,
-        /* @__PURE__ */ n("span", { className: g.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
-      ] }) : s
+      children: s ? /* @__PURE__ */ p("button", { type: "button", className: k.sortButton, onClick: u, children: [
+        i,
+        /* @__PURE__ */ n("span", { className: k.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
+      ] }) : i
     }
   );
 }
-function Co({ numeric: e, children: t, className: s }) {
-  return /* @__PURE__ */ n("td", { className: [g.cell, s].filter(Boolean).join(" "), "data-numeric": e || void 0, children: t });
+function rr({ numeric: e, children: t, className: i }) {
+  return /* @__PURE__ */ n("td", { className: [k.cell, i].filter(Boolean).join(" "), "data-numeric": e || void 0, children: t });
 }
-const In = "_nav_166vs_6", Mn = "_ellipsis_166vs_12", ee = {
-  nav: In,
-  ellipsis: Mn
+const Xn = "_nav_166vs_6", Jn = "_ellipsis_166vs_12", ae = {
+  nav: Xn,
+  ellipsis: Jn
 };
-function P(e, t) {
-  return Array.from({ length: t - e + 1 }, (s, i) => e + i);
+function F(e, t) {
+  return Array.from({ length: t - e + 1 }, (i, a) => e + a);
 }
-function En(e, t, s) {
-  const i = Math.max(0, s), c = i * 2 + 1, r = c + 4;
+function Qn(e, t, i) {
+  const a = Math.max(0, i), c = a * 2 + 1, r = c + 4;
   if (t <= r)
-    return P(1, t);
-  const o = Math.max(e - i, 1), a = Math.min(e + i, t), d = o > 3, l = a < t - 2;
+    return F(1, t);
+  const o = Math.max(e - a, 1), s = Math.min(e + a, t), d = o > 3, l = s < t - 2;
   if (!d && l) {
-    const u = Math.max(a, c);
-    return [...P(1, u), "ellipsis", t];
+    const u = Math.max(s, c);
+    return [...F(1, u), "ellipsis", t];
   }
   if (d && !l) {
     const u = Math.min(o, t - c + 1);
-    return [1, "ellipsis", ...P(u, t)];
+    return [1, "ellipsis", ...F(u, t)];
   }
-  return d && l ? [1, "ellipsis", ...P(o, a), "ellipsis", t] : P(1, t);
+  return d && l ? [1, "ellipsis", ...F(o, s), "ellipsis", t] : F(1, t);
 }
-function Bo({
+function ir({
   page: e,
   pageCount: t,
-  onPageChange: s,
-  siblingCount: i = 1,
+  onPageChange: i,
+  siblingCount: a = 1,
   "aria-label": c = "Pagination",
   className: r
 }) {
-  const o = En(e, t, i);
-  return /* @__PURE__ */ _("nav", { "aria-label": c, className: [ee.nav, r].filter(Boolean).join(" "), children: [
+  const o = Qn(e, t, a);
+  return /* @__PURE__ */ p("nav", { "aria-label": c, className: [ae.nav, r].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ n(
-      U,
+      X,
       {
         "aria-label": "Previous page",
         size: 32,
         variant: "ghost",
         disabled: e <= 1,
-        onClick: () => s(e - 1),
+        onClick: () => i(e - 1),
         children: /* @__PURE__ */ n("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", width: "16", height: "16", children: /* @__PURE__ */ n("path", { d: "M10 3 5 8l5 5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) })
       }
     ),
     o.map(
-      (a, d) => a === "ellipsis" ? /* @__PURE__ */ n("span", { className: ee.ellipsis, "aria-hidden": "true", children: "…" }, `e${d}`) : /* @__PURE__ */ n(
-        xe,
+      (s, d) => s === "ellipsis" ? /* @__PURE__ */ n("span", { className: ae.ellipsis, "aria-hidden": "true", children: "…" }, `e${d}`) : /* @__PURE__ */ n(
+        Me,
         {
           size: 32,
-          variant: a === e ? "accent-subtle" : "ghost",
-          "aria-current": a === e ? "page" : void 0,
-          onClick: () => s(a),
-          children: String(a)
+          variant: s === e ? "accent-subtle" : "ghost",
+          "aria-current": s === e ? "page" : void 0,
+          onClick: () => i(s),
+          children: String(s)
         },
-        a
+        s
       )
     ),
     /* @__PURE__ */ n(
-      U,
+      X,
       {
         "aria-label": "Next page",
         size: 32,
         variant: "ghost",
         disabled: e >= t,
-        onClick: () => s(e + 1),
+        onClick: () => i(e + 1),
         children: /* @__PURE__ */ n("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", width: "16", height: "16", children: /* @__PURE__ */ n("path", { d: "m6 3 5 5-5 5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) })
       }
     )
   ] });
 }
+const eo = "_toast_7toru_10", to = "_icon_7toru_39", no = "_iconNeutral_7toru_44", oo = "_iconSuccess_7toru_45", ro = "_iconWarning_7toru_46", io = "_iconDanger_7toru_47", so = "_body_7toru_51", ao = "_action_7toru_55", co = "_srOnly_7toru_60", lo = "_region_7toru_74", uo = "_live_7toru_104", B = {
+  toast: eo,
+  icon: to,
+  iconNeutral: no,
+  iconSuccess: oo,
+  iconWarning: ro,
+  iconDanger: io,
+  body: so,
+  action: ao,
+  srOnly: co,
+  region: lo,
+  live: uo
+}, ho = {
+  neutral: pt,
+  success: ft,
+  warning: vt,
+  danger: gt
+}, _o = {
+  neutral: null,
+  success: "Success:",
+  warning: "Warning:",
+  danger: "Error:"
+}, fo = {
+  neutral: B.iconNeutral,
+  success: B.iconSuccess,
+  warning: B.iconWarning,
+  danger: B.iconDanger
+};
+function ve({
+  variant: e = "neutral",
+  children: t,
+  action: i,
+  onDismiss: a,
+  className: c,
+  ref: r
+}) {
+  const o = ho[e], s = _o[e], d = [B.toast, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("div", { ref: r, className: d, "data-variant": e, "data-psi-toast": !0, children: [
+    /* @__PURE__ */ n("span", { className: [B.icon, fo[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ p("div", { className: B.body, children: [
+      s && /* @__PURE__ */ n("span", { className: B.srOnly, children: s }),
+      t
+    ] }),
+    i != null && /* @__PURE__ */ n("div", { className: B.action, children: i }),
+    a && /* @__PURE__ */ n(
+      X,
+      {
+        variant: "ghost",
+        size: 32,
+        "aria-label": "Dismiss notification",
+        onClick: a,
+        children: /* @__PURE__ */ n(ue, { "aria-hidden": "true" })
+      }
+    )
+  ] });
+}
+const po = /* @__PURE__ */ new Set(["warning", "danger"]);
+function ce(e) {
+  if (!O(e) || e.type !== ve) return !1;
+  const { variant: t } = e.props;
+  return po.has(t ?? "neutral");
+}
+function vo({
+  placement: e = "bottom-end",
+  "aria-label": t = "Notifications",
+  children: i,
+  className: a,
+  ref: c
+}) {
+  const r = N(null), o = (u) => {
+    r.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
+  };
+  S(() => {
+    var h;
+    const u = r.current;
+    if (u)
+      return (h = u.showPopover) == null || h.call(u), () => {
+        var _;
+        (_ = u.hidePopover) == null || _.call(u);
+      };
+  }, []);
+  const s = W.toArray(i), d = s.filter(ce), l = s.filter((u) => !ce(u));
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: o,
+      popover: "manual",
+      "aria-label": t,
+      "data-placement": e,
+      "data-psi-toast-region": !0,
+      className: [B.region, a].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: B.live, children: l }),
+        /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: B.live, children: d })
+      ]
+    }
+  );
+}
+const ge = K(null);
+function sr() {
+  const e = z(ge);
+  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({
+  limit: e = 3,
+  duration: t = 5e3,
+  actionDuration: i = 1e4,
+  placement: a = "bottom-end",
+  children: c
+}) {
+  const [r, o] = le([]), s = N(/* @__PURE__ */ new Map()), d = N(!1), l = N(0), u = U(), h = m((f) => {
+    const v = s.current.get(f);
+    (v == null ? void 0 : v.handle) !== void 0 && clearTimeout(v.handle), s.current.delete(f), o((I) => I.filter((H) => H.id !== f));
+  }, []), _ = m(
+    (f, v) => {
+      const I = d.current ? { handle: void 0, remaining: v, startedAt: void 0 } : { handle: setTimeout(() => h(f), v), remaining: v, startedAt: Date.now() };
+      s.current.set(f, I);
+    },
+    [h]
+  ), b = m(
+    ({ variant: f = "neutral", message: v, action: I }) => {
+      const H = `${u}-${l.current++}`, ne = I != null ? i : t;
+      return o((be) => {
+        const Q = [...be, { id: H, variant: f, message: v, action: I, duration: ne }];
+        for (; Q.length > e; ) {
+          const oe = Q.shift(), Y = s.current.get(oe.id);
+          (Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), s.current.delete(oe.id);
+        }
+        return Q;
+      }), _(H, ne), H;
+    },
+    [i, _, t, u, e]
+  ), y = m(() => {
+    for (const f of s.current.values())
+      f.handle !== void 0 && clearTimeout(f.handle);
+    s.current.clear(), o([]);
+  }, []), j = m(() => {
+    if (!d.current) {
+      d.current = !0;
+      for (const [f, v] of s.current) {
+        if (v.handle === void 0) continue;
+        clearTimeout(v.handle);
+        const I = v.startedAt === void 0 ? 0 : Date.now() - v.startedAt;
+        s.current.set(f, {
+          handle: void 0,
+          remaining: Math.max(0, v.remaining - I),
+          startedAt: void 0
+        });
+      }
+    }
+  }, []), x = m(() => {
+    if (d.current) {
+      d.current = !1;
+      for (const [f, v] of s.current)
+        v.handle === void 0 && s.current.set(f, {
+          handle: setTimeout(() => h(f), v.remaining),
+          remaining: v.remaining,
+          startedAt: Date.now()
+        });
+    }
+  }, [h]);
+  S(() => {
+    const f = s.current;
+    return () => {
+      for (const v of f.values())
+        v.handle !== void 0 && clearTimeout(v.handle);
+      f.clear();
+    };
+  }, []);
+  const g = de(
+    () => ({ show: b, dismiss: h, clear: y }),
+    [b, h, y]
+  );
+  return /* @__PURE__ */ p(ge.Provider, { value: g, children: [
+    c,
+    /* @__PURE__ */ n(
+      "div",
+      {
+        onPointerEnter: j,
+        onPointerLeave: x,
+        onFocusCapture: j,
+        onBlurCapture: x,
+        children: /* @__PURE__ */ n(vo, { placement: a, children: r.map((f) => /* @__PURE__ */ n(ve, { variant: f.variant, action: f.action, onDismiss: () => h(f.id), children: f.message }, f.id)) })
+      }
+    )
+  ] });
+}
 export {
-  Rn as AspectRatio,
-  xe as Button,
-  An as Card,
-  te as Checkbox,
-  lo as Dialog,
-  Dn as Field,
-  oo as IconArrowDown,
-  ro as IconArrowUpRight,
-  U as IconButton,
-  Fn as IconCheck,
-  Kn as IconChevronDown,
-  On as IconChevronRight,
-  nt as IconClose,
-  Jn as IconCopy,
-  Gn as IconEdit,
-  Qn as IconExternalLink,
-  eo as IconEye,
-  to as IconEyeOff,
-  io as IconGitHub,
-  co as IconInstagram,
-  so as IconLinkedIn,
-  no as IconLoader,
-  qn as IconMinus,
-  Vn as IconPlus,
-  Un as IconSearch,
-  Yn as IconSettings,
-  Xn as IconTrash,
-  Zn as IconUser,
-  ao as IconX,
-  uo as Input,
-  vo as Menu,
-  ne as MenuContext,
-  go as MenuItem,
-  yo as MenuSeparator,
-  Hn as NavBar,
-  Bo as Pagination,
-  Pn as Panel,
-  ho as Select,
-  _o as Switch,
-  wo as Table,
-  jn as TableBody,
-  Co as TableCell,
-  mo as TableHead,
-  xo as TableHeaderCell,
-  ko as TableRow,
-  fo as Tag,
-  bo as Toolbar,
-  po as Tooltip
+  ko as AspectRatio,
+  Me as Button,
+  yo as Card,
+  he as Checkbox,
+  Fo as Dialog,
+  xo as Field,
+  gt as IconAlertCircle,
+  vt as IconAlertTriangle,
+  Po as IconArrowDown,
+  Do as IconArrowUpRight,
+  X as IconButton,
+  ft as IconCheck,
+  No as IconChevronDown,
+  So as IconChevronRight,
+  ue as IconClose,
+  To as IconCopy,
+  jo as IconEdit,
+  Eo as IconExternalLink,
+  Mo as IconEye,
+  Wo as IconEyeOff,
+  Ho as IconGitHub,
+  pt as IconInfo,
+  qo as IconInstagram,
+  Ro as IconLinkedIn,
+  Ao as IconLoader,
+  Bo as IconMinus,
+  Co as IconPlus,
+  $o as IconSearch,
+  Lo as IconSettings,
+  Io as IconTrash,
+  zo as IconUser,
+  Vo as IconX,
+  Oo as Input,
+  Xo as Menu,
+  _e as MenuContext,
+  Jo as MenuItem,
+  Qo as MenuSeparator,
+  wo as NavBar,
+  ir as Pagination,
+  mo as Panel,
+  Ko as Select,
+  Uo as Switch,
+  er as Table,
+  Un as TableBody,
+  rr as TableCell,
+  tr as TableHead,
+  or as TableHeaderCell,
+  nr as TableRow,
+  Yo as Tag,
+  ve as Toast,
+  ge as ToastContext,
+  ar as ToastProvider,
+  vo as ToastRegion,
+  Go as Toolbar,
+  Zo as Tooltip,
+  sr as useToast
 };