@handamade/psi-react 0.13.1 → 0.14.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/README.md +5 -2
- package/dist/DescriptionList/DescriptionItem.d.ts +17 -0
- package/dist/DescriptionList/DescriptionItem.d.ts.map +1 -0
- package/dist/DescriptionList/DescriptionList.d.ts +17 -0
- package/dist/DescriptionList/DescriptionList.d.ts.map +1 -0
- package/dist/icons/IconMoreHorizontal.d.ts +10 -0
- package/dist/icons/IconMoreHorizontal.d.ts.map +1 -0
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +592 -558
- package/dist/manifest.json +74 -0
- package/dist/patterns.json +40 -9
- package/dist/styles.css +1 -1
- package/docs/AspectRatio.md +1 -0
- package/docs/Button.md +1 -0
- package/docs/Card.md +1 -0
- package/docs/Checkbox.md +1 -0
- package/docs/DescriptionItem.md +30 -0
- package/docs/DescriptionList.md +31 -0
- package/docs/Dialog.md +1 -0
- package/docs/Field.md +1 -0
- package/docs/IconButton.md +1 -0
- package/docs/Input.md +1 -0
- package/docs/Menu.md +1 -0
- package/docs/MenuItem.md +1 -0
- package/docs/MenuSeparator.md +1 -0
- package/docs/NavBar.md +1 -0
- package/docs/Pagination.md +1 -0
- package/docs/Panel.md +1 -0
- package/docs/Select.md +1 -0
- package/docs/Switch.md +1 -0
- package/docs/Tab.md +1 -0
- package/docs/TabList.md +1 -0
- package/docs/TabPanel.md +1 -0
- package/docs/Table.md +1 -0
- package/docs/TableBody.md +1 -0
- package/docs/TableCell.md +1 -0
- package/docs/TableHead.md +1 -0
- package/docs/TableHeaderCell.md +1 -0
- package/docs/TableRow.md +1 -0
- package/docs/Tabs.md +1 -0
- package/docs/Tag.md +1 -0
- package/docs/Toast.md +1 -0
- package/docs/ToastProvider.md +1 -0
- package/docs/ToastRegion.md +1 -0
- package/docs/Toolbar.md +1 -0
- package/docs/Tooltip.md +1 -0
- package/llms.txt +8 -3
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsx as n, jsxs as p, Fragment as
|
|
2
|
-
import { createContext as R, useId as H, useRef as
|
|
3
|
-
const
|
|
4
|
-
button:
|
|
5
|
-
disabled:
|
|
6
|
-
size24:
|
|
7
|
-
size32:
|
|
8
|
-
size40:
|
|
9
|
-
size48:
|
|
1
|
+
import { jsx as n, jsxs as p, Fragment as X } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as R, useId as H, useRef as k, useEffect as N, useContext as S, useState as _e, useCallback as g, cloneElement as ne, isValidElement as U, useMemo as oe, Children as A, 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", je = "_size48_c94w9_74", ze = "_accent_c94w9_87", Te = "_accentSubtle_c94w9_99", Ie = "_neutral_c94w9_111", Ee = "_neutralSubtle_c94w9_123", Me = "_ghost_c94w9_135", Ae = "_danger_c94w9_147", Pe = "_dangerSubtle_c94w9_159", We = "_outline_c94w9_171", w = {
|
|
4
|
+
button: Be,
|
|
5
|
+
disabled: $e,
|
|
6
|
+
size24: Ne,
|
|
7
|
+
size32: Le,
|
|
8
|
+
size40: Se,
|
|
9
|
+
size48: je,
|
|
10
10
|
accent: ze,
|
|
11
|
-
accentSubtle:
|
|
12
|
-
neutral:
|
|
13
|
-
neutralSubtle:
|
|
14
|
-
ghost:
|
|
15
|
-
danger:
|
|
16
|
-
dangerSubtle:
|
|
17
|
-
outline:
|
|
18
|
-
},
|
|
11
|
+
accentSubtle: Te,
|
|
12
|
+
neutral: Ie,
|
|
13
|
+
neutralSubtle: Ee,
|
|
14
|
+
ghost: Me,
|
|
15
|
+
danger: Ae,
|
|
16
|
+
dangerSubtle: Pe,
|
|
17
|
+
outline: We
|
|
18
|
+
}, De = {
|
|
19
19
|
accent: w.accent,
|
|
20
20
|
"accent-subtle": w.accentSubtle,
|
|
21
21
|
neutral: w.neutral,
|
|
@@ -24,28 +24,28 @@ const Ce = "_button_c94w9_3", Be = "_disabled_c94w9_30", $e = "_size24_c94w9_44"
|
|
|
24
24
|
danger: w.danger,
|
|
25
25
|
"danger-subtle": w.dangerSubtle,
|
|
26
26
|
outline: w.outline
|
|
27
|
-
},
|
|
27
|
+
}, Re = {
|
|
28
28
|
24: w.size24,
|
|
29
29
|
32: w.size32,
|
|
30
30
|
40: w.size40,
|
|
31
31
|
48: w.size48
|
|
32
32
|
};
|
|
33
|
-
function
|
|
33
|
+
function He({
|
|
34
34
|
variant: e = "neutral",
|
|
35
35
|
size: t = 32,
|
|
36
36
|
href: i,
|
|
37
|
-
target:
|
|
37
|
+
target: s,
|
|
38
38
|
rel: c,
|
|
39
39
|
disabled: r,
|
|
40
40
|
className: o,
|
|
41
|
-
onClick:
|
|
41
|
+
onClick: a,
|
|
42
42
|
ref: d,
|
|
43
43
|
...l
|
|
44
44
|
}) {
|
|
45
45
|
const u = [
|
|
46
46
|
w.button,
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
De[e],
|
|
48
|
+
Re[t],
|
|
49
49
|
i !== void 0 && r ? w.disabled : void 0,
|
|
50
50
|
o
|
|
51
51
|
].filter(Boolean).join(" ");
|
|
@@ -55,10 +55,10 @@ function Re({
|
|
|
55
55
|
ref: d,
|
|
56
56
|
className: u,
|
|
57
57
|
href: r ? void 0 : i,
|
|
58
|
-
target:
|
|
58
|
+
target: s,
|
|
59
59
|
rel: c,
|
|
60
60
|
"aria-disabled": r || void 0,
|
|
61
|
-
onClick: r ? void 0 :
|
|
61
|
+
onClick: r ? void 0 : a,
|
|
62
62
|
...l
|
|
63
63
|
}
|
|
64
64
|
) : /* @__PURE__ */ n(
|
|
@@ -67,50 +67,50 @@ function Re({
|
|
|
67
67
|
ref: d,
|
|
68
68
|
className: u,
|
|
69
69
|
disabled: r,
|
|
70
|
-
onClick:
|
|
70
|
+
onClick: a,
|
|
71
71
|
...l
|
|
72
72
|
}
|
|
73
73
|
);
|
|
74
74
|
}
|
|
75
|
-
const
|
|
76
|
-
iconButton:
|
|
75
|
+
const qe = "_iconButton_129ca_3", Ve = "_disabled_129ca_29", Fe = "_size24_129ca_37", Ke = "_size32_129ca_42", Oe = "_size40_129ca_47", Ue = "_size48_129ca_52", Ye = "_accent_129ca_60", Ze = "_neutral_129ca_72", Ge = "_ghost_129ca_84", Xe = "_danger_129ca_96", j = {
|
|
76
|
+
iconButton: qe,
|
|
77
77
|
disabled: Ve,
|
|
78
|
-
size24:
|
|
79
|
-
size32:
|
|
80
|
-
size40:
|
|
81
|
-
size48:
|
|
82
|
-
accent:
|
|
83
|
-
neutral:
|
|
84
|
-
ghost:
|
|
85
|
-
danger:
|
|
86
|
-
}, Xe = {
|
|
87
|
-
accent: z.accent,
|
|
88
|
-
neutral: z.neutral,
|
|
89
|
-
ghost: z.ghost,
|
|
90
|
-
danger: z.danger
|
|
78
|
+
size24: Fe,
|
|
79
|
+
size32: Ke,
|
|
80
|
+
size40: Oe,
|
|
81
|
+
size48: Ue,
|
|
82
|
+
accent: Ye,
|
|
83
|
+
neutral: Ze,
|
|
84
|
+
ghost: Ge,
|
|
85
|
+
danger: Xe
|
|
91
86
|
}, Je = {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
87
|
+
accent: j.accent,
|
|
88
|
+
neutral: j.neutral,
|
|
89
|
+
ghost: j.ghost,
|
|
90
|
+
danger: j.danger
|
|
91
|
+
}, Qe = {
|
|
92
|
+
24: j.size24,
|
|
93
|
+
32: j.size32,
|
|
94
|
+
40: j.size40,
|
|
95
|
+
48: j.size48
|
|
96
96
|
};
|
|
97
|
-
function
|
|
97
|
+
function J({
|
|
98
98
|
variant: e = "neutral",
|
|
99
99
|
size: t = 32,
|
|
100
100
|
href: i,
|
|
101
|
-
target:
|
|
101
|
+
target: s,
|
|
102
102
|
rel: c,
|
|
103
103
|
disabled: r,
|
|
104
104
|
className: o,
|
|
105
|
-
onClick:
|
|
105
|
+
onClick: a,
|
|
106
106
|
ref: d,
|
|
107
107
|
...l
|
|
108
108
|
}) {
|
|
109
109
|
const u = [
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
i !== void 0 && r ?
|
|
110
|
+
j.iconButton,
|
|
111
|
+
Je[e],
|
|
112
|
+
Qe[t],
|
|
113
|
+
i !== void 0 && r ? j.disabled : void 0,
|
|
114
114
|
o
|
|
115
115
|
].filter(Boolean).join(" ");
|
|
116
116
|
return i !== void 0 ? /* @__PURE__ */ n(
|
|
@@ -119,10 +119,10 @@ function X({
|
|
|
119
119
|
ref: d,
|
|
120
120
|
className: u,
|
|
121
121
|
href: r ? void 0 : i,
|
|
122
|
-
target:
|
|
122
|
+
target: s,
|
|
123
123
|
rel: c,
|
|
124
124
|
"aria-disabled": r || void 0,
|
|
125
|
-
onClick: r ? void 0 :
|
|
125
|
+
onClick: r ? void 0 : a,
|
|
126
126
|
...l
|
|
127
127
|
}
|
|
128
128
|
) : /* @__PURE__ */ n(
|
|
@@ -131,181 +131,213 @@ function X({
|
|
|
131
131
|
ref: d,
|
|
132
132
|
className: u,
|
|
133
133
|
disabled: r,
|
|
134
|
-
onClick:
|
|
134
|
+
onClick: a,
|
|
135
135
|
...l
|
|
136
136
|
}
|
|
137
137
|
);
|
|
138
138
|
}
|
|
139
|
-
const
|
|
140
|
-
card:
|
|
141
|
-
stacked:
|
|
142
|
-
featured:
|
|
143
|
-
media:
|
|
144
|
-
body:
|
|
145
|
-
hoverLift:
|
|
139
|
+
const et = "_card_1btb3_1", tt = "_stacked_1btb3_8", nt = "_featured_1btb3_10", ot = "_media_1btb3_22", rt = "_body_1btb3_23", it = "_hoverLift_1btb3_31", I = {
|
|
140
|
+
card: et,
|
|
141
|
+
stacked: tt,
|
|
142
|
+
featured: nt,
|
|
143
|
+
media: ot,
|
|
144
|
+
body: rt,
|
|
145
|
+
hoverLift: it
|
|
146
146
|
};
|
|
147
|
-
function
|
|
147
|
+
function Eo({
|
|
148
148
|
variant: e = "stacked",
|
|
149
149
|
media: t,
|
|
150
150
|
hoverLift: i = !1,
|
|
151
|
-
className:
|
|
151
|
+
className: s,
|
|
152
152
|
children: c,
|
|
153
153
|
ref: r,
|
|
154
154
|
...o
|
|
155
155
|
}) {
|
|
156
|
-
const
|
|
156
|
+
const a = [
|
|
157
157
|
I.card,
|
|
158
158
|
e === "featured" ? I.featured : I.stacked,
|
|
159
159
|
i ? I.hoverLift : void 0,
|
|
160
|
-
|
|
160
|
+
s
|
|
161
161
|
].filter(Boolean).join(" ");
|
|
162
|
-
return /* @__PURE__ */ p("div", { ref: r, className:
|
|
162
|
+
return /* @__PURE__ */ p("div", { ref: r, className: a, ...o, children: [
|
|
163
163
|
t != null && /* @__PURE__ */ n("div", { className: I.media, children: t }),
|
|
164
164
|
/* @__PURE__ */ n("div", { className: I.body, children: c })
|
|
165
165
|
] });
|
|
166
166
|
}
|
|
167
|
-
const
|
|
168
|
-
panel:
|
|
169
|
-
padding16:
|
|
167
|
+
const st = "_panel_jn8w4_1", at = "_padding16_jn8w4_8", le = {
|
|
168
|
+
panel: st,
|
|
169
|
+
padding16: at
|
|
170
170
|
};
|
|
171
|
-
function
|
|
172
|
-
const r = [
|
|
173
|
-
return /* @__PURE__ */ n("div", { ref:
|
|
174
|
-
}
|
|
175
|
-
const
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
actions: ut
|
|
171
|
+
function Mo({ padding: e = 24, className: t, children: i, ref: s, ...c }) {
|
|
172
|
+
const r = [le.panel, e === 16 ? le.padding16 : void 0, t].filter(Boolean).join(" ");
|
|
173
|
+
return /* @__PURE__ */ n("div", { ref: s, className: r, ...c, children: i });
|
|
174
|
+
}
|
|
175
|
+
const ct = "_list_1lh3q_8", lt = "_item_1lh3q_26", dt = "_term_1lh3q_44", ut = "_value_1lh3q_50", Z = {
|
|
176
|
+
list: ct,
|
|
177
|
+
item: lt,
|
|
178
|
+
term: dt,
|
|
179
|
+
value: ut
|
|
181
180
|
};
|
|
182
|
-
function
|
|
183
|
-
|
|
181
|
+
function Ao({
|
|
182
|
+
layout: e = "stacked",
|
|
183
|
+
gap: t = 12,
|
|
184
|
+
className: i,
|
|
185
|
+
children: s,
|
|
186
|
+
ref: c,
|
|
187
|
+
...r
|
|
188
|
+
}) {
|
|
189
|
+
return /* @__PURE__ */ n(
|
|
190
|
+
"dl",
|
|
191
|
+
{
|
|
192
|
+
ref: c,
|
|
193
|
+
className: [Z.list, i].filter(Boolean).join(" "),
|
|
194
|
+
"data-layout": e,
|
|
195
|
+
"data-gap": t,
|
|
196
|
+
...r,
|
|
197
|
+
children: s
|
|
198
|
+
}
|
|
199
|
+
);
|
|
200
|
+
}
|
|
201
|
+
function Po({ term: e, className: t, children: i, ref: s, ...c }) {
|
|
202
|
+
return /* @__PURE__ */ p("div", { ref: s, className: [Z.item, t].filter(Boolean).join(" "), ...c, children: [
|
|
203
|
+
/* @__PURE__ */ n("dt", { className: Z.term, children: e }),
|
|
204
|
+
/* @__PURE__ */ n("dd", { className: Z.value, children: i })
|
|
205
|
+
] });
|
|
206
|
+
}
|
|
207
|
+
const ht = "_navbar_1gyow_1", _t = "_inner_1gyow_12", ft = "_brand_1gyow_19", pt = "_links_1gyow_20", vt = "_actions_1gyow_50", F = {
|
|
208
|
+
navbar: ht,
|
|
209
|
+
inner: _t,
|
|
210
|
+
brand: ft,
|
|
211
|
+
links: pt,
|
|
212
|
+
actions: vt
|
|
213
|
+
};
|
|
214
|
+
function Wo({ brand: e, actions: t, children: i, className: s, ref: c, ...r }) {
|
|
215
|
+
const o = [F.navbar, s].filter(Boolean).join(" ");
|
|
184
216
|
return /* @__PURE__ */ n("header", { ref: c, className: o, ...r, children: /* @__PURE__ */ p("div", { className: `psi-container ${F.inner}`, children: [
|
|
185
217
|
e != null && /* @__PURE__ */ n("div", { className: F.brand, children: e }),
|
|
186
218
|
/* @__PURE__ */ n("nav", { className: F.links, children: i }),
|
|
187
219
|
t != null && /* @__PURE__ */ n("div", { className: F.actions, children: t })
|
|
188
220
|
] }) });
|
|
189
221
|
}
|
|
190
|
-
const
|
|
191
|
-
frame:
|
|
222
|
+
const bt = "_frame_et4fc_1", gt = {
|
|
223
|
+
frame: bt
|
|
192
224
|
};
|
|
193
|
-
function
|
|
194
|
-
const o = [
|
|
195
|
-
return /* @__PURE__ */ n("div", { ref: c, className: o, style: { aspectRatio: String(e), ...i }, ...r, children:
|
|
196
|
-
}
|
|
197
|
-
const
|
|
198
|
-
field:
|
|
199
|
-
label:
|
|
200
|
-
marker:
|
|
201
|
-
message:
|
|
202
|
-
invalid:
|
|
203
|
-
},
|
|
204
|
-
function
|
|
225
|
+
function Do({ ratio: e, className: t, style: i, children: s, ref: c, ...r }) {
|
|
226
|
+
const o = [gt.frame, t].filter(Boolean).join(" ");
|
|
227
|
+
return /* @__PURE__ */ n("div", { ref: c, className: o, style: { aspectRatio: String(e), ...i }, ...r, children: s });
|
|
228
|
+
}
|
|
229
|
+
const mt = "_field_lplye_1", yt = "_label_lplye_10", wt = "_marker_lplye_16", kt = "_message_lplye_20", xt = "_invalid_lplye_26", E = {
|
|
230
|
+
field: mt,
|
|
231
|
+
label: yt,
|
|
232
|
+
marker: wt,
|
|
233
|
+
message: kt,
|
|
234
|
+
invalid: xt
|
|
235
|
+
}, re = R(null);
|
|
236
|
+
function Ro({
|
|
205
237
|
label: e,
|
|
206
238
|
description: t,
|
|
207
239
|
error: i,
|
|
208
|
-
required:
|
|
240
|
+
required: s = !1,
|
|
209
241
|
group: c = !1,
|
|
210
242
|
htmlFor: r,
|
|
211
243
|
className: o,
|
|
212
|
-
children:
|
|
244
|
+
children: a,
|
|
213
245
|
ref: d,
|
|
214
246
|
...l
|
|
215
247
|
}) {
|
|
216
|
-
const u = H(), h = r ?? u, _ = !!i,
|
|
248
|
+
const u = H(), h = r ?? u, _ = !!i, m = _ ? i : t, y = m != null && m !== !1 ? `${h}-message` : void 0, z = [E.field, _ && E.invalid, o].filter(Boolean).join(" "), C = e != null ? /* @__PURE__ */ p(X, { children: [
|
|
217
249
|
e,
|
|
218
|
-
|
|
219
|
-
] }) : null, b = /* @__PURE__ */ p(
|
|
250
|
+
s && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: E.marker, children: " *" })
|
|
251
|
+
] }) : null, b = /* @__PURE__ */ p(X, { children: [
|
|
220
252
|
C != null && (c ? /* @__PURE__ */ n("legend", { className: E.label, children: C }) : /* @__PURE__ */ n("label", { className: E.label, htmlFor: h, children: C })),
|
|
221
|
-
/* @__PURE__ */ n(
|
|
222
|
-
|
|
253
|
+
/* @__PURE__ */ n(re.Provider, { value: { id: h, describedBy: y, invalid: _, required: s }, children: a }),
|
|
254
|
+
y && /* @__PURE__ */ n("p", { id: y, className: E.message, "aria-live": "polite", children: m })
|
|
223
255
|
] });
|
|
224
256
|
return c ? /* @__PURE__ */ n(
|
|
225
257
|
"fieldset",
|
|
226
258
|
{
|
|
227
259
|
ref: d,
|
|
228
|
-
className:
|
|
229
|
-
"aria-describedby":
|
|
260
|
+
className: z,
|
|
261
|
+
"aria-describedby": y,
|
|
230
262
|
...l,
|
|
231
263
|
children: b
|
|
232
264
|
}
|
|
233
|
-
) : /* @__PURE__ */ n("div", { ref: d, className:
|
|
265
|
+
) : /* @__PURE__ */ n("div", { ref: d, className: z, ...l, children: b });
|
|
234
266
|
}
|
|
235
|
-
function
|
|
267
|
+
function Ho({ size: e = 20, ...t }) {
|
|
236
268
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
237
269
|
/* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
|
|
238
270
|
/* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
|
|
239
271
|
] });
|
|
240
272
|
}
|
|
241
|
-
function
|
|
273
|
+
function qo({ size: e = 20, ...t }) {
|
|
242
274
|
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" }) });
|
|
243
275
|
}
|
|
244
|
-
function
|
|
276
|
+
function fe({ size: e = 20, ...t }) {
|
|
245
277
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
246
278
|
/* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
247
279
|
/* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
248
280
|
] });
|
|
249
281
|
}
|
|
250
|
-
function
|
|
282
|
+
function Ct({ size: e = 20, ...t }) {
|
|
251
283
|
return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" }) });
|
|
252
284
|
}
|
|
253
|
-
function
|
|
285
|
+
function Vo({ size: e = 20, ...t }) {
|
|
254
286
|
return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
|
|
255
287
|
}
|
|
256
|
-
function
|
|
288
|
+
function Fo({ size: e = 20, ...t }) {
|
|
257
289
|
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" }) });
|
|
258
290
|
}
|
|
259
|
-
function
|
|
291
|
+
function Ko({ size: e = 20, ...t }) {
|
|
260
292
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
261
293
|
/* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
|
|
262
294
|
/* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
|
|
263
295
|
] });
|
|
264
296
|
}
|
|
265
|
-
function
|
|
297
|
+
function Oo({ size: e = 20, ...t }) {
|
|
266
298
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
267
299
|
/* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
|
|
268
300
|
/* @__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" })
|
|
269
301
|
] });
|
|
270
302
|
}
|
|
271
|
-
function
|
|
303
|
+
function Uo({ size: e = 20, ...t }) {
|
|
272
304
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
273
305
|
/* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
|
|
274
306
|
/* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
|
|
275
307
|
] });
|
|
276
308
|
}
|
|
277
|
-
function
|
|
309
|
+
function Yo({ size: e = 20, ...t }) {
|
|
278
310
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
279
311
|
/* @__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" }),
|
|
280
312
|
/* @__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" })
|
|
281
313
|
] });
|
|
282
314
|
}
|
|
283
|
-
function
|
|
315
|
+
function Zo({ size: e = 20, ...t }) {
|
|
284
316
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
285
317
|
/* @__PURE__ */ n("polyline", { points: "3 6 5 6 21 6" }),
|
|
286
318
|
/* @__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" })
|
|
287
319
|
] });
|
|
288
320
|
}
|
|
289
|
-
function
|
|
321
|
+
function Go({ size: e = 20, ...t }) {
|
|
290
322
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
291
323
|
/* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
|
|
292
324
|
/* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
|
|
293
325
|
] });
|
|
294
326
|
}
|
|
295
|
-
function
|
|
327
|
+
function Xo({ size: e = 20, ...t }) {
|
|
296
328
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
297
329
|
/* @__PURE__ */ n("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
|
|
298
330
|
/* @__PURE__ */ n("polyline", { points: "15 3 21 3 21 9" }),
|
|
299
331
|
/* @__PURE__ */ n("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
|
|
300
332
|
] });
|
|
301
333
|
}
|
|
302
|
-
function
|
|
334
|
+
function Jo({ size: e = 20, ...t }) {
|
|
303
335
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
304
336
|
/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
|
|
305
337
|
/* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
|
|
306
338
|
] });
|
|
307
339
|
}
|
|
308
|
-
function
|
|
340
|
+
function Qo({ size: e = 20, ...t }) {
|
|
309
341
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
310
342
|
/* @__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" }),
|
|
311
343
|
/* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
|
|
@@ -313,7 +345,7 @@ function Oo({ size: e = 20, ...t }) {
|
|
|
313
345
|
/* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
|
|
314
346
|
] });
|
|
315
347
|
}
|
|
316
|
-
function
|
|
348
|
+
function er({ size: e = 20, ...t }) {
|
|
317
349
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
318
350
|
/* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
|
|
319
351
|
/* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
|
|
@@ -325,90 +357,90 @@ function Uo({ size: e = 20, ...t }) {
|
|
|
325
357
|
/* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
|
|
326
358
|
] });
|
|
327
359
|
}
|
|
328
|
-
function
|
|
360
|
+
function tr({ size: e = 20, ...t }) {
|
|
329
361
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
330
362
|
/* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
|
|
331
363
|
/* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" })
|
|
332
364
|
] });
|
|
333
365
|
}
|
|
334
|
-
function
|
|
366
|
+
function nr({ size: e = 20, ...t }) {
|
|
335
367
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
336
368
|
/* @__PURE__ */ n("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
|
|
337
369
|
/* @__PURE__ */ n("polyline", { points: "7 7 17 7 17 17" })
|
|
338
370
|
] });
|
|
339
371
|
}
|
|
340
|
-
function
|
|
372
|
+
function or({ size: e = 20, ...t }) {
|
|
341
373
|
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" }) });
|
|
342
374
|
}
|
|
343
|
-
function
|
|
375
|
+
function rr({ size: e = 20, ...t }) {
|
|
344
376
|
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" }) });
|
|
345
377
|
}
|
|
346
|
-
function
|
|
378
|
+
function ir({ size: e = 20, ...t }) {
|
|
347
379
|
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" }) });
|
|
348
380
|
}
|
|
349
|
-
function
|
|
381
|
+
function sr({ size: e = 20, ...t }) {
|
|
350
382
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
351
383
|
/* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
|
|
352
384
|
/* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
|
|
353
385
|
/* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
|
|
354
386
|
] });
|
|
355
387
|
}
|
|
356
|
-
function
|
|
388
|
+
function Bt({ size: e = 20, ...t }) {
|
|
357
389
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
358
390
|
/* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
|
|
359
391
|
/* @__PURE__ */ n("line", { x1: "12", y1: "11", x2: "12", y2: "16" }),
|
|
360
392
|
/* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
|
|
361
393
|
] });
|
|
362
394
|
}
|
|
363
|
-
function
|
|
395
|
+
function $t({ size: e = 20, ...t }) {
|
|
364
396
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
365
397
|
/* @__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" }),
|
|
366
398
|
/* @__PURE__ */ n("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
367
399
|
/* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "17" })
|
|
368
400
|
] });
|
|
369
401
|
}
|
|
370
|
-
function
|
|
402
|
+
function Nt({ size: e = 20, ...t }) {
|
|
371
403
|
return /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
|
|
372
404
|
/* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
|
|
373
405
|
/* @__PURE__ */ n("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
|
|
374
406
|
/* @__PURE__ */ n("line", { x1: "12", y1: "16", x2: "12", y2: "16" })
|
|
375
407
|
] });
|
|
376
408
|
}
|
|
377
|
-
const
|
|
378
|
-
dialog:
|
|
379
|
-
center:
|
|
380
|
-
inlineStart:
|
|
381
|
-
inlineEnd:
|
|
382
|
-
w400:
|
|
383
|
-
w560:
|
|
384
|
-
w720:
|
|
385
|
-
panel:
|
|
386
|
-
header:
|
|
387
|
-
title:
|
|
388
|
-
footer:
|
|
389
|
-
},
|
|
409
|
+
const Lt = "_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", At = "_header_h5f0e_114", Pt = "_title_h5f0e_121", Wt = "_footer_h5f0e_127", L = {
|
|
410
|
+
dialog: Lt,
|
|
411
|
+
center: St,
|
|
412
|
+
inlineStart: jt,
|
|
413
|
+
inlineEnd: zt,
|
|
414
|
+
w400: Tt,
|
|
415
|
+
w560: It,
|
|
416
|
+
w720: Et,
|
|
417
|
+
panel: Mt,
|
|
418
|
+
header: At,
|
|
419
|
+
title: Pt,
|
|
420
|
+
footer: Wt
|
|
421
|
+
}, Dt = {
|
|
390
422
|
400: L.w400,
|
|
391
423
|
560: L.w560,
|
|
392
424
|
720: L.w720
|
|
393
|
-
},
|
|
425
|
+
}, Rt = {
|
|
394
426
|
center: L.center,
|
|
395
427
|
"inline-start": L.inlineStart,
|
|
396
428
|
"inline-end": L.inlineEnd
|
|
397
429
|
};
|
|
398
|
-
function
|
|
430
|
+
function ar({
|
|
399
431
|
open: e,
|
|
400
432
|
onClose: t,
|
|
401
433
|
title: i,
|
|
402
|
-
footer:
|
|
434
|
+
footer: s,
|
|
403
435
|
width: c = 560,
|
|
404
436
|
placement: r = "center",
|
|
405
437
|
dismissible: o = !0,
|
|
406
|
-
className:
|
|
438
|
+
className: a,
|
|
407
439
|
children: d,
|
|
408
440
|
ref: l,
|
|
409
441
|
...u
|
|
410
442
|
}) {
|
|
411
|
-
const h =
|
|
443
|
+
const h = k(null), _ = H(), m = (b) => {
|
|
412
444
|
h.current = b, typeof l == "function" ? l(b) : l && (l.current = b);
|
|
413
445
|
};
|
|
414
446
|
N(() => {
|
|
@@ -421,56 +453,56 @@ function er({
|
|
|
421
453
|
document.body.style.overflow = b;
|
|
422
454
|
};
|
|
423
455
|
}, [e]);
|
|
424
|
-
const
|
|
456
|
+
const y = (b) => {
|
|
425
457
|
b.preventDefault(), o && t("esc");
|
|
426
|
-
},
|
|
458
|
+
}, z = (b) => {
|
|
427
459
|
o && b.target === h.current && t("backdrop");
|
|
428
|
-
}, C = [L.dialog,
|
|
460
|
+
}, C = [L.dialog, Dt[c], Rt[r], a].filter(Boolean).join(" ");
|
|
429
461
|
return /* @__PURE__ */ n(
|
|
430
462
|
"dialog",
|
|
431
463
|
{
|
|
432
|
-
ref:
|
|
464
|
+
ref: m,
|
|
433
465
|
className: C,
|
|
434
466
|
"data-placement": r,
|
|
435
467
|
"aria-labelledby": i != null ? _ : void 0,
|
|
436
|
-
onCancel:
|
|
437
|
-
onClick:
|
|
468
|
+
onCancel: y,
|
|
469
|
+
onClick: z,
|
|
438
470
|
...u,
|
|
439
471
|
children: /* @__PURE__ */ p("div", { className: L.panel, children: [
|
|
440
472
|
(i != null || o) && /* @__PURE__ */ p("div", { className: L.header, children: [
|
|
441
473
|
i != null && /* @__PURE__ */ n("h2", { id: _, className: L.title, children: i }),
|
|
442
474
|
o && /* @__PURE__ */ n(
|
|
443
|
-
|
|
475
|
+
J,
|
|
444
476
|
{
|
|
445
477
|
variant: "ghost",
|
|
446
478
|
size: 32,
|
|
447
479
|
"aria-label": "Close dialog",
|
|
448
480
|
onClick: () => t("close-button"),
|
|
449
|
-
children: /* @__PURE__ */ n(
|
|
481
|
+
children: /* @__PURE__ */ n(fe, { "aria-hidden": "true" })
|
|
450
482
|
}
|
|
451
483
|
)
|
|
452
484
|
] }),
|
|
453
485
|
d,
|
|
454
|
-
|
|
486
|
+
s != null && /* @__PURE__ */ n("div", { className: L.footer, children: s })
|
|
455
487
|
] })
|
|
456
488
|
}
|
|
457
489
|
);
|
|
458
490
|
}
|
|
459
|
-
const
|
|
460
|
-
input:
|
|
461
|
-
size24:
|
|
462
|
-
size32:
|
|
463
|
-
size40:
|
|
464
|
-
size48:
|
|
465
|
-
error:
|
|
466
|
-
},
|
|
491
|
+
const Ht = "_input_hpei8_3", qt = "_size24_hpei8_37", Vt = "_size32_hpei8_43", Ft = "_size40_hpei8_49", Kt = "_size48_hpei8_55", Ot = "_error_hpei8_63", P = {
|
|
492
|
+
input: Ht,
|
|
493
|
+
size24: qt,
|
|
494
|
+
size32: Vt,
|
|
495
|
+
size40: Ft,
|
|
496
|
+
size48: Kt,
|
|
497
|
+
error: Ot
|
|
498
|
+
}, Ut = {
|
|
467
499
|
24: P.size24,
|
|
468
500
|
32: P.size32,
|
|
469
501
|
40: P.size40,
|
|
470
502
|
48: P.size48
|
|
471
503
|
};
|
|
472
|
-
function
|
|
473
|
-
const o = S(
|
|
504
|
+
function cr({ size: e = 32, error: t = !1, type: i = "text", className: s, ref: c, ...r }) {
|
|
505
|
+
const o = S(re), a = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [P.input, Ut[e], a && P.error, s].filter(Boolean).join(" ");
|
|
474
506
|
return /* @__PURE__ */ n(
|
|
475
507
|
"input",
|
|
476
508
|
{
|
|
@@ -485,37 +517,37 @@ function tr({ size: e = 32, error: t = !1, type: i = "text", className: a, ref:
|
|
|
485
517
|
}
|
|
486
518
|
);
|
|
487
519
|
}
|
|
488
|
-
const
|
|
489
|
-
select:
|
|
490
|
-
size24:
|
|
491
|
-
size32:
|
|
492
|
-
size40:
|
|
493
|
-
size48:
|
|
494
|
-
error:
|
|
495
|
-
},
|
|
520
|
+
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 = {
|
|
521
|
+
select: Yt,
|
|
522
|
+
size24: Zt,
|
|
523
|
+
size32: Gt,
|
|
524
|
+
size40: Xt,
|
|
525
|
+
size48: Jt,
|
|
526
|
+
error: Qt
|
|
527
|
+
}, en = {
|
|
496
528
|
24: W.size24,
|
|
497
529
|
32: W.size32,
|
|
498
530
|
40: W.size40,
|
|
499
531
|
48: W.size48
|
|
500
532
|
};
|
|
501
|
-
function
|
|
533
|
+
function lr({
|
|
502
534
|
size: e = 32,
|
|
503
535
|
error: t = !1,
|
|
504
536
|
className: i,
|
|
505
|
-
ref:
|
|
537
|
+
ref: s,
|
|
506
538
|
children: c,
|
|
507
539
|
...r
|
|
508
540
|
}) {
|
|
509
|
-
const o = S(
|
|
541
|
+
const o = S(re), a = t || ((o == null ? void 0 : o.invalid) ?? !1), d = [o == null ? void 0 : o.describedBy, r["aria-describedby"]].filter(Boolean).join(" ") || void 0, l = [
|
|
510
542
|
W.select,
|
|
511
|
-
|
|
512
|
-
|
|
543
|
+
en[e],
|
|
544
|
+
a && W.error,
|
|
513
545
|
i
|
|
514
546
|
].filter(Boolean).join(" ");
|
|
515
547
|
return /* @__PURE__ */ n(
|
|
516
548
|
"select",
|
|
517
549
|
{
|
|
518
|
-
ref:
|
|
550
|
+
ref: s,
|
|
519
551
|
className: l,
|
|
520
552
|
id: r.id ?? (o == null ? void 0 : o.id),
|
|
521
553
|
required: r.required ?? ((o == null ? void 0 : o.required) || void 0),
|
|
@@ -526,18 +558,18 @@ function nr({
|
|
|
526
558
|
}
|
|
527
559
|
);
|
|
528
560
|
}
|
|
529
|
-
const
|
|
530
|
-
label:
|
|
531
|
-
disabled:
|
|
532
|
-
input:
|
|
533
|
-
indicator:
|
|
534
|
-
text:
|
|
561
|
+
const tn = "_label_1v4vv_3", nn = "_disabled_1v4vv_13", on = "_input_1v4vv_20", rn = "_indicator_1v4vv_34", sn = "_text_1v4vv_75", K = {
|
|
562
|
+
label: tn,
|
|
563
|
+
disabled: nn,
|
|
564
|
+
input: on,
|
|
565
|
+
indicator: rn,
|
|
566
|
+
text: sn
|
|
535
567
|
};
|
|
536
|
-
function
|
|
568
|
+
function pe({
|
|
537
569
|
children: e,
|
|
538
570
|
className: t,
|
|
539
571
|
disabled: i,
|
|
540
|
-
ref:
|
|
572
|
+
ref: s,
|
|
541
573
|
...c
|
|
542
574
|
}) {
|
|
543
575
|
const r = [K.label, i && K.disabled, t].filter(Boolean).join(" ");
|
|
@@ -545,7 +577,7 @@ function fe({
|
|
|
545
577
|
/* @__PURE__ */ n(
|
|
546
578
|
"input",
|
|
547
579
|
{
|
|
548
|
-
ref:
|
|
580
|
+
ref: s,
|
|
549
581
|
type: "checkbox",
|
|
550
582
|
className: K.input,
|
|
551
583
|
disabled: i,
|
|
@@ -556,19 +588,19 @@ function fe({
|
|
|
556
588
|
e && /* @__PURE__ */ n("span", { className: K.text, children: e })
|
|
557
589
|
] });
|
|
558
590
|
}
|
|
559
|
-
const
|
|
560
|
-
label:
|
|
561
|
-
disabled:
|
|
562
|
-
input:
|
|
563
|
-
track:
|
|
564
|
-
thumb:
|
|
565
|
-
text:
|
|
591
|
+
const an = "_label_jru2c_3", cn = "_disabled_jru2c_13", ln = "_input_jru2c_20", dn = "_track_jru2c_34", un = "_thumb_jru2c_58", hn = "_text_jru2c_75", M = {
|
|
592
|
+
label: an,
|
|
593
|
+
disabled: cn,
|
|
594
|
+
input: ln,
|
|
595
|
+
track: dn,
|
|
596
|
+
thumb: un,
|
|
597
|
+
text: hn
|
|
566
598
|
};
|
|
567
|
-
function
|
|
599
|
+
function dr({
|
|
568
600
|
children: e,
|
|
569
601
|
className: t,
|
|
570
602
|
disabled: i,
|
|
571
|
-
ref:
|
|
603
|
+
ref: s,
|
|
572
604
|
...c
|
|
573
605
|
}) {
|
|
574
606
|
const r = [M.label, i && M.disabled, t].filter(Boolean).join(" ");
|
|
@@ -576,7 +608,7 @@ function or({
|
|
|
576
608
|
/* @__PURE__ */ n(
|
|
577
609
|
"input",
|
|
578
610
|
{
|
|
579
|
-
ref:
|
|
611
|
+
ref: s,
|
|
580
612
|
type: "checkbox",
|
|
581
613
|
role: "switch",
|
|
582
614
|
className: M.input,
|
|
@@ -588,42 +620,42 @@ function or({
|
|
|
588
620
|
e && /* @__PURE__ */ n("span", { className: M.text, children: e })
|
|
589
621
|
] });
|
|
590
622
|
}
|
|
591
|
-
const
|
|
592
|
-
tag:
|
|
593
|
-
dismiss:
|
|
594
|
-
neutral:
|
|
595
|
-
accent:
|
|
596
|
-
success:
|
|
597
|
-
warning:
|
|
598
|
-
danger:
|
|
599
|
-
neutralSubtle:
|
|
600
|
-
accentSubtle:
|
|
601
|
-
successSubtle:
|
|
602
|
-
warningSubtle:
|
|
603
|
-
dangerSubtle:
|
|
604
|
-
},
|
|
623
|
+
const _n = "_tag_3oysa_3", fn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", vn = "_accent_3oysa_48", bn = "_success_3oysa_53", gn = "_warning_3oysa_58", mn = "_danger_3oysa_63", yn = "_neutralSubtle_3oysa_70", wn = "_accentSubtle_3oysa_75", kn = "_successSubtle_3oysa_80", xn = "_warningSubtle_3oysa_85", Cn = "_dangerSubtle_3oysa_90", B = {
|
|
624
|
+
tag: _n,
|
|
625
|
+
dismiss: fn,
|
|
626
|
+
neutral: pn,
|
|
627
|
+
accent: vn,
|
|
628
|
+
success: bn,
|
|
629
|
+
warning: gn,
|
|
630
|
+
danger: mn,
|
|
631
|
+
neutralSubtle: yn,
|
|
632
|
+
accentSubtle: wn,
|
|
633
|
+
successSubtle: kn,
|
|
634
|
+
warningSubtle: xn,
|
|
635
|
+
dangerSubtle: Cn
|
|
636
|
+
}, Bn = {
|
|
605
637
|
neutral: B.neutral,
|
|
606
638
|
accent: B.accent,
|
|
607
639
|
success: B.success,
|
|
608
640
|
warning: B.warning,
|
|
609
641
|
danger: B.danger
|
|
610
|
-
},
|
|
642
|
+
}, $n = {
|
|
611
643
|
neutral: B.neutralSubtle,
|
|
612
644
|
accent: B.accentSubtle,
|
|
613
645
|
success: B.successSubtle,
|
|
614
646
|
warning: B.warningSubtle,
|
|
615
647
|
danger: B.dangerSubtle
|
|
616
648
|
};
|
|
617
|
-
function
|
|
649
|
+
function ur({
|
|
618
650
|
variant: e = "neutral",
|
|
619
651
|
subtle: t = !1,
|
|
620
652
|
onDismiss: i,
|
|
621
|
-
className:
|
|
653
|
+
className: s,
|
|
622
654
|
children: c,
|
|
623
655
|
ref: r,
|
|
624
656
|
...o
|
|
625
657
|
}) {
|
|
626
|
-
const
|
|
658
|
+
const a = t ? $n : Bn, d = [B.tag, a[e], s].filter(Boolean).join(" ");
|
|
627
659
|
return /* @__PURE__ */ p("span", { ref: r, className: d, ...o, children: [
|
|
628
660
|
c,
|
|
629
661
|
i && /* @__PURE__ */ n(
|
|
@@ -655,43 +687,43 @@ function rr({
|
|
|
655
687
|
)
|
|
656
688
|
] });
|
|
657
689
|
}
|
|
658
|
-
const
|
|
659
|
-
wrapper:
|
|
660
|
-
tooltip:
|
|
661
|
-
top:
|
|
662
|
-
bottom:
|
|
663
|
-
left:
|
|
664
|
-
right:
|
|
665
|
-
},
|
|
690
|
+
const Nn = "_wrapper_1eu6z_3", Ln = "_tooltip_1eu6z_10", Sn = "_top_1eu6z_24", jn = "_bottom_1eu6z_31", zn = "_left_1eu6z_38", Tn = "_right_1eu6z_45", D = {
|
|
691
|
+
wrapper: Nn,
|
|
692
|
+
tooltip: Ln,
|
|
693
|
+
top: Sn,
|
|
694
|
+
bottom: jn,
|
|
695
|
+
left: zn,
|
|
696
|
+
right: Tn
|
|
697
|
+
}, In = {
|
|
666
698
|
top: D.top,
|
|
667
699
|
bottom: D.bottom,
|
|
668
700
|
left: D.left,
|
|
669
701
|
right: D.right
|
|
670
|
-
},
|
|
671
|
-
function
|
|
702
|
+
}, En = 150;
|
|
703
|
+
function hr({
|
|
672
704
|
content: e,
|
|
673
705
|
children: t,
|
|
674
706
|
placement: i = "top"
|
|
675
707
|
}) {
|
|
676
|
-
const [
|
|
708
|
+
const [s, c] = _e(!1), r = H(), o = k(void 0), a = g(() => {
|
|
677
709
|
o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0);
|
|
678
710
|
}, []), d = g(() => c(!0), []), l = g(() => c(!1), []);
|
|
679
|
-
N(() =>
|
|
680
|
-
if (!
|
|
711
|
+
N(() => a, [a]), N(() => {
|
|
712
|
+
if (!s) return;
|
|
681
713
|
const h = (_) => {
|
|
682
714
|
_.key === "Escape" && l();
|
|
683
715
|
};
|
|
684
716
|
return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
|
|
685
|
-
}, [
|
|
686
|
-
const u =
|
|
687
|
-
"aria-describedby":
|
|
717
|
+
}, [s, l]);
|
|
718
|
+
const u = ne(t, {
|
|
719
|
+
"aria-describedby": s ? r : void 0,
|
|
688
720
|
onMouseEnter: (h) => {
|
|
689
|
-
|
|
721
|
+
a(), o.current = window.setTimeout(d, En);
|
|
690
722
|
const _ = t.props.onMouseEnter;
|
|
691
723
|
_ == null || _(h);
|
|
692
724
|
},
|
|
693
725
|
onMouseLeave: (h) => {
|
|
694
|
-
|
|
726
|
+
a(), l();
|
|
695
727
|
const _ = t.props.onMouseLeave;
|
|
696
728
|
_ == null || _(h);
|
|
697
729
|
},
|
|
@@ -701,47 +733,47 @@ function ir({
|
|
|
701
733
|
_ == null || _(h);
|
|
702
734
|
},
|
|
703
735
|
onBlur: (h) => {
|
|
704
|
-
|
|
736
|
+
a(), l();
|
|
705
737
|
const _ = t.props.onBlur;
|
|
706
738
|
_ == null || _(h);
|
|
707
739
|
}
|
|
708
740
|
});
|
|
709
741
|
return /* @__PURE__ */ p("span", { className: D.wrapper, children: [
|
|
710
742
|
u,
|
|
711
|
-
|
|
743
|
+
s && /* @__PURE__ */ n(
|
|
712
744
|
"span",
|
|
713
745
|
{
|
|
714
746
|
id: r,
|
|
715
747
|
role: "tooltip",
|
|
716
|
-
className: [D.tooltip,
|
|
748
|
+
className: [D.tooltip, In[i]].filter(Boolean).join(" "),
|
|
717
749
|
children: e
|
|
718
750
|
}
|
|
719
751
|
)
|
|
720
752
|
] });
|
|
721
753
|
}
|
|
722
|
-
const
|
|
723
|
-
toolbar:
|
|
724
|
-
gap8:
|
|
725
|
-
gap12:
|
|
726
|
-
gap16:
|
|
727
|
-
},
|
|
728
|
-
function
|
|
729
|
-
const r = [
|
|
730
|
-
return /* @__PURE__ */ n("div", { ref:
|
|
731
|
-
}
|
|
732
|
-
const
|
|
733
|
-
trigger:
|
|
734
|
-
menu:
|
|
735
|
-
item:
|
|
736
|
-
separator:
|
|
737
|
-
},
|
|
738
|
-
function
|
|
739
|
-
const c =
|
|
754
|
+
const Mn = "_toolbar_1i848_1", An = "_gap8_1i848_7", Pn = "_gap12_1i848_8", Wn = "_gap16_1i848_9", G = {
|
|
755
|
+
toolbar: Mn,
|
|
756
|
+
gap8: An,
|
|
757
|
+
gap12: Pn,
|
|
758
|
+
gap16: Wn
|
|
759
|
+
}, Dn = { 8: G.gap8, 12: G.gap12, 16: G.gap16 };
|
|
760
|
+
function _r({ gap: e = 8, className: t, children: i, ref: s, ...c }) {
|
|
761
|
+
const r = [G.toolbar, Dn[e], t].filter(Boolean).join(" ");
|
|
762
|
+
return /* @__PURE__ */ n("div", { ref: s, role: c["aria-label"] != null ? "group" : void 0, className: r, ...c, children: i });
|
|
763
|
+
}
|
|
764
|
+
const Rn = "_trigger_vpa0u_4", Hn = "_menu_vpa0u_16", qn = "_item_vpa0u_37", Vn = "_separator_vpa0u_74", Q = {
|
|
765
|
+
trigger: Rn,
|
|
766
|
+
menu: Hn,
|
|
767
|
+
item: qn,
|
|
768
|
+
separator: Vn
|
|
769
|
+
}, Fn = 500;
|
|
770
|
+
function Kn({ popoverRef: e, triggerRef: t, open: i, onEsc: s }) {
|
|
771
|
+
const c = k(""), r = k(0), o = g(() => {
|
|
740
772
|
const l = e.current;
|
|
741
773
|
return l ? Array.from(
|
|
742
774
|
l.querySelectorAll('[data-psi-menu-item]:not([aria-disabled="true"])')
|
|
743
775
|
) : [];
|
|
744
|
-
}, [e]),
|
|
776
|
+
}, [e]), a = g(
|
|
745
777
|
(l) => {
|
|
746
778
|
if (l) {
|
|
747
779
|
for (const u of o()) u.tabIndex = u === l ? 0 : -1;
|
|
@@ -757,14 +789,14 @@ function Rn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
|
|
|
757
789
|
return N(() => {
|
|
758
790
|
if (!i) return;
|
|
759
791
|
const l = o();
|
|
760
|
-
return
|
|
792
|
+
return a(l[0]), () => {
|
|
761
793
|
var u;
|
|
762
794
|
(u = e.current) != null && u.contains(document.activeElement) && d();
|
|
763
795
|
};
|
|
764
|
-
}, [i, e, o,
|
|
796
|
+
}, [i, e, o, a, d]), g(
|
|
765
797
|
(l) => {
|
|
766
798
|
if (l.key === "Escape") {
|
|
767
|
-
l.preventDefault(),
|
|
799
|
+
l.preventDefault(), s();
|
|
768
800
|
return;
|
|
769
801
|
}
|
|
770
802
|
const u = o();
|
|
@@ -772,90 +804,90 @@ function Rn({ popoverRef: e, triggerRef: t, open: i, onEsc: a }) {
|
|
|
772
804
|
const h = u.indexOf(document.activeElement);
|
|
773
805
|
switch (l.key) {
|
|
774
806
|
case "ArrowDown":
|
|
775
|
-
l.preventDefault(),
|
|
807
|
+
l.preventDefault(), a(u[(h + 1 + u.length) % u.length]);
|
|
776
808
|
return;
|
|
777
809
|
case "ArrowUp":
|
|
778
|
-
l.preventDefault(),
|
|
810
|
+
l.preventDefault(), a(u[h <= 0 ? u.length - 1 : h - 1]);
|
|
779
811
|
return;
|
|
780
812
|
case "Home":
|
|
781
|
-
l.preventDefault(),
|
|
813
|
+
l.preventDefault(), a(u[0]);
|
|
782
814
|
return;
|
|
783
815
|
case "End":
|
|
784
|
-
l.preventDefault(),
|
|
816
|
+
l.preventDefault(), a(u[u.length - 1]);
|
|
785
817
|
return;
|
|
786
818
|
}
|
|
787
819
|
if (l.key.length !== 1 || l.metaKey || l.ctrlKey || l.altKey) return;
|
|
788
820
|
const _ = Date.now();
|
|
789
|
-
c.current = _ - r.current >
|
|
790
|
-
const
|
|
791
|
-
(
|
|
821
|
+
c.current = _ - r.current > Fn ? l.key.toLowerCase() : c.current + l.key.toLowerCase(), r.current = _;
|
|
822
|
+
const m = u.find(
|
|
823
|
+
(y) => (y.textContent ?? "").trim().toLowerCase().startsWith(c.current)
|
|
792
824
|
);
|
|
793
|
-
|
|
825
|
+
m && (l.preventDefault(), a(m));
|
|
794
826
|
},
|
|
795
|
-
[o,
|
|
827
|
+
[o, a, s]
|
|
796
828
|
);
|
|
797
829
|
}
|
|
798
|
-
function
|
|
830
|
+
function On() {
|
|
799
831
|
return typeof CSS < "u" && CSS.supports("anchor-name", "--x");
|
|
800
832
|
}
|
|
801
|
-
function
|
|
833
|
+
function Un({ popoverRef: e, triggerRef: t, open: i, placement: s, anchorName: c }) {
|
|
802
834
|
N(() => {
|
|
803
835
|
const r = t.current, o = e.current;
|
|
804
836
|
!r || !o || (r.style.setProperty("anchor-name", c), o.style.setProperty("position-anchor", c));
|
|
805
837
|
}, [e, t, c]), N(() => {
|
|
806
|
-
if (!i ||
|
|
838
|
+
if (!i || On()) return;
|
|
807
839
|
const r = t.current, o = e.current;
|
|
808
840
|
if (!r || !o) return;
|
|
809
|
-
const
|
|
810
|
-
const d = r.getBoundingClientRect(), l =
|
|
841
|
+
const a = () => {
|
|
842
|
+
const d = r.getBoundingClientRect(), l = s.startsWith("bottom"), u = s.endsWith("end"), h = getComputedStyle(r).direction === "rtl", _ = u !== h;
|
|
811
843
|
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` : "";
|
|
812
844
|
};
|
|
813
|
-
return
|
|
814
|
-
window.removeEventListener("scroll",
|
|
845
|
+
return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
|
|
846
|
+
window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
|
|
815
847
|
};
|
|
816
|
-
}, [i,
|
|
848
|
+
}, [i, s, e, t]);
|
|
817
849
|
}
|
|
818
|
-
const
|
|
850
|
+
const ve = R({ close: () => {
|
|
819
851
|
} });
|
|
820
|
-
function
|
|
852
|
+
function de(e) {
|
|
821
853
|
return e.hasAttribute("data-open") || e.matches(":popover-open");
|
|
822
854
|
}
|
|
823
|
-
function
|
|
855
|
+
function fr({
|
|
824
856
|
open: e,
|
|
825
857
|
onClose: t,
|
|
826
858
|
trigger: i,
|
|
827
|
-
placement:
|
|
859
|
+
placement: s = "bottom-start",
|
|
828
860
|
children: c,
|
|
829
861
|
className: r,
|
|
830
862
|
ref: o,
|
|
831
|
-
...
|
|
863
|
+
...a
|
|
832
864
|
}) {
|
|
833
|
-
const d =
|
|
834
|
-
|
|
865
|
+
const d = k(null), l = k(null), u = k(!1), h = `--psi-menu-${H().replace(/:/g, "")}`;
|
|
866
|
+
Un({ popoverRef: d, triggerRef: l, open: e, placement: s, anchorName: h });
|
|
835
867
|
const _ = (f) => {
|
|
836
868
|
d.current = f, typeof o == "function" ? o(f) : o && (o.current = f);
|
|
837
869
|
};
|
|
838
870
|
N(() => {
|
|
839
871
|
const f = d.current;
|
|
840
872
|
if (!f) return;
|
|
841
|
-
const v =
|
|
873
|
+
const v = de(f);
|
|
842
874
|
e && !v ? f.showPopover() : !e && v && (u.current = !0, f.hidePopover());
|
|
843
875
|
}, [e]);
|
|
844
|
-
const
|
|
876
|
+
const m = g(() => {
|
|
845
877
|
const f = d.current;
|
|
846
878
|
if (f) {
|
|
847
879
|
if (u.current) {
|
|
848
880
|
u.current = !1;
|
|
849
881
|
return;
|
|
850
882
|
}
|
|
851
|
-
|
|
883
|
+
de(f) || e && t("outside");
|
|
852
884
|
}
|
|
853
|
-
}, [t, e]),
|
|
885
|
+
}, [t, e]), y = Kn({
|
|
854
886
|
popoverRef: d,
|
|
855
887
|
triggerRef: l,
|
|
856
888
|
open: e,
|
|
857
889
|
onEsc: () => t("esc")
|
|
858
|
-
}),
|
|
890
|
+
}), z = g(
|
|
859
891
|
(f) => {
|
|
860
892
|
t(f);
|
|
861
893
|
},
|
|
@@ -866,28 +898,28 @@ function ar({
|
|
|
866
898
|
"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."
|
|
867
899
|
);
|
|
868
900
|
}, [C]);
|
|
869
|
-
const b = C ?
|
|
870
|
-
return /* @__PURE__ */ p(
|
|
871
|
-
/* @__PURE__ */ n("div", { ref: l, className:
|
|
901
|
+
const b = C ? ne(i, { "aria-haspopup": "menu", "aria-expanded": e }) : i;
|
|
902
|
+
return /* @__PURE__ */ p(X, { children: [
|
|
903
|
+
/* @__PURE__ */ n("div", { ref: l, className: Q.trigger, "data-psi-menu-trigger": !0, children: b }),
|
|
872
904
|
/* @__PURE__ */ n(
|
|
873
905
|
"div",
|
|
874
906
|
{
|
|
875
|
-
...
|
|
907
|
+
...a,
|
|
876
908
|
ref: _,
|
|
877
909
|
popover: "auto",
|
|
878
910
|
role: "menu",
|
|
879
911
|
"data-psi-menu": !0,
|
|
880
|
-
"data-placement":
|
|
881
|
-
className: [
|
|
882
|
-
onToggle:
|
|
883
|
-
onKeyDown:
|
|
884
|
-
children: /* @__PURE__ */ n(
|
|
912
|
+
"data-placement": s,
|
|
913
|
+
className: [Q.menu, r].filter(Boolean).join(" "),
|
|
914
|
+
onToggle: m,
|
|
915
|
+
onKeyDown: y,
|
|
916
|
+
children: /* @__PURE__ */ n(ve.Provider, { value: { close: z }, children: c })
|
|
885
917
|
}
|
|
886
918
|
)
|
|
887
919
|
] });
|
|
888
920
|
}
|
|
889
|
-
function
|
|
890
|
-
const { close: c } = S(
|
|
921
|
+
function pr({ children: e, onSelect: t, variant: i = "neutral", disabled: s = !1 }) {
|
|
922
|
+
const { close: c } = S(ve);
|
|
891
923
|
return /* @__PURE__ */ n(
|
|
892
924
|
"button",
|
|
893
925
|
{
|
|
@@ -895,132 +927,132 @@ function cr({ children: e, onSelect: t, variant: i = "neutral", disabled: a = !1
|
|
|
895
927
|
role: "menuitem",
|
|
896
928
|
"data-psi-menu-item": !0,
|
|
897
929
|
"data-variant": i,
|
|
898
|
-
"aria-disabled":
|
|
930
|
+
"aria-disabled": s || void 0,
|
|
899
931
|
tabIndex: -1,
|
|
900
|
-
className:
|
|
932
|
+
className: Q.item,
|
|
901
933
|
onClick: () => {
|
|
902
|
-
|
|
934
|
+
s || (t(), c("item-select"));
|
|
903
935
|
},
|
|
904
936
|
children: e
|
|
905
937
|
}
|
|
906
938
|
);
|
|
907
939
|
}
|
|
908
|
-
function
|
|
909
|
-
return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className:
|
|
910
|
-
}
|
|
911
|
-
const
|
|
912
|
-
table:
|
|
913
|
-
headerCell:
|
|
914
|
-
cell:
|
|
915
|
-
sortButton:
|
|
916
|
-
sortIndicator:
|
|
917
|
-
selectCell:
|
|
918
|
-
body:
|
|
919
|
-
row:
|
|
920
|
-
sticky:
|
|
921
|
-
},
|
|
940
|
+
function vr() {
|
|
941
|
+
return /* @__PURE__ */ n("div", { role: "separator", "data-psi-menu-separator": !0, className: Q.separator });
|
|
942
|
+
}
|
|
943
|
+
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", x = {
|
|
944
|
+
table: Yn,
|
|
945
|
+
headerCell: Zn,
|
|
946
|
+
cell: Gn,
|
|
947
|
+
sortButton: Xn,
|
|
948
|
+
sortIndicator: Jn,
|
|
949
|
+
selectCell: Qn,
|
|
950
|
+
body: eo,
|
|
951
|
+
row: to,
|
|
952
|
+
sticky: no
|
|
953
|
+
}, be = /* @__PURE__ */ new Set(), q = R({
|
|
922
954
|
size: 40,
|
|
923
955
|
sortable: !1,
|
|
924
956
|
sort: null,
|
|
925
957
|
selectable: !1,
|
|
926
|
-
selected:
|
|
927
|
-
}),
|
|
928
|
-
function
|
|
929
|
-
return /* @__PURE__ */ n("tbody", { className: [
|
|
958
|
+
selected: be
|
|
959
|
+
}), ge = R([]);
|
|
960
|
+
function oo({ children: e, className: t }) {
|
|
961
|
+
return /* @__PURE__ */ n("tbody", { className: [x.body, t].filter(Boolean).join(" "), children: e });
|
|
930
962
|
}
|
|
931
|
-
function
|
|
963
|
+
function ro(e) {
|
|
932
964
|
const t = [];
|
|
933
|
-
let i = !1,
|
|
965
|
+
let i = !1, s = !1;
|
|
934
966
|
const c = (r) => {
|
|
935
|
-
A.forEach(r, function o(
|
|
936
|
-
if (!U(
|
|
937
|
-
if (
|
|
938
|
-
A.forEach(
|
|
967
|
+
A.forEach(r, function o(a) {
|
|
968
|
+
if (!U(a)) return;
|
|
969
|
+
if (a.type === ce) {
|
|
970
|
+
A.forEach(a.props.children, o);
|
|
939
971
|
return;
|
|
940
972
|
}
|
|
941
|
-
const d =
|
|
942
|
-
typeof d == "string" ? t.push(d) :
|
|
973
|
+
const d = a.props.rowId;
|
|
974
|
+
typeof d == "string" ? t.push(d) : s = !0;
|
|
943
975
|
});
|
|
944
976
|
};
|
|
945
977
|
return A.forEach(e, function r(o) {
|
|
946
978
|
if (U(o)) {
|
|
947
|
-
if (o.type ===
|
|
979
|
+
if (o.type === ce) {
|
|
948
980
|
A.forEach(o.props.children, r);
|
|
949
981
|
return;
|
|
950
982
|
}
|
|
951
|
-
o.type ===
|
|
983
|
+
o.type === oo && (i = !0, c(o.props.children));
|
|
952
984
|
}
|
|
953
|
-
}), { ids: t, sawBody: i, hasRowWithoutId:
|
|
985
|
+
}), { ids: t, sawBody: i, hasRowWithoutId: s };
|
|
954
986
|
}
|
|
955
|
-
function
|
|
987
|
+
function br({
|
|
956
988
|
size: e = 40,
|
|
957
989
|
stickyHeader: t,
|
|
958
990
|
sortable: i = !1,
|
|
959
|
-
sort:
|
|
991
|
+
sort: s = null,
|
|
960
992
|
onSortChange: c,
|
|
961
993
|
selectable: r = !1,
|
|
962
|
-
selected: o =
|
|
963
|
-
onSelectionChange:
|
|
994
|
+
selected: o = be,
|
|
995
|
+
onSelectionChange: a,
|
|
964
996
|
children: d,
|
|
965
997
|
className: l,
|
|
966
998
|
ref: u
|
|
967
999
|
}) {
|
|
968
|
-
const h = [
|
|
969
|
-
return process.env.NODE_ENV !== "production" && (i && !c && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !
|
|
1000
|
+
const h = [x.table, t && x.sticky, l].filter(Boolean).join(" "), { ids: _, sawBody: m, hasRowWithoutId: y } = oe(() => ro(d), [d]);
|
|
1001
|
+
return process.env.NODE_ENV !== "production" && (i && !c && console.warn("Psi Table: `sortable` is set without `onSortChange`; sorting will not respond."), r && !a && 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: c, selectable: r, selected: o, onSelectionChange: a }, children: /* @__PURE__ */ n(ge.Provider, { value: _, children: /* @__PURE__ */ n("table", { ref: u, className: h, "data-size": e, children: d }) }) });
|
|
970
1002
|
}
|
|
971
|
-
function
|
|
972
|
-
const { selected: i, onSelectionChange:
|
|
1003
|
+
function io({ rowId: e, label: t }) {
|
|
1004
|
+
const { selected: i, onSelectionChange: s } = S(q), c = () => {
|
|
973
1005
|
const r = new Set(i);
|
|
974
|
-
r.has(e) ? r.delete(e) : r.add(e),
|
|
1006
|
+
r.has(e) ? r.delete(e) : r.add(e), s == null || s(r);
|
|
975
1007
|
};
|
|
976
|
-
return /* @__PURE__ */ n("td", { className: `${
|
|
1008
|
+
return /* @__PURE__ */ n("td", { className: `${x.cell} ${x.selectCell}`, children: /* @__PURE__ */ n(pe, { "aria-label": t, checked: i.has(e), onChange: c }) });
|
|
977
1009
|
}
|
|
978
|
-
function
|
|
979
|
-
const { selected: e, onSelectionChange: t } = S(
|
|
1010
|
+
function so() {
|
|
1011
|
+
const { selected: e, onSelectionChange: t } = S(q), i = S(ge), s = k(null), c = i.length > 0 && i.every((a) => e.has(a)), r = i.some((a) => e.has(a));
|
|
980
1012
|
N(() => {
|
|
981
|
-
|
|
1013
|
+
s.current && (s.current.indeterminate = r && !c);
|
|
982
1014
|
}, [r, c]);
|
|
983
1015
|
const o = () => {
|
|
984
|
-
const
|
|
985
|
-
c ? i.forEach((d) =>
|
|
1016
|
+
const a = new Set(e);
|
|
1017
|
+
c ? i.forEach((d) => a.delete(d)) : i.forEach((d) => a.add(d)), t == null || t(a);
|
|
986
1018
|
};
|
|
987
|
-
return /* @__PURE__ */ n("th", { scope: "col", className: `${
|
|
1019
|
+
return /* @__PURE__ */ n("th", { scope: "col", className: `${x.headerCell} ${x.selectCell}`, children: /* @__PURE__ */ n(pe, { ref: s, "aria-label": "Select all rows", checked: c, onChange: o }) });
|
|
988
1020
|
}
|
|
989
|
-
function
|
|
990
|
-
const { selectable: i } = S(
|
|
991
|
-
let
|
|
1021
|
+
function gr({ children: e, className: t }) {
|
|
1022
|
+
const { selectable: i } = S(q);
|
|
1023
|
+
let s = !1;
|
|
992
1024
|
const c = i ? A.map(e, (r) => {
|
|
993
|
-
if (
|
|
994
|
-
|
|
1025
|
+
if (s || !U(r)) return r;
|
|
1026
|
+
s = !0;
|
|
995
1027
|
const o = r;
|
|
996
|
-
return
|
|
1028
|
+
return ne(
|
|
997
1029
|
o,
|
|
998
1030
|
void 0,
|
|
999
|
-
/* @__PURE__ */ p(
|
|
1000
|
-
/* @__PURE__ */ n(
|
|
1031
|
+
/* @__PURE__ */ p(X, { children: [
|
|
1032
|
+
/* @__PURE__ */ n(so, {}),
|
|
1001
1033
|
o.props.children
|
|
1002
1034
|
] })
|
|
1003
1035
|
);
|
|
1004
1036
|
}) : e;
|
|
1005
|
-
return /* @__PURE__ */ n("thead", { className: [
|
|
1037
|
+
return /* @__PURE__ */ n("thead", { className: [x.head, t].filter(Boolean).join(" "), children: c });
|
|
1006
1038
|
}
|
|
1007
|
-
function
|
|
1008
|
-
const { selectable: c, selected: r } = S(
|
|
1039
|
+
function mr({ rowId: e, selectLabel: t, children: i, className: s }) {
|
|
1040
|
+
const { selectable: c, selected: r } = S(q), o = e !== void 0 && r.has(e);
|
|
1009
1041
|
return /* @__PURE__ */ p(
|
|
1010
1042
|
"tr",
|
|
1011
1043
|
{
|
|
1012
|
-
className: [
|
|
1044
|
+
className: [x.row, s].filter(Boolean).join(" "),
|
|
1013
1045
|
"data-row-id": e,
|
|
1014
1046
|
"data-selected": o || void 0,
|
|
1015
1047
|
children: [
|
|
1016
|
-
c && e !== void 0 && /* @__PURE__ */ n(
|
|
1048
|
+
c && e !== void 0 && /* @__PURE__ */ n(io, { rowId: e, label: t ?? `Select row ${e}` }),
|
|
1017
1049
|
i
|
|
1018
1050
|
]
|
|
1019
1051
|
}
|
|
1020
1052
|
);
|
|
1021
1053
|
}
|
|
1022
|
-
function
|
|
1023
|
-
const { sortable: c, sort: r, onSortChange: o } = S(
|
|
1054
|
+
function yr({ sortKey: e, numeric: t, children: i, className: s }) {
|
|
1055
|
+
const { sortable: c, sort: r, onSortChange: o } = S(q), a = c && e !== void 0, d = a && (r == null ? void 0 : r.key) === e, l = a ? d ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, u = () => {
|
|
1024
1056
|
if (!e) return;
|
|
1025
1057
|
const h = d && r.direction === "asc" ? "desc" : "asc";
|
|
1026
1058
|
o == null || o({ key: e, direction: h });
|
|
@@ -1029,53 +1061,53 @@ function _r({ sortKey: e, numeric: t, children: i, className: a }) {
|
|
|
1029
1061
|
"th",
|
|
1030
1062
|
{
|
|
1031
1063
|
scope: "col",
|
|
1032
|
-
className: [
|
|
1064
|
+
className: [x.headerCell, s].filter(Boolean).join(" "),
|
|
1033
1065
|
"data-numeric": t || void 0,
|
|
1034
1066
|
"aria-sort": l,
|
|
1035
|
-
children:
|
|
1067
|
+
children: a ? /* @__PURE__ */ p("button", { type: "button", className: x.sortButton, onClick: u, children: [
|
|
1036
1068
|
i,
|
|
1037
|
-
/* @__PURE__ */ n("span", { className:
|
|
1069
|
+
/* @__PURE__ */ n("span", { className: x.sortIndicator, "aria-hidden": "true", children: d ? r.direction === "asc" ? "↑" : "↓" : "" })
|
|
1038
1070
|
] }) : i
|
|
1039
1071
|
}
|
|
1040
1072
|
);
|
|
1041
1073
|
}
|
|
1042
|
-
function
|
|
1043
|
-
return /* @__PURE__ */ n("td", { className: [
|
|
1074
|
+
function wr({ numeric: e, children: t, className: i }) {
|
|
1075
|
+
return /* @__PURE__ */ n("td", { className: [x.cell, i].filter(Boolean).join(" "), "data-numeric": e || void 0, children: t });
|
|
1044
1076
|
}
|
|
1045
|
-
const
|
|
1046
|
-
nav:
|
|
1047
|
-
ellipsis:
|
|
1077
|
+
const ao = "_nav_166vs_6", co = "_ellipsis_166vs_12", ue = {
|
|
1078
|
+
nav: ao,
|
|
1079
|
+
ellipsis: co
|
|
1048
1080
|
};
|
|
1049
1081
|
function O(e, t) {
|
|
1050
|
-
return Array.from({ length: t - e + 1 }, (i,
|
|
1082
|
+
return Array.from({ length: t - e + 1 }, (i, s) => e + s);
|
|
1051
1083
|
}
|
|
1052
|
-
function
|
|
1053
|
-
const
|
|
1084
|
+
function lo(e, t, i) {
|
|
1085
|
+
const s = Math.max(0, i), c = s * 2 + 1, r = c + 4;
|
|
1054
1086
|
if (t <= r)
|
|
1055
1087
|
return O(1, t);
|
|
1056
|
-
const o = Math.max(e -
|
|
1088
|
+
const o = Math.max(e - s, 1), a = Math.min(e + s, t), d = o > 3, l = a < t - 2;
|
|
1057
1089
|
if (!d && l) {
|
|
1058
|
-
const u = Math.max(
|
|
1090
|
+
const u = Math.max(a, c);
|
|
1059
1091
|
return [...O(1, u), "ellipsis", t];
|
|
1060
1092
|
}
|
|
1061
1093
|
if (d && !l) {
|
|
1062
1094
|
const u = Math.min(o, t - c + 1);
|
|
1063
1095
|
return [1, "ellipsis", ...O(u, t)];
|
|
1064
1096
|
}
|
|
1065
|
-
return d && l ? [1, "ellipsis", ...O(o,
|
|
1097
|
+
return d && l ? [1, "ellipsis", ...O(o, a), "ellipsis", t] : O(1, t);
|
|
1066
1098
|
}
|
|
1067
|
-
function
|
|
1099
|
+
function kr({
|
|
1068
1100
|
page: e,
|
|
1069
1101
|
pageCount: t,
|
|
1070
1102
|
onPageChange: i,
|
|
1071
|
-
siblingCount:
|
|
1103
|
+
siblingCount: s = 1,
|
|
1072
1104
|
"aria-label": c = "Pagination",
|
|
1073
1105
|
className: r
|
|
1074
1106
|
}) {
|
|
1075
|
-
const o =
|
|
1076
|
-
return /* @__PURE__ */ p("nav", { "aria-label": c, className: [
|
|
1107
|
+
const o = lo(e, t, s);
|
|
1108
|
+
return /* @__PURE__ */ p("nav", { "aria-label": c, className: [ue.nav, r].filter(Boolean).join(" "), children: [
|
|
1077
1109
|
/* @__PURE__ */ n(
|
|
1078
|
-
|
|
1110
|
+
J,
|
|
1079
1111
|
{
|
|
1080
1112
|
"aria-label": "Previous page",
|
|
1081
1113
|
size: 32,
|
|
@@ -1086,20 +1118,20 @@ function pr({
|
|
|
1086
1118
|
}
|
|
1087
1119
|
),
|
|
1088
1120
|
o.map(
|
|
1089
|
-
(
|
|
1090
|
-
|
|
1121
|
+
(a, d) => a === "ellipsis" ? /* @__PURE__ */ n("span", { className: ue.ellipsis, "aria-hidden": "true", children: "…" }, `e${d}`) : /* @__PURE__ */ n(
|
|
1122
|
+
He,
|
|
1091
1123
|
{
|
|
1092
1124
|
size: 32,
|
|
1093
|
-
variant:
|
|
1094
|
-
"aria-current":
|
|
1095
|
-
onClick: () => i(
|
|
1096
|
-
children: String(
|
|
1125
|
+
variant: a === e ? "accent-subtle" : "ghost",
|
|
1126
|
+
"aria-current": a === e ? "page" : void 0,
|
|
1127
|
+
onClick: () => i(a),
|
|
1128
|
+
children: String(a)
|
|
1097
1129
|
},
|
|
1098
|
-
|
|
1130
|
+
a
|
|
1099
1131
|
)
|
|
1100
1132
|
),
|
|
1101
1133
|
/* @__PURE__ */ n(
|
|
1102
|
-
|
|
1134
|
+
J,
|
|
1103
1135
|
{
|
|
1104
1136
|
"aria-label": "Next page",
|
|
1105
1137
|
size: 32,
|
|
@@ -1111,76 +1143,76 @@ function pr({
|
|
|
1111
1143
|
)
|
|
1112
1144
|
] });
|
|
1113
1145
|
}
|
|
1114
|
-
const
|
|
1115
|
-
toast:
|
|
1116
|
-
icon:
|
|
1117
|
-
iconNeutral:
|
|
1118
|
-
iconSuccess:
|
|
1119
|
-
iconWarning:
|
|
1120
|
-
iconDanger:
|
|
1121
|
-
body:
|
|
1122
|
-
action:
|
|
1123
|
-
srOnly:
|
|
1124
|
-
region:
|
|
1125
|
-
live:
|
|
1126
|
-
},
|
|
1127
|
-
neutral:
|
|
1128
|
-
success:
|
|
1129
|
-
warning:
|
|
1130
|
-
danger:
|
|
1131
|
-
},
|
|
1146
|
+
const uo = "_toast_7toru_10", ho = "_icon_7toru_39", _o = "_iconNeutral_7toru_44", fo = "_iconSuccess_7toru_45", po = "_iconWarning_7toru_46", vo = "_iconDanger_7toru_47", bo = "_body_7toru_51", go = "_action_7toru_55", mo = "_srOnly_7toru_60", yo = "_region_7toru_74", wo = "_live_7toru_104", $ = {
|
|
1147
|
+
toast: uo,
|
|
1148
|
+
icon: ho,
|
|
1149
|
+
iconNeutral: _o,
|
|
1150
|
+
iconSuccess: fo,
|
|
1151
|
+
iconWarning: po,
|
|
1152
|
+
iconDanger: vo,
|
|
1153
|
+
body: bo,
|
|
1154
|
+
action: go,
|
|
1155
|
+
srOnly: mo,
|
|
1156
|
+
region: yo,
|
|
1157
|
+
live: wo
|
|
1158
|
+
}, ko = {
|
|
1159
|
+
neutral: Bt,
|
|
1160
|
+
success: Ct,
|
|
1161
|
+
warning: $t,
|
|
1162
|
+
danger: Nt
|
|
1163
|
+
}, xo = {
|
|
1132
1164
|
neutral: null,
|
|
1133
1165
|
success: "Success:",
|
|
1134
1166
|
warning: "Warning:",
|
|
1135
1167
|
danger: "Error:"
|
|
1136
|
-
},
|
|
1168
|
+
}, Co = {
|
|
1137
1169
|
neutral: $.iconNeutral,
|
|
1138
1170
|
success: $.iconSuccess,
|
|
1139
1171
|
warning: $.iconWarning,
|
|
1140
1172
|
danger: $.iconDanger
|
|
1141
1173
|
};
|
|
1142
|
-
function
|
|
1174
|
+
function me({
|
|
1143
1175
|
variant: e = "neutral",
|
|
1144
1176
|
children: t,
|
|
1145
1177
|
action: i,
|
|
1146
|
-
onDismiss:
|
|
1178
|
+
onDismiss: s,
|
|
1147
1179
|
className: c,
|
|
1148
1180
|
ref: r
|
|
1149
1181
|
}) {
|
|
1150
|
-
const o =
|
|
1182
|
+
const o = ko[e], a = xo[e], d = [$.toast, c].filter(Boolean).join(" ");
|
|
1151
1183
|
return /* @__PURE__ */ p("div", { ref: r, className: d, "data-variant": e, "data-psi-toast": !0, children: [
|
|
1152
|
-
/* @__PURE__ */ n("span", { className: [$.icon,
|
|
1184
|
+
/* @__PURE__ */ n("span", { className: [$.icon, Co[e]].join(" "), children: /* @__PURE__ */ n(o, { size: 20, "aria-hidden": "true" }) }),
|
|
1153
1185
|
/* @__PURE__ */ p("div", { className: $.body, children: [
|
|
1154
|
-
|
|
1186
|
+
a && /* @__PURE__ */ n("span", { className: $.srOnly, children: a }),
|
|
1155
1187
|
t
|
|
1156
1188
|
] }),
|
|
1157
1189
|
i != null && /* @__PURE__ */ n("div", { className: $.action, children: i }),
|
|
1158
|
-
|
|
1159
|
-
|
|
1190
|
+
s && /* @__PURE__ */ n(
|
|
1191
|
+
J,
|
|
1160
1192
|
{
|
|
1161
1193
|
variant: "ghost",
|
|
1162
1194
|
size: 32,
|
|
1163
1195
|
"aria-label": "Dismiss notification",
|
|
1164
|
-
onClick:
|
|
1165
|
-
children: /* @__PURE__ */ n(
|
|
1196
|
+
onClick: s,
|
|
1197
|
+
children: /* @__PURE__ */ n(fe, { "aria-hidden": "true" })
|
|
1166
1198
|
}
|
|
1167
1199
|
)
|
|
1168
1200
|
] });
|
|
1169
1201
|
}
|
|
1170
|
-
const
|
|
1171
|
-
function
|
|
1172
|
-
if (!U(e) || e.type !==
|
|
1202
|
+
const Bo = /* @__PURE__ */ new Set(["warning", "danger"]);
|
|
1203
|
+
function he(e) {
|
|
1204
|
+
if (!U(e) || e.type !== me) return !1;
|
|
1173
1205
|
const { variant: t } = e.props;
|
|
1174
|
-
return
|
|
1206
|
+
return Bo.has(t ?? "neutral");
|
|
1175
1207
|
}
|
|
1176
|
-
function
|
|
1208
|
+
function $o({
|
|
1177
1209
|
placement: e = "bottom-end",
|
|
1178
1210
|
"aria-label": t = "Notifications",
|
|
1179
1211
|
children: i,
|
|
1180
|
-
className:
|
|
1212
|
+
className: s,
|
|
1181
1213
|
ref: c
|
|
1182
1214
|
}) {
|
|
1183
|
-
const r =
|
|
1215
|
+
const r = k(null), o = (u) => {
|
|
1184
1216
|
r.current = u, typeof c == "function" ? c(u) : c && (c.current = u);
|
|
1185
1217
|
};
|
|
1186
1218
|
N(() => {
|
|
@@ -1192,7 +1224,7 @@ function wo({
|
|
|
1192
1224
|
(_ = u.hidePopover) == null || _.call(u);
|
|
1193
1225
|
};
|
|
1194
1226
|
}, []);
|
|
1195
|
-
const
|
|
1227
|
+
const a = A.toArray(i), d = a.filter(he), l = a.filter((u) => !he(u));
|
|
1196
1228
|
return /* @__PURE__ */ p(
|
|
1197
1229
|
"div",
|
|
1198
1230
|
{
|
|
@@ -1201,7 +1233,7 @@ function wo({
|
|
|
1201
1233
|
"aria-label": t,
|
|
1202
1234
|
"data-placement": e,
|
|
1203
1235
|
"data-psi-toast-region": !0,
|
|
1204
|
-
className: [$.region,
|
|
1236
|
+
className: [$.region, s].filter(Boolean).join(" "),
|
|
1205
1237
|
children: [
|
|
1206
1238
|
/* @__PURE__ */ n("div", { role: "status", "aria-live": "polite", className: $.live, children: l }),
|
|
1207
1239
|
/* @__PURE__ */ n("div", { role: "alert", "aria-live": "assertive", className: $.live, children: d })
|
|
@@ -1210,7 +1242,7 @@ function wo({
|
|
|
1210
1242
|
);
|
|
1211
1243
|
}
|
|
1212
1244
|
const ye = R(null);
|
|
1213
|
-
function
|
|
1245
|
+
function xr() {
|
|
1214
1246
|
const e = S(ye);
|
|
1215
1247
|
if (!e)
|
|
1216
1248
|
throw new Error(
|
|
@@ -1218,47 +1250,47 @@ function vr() {
|
|
|
1218
1250
|
);
|
|
1219
1251
|
return e;
|
|
1220
1252
|
}
|
|
1221
|
-
function
|
|
1253
|
+
function Cr({
|
|
1222
1254
|
limit: e = 3,
|
|
1223
1255
|
duration: t = 5e3,
|
|
1224
1256
|
actionDuration: i = 1e4,
|
|
1225
|
-
placement:
|
|
1257
|
+
placement: s = "bottom-end",
|
|
1226
1258
|
children: c
|
|
1227
1259
|
}) {
|
|
1228
|
-
const [r, o] =
|
|
1229
|
-
const v =
|
|
1230
|
-
(v == null ? void 0 : v.handle) !== void 0 && clearTimeout(v.handle),
|
|
1260
|
+
const [r, o] = _e([]), a = k(/* @__PURE__ */ new Map()), d = k(!1), l = k(0), u = H(), h = g((f) => {
|
|
1261
|
+
const v = a.current.get(f);
|
|
1262
|
+
(v == null ? void 0 : v.handle) !== void 0 && clearTimeout(v.handle), a.current.delete(f), o((T) => T.filter((V) => V.id !== f));
|
|
1231
1263
|
}, []), _ = g(
|
|
1232
1264
|
(f, v) => {
|
|
1233
1265
|
const T = d.current ? { handle: void 0, remaining: v, startedAt: void 0 } : { handle: setTimeout(() => h(f), v), remaining: v, startedAt: Date.now() };
|
|
1234
|
-
|
|
1266
|
+
a.current.set(f, T);
|
|
1235
1267
|
},
|
|
1236
1268
|
[h]
|
|
1237
|
-
),
|
|
1269
|
+
), m = g(
|
|
1238
1270
|
({ variant: f = "neutral", message: v, action: T }) => {
|
|
1239
|
-
const
|
|
1240
|
-
return o((
|
|
1241
|
-
const
|
|
1242
|
-
for (;
|
|
1243
|
-
const
|
|
1244
|
-
(Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle),
|
|
1271
|
+
const V = `${u}-${l.current++}`, se = T != null ? i : t;
|
|
1272
|
+
return o((Ce) => {
|
|
1273
|
+
const te = [...Ce, { id: V, variant: f, message: v, action: T, duration: se }];
|
|
1274
|
+
for (; te.length > e; ) {
|
|
1275
|
+
const ae = te.shift(), Y = a.current.get(ae.id);
|
|
1276
|
+
(Y == null ? void 0 : Y.handle) !== void 0 && clearTimeout(Y.handle), a.current.delete(ae.id);
|
|
1245
1277
|
}
|
|
1246
|
-
return
|
|
1247
|
-
}), _(
|
|
1278
|
+
return te;
|
|
1279
|
+
}), _(V, se), V;
|
|
1248
1280
|
},
|
|
1249
1281
|
[i, _, t, u, e]
|
|
1250
|
-
),
|
|
1251
|
-
for (const f of
|
|
1282
|
+
), y = g(() => {
|
|
1283
|
+
for (const f of a.current.values())
|
|
1252
1284
|
f.handle !== void 0 && clearTimeout(f.handle);
|
|
1253
|
-
|
|
1254
|
-
}, []),
|
|
1285
|
+
a.current.clear(), o([]);
|
|
1286
|
+
}, []), z = g(() => {
|
|
1255
1287
|
if (!d.current) {
|
|
1256
1288
|
d.current = !0;
|
|
1257
|
-
for (const [f, v] of
|
|
1289
|
+
for (const [f, v] of a.current) {
|
|
1258
1290
|
if (v.handle === void 0) continue;
|
|
1259
1291
|
clearTimeout(v.handle);
|
|
1260
1292
|
const T = v.startedAt === void 0 ? 0 : Date.now() - v.startedAt;
|
|
1261
|
-
|
|
1293
|
+
a.current.set(f, {
|
|
1262
1294
|
handle: void 0,
|
|
1263
1295
|
remaining: Math.max(0, v.remaining - T),
|
|
1264
1296
|
startedAt: void 0
|
|
@@ -1268,8 +1300,8 @@ function br({
|
|
|
1268
1300
|
}, []), C = g(() => {
|
|
1269
1301
|
if (d.current) {
|
|
1270
1302
|
d.current = !1;
|
|
1271
|
-
for (const [f, v] of
|
|
1272
|
-
v.handle === void 0 &&
|
|
1303
|
+
for (const [f, v] of a.current)
|
|
1304
|
+
v.handle === void 0 && a.current.set(f, {
|
|
1273
1305
|
handle: setTimeout(() => h(f), v.remaining),
|
|
1274
1306
|
remaining: v.remaining,
|
|
1275
1307
|
startedAt: Date.now()
|
|
@@ -1277,75 +1309,75 @@ function br({
|
|
|
1277
1309
|
}
|
|
1278
1310
|
}, [h]);
|
|
1279
1311
|
N(() => {
|
|
1280
|
-
const f =
|
|
1312
|
+
const f = a.current;
|
|
1281
1313
|
return () => {
|
|
1282
1314
|
for (const v of f.values())
|
|
1283
1315
|
v.handle !== void 0 && clearTimeout(v.handle);
|
|
1284
1316
|
f.clear();
|
|
1285
1317
|
};
|
|
1286
1318
|
}, []);
|
|
1287
|
-
const b =
|
|
1288
|
-
() => ({ show:
|
|
1289
|
-
[
|
|
1319
|
+
const b = oe(
|
|
1320
|
+
() => ({ show: m, dismiss: h, clear: y }),
|
|
1321
|
+
[m, h, y]
|
|
1290
1322
|
);
|
|
1291
1323
|
return /* @__PURE__ */ p(ye.Provider, { value: b, children: [
|
|
1292
1324
|
c,
|
|
1293
1325
|
/* @__PURE__ */ n(
|
|
1294
1326
|
"div",
|
|
1295
1327
|
{
|
|
1296
|
-
onPointerEnter:
|
|
1328
|
+
onPointerEnter: z,
|
|
1297
1329
|
onPointerLeave: C,
|
|
1298
|
-
onFocusCapture:
|
|
1330
|
+
onFocusCapture: z,
|
|
1299
1331
|
onBlurCapture: C,
|
|
1300
|
-
children: /* @__PURE__ */ n(
|
|
1332
|
+
children: /* @__PURE__ */ n($o, { placement: s, children: r.map((f) => /* @__PURE__ */ n(me, { variant: f.variant, action: f.action, onDismiss: () => h(f.id), children: f.message }, f.id)) })
|
|
1301
1333
|
}
|
|
1302
1334
|
)
|
|
1303
1335
|
] });
|
|
1304
1336
|
}
|
|
1305
|
-
const
|
|
1306
|
-
tabs:
|
|
1307
|
-
list:
|
|
1308
|
-
tab:
|
|
1309
|
-
panel:
|
|
1310
|
-
},
|
|
1311
|
-
function
|
|
1312
|
-
const t = S(
|
|
1337
|
+
const No = "_tabs_17vw6_8", Lo = "_list_17vw6_21", So = "_tab_17vw6_8", jo = "_panel_17vw6_97", ee = {
|
|
1338
|
+
tabs: No,
|
|
1339
|
+
list: Lo,
|
|
1340
|
+
tab: So,
|
|
1341
|
+
panel: jo
|
|
1342
|
+
}, we = R(null);
|
|
1343
|
+
function ie(e) {
|
|
1344
|
+
const t = S(we);
|
|
1313
1345
|
if (!t)
|
|
1314
1346
|
throw new Error(
|
|
1315
1347
|
`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.`
|
|
1316
1348
|
);
|
|
1317
1349
|
return t;
|
|
1318
1350
|
}
|
|
1319
|
-
function
|
|
1351
|
+
function Br({
|
|
1320
1352
|
value: e,
|
|
1321
1353
|
onValueChange: t,
|
|
1322
1354
|
orientation: i = "horizontal",
|
|
1323
|
-
children:
|
|
1355
|
+
children: s,
|
|
1324
1356
|
className: c,
|
|
1325
1357
|
ref: r
|
|
1326
1358
|
}) {
|
|
1327
|
-
const o = H(),
|
|
1359
|
+
const o = H(), a = oe(
|
|
1328
1360
|
() => ({ value: e, onValueChange: t, orientation: i, idPrefix: o }),
|
|
1329
1361
|
[e, t, i, o]
|
|
1330
1362
|
);
|
|
1331
|
-
return /* @__PURE__ */ n(
|
|
1363
|
+
return /* @__PURE__ */ n(we.Provider, { value: a, children: /* @__PURE__ */ n(
|
|
1332
1364
|
"div",
|
|
1333
1365
|
{
|
|
1334
1366
|
ref: r,
|
|
1335
|
-
className: [
|
|
1367
|
+
className: [ee.tabs, c].filter(Boolean).join(" "),
|
|
1336
1368
|
"data-orientation": i,
|
|
1337
|
-
children:
|
|
1369
|
+
children: s
|
|
1338
1370
|
}
|
|
1339
1371
|
) });
|
|
1340
1372
|
}
|
|
1341
|
-
function
|
|
1373
|
+
function ke(e, t) {
|
|
1342
1374
|
return `${e}tab-${t}`;
|
|
1343
1375
|
}
|
|
1344
1376
|
function xe(e, t) {
|
|
1345
1377
|
return `${e}panel-${t}`;
|
|
1346
1378
|
}
|
|
1347
|
-
function
|
|
1348
|
-
const
|
|
1379
|
+
function zo({ listRef: e, orientation: t, onValueChange: i }) {
|
|
1380
|
+
const s = g(() => {
|
|
1349
1381
|
const r = e.current;
|
|
1350
1382
|
return r ? Array.from(
|
|
1351
1383
|
r.querySelectorAll('[data-psi-tab]:not([aria-disabled="true"])')
|
|
@@ -1353,23 +1385,23 @@ function $o({ listRef: e, orientation: t, onValueChange: i }) {
|
|
|
1353
1385
|
}, [e]), c = g(
|
|
1354
1386
|
(r) => {
|
|
1355
1387
|
if (!r) return;
|
|
1356
|
-
for (const
|
|
1388
|
+
for (const a of s()) a.tabIndex = a === r ? 0 : -1;
|
|
1357
1389
|
r.focus();
|
|
1358
1390
|
const o = r.dataset.value;
|
|
1359
1391
|
o != null && i(o);
|
|
1360
1392
|
},
|
|
1361
|
-
[
|
|
1393
|
+
[s, i]
|
|
1362
1394
|
);
|
|
1363
1395
|
return g(
|
|
1364
1396
|
(r) => {
|
|
1365
|
-
const o =
|
|
1397
|
+
const o = s();
|
|
1366
1398
|
if (o.length === 0) return;
|
|
1367
|
-
const [
|
|
1399
|
+
const [a, d] = t === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], l = o.indexOf(document.activeElement);
|
|
1368
1400
|
switch (r.key) {
|
|
1369
1401
|
case d:
|
|
1370
1402
|
r.preventDefault(), c(o[(l + 1 + o.length) % o.length]);
|
|
1371
1403
|
break;
|
|
1372
|
-
case
|
|
1404
|
+
case a:
|
|
1373
1405
|
r.preventDefault(), c(o[(l - 1 + o.length) % o.length]);
|
|
1374
1406
|
break;
|
|
1375
1407
|
case "Home":
|
|
@@ -1380,42 +1412,42 @@ function $o({ listRef: e, orientation: t, onValueChange: i }) {
|
|
|
1380
1412
|
break;
|
|
1381
1413
|
}
|
|
1382
1414
|
},
|
|
1383
|
-
[c,
|
|
1415
|
+
[c, s, t]
|
|
1384
1416
|
);
|
|
1385
1417
|
}
|
|
1386
|
-
function
|
|
1387
|
-
const { orientation: c, onValueChange: r } =
|
|
1388
|
-
o.current = l, typeof
|
|
1389
|
-
}, d =
|
|
1418
|
+
function $r({ "aria-label": e, children: t, className: i, ref: s }) {
|
|
1419
|
+
const { orientation: c, onValueChange: r } = ie("TabList"), o = k(null), a = (l) => {
|
|
1420
|
+
o.current = l, typeof s == "function" ? s(l) : s && (s.current = l);
|
|
1421
|
+
}, d = zo({ listRef: o, orientation: c, onValueChange: r });
|
|
1390
1422
|
return /* @__PURE__ */ n(
|
|
1391
1423
|
"div",
|
|
1392
1424
|
{
|
|
1393
|
-
ref:
|
|
1425
|
+
ref: a,
|
|
1394
1426
|
role: "tablist",
|
|
1395
1427
|
"aria-label": e,
|
|
1396
1428
|
"aria-orientation": c,
|
|
1397
|
-
className: [
|
|
1429
|
+
className: [ee.list, i].filter(Boolean).join(" "),
|
|
1398
1430
|
onKeyDown: d,
|
|
1399
1431
|
children: t
|
|
1400
1432
|
}
|
|
1401
1433
|
);
|
|
1402
1434
|
}
|
|
1403
|
-
function
|
|
1404
|
-
const r =
|
|
1435
|
+
function Nr({ value: e, children: t, disabled: i = !1, className: s, ref: c }) {
|
|
1436
|
+
const r = ie("Tab"), o = r.value === e;
|
|
1405
1437
|
return /* @__PURE__ */ n(
|
|
1406
1438
|
"button",
|
|
1407
1439
|
{
|
|
1408
1440
|
ref: c,
|
|
1409
1441
|
type: "button",
|
|
1410
1442
|
role: "tab",
|
|
1411
|
-
id:
|
|
1443
|
+
id: ke(r.idPrefix, e),
|
|
1412
1444
|
"data-psi-tab": !0,
|
|
1413
1445
|
"data-value": e,
|
|
1414
1446
|
"aria-selected": o,
|
|
1415
1447
|
"aria-controls": xe(r.idPrefix, e),
|
|
1416
1448
|
"aria-disabled": i || void 0,
|
|
1417
1449
|
tabIndex: o ? 0 : -1,
|
|
1418
|
-
className: [
|
|
1450
|
+
className: [ee.tab, s].filter(Boolean).join(" "),
|
|
1419
1451
|
onClick: () => {
|
|
1420
1452
|
i || r.onValueChange(e);
|
|
1421
1453
|
},
|
|
@@ -1423,82 +1455,84 @@ function mr({ value: e, children: t, disabled: i = !1, className: a, ref: c }) {
|
|
|
1423
1455
|
}
|
|
1424
1456
|
);
|
|
1425
1457
|
}
|
|
1426
|
-
function
|
|
1427
|
-
const c =
|
|
1458
|
+
function Lr({ value: e, children: t, className: i, ref: s }) {
|
|
1459
|
+
const c = ie("TabPanel"), r = c.value === e;
|
|
1428
1460
|
return /* @__PURE__ */ n(
|
|
1429
1461
|
"div",
|
|
1430
1462
|
{
|
|
1431
|
-
ref:
|
|
1463
|
+
ref: s,
|
|
1432
1464
|
role: "tabpanel",
|
|
1433
1465
|
id: xe(c.idPrefix, e),
|
|
1434
|
-
"aria-labelledby":
|
|
1466
|
+
"aria-labelledby": ke(c.idPrefix, e),
|
|
1435
1467
|
hidden: !r,
|
|
1436
1468
|
tabIndex: 0,
|
|
1437
|
-
className: [
|
|
1469
|
+
className: [ee.panel, i].filter(Boolean).join(" "),
|
|
1438
1470
|
children: t
|
|
1439
1471
|
}
|
|
1440
1472
|
);
|
|
1441
1473
|
}
|
|
1442
1474
|
export {
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1475
|
+
Do as AspectRatio,
|
|
1476
|
+
He as Button,
|
|
1477
|
+
Eo as Card,
|
|
1478
|
+
pe as Checkbox,
|
|
1479
|
+
Po as DescriptionItem,
|
|
1480
|
+
Ao as DescriptionList,
|
|
1481
|
+
ar as Dialog,
|
|
1482
|
+
Ro as Field,
|
|
1483
|
+
Nt as IconAlertCircle,
|
|
1484
|
+
$t as IconAlertTriangle,
|
|
1485
|
+
tr as IconArrowDown,
|
|
1486
|
+
nr as IconArrowUpRight,
|
|
1487
|
+
J as IconButton,
|
|
1488
|
+
Ct as IconCheck,
|
|
1489
|
+
Vo as IconChevronDown,
|
|
1490
|
+
Fo as IconChevronRight,
|
|
1491
|
+
fe as IconClose,
|
|
1492
|
+
Go as IconCopy,
|
|
1493
|
+
Yo as IconEdit,
|
|
1494
|
+
Xo as IconExternalLink,
|
|
1495
|
+
Jo as IconEye,
|
|
1496
|
+
Qo as IconEyeOff,
|
|
1497
|
+
rr as IconGitHub,
|
|
1498
|
+
Bt as IconInfo,
|
|
1499
|
+
sr as IconInstagram,
|
|
1500
|
+
or as IconLinkedIn,
|
|
1501
|
+
er as IconLoader,
|
|
1502
|
+
qo as IconMinus,
|
|
1503
|
+
Ho as IconPlus,
|
|
1504
|
+
Ko as IconSearch,
|
|
1505
|
+
Oo as IconSettings,
|
|
1506
|
+
Zo as IconTrash,
|
|
1507
|
+
Uo as IconUser,
|
|
1508
|
+
ir as IconX,
|
|
1509
|
+
cr as Input,
|
|
1510
|
+
fr as Menu,
|
|
1511
|
+
ve as MenuContext,
|
|
1512
|
+
pr as MenuItem,
|
|
1513
|
+
vr as MenuSeparator,
|
|
1514
|
+
Wo as NavBar,
|
|
1515
|
+
kr as Pagination,
|
|
1516
|
+
Mo as Panel,
|
|
1517
|
+
lr as Select,
|
|
1518
|
+
dr as Switch,
|
|
1519
|
+
Nr as Tab,
|
|
1520
|
+
$r as TabList,
|
|
1521
|
+
Lr as TabPanel,
|
|
1522
|
+
br as Table,
|
|
1523
|
+
oo as TableBody,
|
|
1524
|
+
wr as TableCell,
|
|
1525
|
+
gr as TableHead,
|
|
1526
|
+
yr as TableHeaderCell,
|
|
1527
|
+
mr as TableRow,
|
|
1528
|
+
Br as Tabs,
|
|
1529
|
+
we as TabsContext,
|
|
1530
|
+
ur as Tag,
|
|
1531
|
+
me as Toast,
|
|
1498
1532
|
ye as ToastContext,
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1533
|
+
Cr as ToastProvider,
|
|
1534
|
+
$o as ToastRegion,
|
|
1535
|
+
_r as Toolbar,
|
|
1536
|
+
hr as Tooltip,
|
|
1537
|
+
xr as useToast
|
|
1504
1538
|
};
|