@handamade/psi-react 0.12.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 N, useEffect as S, useContext as z, useState as le, useCallback as m, cloneElement as ee, isValidElement as O, useMemo as de, Children as W, Fragment as re } from "react";
-const ye = "_button_c94w9_3", me = "_disabled_c94w9_30", we = "_size24_c94w9_44", ke = "_size32_c94w9_54", xe = "_size40_c94w9_64", Ce = "_size48_c94w9_74", Be = "_accent_c94w9_87", Ne = "_accentSubtle_c94w9_99", Se = "_neutral_c94w9_111", $e = "_neutralSubtle_c94w9_123", Le = "_ghost_c94w9_135", ze = "_danger_c94w9_147", je = "_dangerSubtle_c94w9_159", Ie = "_outline_c94w9_171", w = {
-  button: ye,
-  disabled: me,
-  size24: we,
-  size32: ke,
-  size40: xe,
-  size48: Ce,
-  accent: Be,
-  accentSubtle: Ne,
-  neutral: Se,
-  neutralSubtle: $e,
-  ghost: Le,
-  danger: ze,
-  dangerSubtle: je,
-  outline: Ie
-}, Te = {
+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,
@@ -44,8 +44,8 @@ function Me({
 }) {
   const u = [
     w.button,
-    Te[e],
-    Ee[t],
+    We[e],
+    De[t],
     i !== void 0 && r ? w.disabled : void 0,
     o
   ].filter(Boolean).join(" ");
@@ -72,27 +72,27 @@ function Me({
     }
   );
 }
-const We = "_iconButton_129ca_3", Ae = "_disabled_129ca_29", Pe = "_size24_129ca_37", De = "_size32_129ca_42", Re = "_size40_129ca_47", He = "_size48_129ca_52", Ve = "_accent_129ca_60", qe = "_neutral_129ca_72", Fe = "_ghost_129ca_84", Oe = "_danger_129ca_96", L = {
-  iconButton: We,
-  disabled: Ae,
-  size24: Pe,
-  size32: De,
-  size40: Re,
-  size48: He,
-  accent: Ve,
-  neutral: qe,
-  ghost: Fe,
-  danger: Oe
-}, Ke = {
-  accent: L.accent,
-  neutral: L.neutral,
-  ghost: L.ghost,
-  danger: L.danger
-}, Ue = {
-  24: L.size24,
-  32: L.size32,
-  40: L.size40,
-  48: L.size48
+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",
@@ -107,10 +107,10 @@ function X({
   ...l
 }) {
   const u = [
-    L.iconButton,
-    Ke[e],
-    Ue[t],
-    i !== void 0 && r ? L.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(
@@ -136,15 +136,15 @@ function X({
     }
   );
 }
-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 yo({
+function So({
   variant: e = "stacked",
   media: t,
   hoverLift: i = !1,
@@ -154,54 +154,54 @@ function yo({
   ...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 mo({ padding: e = 24, className: t, children: i, ref: a, ...c }) {
-  const r = [ie.panel, e === 16 ? ie.padding16 : void 0, t].filter(Boolean).join(" ");
+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 wo({ brand: e, actions: t, children: i, className: a, ref: c, ...r }) {
-  const o = [V.navbar, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("header", { ref: c, className: o, ...r, children: /* @__PURE__ */ p("div", { className: `psi-container ${V.inner}`, children: [
-    e != null && /* @__PURE__ */ n("div", { className: V.brand, children: e }),
-    /* @__PURE__ */ n("nav", { className: V.links, children: i }),
-    t != null && /* @__PURE__ */ n("div", { className: V.actions, children: t })
+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 ko({ 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 xo({
+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,
@@ -213,99 +213,99 @@ function xo({
   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(" "), x = 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, g = /* @__PURE__ */ p(G, { children: [
-    x != null && (c ? /* @__PURE__ */ n("legend", { className: E.label, children: x }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: x })),
-    /* @__PURE__ */ n(te.Provider, { value: { id: h, describedBy: y, invalid: _, required: a }, children: s }),
-    y && /* @__PURE__ */ n("p", { id: y, className: E.message, "aria-live": "polite", children: b })
+  ] }) : 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: d,
       className: j,
-      "aria-describedby": y,
+      "aria-describedby": m,
       ...l,
-      children: g
+      children: b
     }
-  ) : /* @__PURE__ */ n("div", { ref: d, className: j, ...l, children: g });
+  ) : /* @__PURE__ */ n("div", { ref: d, className: j, ...l, children: b });
 }
-function Co({ 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 Bo({ 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 No({ 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 So({ 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 $o({ 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 Lo({ 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 zo({ 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 jo({ 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 Io({ 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 To({ 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 Eo({ 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 Mo({ 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 Wo({ 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 Wo({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Ao({ 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,77 +325,77 @@ function Ao({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function Po({ 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 Do({ 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 Ro({ 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 Ho({ 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 Vo({ 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 qo({ 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_h5f0e_2", yt = "_center_h5f0e_32", mt = "_inlineStart_h5f0e_40", wt = "_inlineEnd_h5f0e_41", kt = "_w400_h5f0e_90", xt = "_w560_h5f0e_91", Ct = "_w720_h5f0e_92", Bt = "_panel_h5f0e_94", Nt = "_header_h5f0e_114", St = "_title_h5f0e_121", $t = "_footer_h5f0e_127", $ = {
-  dialog: bt,
-  center: yt,
-  inlineStart: mt,
-  inlineEnd: wt,
-  w400: kt,
-  w560: xt,
-  w720: Ct,
-  panel: Bt,
-  header: Nt,
-  title: St,
-  footer: $t
-}, Lt = {
-  400: $.w400,
-  560: $.w560,
-  720: $.w720
-}, zt = {
-  center: $.center,
-  "inline-start": $.inlineStart,
-  "inline-end": $.inlineEnd
+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 Fo({
+function er({
   open: e,
   onClose: t,
   title: i,
@@ -408,37 +408,37 @@ function Fo({
   ref: l,
   ...u
 }) {
-  const h = N(null), _ = U(), b = (g) => {
-    h.current = g, typeof l == "function" ? l(g) : l && (l.current = g);
+  const h = x(null), _ = H(), y = (b) => {
+    h.current = b, typeof l == "function" ? l(b) : l && (l.current = b);
   };
-  S(() => {
-    const g = h.current;
-    g && (e && !g.open ? g.showModal() : !e && g.open && g.close());
-  }, [e]), S(() => {
+  N(() => {
+    const b = h.current;
+    b && (e && !b.open ? b.showModal() : !e && b.open && b.close());
+  }, [e]), N(() => {
     if (!e) return;
-    const g = document.body.style.overflow;
+    const b = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = g;
+      document.body.style.overflow = b;
     };
   }, [e]);
-  const y = (g) => {
-    g.preventDefault(), o && t("esc");
-  }, j = (g) => {
-    o && g.target === h.current && t("backdrop");
-  }, x = [$.dialog, Lt[c], zt[r], s].filter(Boolean).join(" ");
+  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: b,
-      className: x,
+      ref: y,
+      className: C,
       "data-placement": r,
       "aria-labelledby": i != null ? _ : void 0,
-      onCancel: y,
+      onCancel: m,
       onClick: j,
       ...u,
-      children: /* @__PURE__ */ p("div", { className: $.panel, children: [
-        (i != null || o) && /* @__PURE__ */ p("div", { className: $.header, children: [
-          i != null && /* @__PURE__ */ n("h2", { id: _, className: $.title, children: i }),
+      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,
             {
@@ -446,31 +446,31 @@ function Fo({
               size: 32,
               "aria-label": "Close dialog",
               onClick: () => t("close-button"),
-              children: /* @__PURE__ */ n(ue, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(_e, { "aria-hidden": "true" })
             }
           )
         ] }),
         d,
-        a != null && /* @__PURE__ */ n("div", { className: $.footer, children: a })
+        a != null && /* @__PURE__ */ n("div", { className: L.footer, children: a })
       ] })
     }
   );
 }
-const jt = "_input_hpei8_3", It = "_size24_hpei8_37", Tt = "_size32_hpei8_43", Et = "_size40_hpei8_49", Mt = "_size48_hpei8_55", Wt = "_error_hpei8_63", A = {
-  input: jt,
-  size24: It,
-  size32: Tt,
-  size40: Et,
-  size48: Mt,
-  error: Wt
-}, At = {
-  24: A.size24,
-  32: A.size32,
-  40: A.size40,
-  48: A.size48
+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 Oo({ size: e = 32, error: t = !1, type: i = "text", className: a, ref: c, ...r }) {
-  const o = z(te), s = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [A.input, At[e], s && A.error, a].filter(Boolean).join(" ");
+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",
     {
@@ -485,20 +485,20 @@ function Oo({ size: e = 32, error: t = !1, type: i = "text", className: a, ref:
     }
   );
 }
-const Pt = "_select_4x9ck_3", Dt = "_size24_4x9ck_37", Rt = "_size32_4x9ck_45", Ht = "_size40_4x9ck_53", Vt = "_size48_4x9ck_61", qt = "_error_4x9ck_71", P = {
-  select: Pt,
-  size24: Dt,
-  size32: Rt,
-  size40: Ht,
-  size48: Vt,
-  error: qt
-}, Ft = {
-  24: P.size24,
-  32: P.size32,
-  40: P.size40,
-  48: P.size48
+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 Ko({
+function nr({
   size: e = 32,
   error: t = !1,
   className: i,
@@ -506,10 +506,10 @@ function Ko({
   children: c,
   ...r
 }) {
-  const o = z(te), s = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
-    P.select,
-    Ft[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(
@@ -526,45 +526,45 @@ function Ko({
     }
   );
 }
-const Ot = "_label_1v4vv_3", Kt = "_disabled_1v4vv_13", Ut = "_input_1v4vv_20", Yt = "_indicator_1v4vv_34", Zt = "_text_1v4vv_75", q = {
-  label: Ot,
-  disabled: Kt,
-  input: Ut,
-  indicator: Yt,
-  text: Zt
+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 Gt = "_label_jru2c_3", Xt = "_disabled_jru2c_13", Jt = "_input_jru2c_20", Qt = "_track_jru2c_34", en = "_thumb_jru2c_58", tn = "_text_jru2c_75", M = {
-  label: Gt,
-  disabled: Xt,
-  input: Jt,
-  track: Qt,
-  thumb: en,
-  text: tn
+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 Uo({
+function or({
   children: e,
   className: t,
   disabled: i,
@@ -588,33 +588,33 @@ function Uo({
     e && /* @__PURE__ */ n("span", { className: M.text, children: e })
   ] });
 }
-const nn = "_tag_3oysa_3", on = "_dismiss_3oysa_17", rn = "_neutral_3oysa_43", sn = "_accent_3oysa_48", an = "_success_3oysa_53", cn = "_warning_3oysa_58", ln = "_danger_3oysa_63", dn = "_neutralSubtle_3oysa_70", un = "_accentSubtle_3oysa_75", hn = "_successSubtle_3oysa_80", _n = "_warningSubtle_3oysa_85", fn = "_dangerSubtle_3oysa_90", C = {
-  tag: nn,
-  dismiss: on,
-  neutral: rn,
-  accent: sn,
-  success: an,
-  warning: cn,
-  danger: ln,
-  neutralSubtle: dn,
-  accentSubtle: un,
-  successSubtle: hn,
-  warningSubtle: _n,
-  dangerSubtle: fn
-}, pn = {
-  neutral: C.neutral,
-  accent: C.accent,
-  success: C.success,
-  warning: C.warning,
-  danger: C.danger
-}, vn = {
-  neutral: C.neutralSubtle,
-  accent: C.accentSubtle,
-  success: C.successSubtle,
-  warning: C.warningSubtle,
-  danger: C.dangerSubtle
+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 Yo({
+function rr({
   variant: e = "neutral",
   subtle: t = !1,
   onDismiss: i,
@@ -623,14 +623,14 @@ function Yo({
   ref: r,
   ...o
 }) {
-  const s = t ? vn : pn, d = [C.tag, s[e], a].filter(Boolean).join(" ");
+  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: C.dismiss,
+        className: B.dismiss,
         onClick: i,
         "aria-label": "Dismiss",
         children: /* @__PURE__ */ p(
@@ -655,38 +655,38 @@ function Yo({
     )
   ] });
 }
-const gn = "_wrapper_1eu6z_3", bn = "_tooltip_1eu6z_10", yn = "_top_1eu6z_24", mn = "_bottom_1eu6z_31", wn = "_left_1eu6z_38", kn = "_right_1eu6z_45", D = {
-  wrapper: gn,
-  tooltip: bn,
-  top: yn,
-  bottom: mn,
-  left: wn,
-  right: kn
-}, xn = {
+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
-}, Cn = 150;
-function Zo({
+}, Sn = 150;
+function ir({
   content: e,
   children: t,
   placement: i = "top"
 }) {
-  const [a, c] = le(!1), r = U(), o = N(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);
-  }, []), d = m(() => c(!0), []), l = m(() => c(!1), []);
-  S(() => s, [s]), S(() => {
+  }, []), d = g(() => c(!0), []), l = g(() => c(!1), []);
+  N(() => s, [s]), N(() => {
     if (!a) return;
     const h = (_) => {
       _.key === "Escape" && l();
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
   }, [a, l]);
-  const u = ee(t, {
+  const u = te(t, {
     "aria-describedby": a ? r : void 0,
     onMouseEnter: (h) => {
-      s(), o.current = window.setTimeout(d, Cn);
+      s(), o.current = window.setTimeout(d, Sn);
       const _ = t.props.onMouseEnter;
       _ == null || _(h);
     },
@@ -713,35 +713,35 @@ function Zo({
       {
         id: r,
         role: "tooltip",
-        className: [D.tooltip, xn[i]].filter(Boolean).join(" "),
+        className: [D.tooltip, Ln[i]].filter(Boolean).join(" "),
         children: e
       }
     )
   ] });
 }
-const Bn = "_toolbar_1i848_1", Nn = "_gap8_1i848_7", Sn = "_gap12_1i848_8", $n = "_gap16_1i848_9", Z = {
-  toolbar: Bn,
-  gap8: Nn,
-  gap12: Sn,
-  gap16: $n
-}, Ln = { 8: Z.gap8, 12: Z.gap12, 16: Z.gap16 };
-function Go({ gap: e = 8, className: t, children: i, ref: a, ...c }) {
-  const r = [Z.toolbar, Ln[e], t].filter(Boolean).join(" ");
+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 zn = "_trigger_vpa0u_4", jn = "_menu_vpa0u_16", In = "_item_vpa0u_37", Tn = "_separator_vpa0u_74", J = {
-  trigger: zn,
-  menu: jn,
-  item: In,
-  separator: Tn
-}, En = 500;
-function Mn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
-  const c = N(""), r = N(0), o = m(() => {
+const 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(
+  }, [e]), s = g(
     (l) => {
       if (l) {
         for (const u of o()) u.tabIndex = u === l ? 0 : -1;
@@ -749,19 +749,19 @@ function Mn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
       }
     },
     [o]
-  ), d = m(() => {
+  ), d = g(() => {
     var u;
     const l = (u = t.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
     l == null || l.focus();
   }, [t]);
-  return S(() => {
+  return N(() => {
     if (!i) return;
     const l = o();
     return s(l[0]), () => {
       var u;
       (u = e.current) != null && u.contains(document.activeElement) && d();
     };
-  }, [i, e, o, s, d]), m(
+  }, [i, e, o, s, d]), g(
     (l) => {
       if (l.key === "Escape") {
         l.preventDefault(), a();
@@ -786,24 +786,24 @@ function Mn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
       }
       if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
       const _ = Date.now();
-      c.current = _ - r.current > En ? l.key.toLowerCase() : c.current + l.key.toLowerCase(), r.current = _;
-      const b = u.find(
-        (y) => (y.textContent ?? "").trim().toLowerCase().startsWith(c.current)
+      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 && (l.preventDefault(), s(b));
+      y && (l.preventDefault(), s(y));
     },
     [o, s, a]
   );
 }
-function Wn() {
+function Hn() {
   return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
 }
-function An({ popoverRef: e, triggerRef: t, open: i, placement: a, anchorName: c }) {
-  S(() => {
+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]), S(() => {
-    if (!i || Wn()) return;
+  }, [e, t, c]), N(() => {
+    if (!i || Hn()) return;
     const r = t.current, o = e.current;
     if (!r || !o) return;
     const s = () => {
@@ -815,12 +815,12 @@ function An({ popoverRef: e, triggerRef: t, open: i, placement: a, anchorName: c
     };
   }, [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 Xo({
+function ar({
   open: e,
   onClose: t,
   trigger: i,
@@ -830,45 +830,45 @@ function Xo({
   ref: o,
   ...s
 }) {
-  const d = N(null), l = N(null), u = N(!1), h = `--psi-menu-${U().replace(/:/g, "")}`;
-  An({ popoverRef: d, triggerRef: l, open: e, placement: a, anchorName: h });
+  const 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) => {
     d.current = f, typeof o == "function" ? o(f) : o && (o.current = f);
   };
-  S(() => {
+  N(() => {
     const f = d.current;
     if (!f) return;
-    const v = se(f);
+    const v = le(f);
     e && !v ? f.showPopover() : !e && v && (u.current = !0, f.hidePopover());
   }, [e]);
-  const b = m(() => {
+  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 = Mn({
+  }, [t, e]), m = Rn({
     popoverRef: d,
     triggerRef: l,
     open: e,
     onEsc: () => t("esc")
-  }), j = m(
+  }), j = g(
     (f) => {
       t(f);
     },
     [t]
-  ), x = O(i);
-  S(() => {
-    x || console.warn(
+  ), 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."
     );
-  }, [x]);
-  const g = x ? 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: l, className: J.trigger, "data-psi-menu-trigger": !0, children: g }),
+    /* @__PURE__ */ n("div", { ref: l, className: J.trigger, "data-psi-menu-trigger": !0, children: b }),
     /* @__PURE__ */ n(
       "div",
       {
@@ -879,15 +879,15 @@ function Xo({
         "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 Jo({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1 }) {
-  const { close: c } = z(_e);
+function cr({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1 }) {
+  const { close: c } = S(pe);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -905,107 +905,107 @@ function Jo({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1
     }
   );
 }
-function Qo() {
+function lr() {
   return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: J.separator });
 }
-const Pn = "_table_146hc_3", Dn = "_headerCell_146hc_13", Rn = "_cell_146hc_19", Hn = "_sortButton_146hc_30", Vn = "_sortIndicator_146hc_47", qn = "_selectCell_146hc_79", Fn = "_body_146hc_86", On = "_row_146hc_89", Kn = "_sticky_146hc_111", k = {
-  table: Pn,
-  headerCell: Dn,
-  cell: Rn,
-  sortButton: Hn,
-  sortIndicator: Vn,
-  selectCell: qn,
-  body: Fn,
-  row: On,
-  sticky: Kn
-}, fe = /* @__PURE__ */ new Set(), R = K({
+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 Un({ 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 Yn(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 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 === Un && (i = !0, c(o.props.children));
+      o.type === Jn && (i = !0, c(o.props.children));
     }
   }), { ids: t, sawBody: i, hasRowWithoutId: a };
 }
-function er({
+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: d,
   className: l,
   ref: u
 }) {
-  const h = [k.table, t && k.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: b, hasRowWithoutId: y } = de(() => Yn(d), [d]);
-  return process.env.NODE_ENV !== "production" && (i && !c && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !s && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), r && !b && console.warn("Psi Table: `selectable` is set but no `TableBody` is visible to `Table`. Wrapping `TableBody` in a component other than a Fragment hides its rows, and select-all will clear the selection instead of filling it."), r && y && console.warn("Psi Table: `selectable` is set but a row in `TableBody` has no `rowId`. That row will render without a selection checkbox and select-all will not include it.")), /* @__PURE__ */ n(R.Provider, { value: { size: e, sortable: i, sort: a, onSortChange: c, selectable: r, selected: o, onSelectionChange: s }, children: /* @__PURE__ */ n(pe.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
+  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 Zn({ rowId: e, label: t }) {
-  const { selected: i, onSelectionChange: a } = z(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 Gn() {
-  const { selected: e, onSelectionChange: t } = z(R), i = z(pe), a = N(null), c = i.length > 0 && i.every((s) => e.has(s)), r = i.some((s) => e.has(s));
-  S(() => {
+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((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 tr({ children: e, className: t }) {
-  const { selectable: i } = z(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(Gn, {}),
+        /* @__PURE__ */ n(to, {}),
         o.props.children
       ] })
     );
   }) : e;
   return /* @__PURE__ */ n("thead", { className: [k.head, t].filter(Boolean).join(" "), children: c });
 }
-function nr({ rowId: e, selectLabel: t, children: i, className: a }) {
-  const { selectable: c, selected: r } = z(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",
     {
@@ -1013,14 +1013,14 @@ function nr({ rowId: e, selectLabel: t, children: i, className: a }) {
       "data-row-id": e,
       "data-selected": o || void 0,
       children: [
-        c && e !== void 0 && /* @__PURE__ */ n(Zn, { rowId: e, label: t ?? `Select row ${e}` }),
+        c && e !== void 0 && /* @__PURE__ */ n(eo, { rowId: e, label: t ?? `Select row ${e}` }),
         i
       ]
     }
   );
 }
-function or({ sortKey: e, numeric: t, children: i, className: a }) {
-  const { sortable: c, sort: r, onSortChange: o } = z(R), s = c && e !== void 0, d = s && (r == null ? void 0 : r.key) === e, l = s ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
+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 = d && r.direction === "asc" ? "desc" : "asc";
     o == null || o({ key: e, direction: h });
@@ -1039,32 +1039,32 @@ function or({ sortKey: e, numeric: t, children: i, className: a }) {
     }
   );
 }
-function rr({ 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 Xn = "_nav_166vs_6", Jn = "_ellipsis_166vs_12", ae = {
-  nav: Xn,
-  ellipsis: Jn
+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 Qn(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);
+    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 (d && !l) {
     const u = Math.min(o, t - c + 1);
-    return [1, "ellipsis", ...F(u, t)];
+    return [1, "ellipsis", ...O(u, t)];
   }
-  return d && l ? [1, "ellipsis", ...F(o, s), "ellipsis", t] : F(1, t);
+  return d && l ? [1, "ellipsis", ...O(o, s), "ellipsis", t] : O(1, t);
 }
-function ir({
+function pr({
   page: e,
   pageCount: t,
   onPageChange: i,
@@ -1072,8 +1072,8 @@ function ir({
   "aria-label": c = "Pagination",
   className: r
 }) {
-  const o = Qn(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,
       {
@@ -1086,8 +1086,8 @@ function ir({
       }
     ),
     o.map(
-      (s, d) => s === "ellipsis" ? /* @__PURE__ */ n("span", { className: ae.ellipsis, "aria-hidden": "true", children: "…" }, `e${d}`) : /* @__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",
@@ -1111,35 +1111,35 @@ function ir({
     )
   ] });
 }
-const eo = "_toast_7toru_10", to = "_icon_7toru_39", no = "_iconNeutral_7toru_44", oo = "_iconSuccess_7toru_45", ro = "_iconWarning_7toru_46", io = "_iconDanger_7toru_47", so = "_body_7toru_51", ao = "_action_7toru_55", co = "_srOnly_7toru_60", lo = "_region_7toru_74", uo = "_live_7toru_104", B = {
-  toast: eo,
-  icon: to,
-  iconNeutral: no,
-  iconSuccess: oo,
-  iconWarning: ro,
-  iconDanger: io,
-  body: so,
-  action: ao,
-  srOnly: co,
-  region: lo,
-  live: uo
-}, ho = {
-  neutral: pt,
-  success: ft,
-  warning: vt,
-  danger: gt
-}, _o = {
+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:"
-}, fo = {
-  neutral: B.iconNeutral,
-  success: B.iconSuccess,
-  warning: B.iconWarning,
-  danger: B.iconDanger
+}, yo = {
+  neutral: $.iconNeutral,
+  success: $.iconSuccess,
+  warning: $.iconWarning,
+  danger: $.iconDanger
 };
-function ve({
+function ge({
   variant: e = "neutral",
   children: t,
   action: i,
@@ -1147,14 +1147,14 @@ function ve({
   className: c,
   ref: r
 }) {
-  const o = ho[e], s = _o[e], d = [B.toast, c].filter(Boolean).join(" ");
+  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: [B.icon, fo[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ p("div", { className: B.body, children: [
-      s && /* @__PURE__ */ n("span", { className: B.srOnly, children: s }),
+    /* @__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: B.action, children: i }),
+    i != null && /* @__PURE__ */ n("div", { className: $.action, children: i }),
     a && /* @__PURE__ */ n(
       X,
       {
@@ -1162,28 +1162,28 @@ 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 po = /* @__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 po.has(t ?? "neutral");
+  return mo.has(t ?? "neutral");
 }
-function vo({
+function wo({
   placement: e = "bottom-end",
   "aria-label": t = "Notifications",
   children: i,
   className: a,
   ref: c
 }) {
-  const r = N(null), o = (u) => {
+  const r = x(null), o = (u) => {
     r.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
   };
-  S(() => {
+  N(() => {
     var h;
     const u = r.current;
     if (u)
@@ -1192,7 +1192,7 @@ function vo({
         (_ = u.hidePopover) == null || _.call(u);
       };
   }, []);
-  const s = W.toArray(i), d = s.filter(ce), l = s.filter((u) => !ce(u));
+  const s = A.toArray(i), d = s.filter(ue), l = s.filter((u) => !ue(u));
   return /* @__PURE__ */ p(
     "div",
     {
@@ -1201,71 +1201,71 @@ function vo({
       "aria-label": t,
       "data-placement": e,
       "data-psi-toast-region": !0,
-      className: [B.region, a].filter(Boolean).join(" "),
+      className: [$.region, a].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: B.live, children: l }),
-        /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: B.live, children: d })
+        /* @__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 sr() {
-  const e = z(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 ar({
+function br({
   limit: e = 3,
   duration: t = 5e3,
   actionDuration: i = 1e4,
   placement: a = "bottom-end",
   children: c
 }) {
-  const [r, o] = le([]), s = N(/* @__PURE__ */ new Map()), d = N(!1), l = N(0), u = U(), h = m((f) => {
+  const [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((I) => I.filter((H) => H.id !== f));
-  }, []), _ = m(
+    (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 I = d.current ? { handle: void 0, remaining: v, startedAt: void 0 } : { handle: setTimeout(() => h(f), v), remaining: v, startedAt: Date.now() };
-      s.current.set(f, I);
+      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: v, action: I }) => {
-      const H = `${u}-${l.current++}`, ne = I != null ? i : t;
-      return o((be) => {
-        const Q = [...be, { id: H, variant: f, message: v, action: I, duration: ne }];
-        for (; Q.length > e; ) {
-          const oe = Q.shift(), Y = s.current.get(oe.id);
-          (Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), s.current.delete(oe.id);
+  ), 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(() => {
+  }, []), 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 I = v.startedAt === void 0 ? 0 : Date.now() - v.startedAt;
+        const T = v.startedAt === void 0 ? 0 : Date.now() - v.startedAt;
         s.current.set(f, {
           handle: void 0,
-          remaining: Math.max(0, v.remaining - I),
+          remaining: Math.max(0, v.remaining - T),
           startedAt: void 0
         });
       }
     }
-  }, []), x = m(() => {
+  }, []), C = g(() => {
     if (d.current) {
       d.current = !1;
       for (const [f, v] of s.current)
@@ -1276,7 +1276,7 @@ function ar({
         });
     }
   }, [h]);
-  S(() => {
+  N(() => {
     const f = s.current;
     return () => {
       for (const v of f.values())
@@ -1284,79 +1284,221 @@ function ar({
       f.clear();
     };
   }, []);
-  const g = 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: g, children: [
+  return /* @__PURE__ */ p(ye.Provider, { value: b, children: [
     c,
     /* @__PURE__ */ n(
       "div",
       {
         onPointerEnter: j,
-        onPointerLeave: x,
+        onPointerLeave: C,
         onFocusCapture: j,
-        onBlurCapture: x,
-        children: /* @__PURE__ */ n(vo, { placement: a, children: r.map((f) => /* @__PURE__ */ n(ve, { variant: f.variant, action: f.action, onDismiss: () => h(f.id), children: f.message }, f.id)) })
+        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 {
-  ko as AspectRatio,
-  Me as Button,
-  yo as Card,
-  he as Checkbox,
-  Fo as Dialog,
-  xo as Field,
-  gt as IconAlertCircle,
-  vt as IconAlertTriangle,
-  Po as IconArrowDown,
-  Do as IconArrowUpRight,
+  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,
-  No as IconChevronDown,
-  So as IconChevronRight,
-  ue as IconClose,
-  To as IconCopy,
-  jo as IconEdit,
-  Eo as IconExternalLink,
-  Mo as IconEye,
-  Wo as IconEyeOff,
-  Ho as IconGitHub,
-  pt as IconInfo,
-  qo as IconInstagram,
-  Ro as IconLinkedIn,
-  Ao as IconLoader,
-  Bo as IconMinus,
-  Co as IconPlus,
-  $o as IconSearch,
-  Lo as IconSettings,
-  Io as IconTrash,
-  zo as IconUser,
-  Vo as IconX,
-  Oo as Input,
-  Xo as Menu,
-  _e as MenuContext,
-  Jo as MenuItem,
-  Qo as MenuSeparator,
-  wo as NavBar,
-  ir as Pagination,
-  mo as Panel,
-  Ko as Select,
-  Uo as Switch,
-  er as Table,
-  Un as TableBody,
-  rr as TableCell,
-  tr as TableHead,
-  or as TableHeaderCell,
-  nr as TableRow,
-  Yo as Tag,
-  ve as Toast,
-  ge as ToastContext,
-  ar as ToastProvider,
-  vo as ToastRegion,
-  Go as Toolbar,
-  Zo as Tooltip,
-  sr as useToast
+  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
 };