@handamade/psi-react 0.18.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { jsx as n, jsxs as f, Fragment as X } from "react/jsx-runtime";
2
- import { createContext as R, useId as H, useRef as x, useEffect as $, useContext as S, useState as _e, useCallback as b, cloneElement as ne, isValidElement as U, useMemo as oe, Children as P, Fragment as ce } from "react";
3
- const Be = "_button_c94w9_3", $e = "_disabled_c94w9_30", Ne = "_size24_c94w9_44", Le = "_size32_c94w9_54", Se = "_size40_c94w9_64", ze = "_size48_c94w9_74", Te = "_accent_c94w9_87", je = "_accentSubtle_c94w9_99", Ie = "_neutral_c94w9_111", Ee = "_neutralSubtle_c94w9_123", Me = "_ghost_c94w9_135", Pe = "_danger_c94w9_147", Ae = "_dangerSubtle_c94w9_159", We = "_outline_c94w9_171", w = {
1
+ import { jsx as n, jsxs as h, Fragment as X } from "react/jsx-runtime";
2
+ import { createContext as R, useId as H, useRef as x, useEffect as B, useContext as j, useState as _e, useCallback as b, cloneElement as ne, isValidElement as U, useMemo as oe, Children as P, Fragment as ce } from "react";
3
+ const Be = "_button_c94w9_3", $e = "_disabled_c94w9_30", Le = "_size24_c94w9_44", Ne = "_size32_c94w9_54", Se = "_size40_c94w9_64", je = "_size48_c94w9_74", ze = "_accent_c94w9_87", Te = "_accentSubtle_c94w9_99", Ie = "_neutral_c94w9_111", Ee = "_neutralSubtle_c94w9_123", Me = "_ghost_c94w9_135", Pe = "_danger_c94w9_147", Ae = "_dangerSubtle_c94w9_159", We = "_outline_c94w9_171", w = {
4
4
  button: Be,
5
5
  disabled: $e,
6
- size24: Ne,
7
- size32: Le,
6
+ size24: Le,
7
+ size32: Ne,
8
8
  size40: Se,
9
- size48: ze,
10
- accent: Te,
11
- accentSubtle: je,
9
+ size48: je,
10
+ accent: ze,
11
+ accentSubtle: Te,
12
12
  neutral: Ie,
13
13
  neutralSubtle: Ee,
14
14
  ghost: Me,
@@ -159,7 +159,7 @@ function Io({
159
159
  i ? I.hoverLift : void 0,
160
160
  s
161
161
  ].filter(Boolean).join(" ");
162
- return /* @__PURE__ */ f("div", { ref: r, className: c, ...o, children: [
162
+ return /* @__PURE__ */ h("div", { ref: r, className: c, ...o, children: [
163
163
  t != null && /* @__PURE__ */ n("div", { className: I.media, children: t }),
164
164
  /* @__PURE__ */ n("div", { className: I.body, children: a })
165
165
  ] });
@@ -199,7 +199,7 @@ function Mo({
199
199
  );
200
200
  }
201
201
  function Po({ term: e, className: t, children: i, ref: s, ...a }) {
202
- return /* @__PURE__ */ f("div", { ref: s, className: [Z.item, t].filter(Boolean).join(" "), ...a, children: [
202
+ return /* @__PURE__ */ h("div", { ref: s, className: [Z.item, t].filter(Boolean).join(" "), ...a, children: [
203
203
  /* @__PURE__ */ n("dt", { className: Z.term, children: e }),
204
204
  /* @__PURE__ */ n("dd", { className: Z.value, children: i })
205
205
  ] });
@@ -213,7 +213,7 @@ const ht = "_navbar_1gyow_1", _t = "_inner_1gyow_12", ft = "_brand_1gyow_19", pt
213
213
  };
214
214
  function Ao({ brand: e, actions: t, children: i, className: s, ref: a, ...r }) {
215
215
  const o = [F.navbar, s].filter(Boolean).join(" ");
216
- return /* @__PURE__ */ n("header", { ref: a, className: o, ...r, children: /* @__PURE__ */ f("div", { className: `psi-container ${F.inner}`, children: [
216
+ return /* @__PURE__ */ n("header", { ref: a, className: o, ...r, children: /* @__PURE__ */ h("div", { className: `psi-container ${F.inner}`, children: [
217
217
  e != null && /* @__PURE__ */ n("div", { className: F.brand, children: e }),
218
218
  /* @__PURE__ */ n("nav", { className: F.links, children: i }),
219
219
  t != null && /* @__PURE__ */ n("div", { className: F.actions, children: t })
@@ -226,9 +226,9 @@ function Wo({ ratio: e, className: t, style: i, children: s, ref: a, ...r }) {
226
226
  const o = [bt.frame, t].filter(Boolean).join(" ");
227
227
  return /* @__PURE__ */ n("div", { ref: a, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: s });
228
228
  }
229
- const mt = "_field_lplye_1", yt = "_label_lplye_10", wt = "_marker_lplye_16", xt = "_message_lplye_20", kt = "_invalid_lplye_26", E = {
230
- field: mt,
231
- label: yt,
229
+ const yt = "_field_lplye_1", mt = "_label_lplye_10", wt = "_marker_lplye_16", xt = "_message_lplye_20", kt = "_invalid_lplye_26", E = {
230
+ field: yt,
231
+ label: mt,
232
232
  marker: wt,
233
233
  message: xt,
234
234
  invalid: kt
@@ -240,32 +240,33 @@ function Do({
240
240
  required: s = !1,
241
241
  group: a = !1,
242
242
  htmlFor: r,
243
- className: o,
244
- children: c,
245
- ref: d,
246
- ...l
243
+ announce: o = !0,
244
+ className: c,
245
+ children: d,
246
+ ref: l,
247
+ ...u
247
248
  }) {
248
- const u = H(), h = r ?? u, _ = !!i, m = _ ? i : t, y = m != null && m !== !1 ? `${h}-message` : void 0, T = [E.field, _ && E.invalid, o].filter(Boolean).join(" "), C = e != null ? /* @__PURE__ */ f(X, { children: [
249
+ const f = H(), p = r ?? f, y = !!i, m = y ? i : t, $ = m != null && m !== !1 ? `${p}-message` : void 0, L = [E.field, y && E.invalid, c].filter(Boolean).join(" "), v = e != null ? /* @__PURE__ */ h(X, { children: [
249
250
  e,
250
251
  s && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: E.marker, children: " *" })
251
- ] }) : null, v = /* @__PURE__ */ f(X, { children: [
252
- C != null && (a ? /* @__PURE__ */ n("legend", { className: E.label, children: C }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: C })),
253
- /* @__PURE__ */ n(re.Provider, { value: { id: h, describedBy: y, invalid: _, required: s }, children: c }),
254
- y && /* @__PURE__ */ n("p", { id: y, className: E.message, "aria-live": "polite", children: m })
252
+ ] }) : null, _ = /* @__PURE__ */ h(X, { children: [
253
+ v != null && (a ? /* @__PURE__ */ n("legend", { className: E.label, children: v }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: p, children: v })),
254
+ /* @__PURE__ */ n(re.Provider, { value: { id: p, describedBy: $, invalid: y, required: s }, children: d }),
255
+ $ && /* @__PURE__ */ n("p", { id: $, className: E.message, "aria-live": o ? "polite" : void 0, children: m })
255
256
  ] });
256
257
  return a ? /* @__PURE__ */ n(
257
258
  "fieldset",
258
259
  {
259
- ref: d,
260
- className: T,
261
- "aria-describedby": y,
262
- ...l,
263
- children: v
260
+ ref: l,
261
+ className: L,
262
+ "aria-describedby": $,
263
+ ...u,
264
+ children: _
264
265
  }
265
- ) : /* @__PURE__ */ n("div", { ref: d, className: T, ...l, children: v });
266
+ ) : /* @__PURE__ */ n("div", { ref: l, className: L, ...u, children: _ });
266
267
  }
267
268
  function Ro({ size: e = 20, ...t }) {
268
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
269
+ 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: [
269
270
  /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
270
271
  /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
271
272
  ] });
@@ -274,7 +275,7 @@ function Ho({ size: e = 20, ...t }) {
274
275
  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" }) });
275
276
  }
276
277
  function fe({ size: e = 20, ...t }) {
277
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
278
+ 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: [
278
279
  /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
279
280
  /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
280
281
  ] });
@@ -289,64 +290,67 @@ function Vo({ size: e = 20, ...t }) {
289
290
  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" }) });
290
291
  }
291
292
  function Fo({ size: e = 20, ...t }) {
292
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
293
+ 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: "15 18 9 12 15 6" }) });
294
+ }
295
+ function Ko({ size: e = 20, ...t }) {
296
+ 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: [
293
297
  /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
294
298
  /* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
295
299
  ] });
296
300
  }
297
- function Ko({ size: e = 20, ...t }) {
298
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
301
+ function Oo({ size: e = 20, ...t }) {
302
+ 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: [
299
303
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
300
304
  /* @__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" })
301
305
  ] });
302
306
  }
303
- function Oo({ size: e = 20, ...t }) {
304
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
307
+ function Uo({ size: e = 20, ...t }) {
308
+ 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: [
305
309
  /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
306
310
  /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
307
311
  ] });
308
312
  }
309
- function Uo({ size: e = 20, ...t }) {
310
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
313
+ function Yo({ size: e = 20, ...t }) {
314
+ 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: [
311
315
  /* @__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" }),
312
316
  /* @__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" })
313
317
  ] });
314
318
  }
315
- function Yo({ size: e = 20, ...t }) {
316
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
319
+ function Zo({ size: e = 20, ...t }) {
320
+ 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: [
317
321
  /* @__PURE__ */ n("polyline", { points: "3 6 5 6 21 6" }),
318
322
  /* @__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" })
319
323
  ] });
320
324
  }
321
- function Zo({ size: e = 20, ...t }) {
322
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
325
+ function Go({ size: e = 20, ...t }) {
326
+ 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: [
323
327
  /* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
324
328
  /* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
325
329
  ] });
326
330
  }
327
- function Go({ size: e = 20, ...t }) {
328
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
331
+ function Xo({ size: e = 20, ...t }) {
332
+ 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: [
329
333
  /* @__PURE__ */ n("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
330
334
  /* @__PURE__ */ n("polyline", { points: "15 3 21 3 21 9" }),
331
335
  /* @__PURE__ */ n("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
332
336
  ] });
333
337
  }
334
- function Xo({ size: e = 20, ...t }) {
335
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
338
+ function Jo({ size: e = 20, ...t }) {
339
+ 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: [
336
340
  /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
337
341
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
338
342
  ] });
339
343
  }
340
- function Jo({ size: e = 20, ...t }) {
341
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
344
+ function Qo({ size: e = 20, ...t }) {
345
+ 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: [
342
346
  /* @__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" }),
343
347
  /* @__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" }),
344
348
  /* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
345
349
  /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
346
350
  ] });
347
351
  }
348
- function Qo({ size: e = 20, ...t }) {
349
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
352
+ function er({ size: e = 20, ...t }) {
353
+ 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: [
350
354
  /* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
351
355
  /* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
352
356
  /* @__PURE__ */ n("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
@@ -357,68 +361,89 @@ function Qo({ size: e = 20, ...t }) {
357
361
  /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
358
362
  ] });
359
363
  }
360
- function er({ size: e = 20, ...t }) {
361
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
364
+ function tr({ size: e = 20, ...t }) {
365
+ 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: [
362
366
  /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
363
367
  /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" })
364
368
  ] });
365
369
  }
366
- function tr({ size: e = 20, ...t }) {
367
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
370
+ function nr({ size: e = 20, ...t }) {
371
+ 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: [
368
372
  /* @__PURE__ */ n("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
369
373
  /* @__PURE__ */ n("polyline", { points: "7 7 17 7 17 17" })
370
374
  ] });
371
375
  }
372
- function nr({ size: e = 20, ...t }) {
376
+ function or({ size: e = 20, ...t }) {
373
377
  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" }) });
374
378
  }
375
- function or({ size: e = 20, ...t }) {
379
+ function rr({ size: e = 20, ...t }) {
376
380
  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" }) });
377
381
  }
378
- function rr({ size: e = 20, ...t }) {
382
+ function ir({ size: e = 20, ...t }) {
379
383
  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" }) });
380
384
  }
381
- function ir({ size: e = 20, ...t }) {
382
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
385
+ function sr({ size: e = 20, ...t }) {
386
+ 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: [
383
387
  /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
384
388
  /* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
385
389
  /* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
386
390
  ] });
387
391
  }
388
392
  function Bt({ size: e = 20, ...t }) {
389
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
393
+ 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: [
390
394
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
391
395
  /* @__PURE__ */ n("line", { x1: "12", y1: "11", x2: "12", y2: "16" }),
392
396
  /* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
393
397
  ] });
394
398
  }
395
399
  function $t({ size: e = 20, ...t }) {
396
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
400
+ 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: [
397
401
  /* @__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" }),
398
402
  /* @__PURE__ */ n("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
399
403
  /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "17" })
400
404
  ] });
401
405
  }
402
- function Nt({ size: e = 20, ...t }) {
403
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
406
+ function Lt({ size: e = 20, ...t }) {
407
+ 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: [
404
408
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
405
409
  /* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
406
410
  /* @__PURE__ */ n("line", { x1: "12", y1: "16", x2: "12", y2: "16" })
407
411
  ] });
408
412
  }
409
- function sr({ size: e = 20, ...t }) {
410
- return /* @__PURE__ */ f("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
413
+ function ar({ size: e = 20, ...t }) {
414
+ 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: [
411
415
  /* @__PURE__ */ n("circle", { cx: "5", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
412
416
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" }),
413
417
  /* @__PURE__ */ n("circle", { cx: "19", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" })
414
418
  ] });
415
419
  }
416
- const Lt = "_dialog_h5f0e_2", St = "_center_h5f0e_32", zt = "_inlineStart_h5f0e_40", Tt = "_inlineEnd_h5f0e_41", jt = "_w400_h5f0e_90", It = "_w560_h5f0e_91", Et = "_w720_h5f0e_92", Mt = "_panel_h5f0e_94", Pt = "_header_h5f0e_114", At = "_title_h5f0e_121", Wt = "_footer_h5f0e_127", N = {
417
- dialog: Lt,
420
+ function cr({ size: e = 20, ...t }) {
421
+ 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: [
422
+ /* @__PURE__ */ n("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
423
+ /* @__PURE__ */ n("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
424
+ /* @__PURE__ */ n("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
425
+ ] });
426
+ }
427
+ function lr({ size: e = 20, ...t }) {
428
+ 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: [
429
+ /* @__PURE__ */ n("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
430
+ /* @__PURE__ */ n("polyline", { points: "16 17 21 12 16 7" }),
431
+ /* @__PURE__ */ n("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
432
+ ] });
433
+ }
434
+ function dr({ size: e = 20, ...t }) {
435
+ 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: [
436
+ /* @__PURE__ */ n("path", { d: "M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z" }),
437
+ /* @__PURE__ */ n("rect", { x: "8", y: "11", width: "8", height: "7", rx: "1" }),
438
+ /* @__PURE__ */ n("line", { x1: "12", y1: "11", x2: "12", y2: "18" })
439
+ ] });
440
+ }
441
+ const Nt = "_dialog_h5f0e_2", St = "_center_h5f0e_32", jt = "_inlineStart_h5f0e_40", zt = "_inlineEnd_h5f0e_41", Tt = "_w400_h5f0e_90", It = "_w560_h5f0e_91", Et = "_w720_h5f0e_92", Mt = "_panel_h5f0e_94", Pt = "_header_h5f0e_114", At = "_title_h5f0e_121", Wt = "_footer_h5f0e_127", N = {
442
+ dialog: Nt,
418
443
  center: St,
419
- inlineStart: zt,
420
- inlineEnd: Tt,
421
- w400: jt,
444
+ inlineStart: jt,
445
+ inlineEnd: zt,
446
+ w400: Tt,
422
447
  w560: It,
423
448
  w720: Et,
424
449
  panel: Mt,
@@ -434,7 +459,7 @@ const Lt = "_dialog_h5f0e_2", St = "_center_h5f0e_32", zt = "_inlineStart_h5f0e_
434
459
  "inline-start": N.inlineStart,
435
460
  "inline-end": N.inlineEnd
436
461
  };
437
- function ar({
462
+ function ur({
438
463
  open: e,
439
464
  onClose: t,
440
465
  title: i,
@@ -447,37 +472,37 @@ function ar({
447
472
  ref: l,
448
473
  ...u
449
474
  }) {
450
- const h = x(null), _ = H(), m = (v) => {
451
- h.current = v, typeof l == "function" ? l(v) : l && (l.current = v);
475
+ const f = x(null), p = H(), y = (v) => {
476
+ f.current = v, typeof l == "function" ? l(v) : l && (l.current = v);
452
477
  };
453
- $(() => {
454
- const v = h.current;
478
+ B(() => {
479
+ const v = f.current;
455
480
  v && (e && !v.open ? v.showModal() : !e && v.open && v.close());
456
- }, [e]), $(() => {
481
+ }, [e]), B(() => {
457
482
  if (!e) return;
458
483
  const v = document.body.style.overflow;
459
484
  return document.body.style.overflow = "hidden", () => {
460
485
  document.body.style.overflow = v;
461
486
  };
462
487
  }, [e]);
463
- const y = (v) => {
488
+ const m = (v) => {
464
489
  v.preventDefault(), o && t("esc");
465
- }, T = (v) => {
466
- o && v.target === h.current && t("backdrop");
467
- }, C = [N.dialog, Dt[a], Rt[r], c].filter(Boolean).join(" ");
490
+ }, $ = (v) => {
491
+ o && v.target === f.current && t("backdrop");
492
+ }, L = [N.dialog, Dt[a], Rt[r], c].filter(Boolean).join(" ");
468
493
  return /* @__PURE__ */ n(
469
494
  "dialog",
470
495
  {
471
- ref: m,
472
- className: C,
496
+ ref: y,
497
+ className: L,
473
498
  "data-placement": r,
474
- "aria-labelledby": i != null ? _ : void 0,
475
- onCancel: y,
476
- onClick: T,
499
+ "aria-labelledby": i != null ? p : void 0,
500
+ onCancel: m,
501
+ onClick: $,
477
502
  ...u,
478
- children: /* @__PURE__ */ f("div", { className: N.panel, children: [
479
- (i != null || o) && /* @__PURE__ */ f("div", { className: N.header, children: [
480
- i != null && /* @__PURE__ */ n("h2", { id: _, className: N.title, children: i }),
503
+ children: /* @__PURE__ */ h("div", { className: N.panel, children: [
504
+ (i != null || o) && /* @__PURE__ */ h("div", { className: N.header, children: [
505
+ i != null && /* @__PURE__ */ n("h2", { id: p, className: N.title, children: i }),
481
506
  o && /* @__PURE__ */ n(
482
507
  J,
483
508
  {
@@ -508,8 +533,8 @@ const Ht = "_input_hpei8_3", qt = "_size24_hpei8_37", Vt = "_size32_hpei8_43", F
508
533
  40: A.size40,
509
534
  48: A.size48
510
535
  };
511
- function cr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref: a, ...r }) {
512
- const o = S(re), c = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [A.input, Ut[e], c && A.error, s].filter(Boolean).join(" ");
536
+ function hr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref: a, ...r }) {
537
+ const o = j(re), c = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [A.input, Ut[e], c && A.error, s].filter(Boolean).join(" ");
513
538
  return /* @__PURE__ */ n(
514
539
  "input",
515
540
  {
@@ -524,7 +549,7 @@ function cr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref:
524
549
  }
525
550
  );
526
551
  }
527
- const Yt = "_select_4x9ck_3", Zt = "_size24_4x9ck_37", Gt = "_size32_4x9ck_45", Xt = "_size40_4x9ck_53", Jt = "_size48_4x9ck_61", Qt = "_error_4x9ck_71", W = {
552
+ const Yt = "_select_19bqr_3", Zt = "_size24_19bqr_56", Gt = "_size32_19bqr_66", Xt = "_size40_19bqr_76", Jt = "_size48_19bqr_86", Qt = "_error_19bqr_98", W = {
528
553
  select: Yt,
529
554
  size24: Zt,
530
555
  size32: Gt,
@@ -537,7 +562,7 @@ const Yt = "_select_4x9ck_3", Zt = "_size24_4x9ck_37", Gt = "_size32_4x9ck_45",
537
562
  40: W.size40,
538
563
  48: W.size48
539
564
  };
540
- function lr({
565
+ function _r({
541
566
  size: e = 32,
542
567
  error: t = !1,
543
568
  className: i,
@@ -545,7 +570,7 @@ function lr({
545
570
  children: a,
546
571
  ...r
547
572
  }) {
548
- const o = S(re), c = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
573
+ const o = j(re), c = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
549
574
  W.select,
550
575
  en[e],
551
576
  c && W.error,
@@ -580,7 +605,7 @@ function pe({
580
605
  ...a
581
606
  }) {
582
607
  const r = [K.label, i && K.disabled, t].filter(Boolean).join(" ");
583
- return /* @__PURE__ */ f("label", { className: r, children: [
608
+ return /* @__PURE__ */ h("label", { className: r, children: [
584
609
  /* @__PURE__ */ n(
585
610
  "input",
586
611
  {
@@ -603,7 +628,7 @@ const an = "_label_16roc_3", cn = "_disabled_16roc_13", ln = "_track_16roc_26",
603
628
  thumb: un,
604
629
  text: hn
605
630
  };
606
- function dr({
631
+ function fr({
607
632
  children: e,
608
633
  className: t,
609
634
  disabled: i,
@@ -611,7 +636,7 @@ function dr({
611
636
  ...a
612
637
  }) {
613
638
  const r = [M.label, i && M.disabled, t].filter(Boolean).join(" ");
614
- return /* @__PURE__ */ f("label", { className: r, children: [
639
+ return /* @__PURE__ */ h("label", { className: r, children: [
615
640
  /* @__PURE__ */ n(
616
641
  "input",
617
642
  {
@@ -627,33 +652,33 @@ function dr({
627
652
  e && /* @__PURE__ */ n("span", { className: M.text, children: e })
628
653
  ] });
629
654
  }
630
- const _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", gn = "_accent_3oysa_48", vn = "_success_3oysa_53", bn = "_warning_3oysa_58", mn = "_danger_3oysa_63", yn = "_neutralSubtle_3oysa_70", wn = "_accentSubtle_3oysa_75", xn = "_successSubtle_3oysa_80", kn = "_warningSubtle_3oysa_85", Cn = "_dangerSubtle_3oysa_90", B = {
655
+ const _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", gn = "_accent_3oysa_48", vn = "_success_3oysa_53", bn = "_warning_3oysa_58", yn = "_danger_3oysa_63", mn = "_neutralSubtle_3oysa_70", wn = "_accentSubtle_3oysa_75", xn = "_successSubtle_3oysa_80", kn = "_warningSubtle_3oysa_85", Cn = "_dangerSubtle_3oysa_90", C = {
631
656
  tag: _n,
632
657
  dismiss: fn,
633
658
  neutral: pn,
634
659
  accent: gn,
635
660
  success: vn,
636
661
  warning: bn,
637
- danger: mn,
638
- neutralSubtle: yn,
662
+ danger: yn,
663
+ neutralSubtle: mn,
639
664
  accentSubtle: wn,
640
665
  successSubtle: xn,
641
666
  warningSubtle: kn,
642
667
  dangerSubtle: Cn
643
668
  }, Bn = {
644
- neutral: B.neutral,
645
- accent: B.accent,
646
- success: B.success,
647
- warning: B.warning,
648
- danger: B.danger
669
+ neutral: C.neutral,
670
+ accent: C.accent,
671
+ success: C.success,
672
+ warning: C.warning,
673
+ danger: C.danger
649
674
  }, $n = {
650
- neutral: B.neutralSubtle,
651
- accent: B.accentSubtle,
652
- success: B.successSubtle,
653
- warning: B.warningSubtle,
654
- danger: B.dangerSubtle
675
+ neutral: C.neutralSubtle,
676
+ accent: C.accentSubtle,
677
+ success: C.successSubtle,
678
+ warning: C.warningSubtle,
679
+ danger: C.dangerSubtle
655
680
  };
656
- function ur({
681
+ function pr({
657
682
  variant: e = "neutral",
658
683
  subtle: t = !1,
659
684
  onDismiss: i,
@@ -662,17 +687,17 @@ function ur({
662
687
  ref: r,
663
688
  ...o
664
689
  }) {
665
- const c = t ? $n : Bn, d = [B.tag, c[e], s].filter(Boolean).join(" ");
666
- return /* @__PURE__ */ f("span", { ref: r, className: d, ...o, children: [
690
+ const c = t ? $n : Bn, d = [C.tag, c[e], s].filter(Boolean).join(" ");
691
+ return /* @__PURE__ */ h("span", { ref: r, className: d, ...o, children: [
667
692
  a,
668
693
  i && /* @__PURE__ */ n(
669
694
  "button",
670
695
  {
671
696
  type: "button",
672
- className: B.dismiss,
697
+ className: C.dismiss,
673
698
  onClick: i,
674
699
  "aria-label": "Dismiss",
675
- children: /* @__PURE__ */ f(
700
+ children: /* @__PURE__ */ h(
676
701
  "svg",
677
702
  {
678
703
  width: "12",
@@ -694,20 +719,20 @@ function ur({
694
719
  )
695
720
  ] });
696
721
  }
697
- const Nn = "_wrapper_1eu6z_3", Ln = "_tooltip_1eu6z_10", Sn = "_top_1eu6z_24", zn = "_bottom_1eu6z_31", Tn = "_left_1eu6z_38", jn = "_right_1eu6z_45", D = {
698
- wrapper: Nn,
699
- tooltip: Ln,
722
+ const Ln = "_wrapper_1eu6z_3", Nn = "_tooltip_1eu6z_10", Sn = "_top_1eu6z_24", jn = "_bottom_1eu6z_31", zn = "_left_1eu6z_38", Tn = "_right_1eu6z_45", D = {
723
+ wrapper: Ln,
724
+ tooltip: Nn,
700
725
  top: Sn,
701
- bottom: zn,
702
- left: Tn,
703
- right: jn
726
+ bottom: jn,
727
+ left: zn,
728
+ right: Tn
704
729
  }, In = {
705
730
  top: D.top,
706
731
  bottom: D.bottom,
707
732
  left: D.left,
708
733
  right: D.right
709
734
  }, En = 150;
710
- function hr({
735
+ function gr({
711
736
  content: e,
712
737
  children: t,
713
738
  placement: i = "top"
@@ -715,37 +740,37 @@ function hr({
715
740
  const [s, a] = _e(!1), r = H(), o = x(void 0), c = b(() => {
716
741
  o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0);
717
742
  }, []), d = b(() => a(!0), []), l = b(() => a(!1), []);
718
- $(() => c, [c]), $(() => {
743
+ B(() => c, [c]), B(() => {
719
744
  if (!s) return;
720
- const h = (_) => {
721
- _.key === "Escape" && l();
745
+ const f = (p) => {
746
+ p.key === "Escape" && l();
722
747
  };
723
- return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
748
+ return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
724
749
  }, [s, l]);
725
750
  const u = ne(t, {
726
751
  "aria-describedby": s ? r : void 0,
727
- onMouseEnter: (h) => {
752
+ onMouseEnter: (f) => {
728
753
  c(), o.current = window.setTimeout(d, En);
729
- const _ = t.props.onMouseEnter;
730
- _ == null || _(h);
754
+ const p = t.props.onMouseEnter;
755
+ p == null || p(f);
731
756
  },
732
- onMouseLeave: (h) => {
757
+ onMouseLeave: (f) => {
733
758
  c(), l();
734
- const _ = t.props.onMouseLeave;
735
- _ == null || _(h);
759
+ const p = t.props.onMouseLeave;
760
+ p == null || p(f);
736
761
  },
737
- onFocus: (h) => {
762
+ onFocus: (f) => {
738
763
  d();
739
- const _ = t.props.onFocus;
740
- _ == null || _(h);
764
+ const p = t.props.onFocus;
765
+ p == null || p(f);
741
766
  },
742
- onBlur: (h) => {
767
+ onBlur: (f) => {
743
768
  c(), l();
744
- const _ = t.props.onBlur;
745
- _ == null || _(h);
769
+ const p = t.props.onBlur;
770
+ p == null || p(f);
746
771
  }
747
772
  });
748
- return /* @__PURE__ */ f("span", { className: D.wrapper, children: [
773
+ return /* @__PURE__ */ h("span", { className: D.wrapper, children: [
749
774
  u,
750
775
  s && /* @__PURE__ */ n(
751
776
  "span",
@@ -764,7 +789,7 @@ const Mn = "_toolbar_16192_1", Pn = "_gap8_16192_7", An = "_gap12_16192_8", Wn =
764
789
  gap12: An,
765
790
  gap16: Wn
766
791
  }, Dn = { 8: G.gap8, 12: G.gap12, 16: G.gap16 };
767
- function _r({ gap: e = 8, className: t, children: i, ref: s, ...a }) {
792
+ function vr({ gap: e = 8, className: t, children: i, ref: s, ...a }) {
768
793
  const r = [G.toolbar, Dn[e], t].filter(Boolean).join(" ");
769
794
  return /* @__PURE__ */ n("div", { ref: s, role: a["aria-label"] != null ? "group" : void 0, className: r, ...a, children: i });
770
795
  }
@@ -793,7 +818,7 @@ function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
793
818
  const l = (u = t.current) == null ? void 0 : u.querySelector("button, a, [tabindex]");
794
819
  l == null || l.focus();
795
820
  }, [t]);
796
- return $(() => {
821
+ return B(() => {
797
822
  if (!i) return;
798
823
  const l = o();
799
824
  return c(l[0]), () => {
@@ -808,13 +833,13 @@ function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
808
833
  }
809
834
  const u = o();
810
835
  if (u.length === 0) return;
811
- const h = u.indexOf(document.activeElement);
836
+ const f = u.indexOf(document.activeElement);
812
837
  switch (l.key) {
813
838
  case "ArrowDown":
814
- l.preventDefault(), c(u[(h + 1 + u.length) % u.length]);
839
+ l.preventDefault(), c(u[(f + 1 + u.length) % u.length]);
815
840
  return;
816
841
  case "ArrowUp":
817
- l.preventDefault(), c(u[h <= 0 ? u.length - 1 : h - 1]);
842
+ l.preventDefault(), c(u[f <= 0 ? u.length - 1 : f - 1]);
818
843
  return;
819
844
  case "Home":
820
845
  l.preventDefault(), c(u[0]);
@@ -824,12 +849,12 @@ function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
824
849
  return;
825
850
  }
826
851
  if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
827
- const _ = Date.now();
828
- a.current = _ - r.current > Fn ? l.key.toLowerCase() : a.current + l.key.toLowerCase(), r.current = _;
829
- const m = u.find(
830
- (y) => (y.textContent ?? "").trim().toLowerCase().startsWith(a.current)
852
+ const p = Date.now();
853
+ a.current = p - r.current > Fn ? l.key.toLowerCase() : a.current + l.key.toLowerCase(), r.current = p;
854
+ const y = u.find(
855
+ (m) => (m.textContent ?? "").trim().toLowerCase().startsWith(a.current)
831
856
  );
832
- m && (l.preventDefault(), c(m));
857
+ y && (l.preventDefault(), c(y));
833
858
  },
834
859
  [o, c, s]
835
860
  );
@@ -838,16 +863,16 @@ function On() {
838
863
  return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
839
864
  }
840
865
  function Un({ popoverRef: e, triggerRef: t, open: i, placement: s, anchorName: a }) {
841
- $(() => {
866
+ B(() => {
842
867
  const r = t.current, o = e.current;
843
868
  !r || !o || (r.style.setProperty("anchor-name", a), o.style.setProperty("position-anchor", a));
844
- }, [e, t, a]), $(() => {
869
+ }, [e, t, a]), B(() => {
845
870
  if (!i || On()) return;
846
871
  const r = t.current, o = e.current;
847
872
  if (!r || !o) return;
848
873
  const c = () => {
849
- const d = r.getBoundingClientRect(), l = s.startsWith("bottom"), u = s.endsWith("end"), h = getComputedStyle(r).direction === "rtl", _ = u !== h;
850
- o.style.position = "fixed", o.style.top = l ? `${d.bottom}px` : "", o.style.bottom = l ? "" : `${window.innerHeight - d.top}px`, o.style.left = _ ? "" : `${d.left}px`, o.style.right = _ ? `${window.innerWidth - d.right}px` : "";
874
+ const d = r.getBoundingClientRect(), l = s.startsWith("bottom"), u = s.endsWith("end"), f = getComputedStyle(r).direction === "rtl", p = u !== f;
875
+ o.style.position = "fixed", o.style.top = l ? `${d.bottom}px` : "", o.style.bottom = l ? "" : `${window.innerHeight - d.top}px`, o.style.left = p ? "" : `${d.left}px`, o.style.right = p ? `${window.innerWidth - d.right}px` : "";
851
876
  };
852
877
  return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
853
878
  window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
@@ -859,7 +884,7 @@ const ge = R({ close: () => {
859
884
  function de(e) {
860
885
  return e.hasAttribute("data-open") || e.matches(":popover-open");
861
886
  }
862
- function fr({
887
+ function br({
863
888
  open: e,
864
889
  onClose: t,
865
890
  trigger: i,
@@ -869,64 +894,64 @@ function fr({
869
894
  ref: o,
870
895
  ...c
871
896
  }) {
872
- const d = x(null), l = x(null), u = x(!1), h = `--psi-menu-${H().replace(/:/g, "")}`;
873
- Un({ popoverRef: d, triggerRef: l, open: e, placement: s, anchorName: h });
874
- const _ = (p) => {
875
- d.current = p, typeof o == "function" ? o(p) : o && (o.current = p);
897
+ const d = x(null), l = x(null), u = x(!1), f = `--psi-menu-${H().replace(/:/g, "")}`;
898
+ Un({ popoverRef: d, triggerRef: l, open: e, placement: s, anchorName: f });
899
+ const p = (_) => {
900
+ d.current = _, typeof o == "function" ? o(_) : o && (o.current = _);
876
901
  };
877
- $(() => {
878
- const p = d.current;
879
- if (!p) return;
880
- const g = de(p);
881
- e && !g ? p.showPopover() : !e && g && (u.current = !0, p.hidePopover());
902
+ B(() => {
903
+ const _ = d.current;
904
+ if (!_) return;
905
+ const g = de(_);
906
+ e && !g ? _.showPopover() : !e && g && (u.current = !0, _.hidePopover());
882
907
  }, [e]);
883
- const m = b(() => {
884
- const p = d.current;
885
- if (p) {
908
+ const y = b(() => {
909
+ const _ = d.current;
910
+ if (_) {
886
911
  if (u.current) {
887
912
  u.current = !1;
888
913
  return;
889
914
  }
890
- de(p) || e && t("outside");
915
+ de(_) || e && t("outside");
891
916
  }
892
- }, [t, e]), y = Kn({
917
+ }, [t, e]), m = Kn({
893
918
  popoverRef: d,
894
919
  triggerRef: l,
895
920
  open: e,
896
921
  onEsc: () => t("esc")
897
- }), T = b(
898
- (p) => {
899
- t(p);
922
+ }), $ = b(
923
+ (_) => {
924
+ t(_);
900
925
  },
901
926
  [t]
902
- ), C = U(i);
903
- $(() => {
904
- C || console.warn(
927
+ ), L = U(i);
928
+ B(() => {
929
+ L || console.warn(
905
930
  "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."
906
931
  );
907
- }, [C]);
908
- const v = C ? ne(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
909
- return /* @__PURE__ */ f(X, { children: [
932
+ }, [L]);
933
+ const v = L ? ne(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
934
+ return /* @__PURE__ */ h(X, { children: [
910
935
  /* @__PURE__ */ n("div", { ref: l, className: Q.trigger, "data-psi-menu-trigger": !0, children: v }),
911
936
  /* @__PURE__ */ n(
912
937
  "div",
913
938
  {
914
939
  ...c,
915
- ref: _,
940
+ ref: p,
916
941
  popover: "auto",
917
942
  role: "menu",
918
943
  "data-psi-menu": !0,
919
944
  "data-placement": s,
920
945
  className: [Q.menu, r].filter(Boolean).join(" "),
921
- onToggle: m,
922
- onKeyDown: y,
923
- children: /* @__PURE__ */ n(ge.Provider, { value: { close: T }, children: a })
946
+ onToggle: y,
947
+ onKeyDown: m,
948
+ children: /* @__PURE__ */ n(ge.Provider, { value: { close: $ }, children: a })
924
949
  }
925
950
  )
926
951
  ] });
927
952
  }
928
- function pr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1 }) {
929
- const { close: a } = S(ge);
953
+ function yr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1 }) {
954
+ const { close: a } = j(ge);
930
955
  return /* @__PURE__ */ n(
931
956
  "button",
932
957
  {
@@ -944,7 +969,7 @@ function pr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1
944
969
  }
945
970
  );
946
971
  }
947
- function gr() {
972
+ function mr() {
948
973
  return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: Q.separator });
949
974
  }
950
975
  const Yn = "_table_146hc_3", Zn = "_headerCell_146hc_13", Gn = "_cell_146hc_19", Xn = "_sortButton_146hc_30", Jn = "_sortIndicator_146hc_47", Qn = "_selectCell_146hc_79", eo = "_body_146hc_86", to = "_row_146hc_89", no = "_sticky_146hc_111", k = {
@@ -991,7 +1016,7 @@ function ro(e) {
991
1016
  }
992
1017
  }), { ids: t, sawBody: i, hasRowWithoutId: s };
993
1018
  }
994
- function vr({
1019
+ function wr({
995
1020
  size: e = 40,
996
1021
  stickyHeader: t,
997
1022
  sortable: i = !1,
@@ -1004,19 +1029,19 @@ function vr({
1004
1029
  className: l,
1005
1030
  ref: u
1006
1031
  }) {
1007
- const h = [k.table, t && k.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: m, hasRowWithoutId: y } = oe(() => ro(d), [d]);
1008
- return process.env.NODE_ENV !== "production" && (i && !a && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !c && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), r && !m && console.warn("Psi Table: `selectable` is set but no `TableBody` is visible to `Table`. Wrapping `TableBody` in a component other than a Fragment hides its rows, and select-all will clear the selection instead of filling it."), r && y && console.warn("Psi Table: `selectable` is set but a row in `TableBody` has no `rowId`. That row will render without a selection checkbox and select-all will not include it.")), /* @__PURE__ */ n(q.Provider, { value: { size: e, sortable: i, sort: s, onSortChange: a, selectable: r, selected: o, onSelectionChange: c }, children: /* @__PURE__ */ n(be.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
1032
+ const f = [k.table, t && k.sticky, l].filter(Boolean).join(" "), { ids: p, sawBody: y, hasRowWithoutId: m } = oe(() => ro(d), [d]);
1033
+ return process.env.NODE_ENV !== "production" && (i && !a && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !c && console.warn("Psi Table: `selectable` is set without `onSelectionChange`; selection will not respond."), r && !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(q.Provider, { value: { size: e, sortable: i, sort: s, onSortChange: a, selectable: r, selected: o, onSelectionChange: c }, children: /* @__PURE__ */ n(be.Provider, { value: p, children: /* @__PURE__ */ n("table", { ref: u, className: f, "data-size": e, children: d }) }) });
1009
1034
  }
1010
1035
  function io({ rowId: e, label: t }) {
1011
- const { selected: i, onSelectionChange: s } = S(q), a = () => {
1036
+ const { selected: i, onSelectionChange: s } = j(q), a = () => {
1012
1037
  const r = new Set(i);
1013
1038
  r.has(e) ? r.delete(e) : r.add(e), s == null || s(r);
1014
1039
  };
1015
1040
  return /* @__PURE__ */ n("td", { className: `${k.cell} ${k.selectCell}`, children: /* @__PURE__ */ n(pe, { "aria-label": t, checked: i.has(e), onChange: a }) });
1016
1041
  }
1017
1042
  function so() {
1018
- const { selected: e, onSelectionChange: t } = S(q), i = S(be), s = x(null), a = i.length > 0 && i.every((c) => e.has(c)), r = i.some((c) => e.has(c));
1019
- $(() => {
1043
+ const { selected: e, onSelectionChange: t } = j(q), i = j(be), s = x(null), a = i.length > 0 && i.every((c) => e.has(c)), r = i.some((c) => e.has(c));
1044
+ B(() => {
1020
1045
  s.current && (s.current.indeterminate = r && !a);
1021
1046
  }, [r, a]);
1022
1047
  const o = () => {
@@ -1025,8 +1050,8 @@ function so() {
1025
1050
  };
1026
1051
  return /* @__PURE__ */ n("th", { scope: "col", className: `${k.headerCell} ${k.selectCell}`, children: /* @__PURE__ */ n(pe, { ref: s, "aria-label": "Select all rows", checked: a, onChange: o }) });
1027
1052
  }
1028
- function br({ children: e, className: t }) {
1029
- const { selectable: i } = S(q);
1053
+ function xr({ children: e, className: t }) {
1054
+ const { selectable: i } = j(q);
1030
1055
  let s = !1;
1031
1056
  const a = i ? P.map(e, (r) => {
1032
1057
  if (s || !U(r)) return r;
@@ -1035,7 +1060,7 @@ function br({ children: e, className: t }) {
1035
1060
  return ne(
1036
1061
  o,
1037
1062
  void 0,
1038
- /* @__PURE__ */ f(X, { children: [
1063
+ /* @__PURE__ */ h(X, { children: [
1039
1064
  /* @__PURE__ */ n(so, {}),
1040
1065
  o.props.children
1041
1066
  ] })
@@ -1043,9 +1068,9 @@ function br({ children: e, className: t }) {
1043
1068
  }) : e;
1044
1069
  return /* @__PURE__ */ n("thead", { className: [k.head, t].filter(Boolean).join(" "), children: a });
1045
1070
  }
1046
- function mr({ rowId: e, selectLabel: t, children: i, className: s }) {
1047
- const { selectable: a, selected: r } = S(q), o = e !== void 0 && r.has(e);
1048
- return /* @__PURE__ */ f(
1071
+ function kr({ rowId: e, selectLabel: t, children: i, className: s }) {
1072
+ const { selectable: a, selected: r } = j(q), o = e !== void 0 && r.has(e);
1073
+ return /* @__PURE__ */ h(
1049
1074
  "tr",
1050
1075
  {
1051
1076
  className: [k.row, s].filter(Boolean).join(" "),
@@ -1058,11 +1083,11 @@ function mr({ rowId: e, selectLabel: t, children: i, className: s }) {
1058
1083
  }
1059
1084
  );
1060
1085
  }
1061
- function yr({ sortKey: e, numeric: t, children: i, className: s }) {
1062
- const { sortable: a, sort: r, onSortChange: o } = S(q), c = a && e !== void 0, d = c && (r == null ? void 0 : r.key) === e, l = c ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
1086
+ function Cr({ sortKey: e, numeric: t, children: i, className: s }) {
1087
+ const { sortable: a, sort: r, onSortChange: o } = j(q), c = a && e !== void 0, d = c && (r == null ? void 0 : r.key) === e, l = c ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
1063
1088
  if (!e) return;
1064
- const h = d && r.direction === "asc" ? "desc" : "asc";
1065
- o == null || o({ key: e, direction: h });
1089
+ const f = d && r.direction === "asc" ? "desc" : "asc";
1090
+ o == null || o({ key: e, direction: f });
1066
1091
  };
1067
1092
  return /* @__PURE__ */ n(
1068
1093
  "th",
@@ -1071,14 +1096,14 @@ function yr({ sortKey: e, numeric: t, children: i, className: s }) {
1071
1096
  className: [k.headerCell, s].filter(Boolean).join(" "),
1072
1097
  "data-numeric": t || void 0,
1073
1098
  "aria-sort": l,
1074
- children: c ? /* @__PURE__ */ f("button", { type: "button", className: k.sortButton, onClick: u, children: [
1099
+ children: c ? /* @__PURE__ */ h("button", { type: "button", className: k.sortButton, onClick: u, children: [
1075
1100
  i,
1076
1101
  /* @__PURE__ */ n("span", { className: k.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
1077
1102
  ] }) : i
1078
1103
  }
1079
1104
  );
1080
1105
  }
1081
- function wr({ numeric: e, children: t, className: i }) {
1106
+ function Br({ numeric: e, children: t, className: i }) {
1082
1107
  return /* @__PURE__ */ n("td", { className: [k.cell, i].filter(Boolean).join(" "), "data-numeric": e || void 0, children: t });
1083
1108
  }
1084
1109
  const ao = "_nav_166vs_6", co = "_ellipsis_166vs_12", ue = {
@@ -1103,7 +1128,7 @@ function lo(e, t, i) {
1103
1128
  }
1104
1129
  return d && l ? [1, "ellipsis", ...O(o, c), "ellipsis", t] : O(1, t);
1105
1130
  }
1106
- function xr({
1131
+ function $r({
1107
1132
  page: e,
1108
1133
  pageCount: t,
1109
1134
  onPageChange: i,
@@ -1116,7 +1141,7 @@ function xr({
1116
1141
  `Psi Pagination: \`page\` ${e} is out of range for \`pageCount\` ${t}; rendering page ${o ? d : "none"}. Clamp \`page\` when \`pageCount\` shrinks — e.g. after filtering.`
1117
1142
  );
1118
1143
  const l = o ? lo(d, t, s) : [];
1119
- return /* @__PURE__ */ f("nav", { "aria-label": a, className: [ue.nav, r].filter(Boolean).join(" "), children: [
1144
+ return /* @__PURE__ */ h("nav", { "aria-label": a, className: [ue.nav, r].filter(Boolean).join(" "), children: [
1120
1145
  /* @__PURE__ */ n(
1121
1146
  J,
1122
1147
  {
@@ -1129,7 +1154,7 @@ function xr({
1129
1154
  }
1130
1155
  ),
1131
1156
  l.map(
1132
- (u, h) => u === "ellipsis" ? /* @__PURE__ */ n("span", { className: ue.ellipsis, "aria-hidden": "true", children: "…" }, `e${h}`) : /* @__PURE__ */ n(
1157
+ (u, f) => u === "ellipsis" ? /* @__PURE__ */ n("span", { className: ue.ellipsis, "aria-hidden": "true", children: "…" }, `e${f}`) : /* @__PURE__ */ n(
1133
1158
  He,
1134
1159
  {
1135
1160
  size: 32,
@@ -1154,7 +1179,7 @@ function xr({
1154
1179
  )
1155
1180
  ] });
1156
1181
  }
1157
- const uo = "_toast_1gxg8_10", ho = "_icon_1gxg8_39", _o = "_iconNeutral_1gxg8_44", fo = "_iconSuccess_1gxg8_45", po = "_iconWarning_1gxg8_46", go = "_iconDanger_1gxg8_47", vo = "_body_1gxg8_51", bo = "_action_1gxg8_55", mo = "_region_1gxg8_61", yo = "_live_1gxg8_91", L = {
1182
+ const uo = "_toast_1gxg8_10", ho = "_icon_1gxg8_39", _o = "_iconNeutral_1gxg8_44", fo = "_iconSuccess_1gxg8_45", po = "_iconWarning_1gxg8_46", go = "_iconDanger_1gxg8_47", vo = "_body_1gxg8_51", bo = "_action_1gxg8_55", yo = "_region_1gxg8_61", mo = "_live_1gxg8_91", S = {
1158
1183
  toast: uo,
1159
1184
  icon: ho,
1160
1185
  iconNeutral: _o,
@@ -1163,25 +1188,25 @@ const uo = "_toast_1gxg8_10", ho = "_icon_1gxg8_39", _o = "_iconNeutral_1gxg8_44
1163
1188
  iconDanger: go,
1164
1189
  body: vo,
1165
1190
  action: bo,
1166
- region: mo,
1167
- live: yo
1191
+ region: yo,
1192
+ live: mo
1168
1193
  }, wo = {
1169
1194
  neutral: Bt,
1170
1195
  success: Ct,
1171
1196
  warning: $t,
1172
- danger: Nt
1197
+ danger: Lt
1173
1198
  }, xo = {
1174
1199
  neutral: null,
1175
1200
  success: "Success:",
1176
1201
  warning: "Warning:",
1177
1202
  danger: "Error:"
1178
1203
  }, ko = {
1179
- neutral: L.iconNeutral,
1180
- success: L.iconSuccess,
1181
- warning: L.iconWarning,
1182
- danger: L.iconDanger
1204
+ neutral: S.iconNeutral,
1205
+ success: S.iconSuccess,
1206
+ warning: S.iconWarning,
1207
+ danger: S.iconDanger
1183
1208
  };
1184
- function me({
1209
+ function ye({
1185
1210
  variant: e = "neutral",
1186
1211
  children: t,
1187
1212
  action: i,
@@ -1189,14 +1214,14 @@ function me({
1189
1214
  className: a,
1190
1215
  ref: r
1191
1216
  }) {
1192
- const o = wo[e], c = xo[e], d = [L.toast, a].filter(Boolean).join(" ");
1193
- return /* @__PURE__ */ f("div", { ref: r, className: d, "data-variant": e, "data-psi-toast": !0, children: [
1194
- /* @__PURE__ */ n("span", { className: [L.icon, ko[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
1195
- /* @__PURE__ */ f("div", { className: L.body, children: [
1217
+ const o = wo[e], c = xo[e], d = [S.toast, a].filter(Boolean).join(" ");
1218
+ return /* @__PURE__ */ h("div", { ref: r, className: d, "data-variant": e, "data-psi-toast": !0, children: [
1219
+ /* @__PURE__ */ n("span", { className: [S.icon, ko[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
1220
+ /* @__PURE__ */ h("div", { className: S.body, children: [
1196
1221
  c && /* @__PURE__ */ n("span", { className: "psi-sr-only", children: c }),
1197
1222
  t
1198
1223
  ] }),
1199
- i != null && /* @__PURE__ */ n("div", { className: L.action, children: i }),
1224
+ i != null && /* @__PURE__ */ n("div", { className: S.action, children: i }),
1200
1225
  s && /* @__PURE__ */ n(
1201
1226
  J,
1202
1227
  {
@@ -1211,7 +1236,7 @@ function me({
1211
1236
  }
1212
1237
  const Co = /* @__PURE__ */ new Set(["warning", "danger"]);
1213
1238
  function he(e) {
1214
- if (!U(e) || e.type !== me) return !1;
1239
+ if (!U(e) || e.type !== ye) return !1;
1215
1240
  const { variant: t } = e.props;
1216
1241
  return Co.has(t ?? "neutral");
1217
1242
  }
@@ -1225,17 +1250,17 @@ function Bo({
1225
1250
  const r = x(null), o = (u) => {
1226
1251
  r.current = u, typeof a == "function" ? a(u) : a && (a.current = u);
1227
1252
  };
1228
- $(() => {
1229
- var h;
1253
+ B(() => {
1254
+ var f;
1230
1255
  const u = r.current;
1231
1256
  if (u)
1232
- return (h = u.showPopover) == null || h.call(u), () => {
1233
- var _;
1234
- (_ = u.hidePopover) == null || _.call(u);
1257
+ return (f = u.showPopover) == null || f.call(u), () => {
1258
+ var p;
1259
+ (p = u.hidePopover) == null || p.call(u);
1235
1260
  };
1236
1261
  }, []);
1237
1262
  const c = P.toArray(i), d = c.filter(he), l = c.filter((u) => !he(u));
1238
- return /* @__PURE__ */ f(
1263
+ return /* @__PURE__ */ h(
1239
1264
  "div",
1240
1265
  {
1241
1266
  ref: o,
@@ -1243,122 +1268,122 @@ function Bo({
1243
1268
  "aria-label": t,
1244
1269
  "data-placement": e,
1245
1270
  "data-psi-toast-region": !0,
1246
- className: [L.region, s].filter(Boolean).join(" "),
1271
+ className: [S.region, s].filter(Boolean).join(" "),
1247
1272
  children: [
1248
- /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: L.live, children: l }),
1249
- /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: L.live, children: d })
1273
+ /* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: S.live, children: l }),
1274
+ /* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: S.live, children: d })
1250
1275
  ]
1251
1276
  }
1252
1277
  );
1253
1278
  }
1254
- const ye = R(null);
1255
- function kr() {
1256
- const e = S(ye);
1279
+ const me = R(null);
1280
+ function Lr() {
1281
+ const e = j(me);
1257
1282
  if (!e)
1258
1283
  throw new Error(
1259
1284
  "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."
1260
1285
  );
1261
1286
  return e;
1262
1287
  }
1263
- function Cr({
1288
+ function Nr({
1264
1289
  limit: e = 3,
1265
1290
  duration: t = 5e3,
1266
1291
  actionDuration: i = 1e4,
1267
1292
  placement: s = "bottom-end",
1268
1293
  children: a
1269
1294
  }) {
1270
- const [r, o] = _e([]), c = x(/* @__PURE__ */ new Map()), d = x(!1), l = x(0), u = H(), h = b((p) => {
1271
- const g = c.current.get(p);
1272
- (g == null ? void 0 : g.handle) !== void 0 && clearTimeout(g.handle), c.current.delete(p), o((j) => j.filter((V) => V.id !== p));
1273
- }, []), _ = b(
1274
- (p, g) => {
1275
- const j = d.current ? { handle: void 0, remaining: g, startedAt: void 0 } : { handle: setTimeout(() => h(p), g), remaining: g, startedAt: Date.now() };
1276
- c.current.set(p, j);
1295
+ const [r, o] = _e([]), c = x(/* @__PURE__ */ new Map()), d = x(!1), l = x(0), u = H(), f = b((_) => {
1296
+ const g = c.current.get(_);
1297
+ (g == null ? void 0 : g.handle) !== void 0 && clearTimeout(g.handle), c.current.delete(_), o((T) => T.filter((V) => V.id !== _));
1298
+ }, []), p = b(
1299
+ (_, g) => {
1300
+ const T = d.current ? { handle: void 0, remaining: g, startedAt: void 0 } : { handle: setTimeout(() => f(_), g), remaining: g, startedAt: Date.now() };
1301
+ c.current.set(_, T);
1277
1302
  },
1278
- [h]
1279
- ), m = b(
1280
- ({ variant: p = "neutral", message: g, action: j }) => {
1281
- const V = `${u}-${l.current++}`, se = j != null ? i : t;
1303
+ [f]
1304
+ ), y = b(
1305
+ ({ variant: _ = "neutral", message: g, action: T }) => {
1306
+ const V = `${u}-${l.current++}`, se = T != null ? i : t;
1282
1307
  return o((Ce) => {
1283
- const te = [...Ce, { id: V, variant: p, message: g, action: j, duration: se }];
1308
+ const te = [...Ce, { id: V, variant: _, message: g, action: T, duration: se }];
1284
1309
  for (; te.length > e; ) {
1285
1310
  const ae = te.shift(), Y = c.current.get(ae.id);
1286
1311
  (Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), c.current.delete(ae.id);
1287
1312
  }
1288
1313
  return te;
1289
- }), _(V, se), V;
1314
+ }), p(V, se), V;
1290
1315
  },
1291
- [i, _, t, u, e]
1292
- ), y = b(() => {
1293
- for (const p of c.current.values())
1294
- p.handle !== void 0 && clearTimeout(p.handle);
1316
+ [i, p, t, u, e]
1317
+ ), m = b(() => {
1318
+ for (const _ of c.current.values())
1319
+ _.handle !== void 0 && clearTimeout(_.handle);
1295
1320
  c.current.clear(), o([]);
1296
- }, []), T = b(() => {
1321
+ }, []), $ = b(() => {
1297
1322
  if (!d.current) {
1298
1323
  d.current = !0;
1299
- for (const [p, g] of c.current) {
1324
+ for (const [_, g] of c.current) {
1300
1325
  if (g.handle === void 0) continue;
1301
1326
  clearTimeout(g.handle);
1302
- const j = g.startedAt === void 0 ? 0 : Date.now() - g.startedAt;
1303
- c.current.set(p, {
1327
+ const T = g.startedAt === void 0 ? 0 : Date.now() - g.startedAt;
1328
+ c.current.set(_, {
1304
1329
  handle: void 0,
1305
- remaining: Math.max(0, g.remaining - j),
1330
+ remaining: Math.max(0, g.remaining - T),
1306
1331
  startedAt: void 0
1307
1332
  });
1308
1333
  }
1309
1334
  }
1310
- }, []), C = b(() => {
1335
+ }, []), L = b(() => {
1311
1336
  if (d.current) {
1312
1337
  d.current = !1;
1313
- for (const [p, g] of c.current)
1314
- g.handle === void 0 && c.current.set(p, {
1315
- handle: setTimeout(() => h(p), g.remaining),
1338
+ for (const [_, g] of c.current)
1339
+ g.handle === void 0 && c.current.set(_, {
1340
+ handle: setTimeout(() => f(_), g.remaining),
1316
1341
  remaining: g.remaining,
1317
1342
  startedAt: Date.now()
1318
1343
  });
1319
1344
  }
1320
- }, [h]);
1321
- $(() => {
1322
- const p = c.current;
1345
+ }, [f]);
1346
+ B(() => {
1347
+ const _ = c.current;
1323
1348
  return () => {
1324
- for (const g of p.values())
1349
+ for (const g of _.values())
1325
1350
  g.handle !== void 0 && clearTimeout(g.handle);
1326
- p.clear();
1351
+ _.clear();
1327
1352
  };
1328
1353
  }, []);
1329
1354
  const v = oe(
1330
- () => ({ show: m, dismiss: h, clear: y }),
1331
- [m, h, y]
1355
+ () => ({ show: y, dismiss: f, clear: m }),
1356
+ [y, f, m]
1332
1357
  );
1333
- return /* @__PURE__ */ f(ye.Provider, { value: v, children: [
1358
+ return /* @__PURE__ */ h(me.Provider, { value: v, children: [
1334
1359
  a,
1335
1360
  /* @__PURE__ */ n(
1336
1361
  "div",
1337
1362
  {
1338
- onPointerEnter: T,
1339
- onPointerLeave: C,
1340
- onFocusCapture: T,
1341
- onBlurCapture: C,
1342
- children: /* @__PURE__ */ n(Bo, { placement: s, children: r.map((p) => /* @__PURE__ */ n(me, { variant: p.variant, action: p.action, onDismiss: () => h(p.id), children: p.message }, p.id)) })
1363
+ onPointerEnter: $,
1364
+ onPointerLeave: L,
1365
+ onFocusCapture: $,
1366
+ onBlurCapture: L,
1367
+ children: /* @__PURE__ */ n(Bo, { placement: s, children: r.map((_) => /* @__PURE__ */ n(ye, { variant: _.variant, action: _.action, onDismiss: () => f(_.id), children: _.message }, _.id)) })
1343
1368
  }
1344
1369
  )
1345
1370
  ] });
1346
1371
  }
1347
- const $o = "_tabs_17vw6_8", No = "_list_17vw6_21", Lo = "_tab_17vw6_8", So = "_panel_17vw6_97", ee = {
1372
+ const $o = "_tabs_17vw6_8", Lo = "_list_17vw6_21", No = "_tab_17vw6_8", So = "_panel_17vw6_97", ee = {
1348
1373
  tabs: $o,
1349
- list: No,
1350
- tab: Lo,
1374
+ list: Lo,
1375
+ tab: No,
1351
1376
  panel: So
1352
1377
  }, we = R(null);
1353
1378
  function ie(e) {
1354
- const t = S(we);
1379
+ const t = j(we);
1355
1380
  if (!t)
1356
1381
  throw new Error(
1357
1382
  `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.`
1358
1383
  );
1359
1384
  return t;
1360
1385
  }
1361
- function Br({
1386
+ function Sr({
1362
1387
  value: e,
1363
1388
  onValueChange: t,
1364
1389
  orientation: i = "horizontal",
@@ -1386,7 +1411,7 @@ function xe(e, t) {
1386
1411
  function ke(e, t) {
1387
1412
  return `${e}panel-${t}`;
1388
1413
  }
1389
- function zo({ listRef: e, orientation: t, onValueChange: i }) {
1414
+ function jo({ listRef: e, orientation: t, onValueChange: i }) {
1390
1415
  const s = b(() => {
1391
1416
  const r = e.current;
1392
1417
  return r ? Array.from(
@@ -1425,10 +1450,10 @@ function zo({ listRef: e, orientation: t, onValueChange: i }) {
1425
1450
  [a, s, t]
1426
1451
  );
1427
1452
  }
1428
- function $r({ "aria-label": e, children: t, className: i, ref: s }) {
1453
+ function jr({ "aria-label": e, children: t, className: i, ref: s }) {
1429
1454
  const { orientation: a, onValueChange: r } = ie("TabList"), o = x(null), c = (l) => {
1430
1455
  o.current = l, typeof s == "function" ? s(l) : s && (s.current = l);
1431
- }, d = zo({ listRef: o, orientation: a, onValueChange: r });
1456
+ }, d = jo({ listRef: o, orientation: a, onValueChange: r });
1432
1457
  return /* @__PURE__ */ n(
1433
1458
  "div",
1434
1459
  {
@@ -1442,7 +1467,7 @@ function $r({ "aria-label": e, children: t, className: i, ref: s }) {
1442
1467
  }
1443
1468
  );
1444
1469
  }
1445
- function Nr({ value: e, children: t, disabled: i = !1, className: s, ref: a }) {
1470
+ function zr({ value: e, children: t, disabled: i = !1, className: s, ref: a }) {
1446
1471
  const r = ie("Tab"), o = r.value === e;
1447
1472
  return /* @__PURE__ */ n(
1448
1473
  "button",
@@ -1465,7 +1490,7 @@ function Nr({ value: e, children: t, disabled: i = !1, className: s, ref: a }) {
1465
1490
  }
1466
1491
  );
1467
1492
  }
1468
- function Lr({ value: e, children: t, className: i, ref: s }) {
1493
+ function Tr({ value: e, children: t, className: i, ref: s }) {
1469
1494
  const a = ie("TabPanel"), r = a.value === e;
1470
1495
  return /* @__PURE__ */ n(
1471
1496
  "div",
@@ -1488,62 +1513,66 @@ export {
1488
1513
  pe as Checkbox,
1489
1514
  Po as DescriptionItem,
1490
1515
  Mo as DescriptionList,
1491
- ar as Dialog,
1516
+ ur as Dialog,
1492
1517
  Do as Field,
1493
- Nt as IconAlertCircle,
1518
+ Lt as IconAlertCircle,
1494
1519
  $t as IconAlertTriangle,
1495
- er as IconArrowDown,
1496
- tr as IconArrowUpRight,
1520
+ tr as IconArrowDown,
1521
+ nr as IconArrowUpRight,
1497
1522
  J as IconButton,
1498
1523
  Ct as IconCheck,
1499
1524
  qo as IconChevronDown,
1525
+ Fo as IconChevronLeft,
1500
1526
  Vo as IconChevronRight,
1501
1527
  fe as IconClose,
1502
- Zo as IconCopy,
1503
- Uo as IconEdit,
1504
- Go as IconExternalLink,
1505
- Xo as IconEye,
1506
- Jo as IconEyeOff,
1507
- or as IconGitHub,
1528
+ Go as IconCopy,
1529
+ Yo as IconEdit,
1530
+ Xo as IconExternalLink,
1531
+ Jo as IconEye,
1532
+ Qo as IconEyeOff,
1533
+ rr as IconGitHub,
1508
1534
  Bt as IconInfo,
1509
- ir as IconInstagram,
1510
- nr as IconLinkedIn,
1511
- Qo as IconLoader,
1535
+ sr as IconInstagram,
1536
+ or as IconLinkedIn,
1537
+ er as IconLoader,
1538
+ lr as IconLogOut,
1539
+ cr as IconMenu,
1512
1540
  Ho as IconMinus,
1513
- sr as IconMoreHorizontal,
1541
+ ar as IconMoreHorizontal,
1514
1542
  Ro as IconPlus,
1515
- Fo as IconSearch,
1516
- Ko as IconSettings,
1517
- Yo as IconTrash,
1518
- Oo as IconUser,
1519
- rr as IconX,
1520
- cr as Input,
1521
- fr as Menu,
1543
+ Ko as IconSearch,
1544
+ Oo as IconSettings,
1545
+ dr as IconSimCard,
1546
+ Zo as IconTrash,
1547
+ Uo as IconUser,
1548
+ ir as IconX,
1549
+ hr as Input,
1550
+ br as Menu,
1522
1551
  ge as MenuContext,
1523
- pr as MenuItem,
1524
- gr as MenuSeparator,
1552
+ yr as MenuItem,
1553
+ mr as MenuSeparator,
1525
1554
  Ao as NavBar,
1526
- xr as Pagination,
1555
+ $r as Pagination,
1527
1556
  Eo as Panel,
1528
- lr as Select,
1529
- dr as Switch,
1530
- Nr as Tab,
1531
- $r as TabList,
1532
- Lr as TabPanel,
1533
- vr as Table,
1557
+ _r as Select,
1558
+ fr as Switch,
1559
+ zr as Tab,
1560
+ jr as TabList,
1561
+ Tr as TabPanel,
1562
+ wr as Table,
1534
1563
  oo as TableBody,
1535
- wr as TableCell,
1536
- br as TableHead,
1537
- yr as TableHeaderCell,
1538
- mr as TableRow,
1539
- Br as Tabs,
1564
+ Br as TableCell,
1565
+ xr as TableHead,
1566
+ Cr as TableHeaderCell,
1567
+ kr as TableRow,
1568
+ Sr as Tabs,
1540
1569
  we as TabsContext,
1541
- ur as Tag,
1542
- me as Toast,
1543
- ye as ToastContext,
1544
- Cr as ToastProvider,
1570
+ pr as Tag,
1571
+ ye as Toast,
1572
+ me as ToastContext,
1573
+ Nr as ToastProvider,
1545
1574
  Bo as ToastRegion,
1546
- _r as Toolbar,
1547
- hr as Tooltip,
1548
- kr as useToast
1575
+ vr as Toolbar,
1576
+ gr as Tooltip,
1577
+ Lr as useToast
1549
1578
  };