@handamade/psi-react 0.7.2 → 0.8.1

package/dist/index.js

@@ -1,320 +1,320 @@
-import { jsx as n, jsxs as c, Fragment as E } from "react/jsx-runtime";
-import { createContext as T, useId as W, useRef as q, useEffect as I, useContext as R, useState as D, useCallback as M, cloneElement as F } from "react";
-const P = "_button_m8fis_3", U = "_disabled_m8fis_31", Z = "_size24_m8fis_39", G = "_size32_m8fis_45", K = "_size40_m8fis_51", X = "_size48_m8fis_57", Y = "_accent_m8fis_66", J = "_accentSubtle_m8fis_78", Q = "_neutral_m8fis_90", O = "_neutralSubtle_m8fis_102", ee = "_ghost_m8fis_114", ne = "_danger_m8fis_126", te = "_dangerSubtle_m8fis_138", oe = "_outline_m8fis_150", p = {
-  button: P,
-  disabled: U,
-  size24: Z,
-  size32: G,
-  size40: K,
-  size48: X,
-  accent: Y,
-  accentSubtle: J,
-  neutral: Q,
-  neutralSubtle: O,
-  ghost: ee,
-  danger: ne,
-  dangerSubtle: te,
-  outline: oe
-}, ie = {
-  accent: p.accent,
-  "accent-subtle": p.accentSubtle,
-  neutral: p.neutral,
-  "neutral-subtle": p.neutralSubtle,
-  ghost: p.ghost,
-  danger: p.danger,
-  "danger-subtle": p.dangerSubtle,
-  outline: p.outline
-}, re = {
-  24: p.size24,
-  32: p.size32,
-  40: p.size40,
-  48: p.size48
+import { jsx as n, jsxs as h, Fragment as V } from "react/jsx-runtime";
+import { createContext as F, useId as H, useRef as z, useEffect as x, useContext as P, useState as Z, useCallback as k, cloneElement as U, isValidElement as G } from "react";
+const O = "_button_c94w9_3", X = "_disabled_c94w9_30", J = "_size24_c94w9_44", Q = "_size32_c94w9_54", ee = "_size40_c94w9_64", te = "_size48_c94w9_74", ne = "_accent_c94w9_87", oe = "_accentSubtle_c94w9_99", re = "_neutral_c94w9_111", ie = "_neutralSubtle_c94w9_123", se = "_ghost_c94w9_135", ae = "_danger_c94w9_147", ce = "_dangerSubtle_c94w9_159", le = "_outline_c94w9_171", f = {
+  button: O,
+  disabled: X,
+  size24: J,
+  size32: Q,
+  size40: ee,
+  size48: te,
+  accent: ne,
+  accentSubtle: oe,
+  neutral: re,
+  neutralSubtle: ie,
+  ghost: se,
+  danger: ae,
+  dangerSubtle: ce,
+  outline: le
+}, ue = {
+  accent: f.accent,
+  "accent-subtle": f.accentSubtle,
+  neutral: f.neutral,
+  "neutral-subtle": f.neutralSubtle,
+  ghost: f.ghost,
+  danger: f.danger,
+  "danger-subtle": f.dangerSubtle,
+  outline: f.outline
+}, de = {
+  24: f.size24,
+  32: f.size32,
+  40: f.size40,
+  48: f.size48
 };
-function Yn({
+function un({
   variant: e = "neutral",
   size: t = 32,
   href: i,
   target: a,
-  rel: s,
+  rel: c,
   disabled: o,
   className: r,
   onClick: l,
-  ref: u,
-  ...h
+  ref: d,
+  ...s
 }) {
-  const f = [
-    p.button,
-    ie[e],
-    re[t],
-    i !== void 0 && o ? p.disabled : void 0,
+  const u = [
+    f.button,
+    ue[e],
+    de[t],
+    i !== void 0 && o ? f.disabled : void 0,
     r
   ].filter(Boolean).join(" ");
   return i !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
-      ref: u,
-      className: f,
+      ref: d,
+      className: u,
       href: o ? void 0 : i,
       target: a,
-      rel: s,
+      rel: c,
       "aria-disabled": o || void 0,
       onClick: o ? void 0 : l,
-      ...h
+      ...s
     }
   ) : /* @__PURE__ */ n(
     "button",
     {
-      ref: u,
-      className: f,
+      ref: d,
+      className: u,
       disabled: o,
       onClick: l,
-      ...h
+      ...s
     }
   );
 }
-const se = "_iconButton_1dldx_3", ae = "_disabled_1dldx_29", ce = "_size24_1dldx_37", le = "_size32_1dldx_42", de = "_size40_1dldx_47", ue = "_size48_1dldx_52", _e = "_accent_1dldx_60", he = "_neutral_1dldx_72", ge = "_ghost_1dldx_84", pe = "_danger_1dldx_96", b = {
-  iconButton: se,
-  disabled: ae,
-  size24: ce,
-  size32: le,
-  size40: de,
-  size48: ue,
-  accent: _e,
-  neutral: he,
-  ghost: ge,
-  danger: pe
-}, fe = {
-  accent: b.accent,
-  neutral: b.neutral,
-  ghost: b.ghost,
-  danger: b.danger
-}, ve = {
-  24: b.size24,
-  32: b.size32,
-  40: b.size40,
-  48: b.size48
+const _e = "_iconButton_129ca_3", he = "_disabled_129ca_29", pe = "_size24_129ca_37", ge = "_size32_129ca_42", fe = "_size40_129ca_47", ve = "_size48_129ca_52", ye = "_accent_129ca_60", be = "_neutral_129ca_72", me = "_ghost_129ca_84", we = "_danger_129ca_96", w = {
+  iconButton: _e,
+  disabled: he,
+  size24: pe,
+  size32: ge,
+  size40: fe,
+  size48: ve,
+  accent: ye,
+  neutral: be,
+  ghost: me,
+  danger: we
+}, ke = {
+  accent: w.accent,
+  neutral: w.neutral,
+  ghost: w.ghost,
+  danger: w.danger
+}, xe = {
+  24: w.size24,
+  32: w.size32,
+  40: w.size40,
+  48: w.size48
 };
-function be({
+function Ce({
   variant: e = "neutral",
   size: t = 32,
   href: i,
   target: a,
-  rel: s,
+  rel: c,
   disabled: o,
   className: r,
   onClick: l,
-  ref: u,
-  ...h
+  ref: d,
+  ...s
 }) {
-  const f = [
-    b.iconButton,
-    fe[e],
-    ve[t],
-    i !== void 0 && o ? b.disabled : void 0,
+  const u = [
+    w.iconButton,
+    ke[e],
+    xe[t],
+    i !== void 0 && o ? w.disabled : void 0,
     r
   ].filter(Boolean).join(" ");
   return i !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
-      ref: u,
-      className: f,
+      ref: d,
+      className: u,
       href: o ? void 0 : i,
       target: a,
-      rel: s,
+      rel: c,
       "aria-disabled": o || void 0,
       onClick: o ? void 0 : l,
-      ...h
+      ...s
     }
   ) : /* @__PURE__ */ n(
     "button",
     {
-      ref: u,
-      className: f,
+      ref: d,
+      className: u,
       disabled: o,
       onClick: l,
-      ...h
+      ...s
     }
   );
 }
-const ye = "_card_1btb3_1", ke = "_stacked_1btb3_8", me = "_featured_1btb3_10", xe = "_media_1btb3_22", we = "_body_1btb3_23", ze = "_hoverLift_1btb3_31", m = {
-  card: ye,
-  stacked: ke,
-  featured: me,
-  media: xe,
-  body: we,
-  hoverLift: ze
+const ze = "_card_1btb3_1", Le = "_stacked_1btb3_8", $e = "_featured_1btb3_10", je = "_media_1btb3_22", Be = "_body_1btb3_23", Se = "_hoverLift_1btb3_31", $ = {
+  card: ze,
+  stacked: Le,
+  featured: $e,
+  media: je,
+  body: Be,
+  hoverLift: Se
 };
-function Jn({
+function dn({
   variant: e = "stacked",
   media: t,
   hoverLift: i = !1,
   className: a,
-  children: s,
+  children: c,
   ref: o,
   ...r
 }) {
   const l = [
-    m.card,
-    e === "featured" ? m.featured : m.stacked,
-    i ? m.hoverLift : void 0,
+    $.card,
+    e === "featured" ? $.featured : $.stacked,
+    i ? $.hoverLift : void 0,
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("div", { ref: o, className: l, ...r, children: [
-    t != null && /* @__PURE__ */ n("div", { className: m.media, children: t }),
-    /* @__PURE__ */ n("div", { className: m.body, children: s })
+  return /* @__PURE__ */ h("div", { ref: o, className: l, ...r, children: [
+    t != null && /* @__PURE__ */ n("div", { className: $.media, children: t }),
+    /* @__PURE__ */ n("div", { className: $.body, children: c })
   ] });
 }
-const Ce = "_panel_jn8w4_1", je = "_padding16_jn8w4_8", V = {
-  panel: Ce,
-  padding16: je
+const Ne = "_panel_jn8w4_1", Ie = "_padding16_jn8w4_8", q = {
+  panel: Ne,
+  padding16: Ie
 };
-function Qn({ padding: e = 24, className: t, children: i, ref: a, ...s }) {
-  const o = [V.panel, e === 16 ? V.padding16 : void 0, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: a, className: o, ...s, children: i });
-}
-const Le = "_navbar_1gyow_1", Be = "_inner_1gyow_12", $e = "_brand_1gyow_19", Ne = "_links_1gyow_20", Se = "_actions_1gyow_50", B = {
-  navbar: Le,
-  inner: Be,
-  brand: $e,
-  links: Ne,
-  actions: Se
+function _n({ padding: e = 24, className: t, children: i, ref: a, ...c }) {
+  const o = [q.panel, e === 16 ? q.padding16 : void 0, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: a, className: o, ...c, children: i });
+}
+const Me = "_navbar_1gyow_1", Ee = "_inner_1gyow_12", We = "_brand_1gyow_19", Ae = "_links_1gyow_20", De = "_actions_1gyow_50", M = {
+  navbar: Me,
+  inner: Ee,
+  brand: We,
+  links: Ae,
+  actions: De
 };
-function On({ brand: e, actions: t, children: i, className: a, ref: s, ...o }) {
-  const r = [B.navbar, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("header", { ref: s, className: r, ...o, children: /* @__PURE__ */ c("div", { className: `psi-container ${B.inner}`, children: [
-    e != null && /* @__PURE__ */ n("div", { className: B.brand, children: e }),
-    /* @__PURE__ */ n("nav", { className: B.links, children: i }),
-    t != null && /* @__PURE__ */ n("div", { className: B.actions, children: t })
+function hn({ brand: e, actions: t, children: i, className: a, ref: c, ...o }) {
+  const r = [M.navbar, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("header", { ref: c, className: r, ...o, children: /* @__PURE__ */ h("div", { className: `psi-container ${M.inner}`, children: [
+    e != null && /* @__PURE__ */ n("div", { className: M.brand, children: e }),
+    /* @__PURE__ */ n("nav", { className: M.links, children: i }),
+    t != null && /* @__PURE__ */ n("div", { className: M.actions, children: t })
   ] }) });
 }
-const Ie = "_frame_et4fc_1", Me = {
-  frame: Ie
+const He = "_frame_et4fc_1", Ve = {
+  frame: He
 };
-function et({ ratio: e, className: t, style: i, children: a, ref: s, ...o }) {
-  const r = [Me.frame, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: r, style: { aspectRatio: String(e), ...i }, ...o, children: a });
-}
-const We = "_field_lplye_1", He = "_label_lplye_10", Ae = "_marker_lplye_16", Ee = "_message_lplye_20", Ve = "_invalid_lplye_26", x = {
-  field: We,
-  label: He,
-  marker: Ae,
-  message: Ee,
-  invalid: Ve
-}, H = T(null);
-function nt({
+function pn({ ratio: e, className: t, style: i, children: a, ref: c, ...o }) {
+  const r = [Ve.frame, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: r, style: { aspectRatio: String(e), ...i }, ...o, children: a });
+}
+const Pe = "_field_lplye_1", Te = "_label_lplye_10", Re = "_marker_lplye_16", qe = "_message_lplye_20", Ke = "_invalid_lplye_26", j = {
+  field: Pe,
+  label: Te,
+  marker: Re,
+  message: qe,
+  invalid: Ke
+}, T = F(null);
+function gn({
   label: e,
   description: t,
   error: i,
   required: a = !1,
-  group: s = !1,
+  group: c = !1,
   htmlFor: o,
   className: r,
   children: l,
-  ref: u,
-  ...h
+  ref: d,
+  ...s
 }) {
-  const f = W(), g = o ?? f, d = !!i, L = d ? i : t, k = L != null && L !== !1 ? `${g}-message` : void 0, N = [x.field, d && x.invalid, r].filter(Boolean).join(" "), _ = e != null ? /* @__PURE__ */ c(E, { children: [
+  const u = H(), p = o ?? u, _ = !!i, b = _ ? i : t, m = b != null && b !== !1 ? `${p}-message` : void 0, L = [j.field, _ && j.invalid, r].filter(Boolean).join(" "), g = e != null ? /* @__PURE__ */ h(V, { children: [
     e,
-    a && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: x.marker, children: " *" })
-  ] }) : null, A = /* @__PURE__ */ c(E, { children: [
-    _ != null && (s ? /* @__PURE__ */ n("legend", { className: x.label, children: _ }) : /* @__PURE__ */ n("label", { className: x.label, htmlFor: g, children: _ })),
-    /* @__PURE__ */ n(H.Provider, { value: { id: g, describedBy: k, invalid: d, required: a }, children: l }),
-    k && /* @__PURE__ */ n("p", { id: k, className: x.message, "aria-live": "polite", children: L })
+    a && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: j.marker, children: " *" })
+  ] }) : null, W = /* @__PURE__ */ h(V, { children: [
+    g != null && (c ? /* @__PURE__ */ n("legend", { className: j.label, children: g }) : /* @__PURE__ */ n("label", { className: j.label, htmlFor: p, children: g })),
+    /* @__PURE__ */ n(T.Provider, { value: { id: p, describedBy: m, invalid: _, required: a }, children: l }),
+    m && /* @__PURE__ */ n("p", { id: m, className: j.message, "aria-live": "polite", children: b })
   ] });
-  return s ? /* @__PURE__ */ n(
+  return c ? /* @__PURE__ */ n(
     "fieldset",
     {
-      ref: u,
-      className: N,
-      "aria-describedby": k,
-      ...h,
-      children: A
+      ref: d,
+      className: L,
+      "aria-describedby": m,
+      ...s,
+      children: W
     }
-  ) : /* @__PURE__ */ n("div", { ref: u, className: N, ...h, children: A });
+  ) : /* @__PURE__ */ n("div", { ref: d, className: L, ...s, children: W });
 }
-function tt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function fn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 ot({ size: e = 20, ...t }) {
+function vn({ 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 qe({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Fe({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 it({ size: e = 20, ...t }) {
+function yn({ 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 rt({ size: e = 20, ...t }) {
+function bn({ 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 st({ size: e = 20, ...t }) {
+function mn({ 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 at({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function wn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 ct({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function kn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 lt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function xn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 dt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Cn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 ut({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function zn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 _t({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Ln({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 ht({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function $n({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 gt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function jn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 pt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Bn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
     /* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
     /* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
     /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function ft({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Sn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
     /* @__PURE__ */ n("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
@@ -325,284 +325,284 @@ function ft({ size: e = 20, ...t }) {
     /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
   ] });
 }
-function vt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function Nn({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 bt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function In({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("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 yt({ size: e = 20, ...t }) {
+function Mn({ 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 kt({ size: e = 20, ...t }) {
+function En({ 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 mt({ size: e = 20, ...t }) {
+function Wn({ 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 xt({ size: e = 20, ...t }) {
-  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
+function An({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ h("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
     /* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
     /* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
   ] });
 }
-const Re = "_dialog_l23jf_2", Te = "_w400_l23jf_31", De = "_w560_l23jf_32", Fe = "_w720_l23jf_33", Pe = "_panel_l23jf_35", Ue = "_header_l23jf_41", Ze = "_title_l23jf_48", Ge = "_footer_l23jf_54", y = {
-  dialog: Re,
-  w400: Te,
-  w560: De,
-  w720: Fe,
-  panel: Pe,
-  header: Ue,
-  title: Ze,
-  footer: Ge
-}, Ke = {
-  400: y.w400,
-  560: y.w560,
-  720: y.w720
+const Ue = "_dialog_l23jf_2", Ye = "_w400_l23jf_31", Ze = "_w560_l23jf_32", Ge = "_w720_l23jf_33", Oe = "_panel_l23jf_35", Xe = "_header_l23jf_41", Je = "_title_l23jf_48", Qe = "_footer_l23jf_54", C = {
+  dialog: Ue,
+  w400: Ye,
+  w560: Ze,
+  w720: Ge,
+  panel: Oe,
+  header: Xe,
+  title: Je,
+  footer: Qe
+}, et = {
+  400: C.w400,
+  560: C.w560,
+  720: C.w720
 };
-function wt({
+function Dn({
   open: e,
   onClose: t,
   title: i,
   footer: a,
-  width: s = 560,
+  width: c = 560,
   dismissible: o = !0,
   className: r,
   children: l,
-  ref: u,
-  ...h
+  ref: d,
+  ...s
 }) {
-  const f = q(null), g = W(), d = (_) => {
-    f.current = _, typeof u == "function" ? u(_) : u && (u.current = _);
+  const u = z(null), p = H(), _ = (g) => {
+    u.current = g, typeof d == "function" ? d(g) : d && (d.current = g);
   };
-  I(() => {
-    const _ = f.current;
-    _ && (e && !_.open ? _.showModal() : !e && _.open && _.close());
-  }, [e]), I(() => {
+  x(() => {
+    const g = u.current;
+    g && (e && !g.open ? g.showModal() : !e && g.open && g.close());
+  }, [e]), x(() => {
     if (!e) return;
-    const _ = document.body.style.overflow;
+    const g = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = _;
+      document.body.style.overflow = g;
     };
   }, [e]);
-  const L = (_) => {
-    _.preventDefault(), o && t("esc");
-  }, k = (_) => {
-    o && _.target === f.current && t("backdrop");
-  }, N = [y.dialog, Ke[s], r].filter(Boolean).join(" ");
+  const b = (g) => {
+    g.preventDefault(), o && t("esc");
+  }, m = (g) => {
+    o && g.target === u.current && t("backdrop");
+  }, L = [C.dialog, et[c], r].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "dialog",
     {
-      ref: d,
-      className: N,
-      "aria-labelledby": i != null ? g : void 0,
-      onCancel: L,
-      onClick: k,
-      ...h,
-      children: /* @__PURE__ */ c("div", { className: y.panel, children: [
-        (i != null || o) && /* @__PURE__ */ c("div", { className: y.header, children: [
-          i != null && /* @__PURE__ */ n("h2", { id: g, className: y.title, children: i }),
+      ref: _,
+      className: L,
+      "aria-labelledby": i != null ? p : void 0,
+      onCancel: b,
+      onClick: m,
+      ...s,
+      children: /* @__PURE__ */ h("div", { className: C.panel, children: [
+        (i != null || o) && /* @__PURE__ */ h("div", { className: C.header, children: [
+          i != null && /* @__PURE__ */ n("h2", { id: p, className: C.title, children: i }),
           o && /* @__PURE__ */ n(
-            be,
+            Ce,
             {
               variant: "ghost",
               size: 32,
               "aria-label": "Close dialog",
               onClick: () => t("close-button"),
-              children: /* @__PURE__ */ n(qe, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(Fe, { "aria-hidden": "true" })
             }
           )
         ] }),
         l,
-        a != null && /* @__PURE__ */ n("div", { className: y.footer, children: a })
+        a != null && /* @__PURE__ */ n("div", { className: C.footer, children: a })
       ] })
     }
   );
 }
-const Xe = "_input_8tzcf_3", Ye = "_size24_8tzcf_38", Je = "_size32_8tzcf_43", Qe = "_size40_8tzcf_48", Oe = "_size48_8tzcf_53", en = "_error_8tzcf_60", z = {
-  input: Xe,
-  size24: Ye,
-  size32: Je,
-  size40: Qe,
-  size48: Oe,
-  error: en
-}, nn = {
-  24: z.size24,
-  32: z.size32,
-  40: z.size40,
-  48: z.size48
+const tt = "_input_hpei8_3", nt = "_size24_hpei8_37", ot = "_size32_hpei8_43", rt = "_size40_hpei8_49", it = "_size48_hpei8_55", st = "_error_hpei8_63", S = {
+  input: tt,
+  size24: nt,
+  size32: ot,
+  size40: rt,
+  size48: it,
+  error: st
+}, at = {
+  24: S.size24,
+  32: S.size32,
+  40: S.size40,
+  48: S.size48
 };
-function zt({ size: e = 32, error: t = !1, className: i, ref: a, ...s }) {
-  const o = R(H), r = t || ((o == null ? void 0 : o.invalid) ?? !1), l = [o == null ? void 0 : o.describedBy, s["aria-describedby"]].filter(Boolean).join(" ") || void 0, u = [z.input, nn[e], r && z.error, i].filter(Boolean).join(" ");
+function Hn({ size: e = 32, error: t = !1, className: i, ref: a, ...c }) {
+  const o = P(T), r = t || ((o == null ? void 0 : o.invalid) ?? !1), l = [o == null ? void 0 : o.describedBy, c["aria-describedby"]].filter(Boolean).join(" ") || void 0, d = [S.input, at[e], r && S.error, i].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "input",
     {
       ref: a,
-      className: u,
-      id: s.id ?? (o == null ? void 0 : o.id),
-      required: s.required ?? ((o == null ? void 0 : o.required) || void 0),
+      className: d,
+      id: c.id ?? (o == null ? void 0 : o.id),
+      required: c.required ?? ((o == null ? void 0 : o.required) || void 0),
       "aria-invalid": (o == null ? void 0 : o.invalid) || void 0,
-      ...s,
+      ...c,
       "aria-describedby": l
     }
   );
 }
-const tn = "_select_140kg_3", on = "_size24_140kg_40", rn = "_size32_140kg_45", sn = "_size40_140kg_50", an = "_size48_140kg_55", cn = "_error_140kg_62", C = {
-  select: tn,
-  size24: on,
-  size32: rn,
-  size40: sn,
-  size48: an,
-  error: cn
-}, ln = {
-  24: C.size24,
-  32: C.size32,
-  40: C.size40,
-  48: C.size48
+const ct = "_select_4x9ck_3", lt = "_size24_4x9ck_37", ut = "_size32_4x9ck_45", dt = "_size40_4x9ck_53", _t = "_size48_4x9ck_61", ht = "_error_4x9ck_71", N = {
+  select: ct,
+  size24: lt,
+  size32: ut,
+  size40: dt,
+  size48: _t,
+  error: ht
+}, pt = {
+  24: N.size24,
+  32: N.size32,
+  40: N.size40,
+  48: N.size48
 };
-function Ct({
+function Vn({
   size: e = 32,
   error: t = !1,
   className: i,
   ref: a,
-  children: s,
+  children: c,
   ...o
 }) {
-  const r = R(H), l = t || ((r == null ? void 0 : r.invalid) ?? !1), u = [r == null ? void 0 : r.describedBy, o["aria-describedby"]].filter(Boolean).join(" ") || void 0, h = [
-    C.select,
-    ln[e],
-    l && C.error,
+  const r = P(T), l = t || ((r == null ? void 0 : r.invalid) ?? !1), d = [r == null ? void 0 : r.describedBy, o["aria-describedby"]].filter(Boolean).join(" ") || void 0, s = [
+    N.select,
+    pt[e],
+    l && N.error,
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "select",
     {
       ref: a,
-      className: h,
+      className: s,
       id: o.id ?? (r == null ? void 0 : r.id),
       required: o.required ?? ((r == null ? void 0 : r.required) || void 0),
       "aria-invalid": (r == null ? void 0 : r.invalid) || void 0,
       ...o,
-      "aria-describedby": u,
-      children: s
+      "aria-describedby": d,
+      children: c
     }
   );
 }
-const dn = "_label_thyza_3", un = "_disabled_thyza_13", _n = "_input_thyza_20", hn = "_indicator_thyza_34", gn = "_text_thyza_75", $ = {
-  label: dn,
-  disabled: un,
-  input: _n,
-  indicator: hn,
-  text: gn
+const gt = "_label_1v4vv_3", ft = "_disabled_1v4vv_13", vt = "_input_1v4vv_20", yt = "_indicator_1v4vv_34", bt = "_text_1v4vv_75", E = {
+  label: gt,
+  disabled: ft,
+  input: vt,
+  indicator: yt,
+  text: bt
 };
-function jt({
+function Pn({
   children: e,
   className: t,
   disabled: i,
   ref: a,
-  ...s
+  ...c
 }) {
-  const o = [$.label, i && $.disabled, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("label", { className: o, children: [
+  const o = [E.label, i && E.disabled, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("label", { className: o, children: [
     /* @__PURE__ */ n(
       "input",
       {
         ref: a,
         type: "checkbox",
-        className: $.input,
+        className: E.input,
         disabled: i,
-        ...s
+        ...c
       }
     ),
-    /* @__PURE__ */ n("span", { className: $.indicator, "aria-hidden": "true" }),
-    e && /* @__PURE__ */ n("span", { className: $.text, children: e })
+    /* @__PURE__ */ n("span", { className: E.indicator, "aria-hidden": "true" }),
+    e && /* @__PURE__ */ n("span", { className: E.text, children: e })
   ] });
 }
-const pn = "_label_jru2c_3", fn = "_disabled_jru2c_13", vn = "_input_jru2c_20", bn = "_track_jru2c_34", yn = "_thumb_jru2c_58", kn = "_text_jru2c_75", w = {
-  label: pn,
-  disabled: fn,
-  input: vn,
-  track: bn,
-  thumb: yn,
-  text: kn
+const mt = "_label_jru2c_3", wt = "_disabled_jru2c_13", kt = "_input_jru2c_20", xt = "_track_jru2c_34", Ct = "_thumb_jru2c_58", zt = "_text_jru2c_75", B = {
+  label: mt,
+  disabled: wt,
+  input: kt,
+  track: xt,
+  thumb: Ct,
+  text: zt
 };
-function Lt({
+function Tn({
   children: e,
   className: t,
   disabled: i,
   ref: a,
-  ...s
+  ...c
 }) {
-  const o = [w.label, i && w.disabled, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("label", { className: o, children: [
+  const o = [B.label, i && B.disabled, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("label", { className: o, children: [
     /* @__PURE__ */ n(
       "input",
       {
         ref: a,
         type: "checkbox",
         role: "switch",
-        className: w.input,
+        className: B.input,
         disabled: i,
-        ...s
+        ...c
       }
     ),
-    /* @__PURE__ */ n("span", { className: w.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: w.thumb }) }),
-    e && /* @__PURE__ */ n("span", { className: w.text, children: e })
+    /* @__PURE__ */ n("span", { className: B.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: B.thumb }) }),
+    e && /* @__PURE__ */ n("span", { className: B.text, children: e })
   ] });
 }
-const mn = "_tag_3oysa_3", xn = "_dismiss_3oysa_17", wn = "_neutral_3oysa_43", zn = "_accent_3oysa_48", Cn = "_success_3oysa_53", jn = "_warning_3oysa_58", Ln = "_danger_3oysa_63", Bn = "_neutralSubtle_3oysa_70", $n = "_accentSubtle_3oysa_75", Nn = "_successSubtle_3oysa_80", Sn = "_warningSubtle_3oysa_85", In = "_dangerSubtle_3oysa_90", v = {
-  tag: mn,
-  dismiss: xn,
-  neutral: wn,
-  accent: zn,
-  success: Cn,
-  warning: jn,
-  danger: Ln,
-  neutralSubtle: Bn,
-  accentSubtle: $n,
-  successSubtle: Nn,
-  warningSubtle: Sn,
-  dangerSubtle: In
-}, Mn = {
-  neutral: v.neutral,
-  accent: v.accent,
-  success: v.success,
-  warning: v.warning,
-  danger: v.danger
-}, Wn = {
-  neutral: v.neutralSubtle,
-  accent: v.accentSubtle,
-  success: v.successSubtle,
-  warning: v.warningSubtle,
-  danger: v.dangerSubtle
+const Lt = "_tag_3oysa_3", $t = "_dismiss_3oysa_17", jt = "_neutral_3oysa_43", Bt = "_accent_3oysa_48", St = "_success_3oysa_53", Nt = "_warning_3oysa_58", It = "_danger_3oysa_63", Mt = "_neutralSubtle_3oysa_70", Et = "_accentSubtle_3oysa_75", Wt = "_successSubtle_3oysa_80", At = "_warningSubtle_3oysa_85", Dt = "_dangerSubtle_3oysa_90", y = {
+  tag: Lt,
+  dismiss: $t,
+  neutral: jt,
+  accent: Bt,
+  success: St,
+  warning: Nt,
+  danger: It,
+  neutralSubtle: Mt,
+  accentSubtle: Et,
+  successSubtle: Wt,
+  warningSubtle: At,
+  dangerSubtle: Dt
+}, Ht = {
+  neutral: y.neutral,
+  accent: y.accent,
+  success: y.success,
+  warning: y.warning,
+  danger: y.danger
+}, Vt = {
+  neutral: y.neutralSubtle,
+  accent: y.accentSubtle,
+  success: y.successSubtle,
+  warning: y.warningSubtle,
+  danger: y.dangerSubtle
 };
-function Bt({
+function Rn({
   variant: e = "neutral",
   subtle: t = !1,
   onDismiss: i,
   className: a,
-  children: s,
+  children: c,
   ref: o,
   ...r
 }) {
-  const l = t ? Wn : Mn, u = [v.tag, l[e], a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("span", { ref: o, className: u, ...r, children: [
-    s,
+  const l = t ? Vt : Ht, d = [y.tag, l[e], a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("span", { ref: o, className: d, ...r, children: [
+    c,
     i && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: v.dismiss,
+        className: y.dismiss,
         onClick: i,
         "aria-label": "Dismiss",
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ h(
           "svg",
           {
             width: "12",
@@ -624,116 +624,299 @@ function Bt({
     )
   ] });
 }
-const Hn = "_wrapper_17qua_3", An = "_tooltip_17qua_10", En = "_top_17qua_24", Vn = "_bottom_17qua_31", qn = "_left_17qua_38", Rn = "_right_17qua_45", j = {
-  wrapper: Hn,
-  tooltip: An,
-  top: En,
-  bottom: Vn,
-  left: qn,
-  right: Rn
-}, Tn = {
-  top: j.top,
-  bottom: j.bottom,
-  left: j.left,
-  right: j.right
-}, Dn = 150;
-function $t({
+const Pt = "_wrapper_1eu6z_3", Tt = "_tooltip_1eu6z_10", Rt = "_top_1eu6z_24", qt = "_bottom_1eu6z_31", Kt = "_left_1eu6z_38", Ft = "_right_1eu6z_45", I = {
+  wrapper: Pt,
+  tooltip: Tt,
+  top: Rt,
+  bottom: qt,
+  left: Kt,
+  right: Ft
+}, Ut = {
+  top: I.top,
+  bottom: I.bottom,
+  left: I.left,
+  right: I.right
+}, Yt = 150;
+function qn({
   content: e,
   children: t,
   placement: i = "top"
 }) {
-  const [a, s] = D(!1), o = W(), r = q(void 0), l = M(() => {
+  const [a, c] = Z(!1), o = H(), r = z(void 0), l = k(() => {
     r.current !== void 0 && (window.clearTimeout(r.current), r.current = void 0);
-  }, []), u = M(() => s(!0), []), h = M(() => s(!1), []);
-  I(() => l, [l]), I(() => {
+  }, []), d = k(() => c(!0), []), s = k(() => c(!1), []);
+  x(() => l, [l]), x(() => {
     if (!a) return;
-    const g = (d) => {
-      d.key === "Escape" && h();
+    const p = (_) => {
+      _.key === "Escape" && s();
     };
-    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [a, h]);
-  const f = F(t, {
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+  }, [a, s]);
+  const u = U(t, {
     "aria-describedby": a ? o : void 0,
-    onMouseEnter: (g) => {
-      l(), r.current = window.setTimeout(u, Dn);
-      const d = t.props.onMouseEnter;
-      d == null || d(g);
+    onMouseEnter: (p) => {
+      l(), r.current = window.setTimeout(d, Yt);
+      const _ = t.props.onMouseEnter;
+      _ == null || _(p);
     },
-    onMouseLeave: (g) => {
-      l(), h();
-      const d = t.props.onMouseLeave;
-      d == null || d(g);
+    onMouseLeave: (p) => {
+      l(), s();
+      const _ = t.props.onMouseLeave;
+      _ == null || _(p);
     },
-    onFocus: (g) => {
-      u();
-      const d = t.props.onFocus;
-      d == null || d(g);
+    onFocus: (p) => {
+      d();
+      const _ = t.props.onFocus;
+      _ == null || _(p);
     },
-    onBlur: (g) => {
-      l(), h();
-      const d = t.props.onBlur;
-      d == null || d(g);
+    onBlur: (p) => {
+      l(), s();
+      const _ = t.props.onBlur;
+      _ == null || _(p);
     }
   });
-  return /* @__PURE__ */ c("span", { className: j.wrapper, children: [
-    f,
+  return /* @__PURE__ */ h("span", { className: I.wrapper, children: [
+    u,
     a && /* @__PURE__ */ n(
       "span",
       {
         id: o,
         role: "tooltip",
-        className: [j.tooltip, Tn[i]].filter(Boolean).join(" "),
+        className: [I.tooltip, Ut[i]].filter(Boolean).join(" "),
         children: e
       }
     )
   ] });
 }
-const Fn = "_toolbar_1i848_1", Pn = "_gap8_1i848_7", Un = "_gap12_1i848_8", Zn = "_gap16_1i848_9", S = {
-  toolbar: Fn,
-  gap8: Pn,
-  gap12: Un,
-  gap16: Zn
-}, Gn = { 8: S.gap8, 12: S.gap12, 16: S.gap16 };
-function Nt({ gap: e = 8, className: t, children: i, ref: a, ...s }) {
-  const o = [S.toolbar, Gn[e], t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: a, role: s["aria-label"] != null ? "group" : void 0, className: o, ...s, children: i });
+const Zt = "_toolbar_1i848_1", Gt = "_gap8_1i848_7", Ot = "_gap12_1i848_8", Xt = "_gap16_1i848_9", A = {
+  toolbar: Zt,
+  gap8: Gt,
+  gap12: Ot,
+  gap16: Xt
+}, Jt = { 8: A.gap8, 12: A.gap12, 16: A.gap16 };
+function Kn({ gap: e = 8, className: t, children: i, ref: a, ...c }) {
+  const o = [A.toolbar, Jt[e], t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: a, role: c["aria-label"] != null ? "group" : void 0, className: o, ...c, children: i });
+}
+const Qt = "_trigger_vpa0u_4", en = "_menu_vpa0u_16", tn = "_item_vpa0u_37", nn = "_separator_vpa0u_74", D = {
+  trigger: Qt,
+  menu: en,
+  item: tn,
+  separator: nn
+}, on = 500;
+function rn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
+  const c = z(""), o = z(0), r = k(() => {
+    const s = e.current;
+    return s ? Array.from(
+      s.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
+    ) : [];
+  }, [e]), l = k(
+    (s) => {
+      if (s) {
+        for (const u of r()) u.tabIndex = u === s ? 0 : -1;
+        s.focus();
+      }
+    },
+    [r]
+  ), d = k(() => {
+    var u;
+    const s = (u = t.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
+    s == null || s.focus();
+  }, [t]);
+  return x(() => {
+    if (!i) return;
+    const s = r();
+    return l(s[0]), () => {
+      var u;
+      (u = e.current) != null && u.contains(document.activeElement) && d();
+    };
+  }, [i, e, r, l, d]), k(
+    (s) => {
+      if (s.key === "Escape") {
+        s.preventDefault(), a();
+        return;
+      }
+      const u = r();
+      if (u.length === 0) return;
+      const p = u.indexOf(document.activeElement);
+      switch (s.key) {
+        case "ArrowDown":
+          s.preventDefault(), l(u[(p + 1 + u.length) % u.length]);
+          return;
+        case "ArrowUp":
+          s.preventDefault(), l(u[p <= 0 ? u.length - 1 : p - 1]);
+          return;
+        case "Home":
+          s.preventDefault(), l(u[0]);
+          return;
+        case "End":
+          s.preventDefault(), l(u[u.length - 1]);
+          return;
+      }
+      if (s.key.length !== 1 || s.metaKey || s.ctrlKey || s.altKey) return;
+      const _ = Date.now();
+      c.current = _ - o.current > on ? s.key.toLowerCase() : c.current + s.key.toLowerCase(), o.current = _;
+      const b = u.find(
+        (m) => (m.textContent ?? "").trim().toLowerCase().startsWith(c.current)
+      );
+      b && (s.preventDefault(), l(b));
+    },
+    [r, l, a]
+  );
+}
+function sn() {
+  return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
+}
+function an({ popoverRef: e, triggerRef: t, open: i, placement: a, anchorName: c }) {
+  x(() => {
+    const o = t.current, r = e.current;
+    !o || !r || (o.style.setProperty("anchor-name", c), r.style.setProperty("position-anchor", c));
+  }, [e, t, c]), x(() => {
+    if (!i || sn()) return;
+    const o = t.current, r = e.current;
+    if (!o || !r) return;
+    const l = () => {
+      const d = o.getBoundingClientRect(), s = a.startsWith("bottom"), u = a.endsWith("end"), p = getComputedStyle(o).direction === "rtl", _ = u !== p;
+      r.style.position = "fixed", r.style.top = s ? `${d.bottom}px` : "", r.style.bottom = s ? "" : `${window.innerHeight - d.top}px`, r.style.left = _ ? "" : `${d.left}px`, r.style.right = _ ? `${window.innerWidth - d.right}px` : "";
+    };
+    return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
+      window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
+    };
+  }, [i, a, e, t]);
+}
+const Y = F({ close: () => {
+} });
+function K(e) {
+  return e.hasAttribute("data-open") || e.matches(":popover-open");
+}
+function Fn({
+  open: e,
+  onClose: t,
+  trigger: i,
+  placement: a = "bottom-start",
+  children: c,
+  className: o,
+  ref: r,
+  ...l
+}) {
+  const d = z(null), s = z(null), u = z(!1), p = `--psi-menu-${H().replace(/:/g, "")}`;
+  an({ popoverRef: d, triggerRef: s, open: e, placement: a, anchorName: p });
+  const _ = (v) => {
+    d.current = v, typeof r == "function" ? r(v) : r && (r.current = v);
+  };
+  x(() => {
+    const v = d.current;
+    if (!v) return;
+    const R = K(v);
+    e && !R ? v.showPopover() : !e && R && (u.current = !0, v.hidePopover());
+  }, [e]);
+  const b = k(() => {
+    const v = d.current;
+    if (v) {
+      if (u.current) {
+        u.current = !1;
+        return;
+      }
+      K(v) || e && t("outside");
+    }
+  }, [t, e]), m = rn({
+    popoverRef: d,
+    triggerRef: s,
+    open: e,
+    onEsc: () => t("esc")
+  }), L = k(
+    (v) => {
+      t(v);
+    },
+    [t]
+  ), g = G(i);
+  x(() => {
+    g || 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."
+    );
+  }, [g]);
+  const W = g ? U(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
+  return /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ n("div", { ref: s, className: D.trigger, "data-psi-menu-trigger": !0, children: W }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ...l,
+        ref: _,
+        popover: "auto",
+        role: "menu",
+        "data-psi-menu": !0,
+        "data-placement": a,
+        className: [D.menu, o].filter(Boolean).join(" "),
+        onToggle: b,
+        onKeyDown: m,
+        children: /* @__PURE__ */ n(Y.Provider, { value: { close: L }, children: c })
+      }
+    )
+  ] });
+}
+function Un({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1 }) {
+  const { close: c } = P(Y);
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      "data-psi-menu-item": !0,
+      "data-variant": i,
+      "aria-disabled": a || void 0,
+      tabIndex: -1,
+      className: D.item,
+      onClick: () => {
+        a || (t(), c("item-select"));
+      },
+      children: e
+    }
+  );
+}
+function Yn() {
+  return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: D.separator });
 }
 export {
-  et as AspectRatio,
-  Yn as Button,
-  Jn as Card,
-  jt as Checkbox,
-  wt as Dialog,
-  nt as Field,
-  vt as IconArrowDown,
-  bt as IconArrowUpRight,
-  be as IconButton,
-  it as IconCheck,
-  rt as IconChevronDown,
-  st as IconChevronRight,
-  qe as IconClose,
-  _t as IconCopy,
-  dt as IconEdit,
-  ht as IconExternalLink,
-  gt as IconEye,
-  pt as IconEyeOff,
-  kt as IconGitHub,
-  xt as IconInstagram,
-  yt as IconLinkedIn,
-  ft as IconLoader,
-  ot as IconMinus,
-  tt as IconPlus,
-  at as IconSearch,
-  ct as IconSettings,
-  ut as IconTrash,
-  lt as IconUser,
-  mt as IconX,
-  zt as Input,
-  On as NavBar,
-  Qn as Panel,
-  Ct as Select,
-  Lt as Switch,
-  Bt as Tag,
-  Nt as Toolbar,
-  $t as Tooltip
+  pn as AspectRatio,
+  un as Button,
+  dn as Card,
+  Pn as Checkbox,
+  Dn as Dialog,
+  gn as Field,
+  Nn as IconArrowDown,
+  In as IconArrowUpRight,
+  Ce as IconButton,
+  yn as IconCheck,
+  bn as IconChevronDown,
+  mn as IconChevronRight,
+  Fe as IconClose,
+  Ln as IconCopy,
+  Cn as IconEdit,
+  $n as IconExternalLink,
+  jn as IconEye,
+  Bn as IconEyeOff,
+  En as IconGitHub,
+  An as IconInstagram,
+  Mn as IconLinkedIn,
+  Sn as IconLoader,
+  vn as IconMinus,
+  fn as IconPlus,
+  wn as IconSearch,
+  kn as IconSettings,
+  zn as IconTrash,
+  xn as IconUser,
+  Wn as IconX,
+  Hn as Input,
+  Fn as Menu,
+  Y as MenuContext,
+  Un as MenuItem,
+  Yn as MenuSeparator,
+  hn as NavBar,
+  _n as Panel,
+  Vn as Select,
+  Tn as Switch,
+  Rn as Tag,
+  Kn as Toolbar,
+  qn as Tooltip
 };