@handamade/psi-react 0.11.0 → 0.13.0

package/dist/index.js

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