@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/Field/Field.d.ts +8 -3
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/icons/IconChevronLeft.d.ts +7 -0
- package/dist/icons/IconChevronLeft.d.ts.map +1 -0
- package/dist/icons/IconLogOut.d.ts +7 -0
- package/dist/icons/IconLogOut.d.ts.map +1 -0
- package/dist/icons/IconMenu.d.ts +7 -0
- package/dist/icons/IconMenu.d.ts.map +1 -0
- package/dist/icons/IconSimCard.d.ts +7 -0
- package/dist/icons/IconSimCard.d.ts.map +1 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +352 -323
- package/dist/manifest.json +12 -1
- package/dist/styles.css +1 -1
- package/docs/Field.md +2 -1
- package/llms.txt +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
2
|
-
import { createContext as R, useId as H, useRef as x, useEffect as
|
|
3
|
-
const Be = "_button_c94w9_3", $e = "_disabled_c94w9_30",
|
|
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:
|
|
7
|
-
size32:
|
|
6
|
+
size24: Le,
|
|
7
|
+
size32: Ne,
|
|
8
8
|
size40: Se,
|
|
9
|
-
size48:
|
|
10
|
-
accent:
|
|
11
|
-
accentSubtle:
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
230
|
-
field:
|
|
231
|
-
label:
|
|
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
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
243
|
+
announce: o = !0,
|
|
244
|
+
className: c,
|
|
245
|
+
children: d,
|
|
246
|
+
ref: l,
|
|
247
|
+
...u
|
|
247
248
|
}) {
|
|
248
|
-
const
|
|
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,
|
|
252
|
-
|
|
253
|
-
/* @__PURE__ */ n(re.Provider, { value: { id:
|
|
254
|
-
|
|
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:
|
|
260
|
-
className:
|
|
261
|
-
"aria-describedby":
|
|
262
|
-
...
|
|
263
|
-
children:
|
|
260
|
+
ref: l,
|
|
261
|
+
className: L,
|
|
262
|
+
"aria-describedby": $,
|
|
263
|
+
...u,
|
|
264
|
+
children: _
|
|
264
265
|
}
|
|
265
|
-
) : /* @__PURE__ */ n("div", { ref:
|
|
266
|
+
) : /* @__PURE__ */ n("div", { ref: l, className: L, ...u, children: _ });
|
|
266
267
|
}
|
|
267
268
|
function Ro({ size: e = 20, ...t }) {
|
|
268
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
298
|
-
return /* @__PURE__ */
|
|
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
|
|
304
|
-
return /* @__PURE__ */
|
|
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
|
|
310
|
-
return /* @__PURE__ */
|
|
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
|
|
316
|
-
return /* @__PURE__ */
|
|
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
|
|
322
|
-
return /* @__PURE__ */
|
|
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
|
|
328
|
-
return /* @__PURE__ */
|
|
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
|
|
335
|
-
return /* @__PURE__ */
|
|
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
|
|
341
|
-
return /* @__PURE__ */
|
|
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
|
|
349
|
-
return /* @__PURE__ */
|
|
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
|
|
361
|
-
return /* @__PURE__ */
|
|
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
|
|
367
|
-
return /* @__PURE__ */
|
|
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
|
|
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
|
|
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
|
|
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
|
|
382
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
403
|
-
return /* @__PURE__ */
|
|
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
|
|
410
|
-
return /* @__PURE__ */
|
|
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
|
-
|
|
417
|
-
|
|
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:
|
|
420
|
-
inlineEnd:
|
|
421
|
-
w400:
|
|
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
|
|
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
|
|
451
|
-
|
|
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 =
|
|
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
|
|
488
|
+
const m = (v) => {
|
|
464
489
|
v.preventDefault(), o && t("esc");
|
|
465
|
-
},
|
|
466
|
-
o && v.target ===
|
|
467
|
-
},
|
|
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:
|
|
472
|
-
className:
|
|
496
|
+
ref: y,
|
|
497
|
+
className: L,
|
|
473
498
|
"data-placement": r,
|
|
474
|
-
"aria-labelledby": i != null ?
|
|
475
|
-
onCancel:
|
|
476
|
-
onClick:
|
|
499
|
+
"aria-labelledby": i != null ? p : void 0,
|
|
500
|
+
onCancel: m,
|
|
501
|
+
onClick: $,
|
|
477
502
|
...u,
|
|
478
|
-
children: /* @__PURE__ */
|
|
479
|
-
(i != null || o) && /* @__PURE__ */
|
|
480
|
-
i != null && /* @__PURE__ */ n("h2", { id:
|
|
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
|
|
512
|
-
const o =
|
|
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 = "
|
|
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
|
|
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 =
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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",
|
|
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:
|
|
638
|
-
neutralSubtle:
|
|
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:
|
|
645
|
-
accent:
|
|
646
|
-
success:
|
|
647
|
-
warning:
|
|
648
|
-
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:
|
|
651
|
-
accent:
|
|
652
|
-
success:
|
|
653
|
-
warning:
|
|
654
|
-
danger:
|
|
675
|
+
neutral: C.neutralSubtle,
|
|
676
|
+
accent: C.accentSubtle,
|
|
677
|
+
success: C.successSubtle,
|
|
678
|
+
warning: C.warningSubtle,
|
|
679
|
+
danger: C.dangerSubtle
|
|
655
680
|
};
|
|
656
|
-
function
|
|
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 = [
|
|
666
|
-
return /* @__PURE__ */
|
|
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:
|
|
697
|
+
className: C.dismiss,
|
|
673
698
|
onClick: i,
|
|
674
699
|
"aria-label": "Dismiss",
|
|
675
|
-
children: /* @__PURE__ */
|
|
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
|
|
698
|
-
wrapper:
|
|
699
|
-
tooltip:
|
|
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:
|
|
702
|
-
left:
|
|
703
|
-
right:
|
|
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
|
|
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
|
-
|
|
743
|
+
B(() => c, [c]), B(() => {
|
|
719
744
|
if (!s) return;
|
|
720
|
-
const
|
|
721
|
-
|
|
745
|
+
const f = (p) => {
|
|
746
|
+
p.key === "Escape" && l();
|
|
722
747
|
};
|
|
723
|
-
return document.addEventListener("keydown",
|
|
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: (
|
|
752
|
+
onMouseEnter: (f) => {
|
|
728
753
|
c(), o.current = window.setTimeout(d, En);
|
|
729
|
-
const
|
|
730
|
-
|
|
754
|
+
const p = t.props.onMouseEnter;
|
|
755
|
+
p == null || p(f);
|
|
731
756
|
},
|
|
732
|
-
onMouseLeave: (
|
|
757
|
+
onMouseLeave: (f) => {
|
|
733
758
|
c(), l();
|
|
734
|
-
const
|
|
735
|
-
|
|
759
|
+
const p = t.props.onMouseLeave;
|
|
760
|
+
p == null || p(f);
|
|
736
761
|
},
|
|
737
|
-
onFocus: (
|
|
762
|
+
onFocus: (f) => {
|
|
738
763
|
d();
|
|
739
|
-
const
|
|
740
|
-
|
|
764
|
+
const p = t.props.onFocus;
|
|
765
|
+
p == null || p(f);
|
|
741
766
|
},
|
|
742
|
-
onBlur: (
|
|
767
|
+
onBlur: (f) => {
|
|
743
768
|
c(), l();
|
|
744
|
-
const
|
|
745
|
-
|
|
769
|
+
const p = t.props.onBlur;
|
|
770
|
+
p == null || p(f);
|
|
746
771
|
}
|
|
747
772
|
});
|
|
748
|
-
return /* @__PURE__ */
|
|
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
|
|
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
|
|
836
|
+
const f = u.indexOf(document.activeElement);
|
|
812
837
|
switch (l.key) {
|
|
813
838
|
case "ArrowDown":
|
|
814
|
-
l.preventDefault(), c(u[(
|
|
839
|
+
l.preventDefault(), c(u[(f + 1 + u.length) % u.length]);
|
|
815
840
|
return;
|
|
816
841
|
case "ArrowUp":
|
|
817
|
-
l.preventDefault(), c(u[
|
|
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
|
|
828
|
-
a.current =
|
|
829
|
-
const
|
|
830
|
-
(
|
|
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
|
-
|
|
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"),
|
|
850
|
-
o.style.position = "fixed", o.style.top = l ? `${d.bottom}px` : "", o.style.bottom = l ? "" : `${window.innerHeight - d.top}px`, o.style.left =
|
|
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
|
|
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),
|
|
873
|
-
Un({ popoverRef: d, triggerRef: l, open: e, placement: s, anchorName:
|
|
874
|
-
const
|
|
875
|
-
d.current =
|
|
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
|
|
879
|
-
if (!
|
|
880
|
-
const g = de(
|
|
881
|
-
e && !g ?
|
|
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
|
|
884
|
-
const
|
|
885
|
-
if (
|
|
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(
|
|
915
|
+
de(_) || e && t("outside");
|
|
891
916
|
}
|
|
892
|
-
}, [t, e]),
|
|
917
|
+
}, [t, e]), m = Kn({
|
|
893
918
|
popoverRef: d,
|
|
894
919
|
triggerRef: l,
|
|
895
920
|
open: e,
|
|
896
921
|
onEsc: () => t("esc")
|
|
897
|
-
}),
|
|
898
|
-
(
|
|
899
|
-
t(
|
|
922
|
+
}), $ = b(
|
|
923
|
+
(_) => {
|
|
924
|
+
t(_);
|
|
900
925
|
},
|
|
901
926
|
[t]
|
|
902
|
-
),
|
|
903
|
-
|
|
904
|
-
|
|
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
|
-
}, [
|
|
908
|
-
const v =
|
|
909
|
-
return /* @__PURE__ */
|
|
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:
|
|
922
|
-
onKeyDown:
|
|
923
|
-
children: /* @__PURE__ */ n(ge.Provider, { value: { close:
|
|
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
|
|
929
|
-
const { close: a } =
|
|
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
|
|
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
|
|
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
|
|
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 && !
|
|
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 } =
|
|
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 } =
|
|
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
|
|
1029
|
-
const { selectable: i } =
|
|
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__ */
|
|
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
|
|
1047
|
-
const { selectable: a, selected: r } =
|
|
1048
|
-
return /* @__PURE__ */
|
|
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
|
|
1062
|
-
const { sortable: a, sort: r, onSortChange: o } =
|
|
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
|
|
1065
|
-
o == null || o({ key: e, direction:
|
|
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__ */
|
|
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
|
|
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
|
|
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__ */
|
|
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,
|
|
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",
|
|
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:
|
|
1167
|
-
live:
|
|
1191
|
+
region: yo,
|
|
1192
|
+
live: mo
|
|
1168
1193
|
}, wo = {
|
|
1169
1194
|
neutral: Bt,
|
|
1170
1195
|
success: Ct,
|
|
1171
1196
|
warning: $t,
|
|
1172
|
-
danger:
|
|
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:
|
|
1180
|
-
success:
|
|
1181
|
-
warning:
|
|
1182
|
-
danger:
|
|
1204
|
+
neutral: S.iconNeutral,
|
|
1205
|
+
success: S.iconSuccess,
|
|
1206
|
+
warning: S.iconWarning,
|
|
1207
|
+
danger: S.iconDanger
|
|
1183
1208
|
};
|
|
1184
|
-
function
|
|
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 = [
|
|
1193
|
-
return /* @__PURE__ */
|
|
1194
|
-
/* @__PURE__ */ n("span", { className: [
|
|
1195
|
-
/* @__PURE__ */
|
|
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:
|
|
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 !==
|
|
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
|
|
1253
|
+
B(() => {
|
|
1254
|
+
var f;
|
|
1230
1255
|
const u = r.current;
|
|
1231
1256
|
if (u)
|
|
1232
|
-
return (
|
|
1233
|
-
var
|
|
1234
|
-
(
|
|
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__ */
|
|
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: [
|
|
1271
|
+
className: [S.region, s].filter(Boolean).join(" "),
|
|
1247
1272
|
children: [
|
|
1248
|
-
/* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className:
|
|
1249
|
-
/* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className:
|
|
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
|
|
1255
|
-
function
|
|
1256
|
-
const e =
|
|
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
|
|
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(),
|
|
1271
|
-
const g = c.current.get(
|
|
1272
|
-
(g == null ? void 0 : g.handle) !== void 0 && clearTimeout(g.handle), c.current.delete(
|
|
1273
|
-
}, []),
|
|
1274
|
-
(
|
|
1275
|
-
const
|
|
1276
|
-
c.current.set(
|
|
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
|
-
[
|
|
1279
|
-
),
|
|
1280
|
-
({ variant:
|
|
1281
|
-
const V = `${u}-${l.current++}`, se =
|
|
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:
|
|
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
|
-
}),
|
|
1314
|
+
}), p(V, se), V;
|
|
1290
1315
|
},
|
|
1291
|
-
[i,
|
|
1292
|
-
),
|
|
1293
|
-
for (const
|
|
1294
|
-
|
|
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
|
-
}, []),
|
|
1321
|
+
}, []), $ = b(() => {
|
|
1297
1322
|
if (!d.current) {
|
|
1298
1323
|
d.current = !0;
|
|
1299
|
-
for (const [
|
|
1324
|
+
for (const [_, g] of c.current) {
|
|
1300
1325
|
if (g.handle === void 0) continue;
|
|
1301
1326
|
clearTimeout(g.handle);
|
|
1302
|
-
const
|
|
1303
|
-
c.current.set(
|
|
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 -
|
|
1330
|
+
remaining: Math.max(0, g.remaining - T),
|
|
1306
1331
|
startedAt: void 0
|
|
1307
1332
|
});
|
|
1308
1333
|
}
|
|
1309
1334
|
}
|
|
1310
|
-
}, []),
|
|
1335
|
+
}, []), L = b(() => {
|
|
1311
1336
|
if (d.current) {
|
|
1312
1337
|
d.current = !1;
|
|
1313
|
-
for (const [
|
|
1314
|
-
g.handle === void 0 && c.current.set(
|
|
1315
|
-
handle: setTimeout(() =>
|
|
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
|
-
}, [
|
|
1321
|
-
|
|
1322
|
-
const
|
|
1345
|
+
}, [f]);
|
|
1346
|
+
B(() => {
|
|
1347
|
+
const _ = c.current;
|
|
1323
1348
|
return () => {
|
|
1324
|
-
for (const g of
|
|
1349
|
+
for (const g of _.values())
|
|
1325
1350
|
g.handle !== void 0 && clearTimeout(g.handle);
|
|
1326
|
-
|
|
1351
|
+
_.clear();
|
|
1327
1352
|
};
|
|
1328
1353
|
}, []);
|
|
1329
1354
|
const v = oe(
|
|
1330
|
-
() => ({ show:
|
|
1331
|
-
[
|
|
1355
|
+
() => ({ show: y, dismiss: f, clear: m }),
|
|
1356
|
+
[y, f, m]
|
|
1332
1357
|
);
|
|
1333
|
-
return /* @__PURE__ */
|
|
1358
|
+
return /* @__PURE__ */ h(me.Provider, { value: v, children: [
|
|
1334
1359
|
a,
|
|
1335
1360
|
/* @__PURE__ */ n(
|
|
1336
1361
|
"div",
|
|
1337
1362
|
{
|
|
1338
|
-
onPointerEnter:
|
|
1339
|
-
onPointerLeave:
|
|
1340
|
-
onFocusCapture:
|
|
1341
|
-
onBlurCapture:
|
|
1342
|
-
children: /* @__PURE__ */ n(Bo, { placement: s, children: r.map((
|
|
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",
|
|
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:
|
|
1350
|
-
tab:
|
|
1374
|
+
list: Lo,
|
|
1375
|
+
tab: No,
|
|
1351
1376
|
panel: So
|
|
1352
1377
|
}, we = R(null);
|
|
1353
1378
|
function ie(e) {
|
|
1354
|
-
const t =
|
|
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
|
|
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
|
|
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
|
|
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 =
|
|
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
|
|
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
|
|
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
|
-
|
|
1516
|
+
ur as Dialog,
|
|
1492
1517
|
Do as Field,
|
|
1493
|
-
|
|
1518
|
+
Lt as IconAlertCircle,
|
|
1494
1519
|
$t as IconAlertTriangle,
|
|
1495
|
-
|
|
1496
|
-
|
|
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
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
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
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
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
|
-
|
|
1541
|
+
ar as IconMoreHorizontal,
|
|
1514
1542
|
Ro as IconPlus,
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
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
|
-
|
|
1524
|
-
|
|
1552
|
+
yr as MenuItem,
|
|
1553
|
+
mr as MenuSeparator,
|
|
1525
1554
|
Ao as NavBar,
|
|
1526
|
-
|
|
1555
|
+
$r as Pagination,
|
|
1527
1556
|
Eo as Panel,
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
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
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
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
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1570
|
+
pr as Tag,
|
|
1571
|
+
ye as Toast,
|
|
1572
|
+
me as ToastContext,
|
|
1573
|
+
Nr as ToastProvider,
|
|
1545
1574
|
Bo as ToastRegion,
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1575
|
+
vr as Toolbar,
|
|
1576
|
+
gr as Tooltip,
|
|
1577
|
+
Lr as useToast
|
|
1549
1578
|
};
|