@handamade/psi-react 0.15.0 → 0.17.0

package/dist/index.js

@@ -1,19 +1,19 @@
 import { jsx as n, jsxs as f, Fragment as X } from "react/jsx-runtime";
-import { createContext as R, useId as H, useRef as k, useEffect as N, useContext as S, useState as _e, useCallback as g, cloneElement as ne, isValidElement as U, useMemo as oe, Children as A, Fragment as ce } from "react";
-const Be = "_button_c94w9_3", $e = "_disabled_c94w9_30", Ne = "_size24_c94w9_44", Le = "_size32_c94w9_54", Se = "_size40_c94w9_64", je = "_size48_c94w9_74", ze = "_accent_c94w9_87", Te = "_accentSubtle_c94w9_99", Ie = "_neutral_c94w9_111", Ee = "_neutralSubtle_c94w9_123", Me = "_ghost_c94w9_135", Ae = "_danger_c94w9_147", Pe = "_dangerSubtle_c94w9_159", We = "_outline_c94w9_171", w = {
+import { createContext as R, useId as H, useRef as x, useEffect as $, useContext as S, useState as _e, useCallback as b, cloneElement as ne, isValidElement as U, useMemo as oe, Children as P, Fragment as ce } from "react";
+const Be = "_button_c94w9_3", $e = "_disabled_c94w9_30", Ne = "_size24_c94w9_44", Le = "_size32_c94w9_54", Se = "_size40_c94w9_64", ze = "_size48_c94w9_74", Te = "_accent_c94w9_87", je = "_accentSubtle_c94w9_99", Ie = "_neutral_c94w9_111", Ee = "_neutralSubtle_c94w9_123", Me = "_ghost_c94w9_135", Pe = "_danger_c94w9_147", Ae = "_dangerSubtle_c94w9_159", We = "_outline_c94w9_171", w = {
   button: Be,
   disabled: $e,
   size24: Ne,
   size32: Le,
   size40: Se,
-  size48: je,
-  accent: ze,
-  accentSubtle: Te,
+  size48: ze,
+  accent: Te,
+  accentSubtle: je,
   neutral: Ie,
   neutralSubtle: Ee,
   ghost: Me,
-  danger: Ae,
-  dangerSubtle: Pe,
+  danger: Pe,
+  dangerSubtle: Ae,
   outline: We
 }, De = {
   accent: w.accent,
@@ -35,10 +35,10 @@ function He({
   size: t = 32,
   href: i,
   target: s,
-  rel: c,
+  rel: a,
   disabled: r,
   className: o,
-  onClick: a,
+  onClick: c,
   ref: d,
   ...l
 }) {
@@ -56,9 +56,9 @@ function He({
       className: u,
       href: r ? void 0 : i,
       target: s,
-      rel: c,
+      rel: a,
       "aria-disabled": r || void 0,
-      onClick: r ? void 0 : a,
+      onClick: r ? void 0 : c,
       ...l
     }
   ) : /* @__PURE__ */ n(
@@ -67,12 +67,12 @@ function He({
       ref: d,
       className: u,
       disabled: r,
-      onClick: a,
+      onClick: c,
       ...l
     }
   );
 }
-const qe = "_iconButton_129ca_3", Ve = "_disabled_129ca_29", Fe = "_size24_129ca_37", Ke = "_size32_129ca_42", Oe = "_size40_129ca_47", Ue = "_size48_129ca_52", Ye = "_accent_129ca_60", Ze = "_neutral_129ca_72", Ge = "_ghost_129ca_84", Xe = "_danger_129ca_96", j = {
+const qe = "_iconButton_129ca_3", Ve = "_disabled_129ca_29", Fe = "_size24_129ca_37", Ke = "_size32_129ca_42", Oe = "_size40_129ca_47", Ue = "_size48_129ca_52", Ye = "_accent_129ca_60", Ze = "_neutral_129ca_72", Ge = "_ghost_129ca_84", Xe = "_danger_129ca_96", z = {
   iconButton: qe,
   disabled: Ve,
   size24: Fe,
@@ -84,33 +84,33 @@ const qe = "_iconButton_129ca_3", Ve = "_disabled_129ca_29", Fe = "_size24_129ca
   ghost: Ge,
   danger: Xe
 }, Je = {
-  accent: j.accent,
-  neutral: j.neutral,
-  ghost: j.ghost,
-  danger: j.danger
+  accent: z.accent,
+  neutral: z.neutral,
+  ghost: z.ghost,
+  danger: z.danger
 }, Qe = {
-  24: j.size24,
-  32: j.size32,
-  40: j.size40,
-  48: j.size48
+  24: z.size24,
+  32: z.size32,
+  40: z.size40,
+  48: z.size48
 };
 function J({
   variant: e = "neutral",
   size: t = 32,
   href: i,
   target: s,
-  rel: c,
+  rel: a,
   disabled: r,
   className: o,
-  onClick: a,
+  onClick: c,
   ref: d,
   ...l
 }) {
   const u = [
-    j.iconButton,
+    z.iconButton,
     Je[e],
     Qe[t],
-    i !== void 0 && r ? j.disabled : void 0,
+    i !== void 0 && r ? z.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
   return i !== void 0 ? /* @__PURE__ */ n(
@@ -120,9 +120,9 @@ function J({
       className: u,
       href: r ? void 0 : i,
       target: s,
-      rel: c,
+      rel: a,
       "aria-disabled": r || void 0,
-      onClick: r ? void 0 : a,
+      onClick: r ? void 0 : c,
       ...l
     }
   ) : /* @__PURE__ */ n(
@@ -131,7 +131,7 @@ function J({
       ref: d,
       className: u,
       disabled: r,
-      onClick: a,
+      onClick: c,
       ...l
     }
   );
@@ -144,33 +144,33 @@ const et = "_card_1btb3_1", tt = "_stacked_1btb3_8", nt = "_featured_1btb3_10",
   body: rt,
   hoverLift: it
 };
-function Eo({
+function Io({
   variant: e = "stacked",
   media: t,
   hoverLift: i = !1,
   className: s,
-  children: c,
+  children: a,
   ref: r,
   ...o
 }) {
-  const a = [
+  const c = [
     I.card,
     e === "featured" ? I.featured : I.stacked,
     i ? I.hoverLift : void 0,
     s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ f("div", { ref: r, className: a, ...o, children: [
+  return /* @__PURE__ */ f("div", { ref: r, className: c, ...o, children: [
     t != null && /* @__PURE__ */ n("div", { className: I.media, children: t }),
-    /* @__PURE__ */ n("div", { className: I.body, children: c })
+    /* @__PURE__ */ n("div", { className: I.body, children: a })
   ] });
 }
 const st = "_panel_jn8w4_1", at = "_padding16_jn8w4_8", le = {
   panel: st,
   padding16: at
 };
-function Mo({ padding: e = 24, className: t, children: i, ref: s, ...c }) {
+function Eo({ padding: e = 24, className: t, children: i, ref: s, ...a }) {
   const r = [le.panel, e === 16 ? le.padding16 : void 0, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: r, ...c, children: i });
+  return /* @__PURE__ */ n("div", { ref: s, className: r, ...a, children: i });
 }
 const ct = "_list_1lh3q_8", lt = "_item_1lh3q_26", dt = "_term_1lh3q_44", ut = "_value_1lh3q_50", Z = {
   list: ct,
@@ -178,18 +178,18 @@ const ct = "_list_1lh3q_8", lt = "_item_1lh3q_26", dt = "_term_1lh3q_44", ut = "
   term: dt,
   value: ut
 };
-function Ao({
+function Mo({
   layout: e = "stacked",
   gap: t = 12,
   className: i,
   children: s,
-  ref: c,
+  ref: a,
   ...r
 }) {
   return /* @__PURE__ */ n(
     "dl",
     {
-      ref: c,
+      ref: a,
       className: [Z.list, i].filter(Boolean).join(" "),
       "data-layout": e,
       "data-gap": t,
@@ -198,79 +198,79 @@ function Ao({
     }
   );
 }
-function Po({ term: e, className: t, children: i, ref: s, ...c }) {
-  return /* @__PURE__ */ f("div", { ref: s, className: [Z.item, t].filter(Boolean).join(" "), ...c, children: [
+function Po({ term: e, className: t, children: i, ref: s, ...a }) {
+  return /* @__PURE__ */ f("div", { ref: s, className: [Z.item, t].filter(Boolean).join(" "), ...a, children: [
     /* @__PURE__ */ n("dt", { className: Z.term, children: e }),
     /* @__PURE__ */ n("dd", { className: Z.value, children: i })
   ] });
 }
-const ht = "_navbar_1gyow_1", _t = "_inner_1gyow_12", ft = "_brand_1gyow_19", pt = "_links_1gyow_20", vt = "_actions_1gyow_50", F = {
+const ht = "_navbar_1gyow_1", _t = "_inner_1gyow_12", ft = "_brand_1gyow_19", pt = "_links_1gyow_20", gt = "_actions_1gyow_50", F = {
   navbar: ht,
   inner: _t,
   brand: ft,
   links: pt,
-  actions: vt
+  actions: gt
 };
-function Wo({ brand: e, actions: t, children: i, className: s, ref: c, ...r }) {
+function Ao({ brand: e, actions: t, children: i, className: s, ref: a, ...r }) {
   const o = [F.navbar, s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("header", { ref: c, className: o, ...r, children: /* @__PURE__ */ f("div", { className: `psi-container ${F.inner}`, children: [
+  return /* @__PURE__ */ n("header", { ref: a, className: o, ...r, children: /* @__PURE__ */ f("div", { className: `psi-container ${F.inner}`, children: [
     e != null && /* @__PURE__ */ n("div", { className: F.brand, children: e }),
     /* @__PURE__ */ n("nav", { className: F.links, children: i }),
     t != null && /* @__PURE__ */ n("div", { className: F.actions, children: t })
   ] }) });
 }
-const bt = "_frame_et4fc_1", gt = {
-  frame: bt
+const vt = "_frame_et4fc_1", bt = {
+  frame: vt
 };
-function Do({ ratio: e, className: t, style: i, children: s, ref: c, ...r }) {
-  const o = [gt.frame, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: s });
+function Wo({ ratio: e, className: t, style: i, children: s, ref: a, ...r }) {
+  const o = [bt.frame, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: a, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: s });
 }
-const mt = "_field_lplye_1", yt = "_label_lplye_10", wt = "_marker_lplye_16", kt = "_message_lplye_20", xt = "_invalid_lplye_26", E = {
+const mt = "_field_lplye_1", yt = "_label_lplye_10", wt = "_marker_lplye_16", xt = "_message_lplye_20", kt = "_invalid_lplye_26", E = {
   field: mt,
   label: yt,
   marker: wt,
-  message: kt,
-  invalid: xt
+  message: xt,
+  invalid: kt
 }, re = R(null);
-function Ro({
+function Do({
   label: e,
   description: t,
   error: i,
   required: s = !1,
-  group: c = !1,
+  group: a = !1,
   htmlFor: r,
   className: o,
-  children: a,
+  children: c,
   ref: d,
   ...l
 }) {
-  const u = H(), h = r ?? u, _ = !!i, m = _ ? i : t, y = m != null && m !== !1 ? `${h}-message` : void 0, z = [E.field, _ && E.invalid, o].filter(Boolean).join(" "), C = e != null ? /* @__PURE__ */ f(X, { children: [
+  const u = H(), h = r ?? u, _ = !!i, m = _ ? i : t, y = m != null && m !== !1 ? `${h}-message` : void 0, T = [E.field, _ && E.invalid, o].filter(Boolean).join(" "), C = e != null ? /* @__PURE__ */ f(X, { children: [
     e,
     s && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: E.marker, children: " *" })
-  ] }) : null, b = /* @__PURE__ */ f(X, { children: [
-    C != null && (c ? /* @__PURE__ */ n("legend", { className: E.label, children: C }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: C })),
-    /* @__PURE__ */ n(re.Provider, { value: { id: h, describedBy: y, invalid: _, required: s }, children: a }),
+  ] }) : null, v = /* @__PURE__ */ f(X, { children: [
+    C != null && (a ? /* @__PURE__ */ n("legend", { className: E.label, children: C }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: C })),
+    /* @__PURE__ */ n(re.Provider, { value: { id: h, describedBy: y, invalid: _, required: s }, children: c }),
     y && /* @__PURE__ */ n("p", { id: y, className: E.message, "aria-live": "polite", children: m })
   ] });
-  return c ? /* @__PURE__ */ n(
+  return a ? /* @__PURE__ */ n(
     "fieldset",
     {
       ref: d,
-      className: z,
+      className: T,
       "aria-describedby": y,
       ...l,
-      children: b
+      children: v
     }
-  ) : /* @__PURE__ */ n("div", { ref: d, className: z, ...l, children: b });
+  ) : /* @__PURE__ */ n("div", { ref: d, className: T, ...l, children: v });
 }
-function Ho({ size: e = 20, ...t }) {
+function Ro({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 qo({ size: e = 20, ...t }) {
+function Ho({ 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 fe({ size: e = 20, ...t }) {
@@ -282,62 +282,62 @@ function fe({ size: e = 20, ...t }) {
 function Ct({ 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 Vo({ size: e = 20, ...t }) {
+function qo({ 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 Fo({ size: e = 20, ...t }) {
+function Vo({ 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 Ko({ size: e = 20, ...t }) {
+function Fo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Oo({ size: e = 20, ...t }) {
+function Ko({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Uo({ size: e = 20, ...t }) {
+function Oo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Yo({ size: e = 20, ...t }) {
+function Uo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Zo({ size: e = 20, ...t }) {
+function Yo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Go({ size: e = 20, ...t }) {
+function Zo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Xo({ size: e = 20, ...t }) {
+function Go({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Jo({ size: e = 20, ...t }) {
+function Xo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 Qo({ size: e = 20, ...t }) {
+function Jo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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" }),
@@ -345,7 +345,7 @@ function Qo({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function er({ size: e = 20, ...t }) {
+function Qo({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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" }),
@@ -357,28 +357,28 @@ function er({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function tr({ size: e = 20, ...t }) {
+function er({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 nr({ size: e = 20, ...t }) {
+function tr({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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 or({ size: e = 20, ...t }) {
+function nr({ 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 rr({ size: e = 20, ...t }) {
+function or({ 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 ir({ size: e = 20, ...t }) {
+function rr({ 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 sr({ size: e = 20, ...t }) {
+function ir({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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" }),
@@ -406,65 +406,65 @@ function Nt({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "12", y1: "16", x2: "12", y2: "16" })
   ] });
 }
-function ar({ size: e = 20, ...t }) {
+function sr({ size: e = 20, ...t }) {
   return /* @__PURE__ */ f("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: "5", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ n("circle", { cx: "19", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" })
   ] });
 }
-const Lt = "_dialog_h5f0e_2", St = "_center_h5f0e_32", jt = "_inlineStart_h5f0e_40", zt = "_inlineEnd_h5f0e_41", Tt = "_w400_h5f0e_90", It = "_w560_h5f0e_91", Et = "_w720_h5f0e_92", Mt = "_panel_h5f0e_94", At = "_header_h5f0e_114", Pt = "_title_h5f0e_121", Wt = "_footer_h5f0e_127", L = {
+const Lt = "_dialog_h5f0e_2", St = "_center_h5f0e_32", zt = "_inlineStart_h5f0e_40", Tt = "_inlineEnd_h5f0e_41", jt = "_w400_h5f0e_90", It = "_w560_h5f0e_91", Et = "_w720_h5f0e_92", Mt = "_panel_h5f0e_94", Pt = "_header_h5f0e_114", At = "_title_h5f0e_121", Wt = "_footer_h5f0e_127", N = {
   dialog: Lt,
   center: St,
-  inlineStart: jt,
-  inlineEnd: zt,
-  w400: Tt,
+  inlineStart: zt,
+  inlineEnd: Tt,
+  w400: jt,
   w560: It,
   w720: Et,
   panel: Mt,
-  header: At,
-  title: Pt,
+  header: Pt,
+  title: At,
   footer: Wt
 }, Dt = {
-  400: L.w400,
-  560: L.w560,
-  720: L.w720
+  400: N.w400,
+  560: N.w560,
+  720: N.w720
 }, Rt = {
-  center: L.center,
-  "inline-start": L.inlineStart,
-  "inline-end": L.inlineEnd
+  center: N.center,
+  "inline-start": N.inlineStart,
+  "inline-end": N.inlineEnd
 };
-function cr({
+function ar({
   open: e,
   onClose: t,
   title: i,
   footer: s,
-  width: c = 560,
+  width: a = 560,
   placement: r = "center",
   dismissible: o = !0,
-  className: a,
+  className: c,
   children: d,
   ref: l,
   ...u
 }) {
-  const h = k(null), _ = H(), m = (b) => {
-    h.current = b, typeof l == "function" ? l(b) : l && (l.current = b);
+  const h = x(null), _ = H(), m = (v) => {
+    h.current = v, typeof l == "function" ? l(v) : l && (l.current = v);
   };
-  N(() => {
-    const b = h.current;
-    b && (e && !b.open ? b.showModal() : !e && b.open && b.close());
-  }, [e]), N(() => {
+  $(() => {
+    const v = h.current;
+    v && (e && !v.open ? v.showModal() : !e && v.open && v.close());
+  }, [e]), $(() => {
     if (!e) return;
-    const b = document.body.style.overflow;
+    const v = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = b;
+      document.body.style.overflow = v;
     };
   }, [e]);
-  const y = (b) => {
-    b.preventDefault(), o && t("esc");
-  }, z = (b) => {
-    o && b.target === h.current && t("backdrop");
-  }, C = [L.dialog, Dt[c], Rt[r], a].filter(Boolean).join(" ");
+  const y = (v) => {
+    v.preventDefault(), o && t("esc");
+  }, T = (v) => {
+    o && v.target === h.current && t("backdrop");
+  }, C = [N.dialog, Dt[a], Rt[r], c].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "dialog",
     {
@@ -473,11 +473,11 @@ function cr({
       "data-placement": r,
       "aria-labelledby": i != null ? _ : void 0,
       onCancel: y,
-      onClick: z,
+      onClick: T,
       ...u,
-      children: /* @__PURE__ */ f("div", { className: L.panel, children: [
-        (i != null || o) && /* @__PURE__ */ f("div", { className: L.header, children: [
-          i != null && /* @__PURE__ */ n("h2", { id: _, className: L.title, children: i }),
+      children: /* @__PURE__ */ f("div", { className: N.panel, children: [
+        (i != null || o) && /* @__PURE__ */ f("div", { className: N.header, children: [
+          i != null && /* @__PURE__ */ n("h2", { id: _, className: N.title, children: i }),
           o && /* @__PURE__ */ n(
             J,
             {
@@ -490,12 +490,12 @@ function cr({
           )
         ] }),
         d,
-        s != null && /* @__PURE__ */ n("div", { className: L.footer, children: s })
+        s != null && /* @__PURE__ */ n("div", { className: N.footer, children: s })
       ] })
     }
   );
 }
-const Ht = "_input_hpei8_3", qt = "_size24_hpei8_37", Vt = "_size32_hpei8_43", Ft = "_size40_hpei8_49", Kt = "_size48_hpei8_55", Ot = "_error_hpei8_63", P = {
+const Ht = "_input_hpei8_3", qt = "_size24_hpei8_37", Vt = "_size32_hpei8_43", Ft = "_size40_hpei8_49", Kt = "_size48_hpei8_55", Ot = "_error_hpei8_63", A = {
   input: Ht,
   size24: qt,
   size32: Vt,
@@ -503,17 +503,17 @@ const Ht = "_input_hpei8_3", qt = "_size24_hpei8_37", Vt = "_size32_hpei8_43", F
   size48: Kt,
   error: Ot
 }, Ut = {
-  24: P.size24,
-  32: P.size32,
-  40: P.size40,
-  48: P.size48
+  24: A.size24,
+  32: A.size32,
+  40: A.size40,
+  48: A.size48
 };
-function lr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref: c, ...r }) {
-  const o = S(re), 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 = [P.input, Ut[e], a && P.error, s].filter(Boolean).join(" ");
+function cr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref: a, ...r }) {
+  const o = S(re), c = 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, Ut[e], c && A.error, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "input",
     {
-      ref: c,
+      ref: a,
       className: l,
       id: r.id ?? (o == null ? void 0 : o.id),
       required: r.required ?? ((o == null ? void 0 : o.required) || void 0),
@@ -537,18 +537,18 @@ const Yt = "_select_4x9ck_3", Zt = "_size24_4x9ck_37", Gt = "_size32_4x9ck_45",
   40: W.size40,
   48: W.size48
 };
-function dr({
+function lr({
   size: e = 32,
   error: t = !1,
   className: i,
   ref: s,
-  children: c,
+  children: a,
   ...r
 }) {
-  const o = S(re), 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 = [
+  const o = S(re), c = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
     W.select,
     en[e],
-    a && W.error,
+    c && W.error,
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
@@ -561,15 +561,15 @@ function dr({
       "aria-invalid": (o == null ? void 0 : o.invalid) || void 0,
       ...r,
       "aria-describedby": d,
-      children: c
+      children: a
     }
   );
 }
-const tn = "_label_1v4vv_3", nn = "_disabled_1v4vv_13", on = "_input_1v4vv_20", rn = "_indicator_1v4vv_34", sn = "_text_1v4vv_75", K = {
+const tn = "_label_f9su6_3", nn = "_disabled_f9su6_13", on = "_indicator_f9su6_26", rn = "_input_f9su6_42", sn = "_text_f9su6_67", K = {
   label: tn,
   disabled: nn,
-  input: on,
-  indicator: rn,
+  indicator: on,
+  input: rn,
   text: sn
 };
 function pe({
@@ -577,7 +577,7 @@ function pe({
   className: t,
   disabled: i,
   ref: s,
-  ...c
+  ...a
 }) {
   const r = [K.label, i && K.disabled, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ f("label", { className: r, children: [
@@ -586,29 +586,29 @@ function pe({
       {
         ref: s,
         type: "checkbox",
-        className: K.input,
+        className: `psi-sr-only ${K.input}`,
         disabled: i,
-        ...c
+        ...a
       }
     ),
     /* @__PURE__ */ n("span", { className: K.indicator, "aria-hidden": "true" }),
     e && /* @__PURE__ */ n("span", { className: K.text, children: e })
   ] });
 }
-const an = "_label_jru2c_3", cn = "_disabled_jru2c_13", ln = "_input_jru2c_20", dn = "_track_jru2c_34", un = "_thumb_jru2c_58", hn = "_text_jru2c_75", M = {
+const an = "_label_16roc_3", cn = "_disabled_16roc_13", ln = "_track_16roc_26", dn = "_input_16roc_38", un = "_thumb_16roc_50", hn = "_text_16roc_67", M = {
   label: an,
   disabled: cn,
-  input: ln,
-  track: dn,
+  track: ln,
+  input: dn,
   thumb: un,
   text: hn
 };
-function ur({
+function dr({
   children: e,
   className: t,
   disabled: i,
   ref: s,
-  ...c
+  ...a
 }) {
   const r = [M.label, i && M.disabled, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ f("label", { className: r, children: [
@@ -618,27 +618,27 @@ function ur({
         ref: s,
         type: "checkbox",
         role: "switch",
-        className: M.input,
+        className: `psi-sr-only ${M.input}`,
         disabled: i,
-        ...c
+        ...a
       }
     ),
     /* @__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 _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", vn = "_accent_3oysa_48", bn = "_success_3oysa_53", gn = "_warning_3oysa_58", mn = "_danger_3oysa_63", yn = "_neutralSubtle_3oysa_70", wn = "_accentSubtle_3oysa_75", kn = "_successSubtle_3oysa_80", xn = "_warningSubtle_3oysa_85", Cn = "_dangerSubtle_3oysa_90", B = {
+const _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", gn = "_accent_3oysa_48", vn = "_success_3oysa_53", bn = "_warning_3oysa_58", mn = "_danger_3oysa_63", yn = "_neutralSubtle_3oysa_70", wn = "_accentSubtle_3oysa_75", xn = "_successSubtle_3oysa_80", kn = "_warningSubtle_3oysa_85", Cn = "_dangerSubtle_3oysa_90", B = {
   tag: _n,
   dismiss: fn,
   neutral: pn,
-  accent: vn,
-  success: bn,
-  warning: gn,
+  accent: gn,
+  success: vn,
+  warning: bn,
   danger: mn,
   neutralSubtle: yn,
   accentSubtle: wn,
-  successSubtle: kn,
-  warningSubtle: xn,
+  successSubtle: xn,
+  warningSubtle: kn,
   dangerSubtle: Cn
 }, Bn = {
   neutral: B.neutral,
@@ -653,18 +653,18 @@ const _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", v
   warning: B.warningSubtle,
   danger: B.dangerSubtle
 };
-function hr({
+function ur({
   variant: e = "neutral",
   subtle: t = !1,
   onDismiss: i,
   className: s,
-  children: c,
+  children: a,
   ref: r,
   ...o
 }) {
-  const a = t ? $n : Bn, d = [B.tag, a[e], s].filter(Boolean).join(" ");
+  const c = t ? $n : Bn, d = [B.tag, c[e], s].filter(Boolean).join(" ");
   return /* @__PURE__ */ f("span", { ref: r, className: d, ...o, children: [
-    c,
+    a,
     i && /* @__PURE__ */ n(
       "button",
       {
@@ -694,28 +694,28 @@ function hr({
     )
   ] });
 }
-const Nn = "_wrapper_1eu6z_3", Ln = "_tooltip_1eu6z_10", Sn = "_top_1eu6z_24", jn = "_bottom_1eu6z_31", zn = "_left_1eu6z_38", Tn = "_right_1eu6z_45", D = {
+const Nn = "_wrapper_1eu6z_3", Ln = "_tooltip_1eu6z_10", Sn = "_top_1eu6z_24", zn = "_bottom_1eu6z_31", Tn = "_left_1eu6z_38", jn = "_right_1eu6z_45", D = {
   wrapper: Nn,
   tooltip: Ln,
   top: Sn,
-  bottom: jn,
-  left: zn,
-  right: Tn
+  bottom: zn,
+  left: Tn,
+  right: jn
 }, In = {
   top: D.top,
   bottom: D.bottom,
   left: D.left,
   right: D.right
 }, En = 150;
-function _r({
+function hr({
   content: e,
   children: t,
   placement: i = "top"
 }) {
-  const [s, c] = _e(!1), r = H(), o = k(void 0), a = g(() => {
+  const [s, a] = _e(!1), r = H(), o = x(void 0), c = b(() => {
     o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0);
-  }, []), d = g(() => c(!0), []), l = g(() => c(!1), []);
-  N(() => a, [a]), N(() => {
+  }, []), d = b(() => a(!0), []), l = b(() => a(!1), []);
+  $(() => c, [c]), $(() => {
     if (!s) return;
     const h = (_) => {
       _.key === "Escape" && l();
@@ -725,12 +725,12 @@ function _r({
   const u = ne(t, {
     "aria-describedby": s ? r : void 0,
     onMouseEnter: (h) => {
-      a(), o.current = window.setTimeout(d, En);
+      c(), o.current = window.setTimeout(d, En);
       const _ = t.props.onMouseEnter;
       _ == null || _(h);
     },
     onMouseLeave: (h) => {
-      a(), l();
+      c(), l();
       const _ = t.props.onMouseLeave;
       _ == null || _(h);
     },
@@ -740,7 +740,7 @@ function _r({
       _ == null || _(h);
     },
     onBlur: (h) => {
-      a(), l();
+      c(), l();
       const _ = t.props.onBlur;
       _ == null || _(h);
     }
@@ -758,15 +758,15 @@ function _r({
     )
   ] });
 }
-const Mn = "_toolbar_1i848_1", An = "_gap8_1i848_7", Pn = "_gap12_1i848_8", Wn = "_gap16_1i848_9", G = {
+const Mn = "_toolbar_1i848_1", Pn = "_gap8_1i848_7", An = "_gap12_1i848_8", Wn = "_gap16_1i848_9", G = {
   toolbar: Mn,
-  gap8: An,
-  gap12: Pn,
+  gap8: Pn,
+  gap12: An,
   gap16: Wn
 }, Dn = { 8: G.gap8, 12: G.gap12, 16: G.gap16 };
-function fr({ gap: e = 8, className: t, children: i, ref: s, ...c }) {
+function _r({ gap: e = 8, className: t, children: i, ref: s, ...a }) {
   const r = [G.toolbar, Dn[e], t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, role: c["aria-label"] != null ? "group" : void 0, className: r, ...c, children: i });
+  return /* @__PURE__ */ n("div", { ref: s, role: a["aria-label"] != null ? "group" : void 0, className: r, ...a, children: i });
 }
 const Rn = "_trigger_vpa0u_4", Hn = "_menu_vpa0u_16", qn = "_item_vpa0u_37", Vn = "_separator_vpa0u_74", Q = {
   trigger: Rn,
@@ -775,12 +775,12 @@ const Rn = "_trigger_vpa0u_4", Hn = "_menu_vpa0u_16", qn = "_item_vpa0u_37", Vn
   separator: Vn
 }, Fn = 500;
 function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
-  const c = k(""), r = k(0), o = g(() => {
+  const a = x(""), r = x(0), o = b(() => {
     const l = e.current;
     return l ? Array.from(
       l.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
     ) : [];
-  }, [e]), a = g(
+  }, [e]), c = b(
     (l) => {
       if (l) {
         for (const u of o()) u.tabIndex = u === l ? 0 : -1;
@@ -788,19 +788,19 @@ function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
       }
     },
     [o]
-  ), d = g(() => {
+  ), d = b(() => {
     var u;
     const l = (u = t.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
     l == null || l.focus();
   }, [t]);
-  return N(() => {
+  return $(() => {
     if (!i) return;
     const l = o();
-    return a(l[0]), () => {
+    return c(l[0]), () => {
       var u;
       (u = e.current) != null && u.contains(document.activeElement) && d();
     };
-  }, [i, e, o, a, d]), g(
+  }, [i, e, o, c, d]), b(
     (l) => {
       if (l.key === "Escape") {
         l.preventDefault(), s();
@@ -811,76 +811,76 @@ function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
       const h = u.indexOf(document.activeElement);
       switch (l.key) {
         case "ArrowDown":
-          l.preventDefault(), a(u[(h + 1 + u.length) % u.length]);
+          l.preventDefault(), c(u[(h + 1 + u.length) % u.length]);
           return;
         case "ArrowUp":
-          l.preventDefault(), a(u[h <= 0 ? u.length - 1 : h - 1]);
+          l.preventDefault(), c(u[h <= 0 ? u.length - 1 : h - 1]);
           return;
         case "Home":
-          l.preventDefault(), a(u[0]);
+          l.preventDefault(), c(u[0]);
           return;
         case "End":
-          l.preventDefault(), a(u[u.length - 1]);
+          l.preventDefault(), c(u[u.length - 1]);
           return;
       }
       if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
       const _ = Date.now();
-      c.current = _ - r.current > Fn ? l.key.toLowerCase() : c.current + l.key.toLowerCase(), r.current = _;
+      a.current = _ - r.current > Fn ? l.key.toLowerCase() : a.current + l.key.toLowerCase(), r.current = _;
       const m = u.find(
-        (y) => (y.textContent ?? "").trim().toLowerCase().startsWith(c.current)
+        (y) => (y.textContent ?? "").trim().toLowerCase().startsWith(a.current)
       );
-      m && (l.preventDefault(), a(m));
+      m && (l.preventDefault(), c(m));
     },
-    [o, a, s]
+    [o, c, s]
   );
 }
 function On() {
   return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
 }
-function Un({ popoverRef: e, triggerRef: t, open: i, placement: s, anchorName: c }) {
-  N(() => {
+function Un({ popoverRef: e, triggerRef: t, open: i, placement: s, anchorName: a }) {
+  $(() => {
     const r = t.current, o = e.current;
-    !r || !o || (r.style.setProperty("anchor-name", c), o.style.setProperty("position-anchor", c));
-  }, [e, t, c]), N(() => {
+    !r || !o || (r.style.setProperty("anchor-name", a), o.style.setProperty("position-anchor", a));
+  }, [e, t, a]), $(() => {
     if (!i || On()) return;
     const r = t.current, o = e.current;
     if (!r || !o) return;
-    const a = () => {
+    const c = () => {
       const d = r.getBoundingClientRect(), l = s.startsWith("bottom"), u = s.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 c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [i, s, e, t]);
 }
-const ve = R({ close: () => {
+const ge = R({ close: () => {
 } });
 function de(e) {
   return e.hasAttribute("data-open") || e.matches(":popover-open");
 }
-function pr({
+function fr({
   open: e,
   onClose: t,
   trigger: i,
   placement: s = "bottom-start",
-  children: c,
+  children: a,
   className: r,
   ref: o,
-  ...a
+  ...c
 }) {
-  const d = k(null), l = k(null), u = k(!1), h = `--psi-menu-${H().replace(/:/g, "")}`;
+  const d = x(null), l = x(null), u = x(!1), h = `--psi-menu-${H().replace(/:/g, "")}`;
   Un({ popoverRef: d, triggerRef: l, open: e, placement: s, anchorName: h });
   const _ = (p) => {
     d.current = p, typeof o == "function" ? o(p) : o && (o.current = p);
   };
-  N(() => {
+  $(() => {
     const p = d.current;
     if (!p) return;
-    const v = de(p);
-    e && !v ? p.showPopover() : !e && v && (u.current = !0, p.hidePopover());
+    const g = de(p);
+    e && !g ? p.showPopover() : !e && g && (u.current = !0, p.hidePopover());
   }, [e]);
-  const m = g(() => {
+  const m = b(() => {
     const p = d.current;
     if (p) {
       if (u.current) {
@@ -894,24 +894,24 @@ function pr({
     triggerRef: l,
     open: e,
     onEsc: () => t("esc")
-  }), z = g(
+  }), T = b(
     (p) => {
       t(p);
     },
     [t]
   ), C = U(i);
-  N(() => {
+  $(() => {
     C || 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."
     );
   }, [C]);
-  const b = C ? ne(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
+  const v = C ? ne(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
   return /* @__PURE__ */ f(X, { children: [
-    /* @__PURE__ */ n("div", { ref: l, className: Q.trigger, "data-psi-menu-trigger": !0, children: b }),
+    /* @__PURE__ */ n("div", { ref: l, className: Q.trigger, "data-psi-menu-trigger": !0, children: v }),
     /* @__PURE__ */ n(
       "div",
       {
-        ...a,
+        ...c,
         ref: _,
         popover: "auto",
         role: "menu",
@@ -920,13 +920,13 @@ function pr({
         className: [Q.menu, r].filter(Boolean).join(" "),
         onToggle: m,
         onKeyDown: y,
-        children: /* @__PURE__ */ n(ve.Provider, { value: { close: z }, children: c })
+        children: /* @__PURE__ */ n(ge.Provider, { value: { close: T }, children: a })
       }
     )
   ] });
 }
-function vr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1 }) {
-  const { close: c } = S(ve);
+function pr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1 }) {
+  const { close: a } = S(ge);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -938,16 +938,16 @@ function vr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1
       tabIndex: -1,
       className: Q.item,
       onClick: () => {
-        s || (t(), c("item-select"));
+        s || (t(), a("item-select"));
       },
       children: e
     }
   );
 }
-function br() {
+function gr() {
   return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: Q.separator });
 }
-const Yn = "_table_146hc_3", Zn = "_headerCell_146hc_13", Gn = "_cell_146hc_19", Xn = "_sortButton_146hc_30", Jn = "_sortIndicator_146hc_47", Qn = "_selectCell_146hc_79", eo = "_body_146hc_86", to = "_row_146hc_89", no = "_sticky_146hc_111", x = {
+const Yn = "_table_146hc_3", Zn = "_headerCell_146hc_13", Gn = "_cell_146hc_19", Xn = "_sortButton_146hc_30", Jn = "_sortIndicator_146hc_47", Qn = "_selectCell_146hc_79", eo = "_body_146hc_86", to = "_row_146hc_89", no = "_sticky_146hc_111", k = {
   table: Yn,
   headerCell: Zn,
   cell: Gn,
@@ -957,78 +957,78 @@ const Yn = "_table_146hc_3", Zn = "_headerCell_146hc_13", Gn = "_cell_146hc_19",
   body: eo,
   row: to,
   sticky: no
-}, be = /* @__PURE__ */ new Set(), q = R({
+}, ve = /* @__PURE__ */ new Set(), q = R({
   size: 40,
   sortable: !1,
   sort: null,
   selectable: !1,
-  selected: be
-}), ge = R([]);
+  selected: ve
+}), be = R([]);
 function oo({ children: e, className: t }) {
-  return /* @__PURE__ */ n("tbody", { className: [x.body, t].filter(Boolean).join(" "), children: e });
+  return /* @__PURE__ */ n("tbody", { className: [k.body, t].filter(Boolean).join(" "), children: e });
 }
 function ro(e) {
   const t = [];
   let i = !1, s = !1;
-  const c = (r) => {
-    A.forEach(r, function o(a) {
-      if (!U(a)) return;
-      if (a.type === ce) {
-        A.forEach(a.props.children, o);
+  const a = (r) => {
+    P.forEach(r, function o(c) {
+      if (!U(c)) return;
+      if (c.type === ce) {
+        P.forEach(c.props.children, o);
         return;
       }
-      const d = a.props.rowId;
+      const d = c.props.rowId;
       typeof d == "string" ? t.push(d) : s = !0;
     });
   };
-  return A.forEach(e, function r(o) {
+  return P.forEach(e, function r(o) {
     if (U(o)) {
       if (o.type === ce) {
-        A.forEach(o.props.children, r);
+        P.forEach(o.props.children, r);
         return;
       }
-      o.type === oo && (i = !0, c(o.props.children));
+      o.type === oo && (i = !0, a(o.props.children));
     }
   }), { ids: t, sawBody: i, hasRowWithoutId: s };
 }
-function gr({
+function vr({
   size: e = 40,
   stickyHeader: t,
   sortable: i = !1,
   sort: s = null,
-  onSortChange: c,
+  onSortChange: a,
   selectable: r = !1,
-  selected: o = be,
-  onSelectionChange: a,
+  selected: o = ve,
+  onSelectionChange: c,
   children: d,
   className: l,
   ref: u
 }) {
-  const h = [x.table, t && x.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: m, hasRowWithoutId: y } = oe(() => ro(d), [d]);
-  return process.env.NODE_ENV !== "production" && (i && !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 && !m && 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(q.Provider, { value: { size: e, sortable: i, sort: s, onSortChange: c, selectable: r, selected: o, onSelectionChange: a }, children: /* @__PURE__ */ n(ge.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
+  const h = [k.table, t && k.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: m, hasRowWithoutId: y } = oe(() => ro(d), [d]);
+  return process.env.NODE_ENV !== "production" && (i && !a && 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 && !m && 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(q.Provider, { value: { size: e, sortable: i, sort: s, onSortChange: a, selectable: r, selected: o, onSelectionChange: c }, children: /* @__PURE__ */ n(be.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
 }
 function io({ rowId: e, label: t }) {
-  const { selected: i, onSelectionChange: s } = S(q), c = () => {
+  const { selected: i, onSelectionChange: s } = S(q), a = () => {
     const r = new Set(i);
     r.has(e) ? r.delete(e) : r.add(e), s == null || s(r);
   };
-  return /* @__PURE__ */ n("td", { className: `${x.cell} ${x.selectCell}`, children: /* @__PURE__ */ n(pe, { "aria-label": t, checked: i.has(e), onChange: c }) });
+  return /* @__PURE__ */ n("td", { className: `${k.cell} ${k.selectCell}`, children: /* @__PURE__ */ n(pe, { "aria-label": t, checked: i.has(e), onChange: a }) });
 }
 function so() {
-  const { selected: e, onSelectionChange: t } = S(q), i = S(ge), s = k(null), c = i.length > 0 && i.every((a) => e.has(a)), r = i.some((a) => e.has(a));
-  N(() => {
-    s.current && (s.current.indeterminate = r && !c);
-  }, [r, c]);
+  const { selected: e, onSelectionChange: t } = S(q), i = S(be), s = x(null), a = i.length > 0 && i.every((c) => e.has(c)), r = i.some((c) => e.has(c));
+  $(() => {
+    s.current && (s.current.indeterminate = r && !a);
+  }, [r, a]);
   const o = () => {
-    const a = new Set(e);
-    c ? i.forEach((d) => a.delete(d)) : i.forEach((d) => a.add(d)), t == null || t(a);
+    const c = new Set(e);
+    a ? i.forEach((d) => c.delete(d)) : i.forEach((d) => c.add(d)), t == null || t(c);
   };
-  return /* @__PURE__ */ n("th", { scope: "col", className: `${x.headerCell} ${x.selectCell}`, children: /* @__PURE__ */ n(pe, { ref: s, "aria-label": "Select all rows", checked: c, onChange: o }) });
+  return /* @__PURE__ */ n("th", { scope: "col", className: `${k.headerCell} ${k.selectCell}`, children: /* @__PURE__ */ n(pe, { ref: s, "aria-label": "Select all rows", checked: a, onChange: o }) });
 }
-function mr({ children: e, className: t }) {
+function br({ children: e, className: t }) {
   const { selectable: i } = S(q);
   let s = !1;
-  const c = i ? A.map(e, (r) => {
+  const a = i ? P.map(e, (r) => {
     if (s || !U(r)) return r;
     s = !0;
     const o = r;
@@ -1041,25 +1041,25 @@ function mr({ children: e, className: t }) {
       ] })
     );
   }) : e;
-  return /* @__PURE__ */ n("thead", { className: [x.head, t].filter(Boolean).join(" "), children: c });
+  return /* @__PURE__ */ n("thead", { className: [k.head, t].filter(Boolean).join(" "), children: a });
 }
-function yr({ rowId: e, selectLabel: t, children: i, className: s }) {
-  const { selectable: c, selected: r } = S(q), o = e !== void 0 && r.has(e);
+function mr({ rowId: e, selectLabel: t, children: i, className: s }) {
+  const { selectable: a, selected: r } = S(q), o = e !== void 0 && r.has(e);
   return /* @__PURE__ */ f(
     "tr",
     {
-      className: [x.row, s].filter(Boolean).join(" "),
+      className: [k.row, s].filter(Boolean).join(" "),
       "data-row-id": e,
       "data-selected": o || void 0,
       children: [
-        c && e !== void 0 && /* @__PURE__ */ n(io, { rowId: e, label: t ?? `Select row ${e}` }),
+        a && e !== void 0 && /* @__PURE__ */ n(io, { rowId: e, label: t ?? `Select row ${e}` }),
         i
       ]
     }
   );
 }
-function wr({ sortKey: e, numeric: t, children: i, className: s }) {
-  const { sortable: c, sort: r, onSortChange: o } = S(q), 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 yr({ sortKey: e, numeric: t, children: i, className: s }) {
+  const { sortable: a, sort: r, onSortChange: o } = S(q), c = a && e !== void 0, d = c && (r == null ? void 0 : r.key) === e, l = c ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
     if (!e) return;
     const h = d && r.direction === "asc" ? "desc" : "asc";
     o == null || o({ key: e, direction: h });
@@ -1068,18 +1068,18 @@ function wr({ sortKey: e, numeric: t, children: i, className: s }) {
     "th",
     {
       scope: "col",
-      className: [x.headerCell, s].filter(Boolean).join(" "),
+      className: [k.headerCell, s].filter(Boolean).join(" "),
       "data-numeric": t || void 0,
       "aria-sort": l,
-      children: a ? /* @__PURE__ */ f("button", { type: "button", className: x.sortButton, onClick: u, children: [
+      children: c ? /* @__PURE__ */ f("button", { type: "button", className: k.sortButton, onClick: u, children: [
         i,
-        /* @__PURE__ */ n("span", { className: x.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
+        /* @__PURE__ */ n("span", { className: k.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
       ] }) : i
     }
   );
 }
-function kr({ numeric: e, children: t, className: i }) {
-  return /* @__PURE__ */ n("td", { className: [x.cell, i].filter(Boolean).join(" "), "data-numeric": e || void 0, children: t });
+function wr({ 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 ao = "_nav_166vs_6", co = "_ellipsis_166vs_12", ue = {
   nav: ao,
@@ -1089,52 +1089,56 @@ function O(e, t) {
   return Array.from({ length: t - e + 1 }, (i, s) => e + s);
 }
 function lo(e, t, i) {
-  const s = Math.max(0, i), c = s * 2 + 1, r = c + 4;
+  const s = Math.max(0, i), a = s * 2 + 1, r = a + 4;
   if (t <= r)
     return O(1, t);
-  const o = Math.max(e - s, 1), a = Math.min(e + s, t), d = o > 3, l = a < t - 2;
+  const o = Math.max(e - s, 1), c = Math.min(e + s, t), d = o > 3, l = c < t - 2;
   if (!d && l) {
-    const u = Math.max(a, c);
+    const u = Math.max(c, a);
     return [...O(1, u), "ellipsis", t];
   }
   if (d && !l) {
-    const u = Math.min(o, t - c + 1);
+    const u = Math.min(o, t - a + 1);
     return [1, "ellipsis", ...O(u, t)];
   }
-  return d && l ? [1, "ellipsis", ...O(o, a), "ellipsis", t] : O(1, t);
+  return d && l ? [1, "ellipsis", ...O(o, c), "ellipsis", t] : O(1, t);
 }
 function xr({
   page: e,
   pageCount: t,
   onPageChange: i,
   siblingCount: s = 1,
-  "aria-label": c = "Pagination",
+  "aria-label": a = "Pagination",
   className: r
 }) {
-  const o = lo(e, t, s);
-  return /* @__PURE__ */ f("nav", { "aria-label": c, className: [ue.nav, r].filter(Boolean).join(" "), children: [
+  const o = t >= 1, c = Number.isFinite(e) ? e : 1, d = o ? Math.min(Math.max(c, 1), t) : 0;
+  process.env.NODE_ENV !== "production" && (!o || e !== d) && console.warn(
+    `Psi Pagination: \`page\` ${e} is out of range for \`pageCount\` ${t}; rendering page ${o ? d : "none"}. Clamp \`page\` when \`pageCount\` shrinks — e.g. after filtering.`
+  );
+  const l = o ? lo(d, t, s) : [];
+  return /* @__PURE__ */ f("nav", { "aria-label": a, className: [ue.nav, r].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ n(
       J,
       {
         "aria-label": "Previous page",
         size: 32,
         variant: "ghost",
-        disabled: e <= 1,
-        onClick: () => i(e - 1),
+        disabled: !o || d <= 1,
+        onClick: () => i(d - 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: ue.ellipsis, "aria-hidden": "true", children: "…" }, `e${d}`) : /* @__PURE__ */ n(
+    l.map(
+      (u, h) => u === "ellipsis" ? /* @__PURE__ */ n("span", { className: ue.ellipsis, "aria-hidden": "true", children: "…" }, `e${h}`) : /* @__PURE__ */ n(
         He,
         {
           size: 32,
-          variant: a === e ? "accent-subtle" : "ghost",
-          "aria-current": a === e ? "page" : void 0,
-          onClick: () => i(a),
-          children: String(a)
+          variant: u === d ? "accent-subtle" : "ghost",
+          "aria-current": u === d ? "page" : void 0,
+          onClick: () => i(u),
+          children: String(u)
         },
-        a
+        u
       )
     ),
     /* @__PURE__ */ n(
@@ -1143,26 +1147,25 @@ function xr({
         "aria-label": "Next page",
         size: 32,
         variant: "ghost",
-        disabled: e >= t,
-        onClick: () => i(e + 1),
+        disabled: !o || d >= t,
+        onClick: () => i(d + 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 uo = "_toast_7toru_10", ho = "_icon_7toru_39", _o = "_iconNeutral_7toru_44", fo = "_iconSuccess_7toru_45", po = "_iconWarning_7toru_46", vo = "_iconDanger_7toru_47", bo = "_body_7toru_51", go = "_action_7toru_55", mo = "_srOnly_7toru_60", yo = "_region_7toru_74", wo = "_live_7toru_104", $ = {
+const uo = "_toast_1gxg8_10", ho = "_icon_1gxg8_39", _o = "_iconNeutral_1gxg8_44", fo = "_iconSuccess_1gxg8_45", po = "_iconWarning_1gxg8_46", go = "_iconDanger_1gxg8_47", vo = "_body_1gxg8_51", bo = "_action_1gxg8_55", mo = "_region_1gxg8_61", yo = "_live_1gxg8_91", L = {
   toast: uo,
   icon: ho,
   iconNeutral: _o,
   iconSuccess: fo,
   iconWarning: po,
-  iconDanger: vo,
-  body: bo,
-  action: go,
-  srOnly: mo,
-  region: yo,
-  live: wo
-}, ko = {
+  iconDanger: go,
+  body: vo,
+  action: bo,
+  region: mo,
+  live: yo
+}, wo = {
   neutral: Bt,
   success: Ct,
   warning: $t,
@@ -1172,28 +1175,28 @@ const uo = "_toast_7toru_10", ho = "_icon_7toru_39", _o = "_iconNeutral_7toru_44
   success: "Success:",
   warning: "Warning:",
   danger: "Error:"
-}, Co = {
-  neutral: $.iconNeutral,
-  success: $.iconSuccess,
-  warning: $.iconWarning,
-  danger: $.iconDanger
+}, ko = {
+  neutral: L.iconNeutral,
+  success: L.iconSuccess,
+  warning: L.iconWarning,
+  danger: L.iconDanger
 };
 function me({
   variant: e = "neutral",
   children: t,
   action: i,
   onDismiss: s,
-  className: c,
+  className: a,
   ref: r
 }) {
-  const o = ko[e], a = xo[e], d = [$.toast, c].filter(Boolean).join(" ");
+  const o = wo[e], c = xo[e], d = [L.toast, a].filter(Boolean).join(" ");
   return /* @__PURE__ */ f("div", { ref: r, className: d, "data-variant": e, "data-psi-toast": !0, children: [
-    /* @__PURE__ */ n("span", { className: [$.icon, Co[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ f("div", { className: $.body, children: [
-      a && /* @__PURE__ */ n("span", { className: $.srOnly, children: a }),
+    /* @__PURE__ */ n("span", { className: [L.icon, ko[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ f("div", { className: L.body, children: [
+      c && /* @__PURE__ */ n("span", { className: "psi-sr-only", children: c }),
       t
     ] }),
-    i != null && /* @__PURE__ */ n("div", { className: $.action, children: i }),
+    i != null && /* @__PURE__ */ n("div", { className: L.action, children: i }),
     s && /* @__PURE__ */ n(
       J,
       {
@@ -1206,23 +1209,23 @@ function me({
     )
   ] });
 }
-const Bo = /* @__PURE__ */ new Set(["warning", "danger"]);
+const Co = /* @__PURE__ */ new Set(["warning", "danger"]);
 function he(e) {
   if (!U(e) || e.type !== me) return !1;
   const { variant: t } = e.props;
-  return Bo.has(t ?? "neutral");
+  return Co.has(t ?? "neutral");
 }
-function $o({
+function Bo({
   placement: e = "bottom-end",
   "aria-label": t = "Notifications",
   children: i,
   className: s,
-  ref: c
+  ref: a
 }) {
-  const r = k(null), o = (u) => {
-    r.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
+  const r = x(null), o = (u) => {
+    r.current = u, typeof a == "function" ? a(u) : a && (a.current = u);
   };
-  N(() => {
+  $(() => {
     var h;
     const u = r.current;
     if (u)
@@ -1231,7 +1234,7 @@ function $o({
         (_ = u.hidePopover) == null || _.call(u);
       };
   }, []);
-  const a = A.toArray(i), d = a.filter(he), l = a.filter((u) => !he(u));
+  const c = P.toArray(i), d = c.filter(he), l = c.filter((u) => !he(u));
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1240,16 +1243,16 @@ function $o({
       "aria-label": t,
       "data-placement": e,
       "data-psi-toast-region": !0,
-      className: [$.region, s].filter(Boolean).join(" "),
+      className: [L.region, s].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: $.live, children: l }),
-        /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: $.live, children: d })
+        /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: L.live, children: l }),
+        /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: L.live, children: d })
       ]
     }
   );
 }
 const ye = R(null);
-function Cr() {
+function kr() {
   const e = S(ye);
   if (!e)
     throw new Error(
@@ -1257,95 +1260,95 @@ function Cr() {
     );
   return e;
 }
-function Br({
+function Cr({
   limit: e = 3,
   duration: t = 5e3,
   actionDuration: i = 1e4,
   placement: s = "bottom-end",
-  children: c
+  children: a
 }) {
-  const [r, o] = _e([]), a = k(/* @__PURE__ */ new Map()), d = k(!1), l = k(0), u = H(), h = g((p) => {
-    const v = a.current.get(p);
-    (v == null ? void 0 : v.handle) !== void 0 && clearTimeout(v.handle), a.current.delete(p), o((T) => T.filter((V) => V.id !== p));
-  }, []), _ = g(
-    (p, v) => {
-      const T = d.current ? { handle: void 0, remaining: v, startedAt: void 0 } : { handle: setTimeout(() => h(p), v), remaining: v, startedAt: Date.now() };
-      a.current.set(p, T);
+  const [r, o] = _e([]), c = x(/* @__PURE__ */ new Map()), d = x(!1), l = x(0), u = H(), h = b((p) => {
+    const g = c.current.get(p);
+    (g == null ? void 0 : g.handle) !== void 0 && clearTimeout(g.handle), c.current.delete(p), o((j) => j.filter((V) => V.id !== p));
+  }, []), _ = b(
+    (p, g) => {
+      const j = d.current ? { handle: void 0, remaining: g, startedAt: void 0 } : { handle: setTimeout(() => h(p), g), remaining: g, startedAt: Date.now() };
+      c.current.set(p, j);
     },
     [h]
-  ), m = g(
-    ({ variant: p = "neutral", message: v, action: T }) => {
-      const V = `${u}-${l.current++}`, se = T != null ? i : t;
+  ), m = b(
+    ({ variant: p = "neutral", message: g, action: j }) => {
+      const V = `${u}-${l.current++}`, se = j != null ? i : t;
       return o((Ce) => {
-        const te = [...Ce, { id: V, variant: p, message: v, action: T, duration: se }];
+        const te = [...Ce, { id: V, variant: p, message: g, action: j, duration: se }];
         for (; te.length > e; ) {
-          const ae = te.shift(), Y = a.current.get(ae.id);
-          (Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), a.current.delete(ae.id);
+          const ae = te.shift(), Y = c.current.get(ae.id);
+          (Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), c.current.delete(ae.id);
         }
         return te;
       }), _(V, se), V;
     },
     [i, _, t, u, e]
-  ), y = g(() => {
-    for (const p of a.current.values())
+  ), y = b(() => {
+    for (const p of c.current.values())
       p.handle !== void 0 && clearTimeout(p.handle);
-    a.current.clear(), o([]);
-  }, []), z = g(() => {
+    c.current.clear(), o([]);
+  }, []), T = b(() => {
     if (!d.current) {
       d.current = !0;
-      for (const [p, v] of a.current) {
-        if (v.handle === void 0) continue;
-        clearTimeout(v.handle);
-        const T = v.startedAt === void 0 ? 0 : Date.now() - v.startedAt;
-        a.current.set(p, {
+      for (const [p, g] of c.current) {
+        if (g.handle === void 0) continue;
+        clearTimeout(g.handle);
+        const j = g.startedAt === void 0 ? 0 : Date.now() - g.startedAt;
+        c.current.set(p, {
           handle: void 0,
-          remaining: Math.max(0, v.remaining - T),
+          remaining: Math.max(0, g.remaining - j),
           startedAt: void 0
         });
       }
     }
-  }, []), C = g(() => {
+  }, []), C = b(() => {
     if (d.current) {
       d.current = !1;
-      for (const [p, v] of a.current)
-        v.handle === void 0 && a.current.set(p, {
-          handle: setTimeout(() => h(p), v.remaining),
-          remaining: v.remaining,
+      for (const [p, g] of c.current)
+        g.handle === void 0 && c.current.set(p, {
+          handle: setTimeout(() => h(p), g.remaining),
+          remaining: g.remaining,
           startedAt: Date.now()
         });
     }
   }, [h]);
-  N(() => {
-    const p = a.current;
+  $(() => {
+    const p = c.current;
     return () => {
-      for (const v of p.values())
-        v.handle !== void 0 && clearTimeout(v.handle);
+      for (const g of p.values())
+        g.handle !== void 0 && clearTimeout(g.handle);
       p.clear();
     };
   }, []);
-  const b = oe(
+  const v = oe(
     () => ({ show: m, dismiss: h, clear: y }),
     [m, h, y]
   );
-  return /* @__PURE__ */ f(ye.Provider, { value: b, children: [
-    c,
+  return /* @__PURE__ */ f(ye.Provider, { value: v, children: [
+    a,
     /* @__PURE__ */ n(
       "div",
       {
-        onPointerEnter: z,
+        onPointerEnter: T,
         onPointerLeave: C,
-        onFocusCapture: z,
+        onFocusCapture: T,
         onBlurCapture: C,
-        children: /* @__PURE__ */ n($o, { placement: s, children: r.map((p) => /* @__PURE__ */ n(me, { variant: p.variant, action: p.action, onDismiss: () => h(p.id), children: p.message }, p.id)) })
+        children: /* @__PURE__ */ n(Bo, { placement: s, children: r.map((p) => /* @__PURE__ */ n(me, { variant: p.variant, action: p.action, onDismiss: () => h(p.id), children: p.message }, p.id)) })
       }
     )
   ] });
 }
-const No = "_tabs_17vw6_8", Lo = "_list_17vw6_21", So = "_tab_17vw6_8", jo = "_panel_17vw6_97", ee = {
-  tabs: No,
-  list: Lo,
-  tab: So,
-  panel: jo
+const $o = "_tabs_17vw6_8", No = "_list_17vw6_21", Lo = "_tab_17vw6_8", So = "_panel_17vw6_97", ee = {
+  tabs: $o,
+  list: No,
+  tab: Lo,
+  panel: So
 }, we = R(null);
 function ie(e) {
   const t = S(we);
@@ -1355,103 +1358,103 @@ function ie(e) {
     );
   return t;
 }
-function $r({
+function Br({
   value: e,
   onValueChange: t,
   orientation: i = "horizontal",
   children: s,
-  className: c,
+  className: a,
   ref: r
 }) {
-  const o = H(), a = oe(
+  const o = H(), c = oe(
     () => ({ value: e, onValueChange: t, orientation: i, idPrefix: o }),
     [e, t, i, o]
   );
-  return /* @__PURE__ */ n(we.Provider, { value: a, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(we.Provider, { value: c, children: /* @__PURE__ */ n(
     "div",
     {
       ref: r,
-      className: [ee.tabs, c].filter(Boolean).join(" "),
+      className: [ee.tabs, a].filter(Boolean).join(" "),
       "data-orientation": i,
       children: s
     }
   ) });
 }
-function ke(e, t) {
+function xe(e, t) {
   return `${e}tab-${t}`;
 }
-function xe(e, t) {
+function ke(e, t) {
   return `${e}panel-${t}`;
 }
 function zo({ listRef: e, orientation: t, onValueChange: i }) {
-  const s = g(() => {
+  const s = b(() => {
     const r = e.current;
     return r ? Array.from(
       r.querySelectorAll('[data-psi-tab]:not([aria-disabled="true"])')
     ) : [];
-  }, [e]), c = g(
+  }, [e]), a = b(
     (r) => {
       if (!r) return;
-      for (const a of s()) a.tabIndex = a === r ? 0 : -1;
+      for (const c of s()) c.tabIndex = c === r ? 0 : -1;
       r.focus();
       const o = r.dataset.value;
       o != null && i(o);
     },
     [s, i]
   );
-  return g(
+  return b(
     (r) => {
       const o = s();
       if (o.length === 0) return;
-      const [a, d] = t === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], l = o.indexOf(document.activeElement);
+      const [c, d] = t === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], l = o.indexOf(document.activeElement);
       switch (r.key) {
         case d:
-          r.preventDefault(), c(o[(l + 1 + o.length) % o.length]);
+          r.preventDefault(), a(o[(l + 1 + o.length) % o.length]);
           break;
-        case a:
-          r.preventDefault(), c(o[(l - 1 + o.length) % o.length]);
+        case c:
+          r.preventDefault(), a(o[(l - 1 + o.length) % o.length]);
           break;
         case "Home":
-          r.preventDefault(), c(o[0]);
+          r.preventDefault(), a(o[0]);
           break;
         case "End":
-          r.preventDefault(), c(o[o.length - 1]);
+          r.preventDefault(), a(o[o.length - 1]);
           break;
       }
     },
-    [c, s, t]
+    [a, s, t]
   );
 }
-function Nr({ "aria-label": e, children: t, className: i, ref: s }) {
-  const { orientation: c, onValueChange: r } = ie("TabList"), o = k(null), a = (l) => {
+function $r({ "aria-label": e, children: t, className: i, ref: s }) {
+  const { orientation: a, onValueChange: r } = ie("TabList"), o = x(null), c = (l) => {
     o.current = l, typeof s == "function" ? s(l) : s && (s.current = l);
-  }, d = zo({ listRef: o, orientation: c, onValueChange: r });
+  }, d = zo({ listRef: o, orientation: a, onValueChange: r });
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
+      ref: c,
       role: "tablist",
       "aria-label": e,
-      "aria-orientation": c,
+      "aria-orientation": a,
       className: [ee.list, i].filter(Boolean).join(" "),
       onKeyDown: d,
       children: t
     }
   );
 }
-function Lr({ value: e, children: t, disabled: i = !1, className: s, ref: c }) {
+function Nr({ value: e, children: t, disabled: i = !1, className: s, ref: a }) {
   const r = ie("Tab"), o = r.value === e;
   return /* @__PURE__ */ n(
     "button",
     {
-      ref: c,
+      ref: a,
       type: "button",
       role: "tab",
-      id: ke(r.idPrefix, e),
+      id: xe(r.idPrefix, e),
       "data-psi-tab": !0,
       "data-value": e,
       "aria-selected": o,
-      "aria-controls": xe(r.idPrefix, e),
+      "aria-controls": ke(r.idPrefix, e),
       "aria-disabled": i || void 0,
       tabIndex: o ? 0 : -1,
       className: [ee.tab, s].filter(Boolean).join(" "),
@@ -1462,15 +1465,15 @@ function Lr({ value: e, children: t, disabled: i = !1, className: s, ref: c }) {
     }
   );
 }
-function Sr({ value: e, children: t, className: i, ref: s }) {
-  const c = ie("TabPanel"), r = c.value === e;
+function Lr({ value: e, children: t, className: i, ref: s }) {
+  const a = ie("TabPanel"), r = a.value === e;
   return /* @__PURE__ */ n(
     "div",
     {
       ref: s,
       role: "tabpanel",
-      id: xe(c.idPrefix, e),
-      "aria-labelledby": ke(c.idPrefix, e),
+      id: ke(a.idPrefix, e),
+      "aria-labelledby": xe(a.idPrefix, e),
       hidden: !r,
       tabIndex: 0,
       className: [ee.panel, i].filter(Boolean).join(" "),
@@ -1479,68 +1482,68 @@ function Sr({ value: e, children: t, className: i, ref: s }) {
   );
 }
 export {
-  Do as AspectRatio,
+  Wo as AspectRatio,
   He as Button,
-  Eo as Card,
+  Io as Card,
   pe as Checkbox,
   Po as DescriptionItem,
-  Ao as DescriptionList,
-  cr as Dialog,
-  Ro as Field,
+  Mo as DescriptionList,
+  ar as Dialog,
+  Do as Field,
   Nt as IconAlertCircle,
   $t as IconAlertTriangle,
-  tr as IconArrowDown,
-  nr as IconArrowUpRight,
+  er as IconArrowDown,
+  tr as IconArrowUpRight,
   J as IconButton,
   Ct as IconCheck,
-  Vo as IconChevronDown,
-  Fo as IconChevronRight,
+  qo as IconChevronDown,
+  Vo as IconChevronRight,
   fe as IconClose,
-  Go as IconCopy,
-  Yo as IconEdit,
-  Xo as IconExternalLink,
-  Jo as IconEye,
-  Qo as IconEyeOff,
-  rr as IconGitHub,
+  Zo as IconCopy,
+  Uo as IconEdit,
+  Go as IconExternalLink,
+  Xo as IconEye,
+  Jo as IconEyeOff,
+  or as IconGitHub,
   Bt as IconInfo,
-  sr as IconInstagram,
-  or as IconLinkedIn,
-  er as IconLoader,
-  qo as IconMinus,
-  ar as IconMoreHorizontal,
-  Ho as IconPlus,
-  Ko as IconSearch,
-  Oo as IconSettings,
-  Zo as IconTrash,
-  Uo as IconUser,
-  ir as IconX,
-  lr as Input,
-  pr as Menu,
-  ve as MenuContext,
-  vr as MenuItem,
-  br as MenuSeparator,
-  Wo as NavBar,
+  ir as IconInstagram,
+  nr as IconLinkedIn,
+  Qo as IconLoader,
+  Ho as IconMinus,
+  sr as IconMoreHorizontal,
+  Ro as IconPlus,
+  Fo as IconSearch,
+  Ko as IconSettings,
+  Yo as IconTrash,
+  Oo as IconUser,
+  rr as IconX,
+  cr as Input,
+  fr as Menu,
+  ge as MenuContext,
+  pr as MenuItem,
+  gr as MenuSeparator,
+  Ao as NavBar,
   xr as Pagination,
-  Mo as Panel,
-  dr as Select,
-  ur as Switch,
-  Lr as Tab,
-  Nr as TabList,
-  Sr as TabPanel,
-  gr as Table,
+  Eo as Panel,
+  lr as Select,
+  dr as Switch,
+  Nr as Tab,
+  $r as TabList,
+  Lr as TabPanel,
+  vr as Table,
   oo as TableBody,
-  kr as TableCell,
-  mr as TableHead,
-  wr as TableHeaderCell,
-  yr as TableRow,
-  $r as Tabs,
+  wr as TableCell,
+  br as TableHead,
+  yr as TableHeaderCell,
+  mr as TableRow,
+  Br as Tabs,
   we as TabsContext,
-  hr as Tag,
+  ur as Tag,
   me as Toast,
   ye as ToastContext,
-  Br as ToastProvider,
-  $o as ToastRegion,
-  fr as Toolbar,
-  _r as Tooltip,
-  Cr as useToast
+  Cr as ToastProvider,
+  Bo as ToastRegion,
+  _r as Toolbar,
+  hr as Tooltip,
+  kr as useToast
 };