@still-forest/canopy 0.36.0 → 0.38.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/chunks/{Code-zUdzRHTD.js → Code-BLilg72p.js} +1 -1
- package/dist/chunks/{Heading-DpvcMbmF.js → Heading-DjVutKs1.js} +88 -83
- package/dist/chunks/{Loader-BgoWXwkX.js → Loader-B2Xb_VOS.js} +1 -1
- package/dist/chunks/{PageNotFound-OZwSPdMe.js → PageNotFound-m2nhN6mi.js} +4 -4
- package/dist/chunks/{Paragraph-DjkeVXzm.js → Paragraph-ai9KZse1.js} +1 -1
- package/dist/chunks/{SidebarLayout-CRATwjpz.js → SidebarLayout-B0ka92-H.js} +507 -456
- package/dist/chunks/{Textarea-CZDF6QhO.js → Textarea-wvqdYRvc.js} +712 -641
- package/dist/chunks/{calendar-DKwGFkIw.js → calendar-DMGJ52xx.js} +272 -269
- package/dist/chunks/{popover-ByOImpZC.js → popover-Bdo9y9v9.js} +1 -1
- package/dist/forms.d.ts +6 -0
- package/dist/forms.js +14 -13
- package/dist/index.d.ts +29 -2
- package/dist/index.js +71 -67
- package/dist/interstitials.js +1 -1
- package/dist/navigation.js +1 -1
- package/dist/typography.d.ts +2 -0
- package/dist/typography.js +3 -3
- package/package.json +1 -1
|
@@ -1,63 +1,96 @@
|
|
|
1
1
|
import { j as i } from "./jsx-runtime-B0GD0xBr.js";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as te, u as V, f as kt, B as Ae, i as pr, j as Ne, h as mr } from "./calendar-DMGJ52xx.js";
|
|
3
3
|
import * as a from "react";
|
|
4
|
-
import { useState as
|
|
5
|
-
import { F as ae, G as
|
|
6
|
-
import { T as
|
|
7
|
-
import { L as
|
|
8
|
-
import { c as
|
|
9
|
-
import { c as we, d as
|
|
10
|
-
import * as
|
|
4
|
+
import { useState as Me, useEffect as jt, useRef as hr, useMemo as vr } from "react";
|
|
5
|
+
import { F as ae, G as gr } from "./Layout-CvVv48kM.js";
|
|
6
|
+
import { T as Oe } from "./Heading-DjVutKs1.js";
|
|
7
|
+
import { L as xr } from "./Loader-B2Xb_VOS.js";
|
|
8
|
+
import { c as B } from "./index-CRiPKpXj.js";
|
|
9
|
+
import { c as we, d as Pt, P as k, a as ye, e as L, t as _t, g as Tt, b as Z, u as dt, v as Le, l as Dt, m as br, A as yr, f as re, h as At, V as wr, i as Mt, j as Cr, R as Ot, F as Lt, D as Sr, C as Er, n as Ir, q as Ft, r as Bt, s as $t, p as Vt, w as Rr, x as Nr, k as kr } from "./popover-Bdo9y9v9.js";
|
|
10
|
+
import * as Ut from "react-dom";
|
|
11
11
|
/**
|
|
12
12
|
* @license lucide-react v0.543.0 - ISC
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
16
|
*/
|
|
17
|
-
const
|
|
17
|
+
const jr = [
|
|
18
18
|
["path", { d: "M8 2v4", key: "1cmpym" }],
|
|
19
19
|
["path", { d: "M16 2v4", key: "4m81vk" }],
|
|
20
20
|
["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
|
|
21
21
|
["path", { d: "M3 10h18", key: "8toen8" }]
|
|
22
|
-
],
|
|
22
|
+
], Pr = te("calendar", jr);
|
|
23
23
|
/**
|
|
24
24
|
* @license lucide-react v0.543.0 - ISC
|
|
25
25
|
*
|
|
26
26
|
* This source code is licensed under the ISC license.
|
|
27
27
|
* See the LICENSE file in the root directory of this source tree.
|
|
28
28
|
*/
|
|
29
|
-
const _r = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ut =
|
|
29
|
+
const _r = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ut = te("check", _r);
|
|
30
30
|
/**
|
|
31
31
|
* @license lucide-react v0.543.0 - ISC
|
|
32
32
|
*
|
|
33
33
|
* This source code is licensed under the ISC license.
|
|
34
34
|
* See the LICENSE file in the root directory of this source tree.
|
|
35
35
|
*/
|
|
36
|
-
const
|
|
36
|
+
const Tr = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Dr = te("chevron-up", Tr);
|
|
37
37
|
/**
|
|
38
38
|
* @license lucide-react v0.543.0 - ISC
|
|
39
39
|
*
|
|
40
40
|
* This source code is licensed under the ISC license.
|
|
41
41
|
* See the LICENSE file in the root directory of this source tree.
|
|
42
42
|
*/
|
|
43
|
-
const
|
|
43
|
+
const Ar = [
|
|
44
44
|
["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
|
|
45
45
|
["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
|
|
46
|
-
],
|
|
46
|
+
], Mr = te("chevrons-up-down", Ar);
|
|
47
47
|
/**
|
|
48
48
|
* @license lucide-react v0.543.0 - ISC
|
|
49
49
|
*
|
|
50
50
|
* This source code is licensed under the ISC license.
|
|
51
51
|
* See the LICENSE file in the root directory of this source tree.
|
|
52
52
|
*/
|
|
53
|
-
const
|
|
53
|
+
const Or = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Lr = te("circle", Or);
|
|
54
54
|
/**
|
|
55
55
|
* @license lucide-react v0.543.0 - ISC
|
|
56
56
|
*
|
|
57
57
|
* This source code is licensed under the ISC license.
|
|
58
58
|
* See the LICENSE file in the root directory of this source tree.
|
|
59
59
|
*/
|
|
60
|
-
const
|
|
60
|
+
const Fr = [
|
|
61
|
+
["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
|
|
62
|
+
[
|
|
63
|
+
"path",
|
|
64
|
+
{
|
|
65
|
+
d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
|
|
66
|
+
key: "116196"
|
|
67
|
+
}
|
|
68
|
+
],
|
|
69
|
+
["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
|
|
70
|
+
], Br = te("clipboard-check", Fr);
|
|
71
|
+
/**
|
|
72
|
+
* @license lucide-react v0.543.0 - ISC
|
|
73
|
+
*
|
|
74
|
+
* This source code is licensed under the ISC license.
|
|
75
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
76
|
+
*/
|
|
77
|
+
const $r = [
|
|
78
|
+
["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
|
|
79
|
+
[
|
|
80
|
+
"path",
|
|
81
|
+
{
|
|
82
|
+
d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
|
|
83
|
+
key: "116196"
|
|
84
|
+
}
|
|
85
|
+
]
|
|
86
|
+
], Vr = te("clipboard", $r);
|
|
87
|
+
/**
|
|
88
|
+
* @license lucide-react v0.543.0 - ISC
|
|
89
|
+
*
|
|
90
|
+
* This source code is licensed under the ISC license.
|
|
91
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
92
|
+
*/
|
|
93
|
+
const Ur = [
|
|
61
94
|
[
|
|
62
95
|
"path",
|
|
63
96
|
{
|
|
@@ -67,24 +100,24 @@ const Lr = [
|
|
|
67
100
|
],
|
|
68
101
|
["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
|
|
69
102
|
["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
|
|
70
|
-
],
|
|
103
|
+
], Gr = te("save", Ur);
|
|
71
104
|
/**
|
|
72
105
|
* @license lucide-react v0.543.0 - ISC
|
|
73
106
|
*
|
|
74
107
|
* This source code is licensed under the ISC license.
|
|
75
108
|
* See the LICENSE file in the root directory of this source tree.
|
|
76
109
|
*/
|
|
77
|
-
const
|
|
110
|
+
const Wr = [
|
|
78
111
|
["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
|
|
79
112
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
|
|
80
|
-
],
|
|
113
|
+
], Hr = te("search", Wr);
|
|
81
114
|
/**
|
|
82
115
|
* @license lucide-react v0.543.0 - ISC
|
|
83
116
|
*
|
|
84
117
|
* This source code is licensed under the ISC license.
|
|
85
118
|
* See the LICENSE file in the root directory of this source tree.
|
|
86
119
|
*/
|
|
87
|
-
const
|
|
120
|
+
const Kr = [
|
|
88
121
|
[
|
|
89
122
|
"path",
|
|
90
123
|
{
|
|
@@ -93,26 +126,26 @@ const Vr = [
|
|
|
93
126
|
}
|
|
94
127
|
],
|
|
95
128
|
["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
|
|
96
|
-
],
|
|
129
|
+
], Ye = te("send", Kr);
|
|
97
130
|
/**
|
|
98
131
|
* @license lucide-react v0.543.0 - ISC
|
|
99
132
|
*
|
|
100
133
|
* This source code is licensed under the ISC license.
|
|
101
134
|
* See the LICENSE file in the root directory of this source tree.
|
|
102
135
|
*/
|
|
103
|
-
const
|
|
136
|
+
const zr = [
|
|
104
137
|
["path", { d: "M10 11v6", key: "nco0om" }],
|
|
105
138
|
["path", { d: "M14 11v6", key: "outv1u" }],
|
|
106
139
|
["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
|
|
107
140
|
["path", { d: "M3 6h18", key: "d0wm0j" }],
|
|
108
141
|
["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
|
|
109
|
-
],
|
|
142
|
+
], qr = te("trash-2", zr);
|
|
110
143
|
function ft(e) {
|
|
111
144
|
const t = a.useRef({ value: e, previous: e });
|
|
112
145
|
return a.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
|
|
113
146
|
}
|
|
114
|
-
var
|
|
115
|
-
function
|
|
147
|
+
var Fe = "Checkbox", [Yr, Da] = we(Fe), [Xr, pt] = Yr(Fe);
|
|
148
|
+
function Zr(e) {
|
|
116
149
|
const {
|
|
117
150
|
__scopeCheckbox: t,
|
|
118
151
|
checked: n,
|
|
@@ -130,8 +163,8 @@ function Kr(e) {
|
|
|
130
163
|
prop: n,
|
|
131
164
|
defaultProp: r ?? !1,
|
|
132
165
|
onChange: u,
|
|
133
|
-
caller:
|
|
134
|
-
}), [w,
|
|
166
|
+
caller: Fe
|
|
167
|
+
}), [w, h] = a.useState(null), [v, S] = a.useState(null), y = a.useRef(!1), I = w ? !!c || !!w.closest("form") : (
|
|
135
168
|
// We set this to true by default so that events bubble to forms without JS (SSR)
|
|
136
169
|
!0
|
|
137
170
|
), A = {
|
|
@@ -139,7 +172,7 @@ function Kr(e) {
|
|
|
139
172
|
disabled: s,
|
|
140
173
|
setChecked: g,
|
|
141
174
|
control: w,
|
|
142
|
-
setControl:
|
|
175
|
+
setControl: h,
|
|
143
176
|
name: d,
|
|
144
177
|
form: c,
|
|
145
178
|
value: f,
|
|
@@ -147,19 +180,19 @@ function Kr(e) {
|
|
|
147
180
|
required: l,
|
|
148
181
|
defaultChecked: oe(r) ? !1 : r,
|
|
149
182
|
isFormControl: I,
|
|
150
|
-
bubbleInput:
|
|
183
|
+
bubbleInput: v,
|
|
151
184
|
setBubbleInput: S
|
|
152
185
|
};
|
|
153
186
|
return /* @__PURE__ */ i.jsx(
|
|
154
|
-
|
|
187
|
+
Xr,
|
|
155
188
|
{
|
|
156
189
|
scope: t,
|
|
157
190
|
...A,
|
|
158
|
-
children:
|
|
191
|
+
children: Jr(m) ? m(A) : o
|
|
159
192
|
}
|
|
160
193
|
);
|
|
161
194
|
}
|
|
162
|
-
var
|
|
195
|
+
var Gt = "CheckboxTrigger", Wt = a.forwardRef(
|
|
163
196
|
({ __scopeCheckbox: e, onKeyDown: t, onClick: n, ...o }, r) => {
|
|
164
197
|
const {
|
|
165
198
|
control: s,
|
|
@@ -172,26 +205,26 @@ var Ut = "CheckboxTrigger", Gt = a.forwardRef(
|
|
|
172
205
|
hasConsumerStoppedPropagationRef: x,
|
|
173
206
|
isFormControl: g,
|
|
174
207
|
bubbleInput: w
|
|
175
|
-
} = pt(
|
|
208
|
+
} = pt(Gt, e), h = V(r, f), v = a.useRef(u);
|
|
176
209
|
return a.useEffect(() => {
|
|
177
210
|
const S = s?.form;
|
|
178
211
|
if (S) {
|
|
179
|
-
const y = () => m(
|
|
212
|
+
const y = () => m(v.current);
|
|
180
213
|
return S.addEventListener("reset", y), () => S.removeEventListener("reset", y);
|
|
181
214
|
}
|
|
182
215
|
}, [s, m]), /* @__PURE__ */ i.jsx(
|
|
183
|
-
|
|
216
|
+
k.button,
|
|
184
217
|
{
|
|
185
218
|
type: "button",
|
|
186
219
|
role: "checkbox",
|
|
187
220
|
"aria-checked": oe(u) ? "mixed" : u,
|
|
188
221
|
"aria-required": l,
|
|
189
|
-
"data-state":
|
|
222
|
+
"data-state": Xt(u),
|
|
190
223
|
"data-disabled": d ? "" : void 0,
|
|
191
224
|
disabled: d,
|
|
192
225
|
value: c,
|
|
193
226
|
...o,
|
|
194
|
-
ref:
|
|
227
|
+
ref: h,
|
|
195
228
|
onKeyDown: L(t, (S) => {
|
|
196
229
|
S.key === "Enter" && S.preventDefault();
|
|
197
230
|
}),
|
|
@@ -202,8 +235,8 @@ var Ut = "CheckboxTrigger", Gt = a.forwardRef(
|
|
|
202
235
|
);
|
|
203
236
|
}
|
|
204
237
|
);
|
|
205
|
-
|
|
206
|
-
var
|
|
238
|
+
Wt.displayName = Gt;
|
|
239
|
+
var Ht = a.forwardRef(
|
|
207
240
|
(e, t) => {
|
|
208
241
|
const {
|
|
209
242
|
__scopeCheckbox: n,
|
|
@@ -218,7 +251,7 @@ var Wt = a.forwardRef(
|
|
|
218
251
|
...m
|
|
219
252
|
} = e;
|
|
220
253
|
return /* @__PURE__ */ i.jsx(
|
|
221
|
-
|
|
254
|
+
Zr,
|
|
222
255
|
{
|
|
223
256
|
__scopeCheckbox: n,
|
|
224
257
|
checked: r,
|
|
@@ -231,7 +264,7 @@ var Wt = a.forwardRef(
|
|
|
231
264
|
value: u,
|
|
232
265
|
internal_do_not_use_render: ({ isFormControl: x }) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
233
266
|
/* @__PURE__ */ i.jsx(
|
|
234
|
-
|
|
267
|
+
Wt,
|
|
235
268
|
{
|
|
236
269
|
...m,
|
|
237
270
|
ref: t,
|
|
@@ -239,7 +272,7 @@ var Wt = a.forwardRef(
|
|
|
239
272
|
}
|
|
240
273
|
),
|
|
241
274
|
x && /* @__PURE__ */ i.jsx(
|
|
242
|
-
|
|
275
|
+
Yt,
|
|
243
276
|
{
|
|
244
277
|
__scopeCheckbox: n
|
|
245
278
|
}
|
|
@@ -249,18 +282,18 @@ var Wt = a.forwardRef(
|
|
|
249
282
|
);
|
|
250
283
|
}
|
|
251
284
|
);
|
|
252
|
-
|
|
253
|
-
var
|
|
285
|
+
Ht.displayName = Fe;
|
|
286
|
+
var Kt = "CheckboxIndicator", zt = a.forwardRef(
|
|
254
287
|
(e, t) => {
|
|
255
|
-
const { __scopeCheckbox: n, forceMount: o, ...r } = e, s = pt(
|
|
288
|
+
const { __scopeCheckbox: n, forceMount: o, ...r } = e, s = pt(Kt, n);
|
|
256
289
|
return /* @__PURE__ */ i.jsx(
|
|
257
|
-
|
|
290
|
+
Pt,
|
|
258
291
|
{
|
|
259
292
|
present: o || oe(s.checked) || s.checked === !0,
|
|
260
293
|
children: /* @__PURE__ */ i.jsx(
|
|
261
|
-
|
|
294
|
+
k.span,
|
|
262
295
|
{
|
|
263
|
-
"data-state":
|
|
296
|
+
"data-state": Xt(s.checked),
|
|
264
297
|
"data-disabled": s.disabled ? "" : void 0,
|
|
265
298
|
...r,
|
|
266
299
|
ref: t,
|
|
@@ -271,8 +304,8 @@ var Ht = "CheckboxIndicator", Kt = a.forwardRef(
|
|
|
271
304
|
);
|
|
272
305
|
}
|
|
273
306
|
);
|
|
274
|
-
|
|
275
|
-
var
|
|
307
|
+
zt.displayName = Kt;
|
|
308
|
+
var qt = "CheckboxBubbleInput", Yt = a.forwardRef(
|
|
276
309
|
({ __scopeCheckbox: e, ...t }, n) => {
|
|
277
310
|
const {
|
|
278
311
|
control: o,
|
|
@@ -286,7 +319,7 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
|
|
|
286
319
|
form: m,
|
|
287
320
|
bubbleInput: x,
|
|
288
321
|
setBubbleInput: g
|
|
289
|
-
} = pt(
|
|
322
|
+
} = pt(qt, e), w = V(n, g), h = ft(s), v = _t(o);
|
|
290
323
|
a.useEffect(() => {
|
|
291
324
|
const y = x;
|
|
292
325
|
if (!y) return;
|
|
@@ -294,14 +327,14 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
|
|
|
294
327
|
I,
|
|
295
328
|
"checked"
|
|
296
329
|
).set, j = !r.current;
|
|
297
|
-
if (
|
|
330
|
+
if (h !== s && M) {
|
|
298
331
|
const E = new Event("click", { bubbles: j });
|
|
299
332
|
y.indeterminate = oe(s), M.call(y, oe(s) ? !1 : s), y.dispatchEvent(E);
|
|
300
333
|
}
|
|
301
|
-
}, [x,
|
|
334
|
+
}, [x, h, s, r]);
|
|
302
335
|
const S = a.useRef(oe(s) ? !1 : s);
|
|
303
336
|
return /* @__PURE__ */ i.jsx(
|
|
304
|
-
|
|
337
|
+
k.input,
|
|
305
338
|
{
|
|
306
339
|
type: "checkbox",
|
|
307
340
|
"aria-hidden": !0,
|
|
@@ -316,7 +349,7 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
|
|
|
316
349
|
ref: w,
|
|
317
350
|
style: {
|
|
318
351
|
...t.style,
|
|
319
|
-
...
|
|
352
|
+
...v,
|
|
320
353
|
position: "absolute",
|
|
321
354
|
pointerEvents: "none",
|
|
322
355
|
opacity: 0,
|
|
@@ -330,24 +363,24 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
|
|
|
330
363
|
);
|
|
331
364
|
}
|
|
332
365
|
);
|
|
333
|
-
|
|
334
|
-
function
|
|
366
|
+
Yt.displayName = qt;
|
|
367
|
+
function Jr(e) {
|
|
335
368
|
return typeof e == "function";
|
|
336
369
|
}
|
|
337
370
|
function oe(e) {
|
|
338
371
|
return e === "indeterminate";
|
|
339
372
|
}
|
|
340
|
-
function
|
|
373
|
+
function Xt(e) {
|
|
341
374
|
return oe(e) ? "indeterminate" : e ? "checked" : "unchecked";
|
|
342
375
|
}
|
|
343
|
-
var
|
|
344
|
-
|
|
345
|
-
[
|
|
346
|
-
), [
|
|
347
|
-
(e, t) => /* @__PURE__ */ i.jsx(
|
|
376
|
+
var Xe = "rovingFocusGroup.onEntryFocus", Qr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [tt, Zt, eo] = Tt(ke), [to, Jt] = we(
|
|
377
|
+
ke,
|
|
378
|
+
[eo]
|
|
379
|
+
), [no, ro] = to(ke), Qt = a.forwardRef(
|
|
380
|
+
(e, t) => /* @__PURE__ */ i.jsx(tt.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i.jsx(tt.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i.jsx(oo, { ...e, ref: t }) }) })
|
|
348
381
|
);
|
|
349
|
-
|
|
350
|
-
var
|
|
382
|
+
Qt.displayName = ke;
|
|
383
|
+
var oo = a.forwardRef((e, t) => {
|
|
351
384
|
const {
|
|
352
385
|
__scopeRovingFocusGroup: n,
|
|
353
386
|
orientation: o,
|
|
@@ -359,39 +392,39 @@ var Qr = a.forwardRef((e, t) => {
|
|
|
359
392
|
onEntryFocus: l,
|
|
360
393
|
preventScrollOnEntryFocus: f = !1,
|
|
361
394
|
...m
|
|
362
|
-
} = e, x = a.useRef(null), g = V(t, x), w = dt(s), [
|
|
395
|
+
} = e, x = a.useRef(null), g = V(t, x), w = dt(s), [h, v] = ye({
|
|
363
396
|
prop: c,
|
|
364
397
|
defaultProp: d ?? null,
|
|
365
398
|
onChange: u,
|
|
366
|
-
caller:
|
|
367
|
-
}), [S, y] = a.useState(!1), I =
|
|
399
|
+
caller: ke
|
|
400
|
+
}), [S, y] = a.useState(!1), I = Le(l), A = Zt(n), M = a.useRef(!1), [j, E] = a.useState(0);
|
|
368
401
|
return a.useEffect(() => {
|
|
369
|
-
const
|
|
370
|
-
if (
|
|
371
|
-
return
|
|
402
|
+
const P = x.current;
|
|
403
|
+
if (P)
|
|
404
|
+
return P.addEventListener(Xe, I), () => P.removeEventListener(Xe, I);
|
|
372
405
|
}, [I]), /* @__PURE__ */ i.jsx(
|
|
373
|
-
|
|
406
|
+
no,
|
|
374
407
|
{
|
|
375
408
|
scope: n,
|
|
376
409
|
orientation: o,
|
|
377
410
|
dir: w,
|
|
378
411
|
loop: r,
|
|
379
|
-
currentTabStopId:
|
|
412
|
+
currentTabStopId: h,
|
|
380
413
|
onItemFocus: a.useCallback(
|
|
381
|
-
(
|
|
382
|
-
[
|
|
414
|
+
(P) => v(P),
|
|
415
|
+
[v]
|
|
383
416
|
),
|
|
384
417
|
onItemShiftTab: a.useCallback(() => y(!0), []),
|
|
385
418
|
onFocusableItemAdd: a.useCallback(
|
|
386
|
-
() => E((
|
|
419
|
+
() => E((P) => P + 1),
|
|
387
420
|
[]
|
|
388
421
|
),
|
|
389
422
|
onFocusableItemRemove: a.useCallback(
|
|
390
|
-
() => E((
|
|
423
|
+
() => E((P) => P - 1),
|
|
391
424
|
[]
|
|
392
425
|
),
|
|
393
426
|
children: /* @__PURE__ */ i.jsx(
|
|
394
|
-
|
|
427
|
+
k.div,
|
|
395
428
|
{
|
|
396
429
|
tabIndex: S || j === 0 ? -1 : 0,
|
|
397
430
|
"data-orientation": o,
|
|
@@ -401,15 +434,15 @@ var Qr = a.forwardRef((e, t) => {
|
|
|
401
434
|
onMouseDown: L(e.onMouseDown, () => {
|
|
402
435
|
M.current = !0;
|
|
403
436
|
}),
|
|
404
|
-
onFocus: L(e.onFocus, (
|
|
437
|
+
onFocus: L(e.onFocus, (P) => {
|
|
405
438
|
const z = !M.current;
|
|
406
|
-
if (
|
|
407
|
-
const U = new CustomEvent(
|
|
408
|
-
if (
|
|
409
|
-
const W = A().filter((F) => F.focusable), q = W.find((F) => F.active), X = W.find((F) => F.id ===
|
|
439
|
+
if (P.target === P.currentTarget && z && !S) {
|
|
440
|
+
const U = new CustomEvent(Xe, Qr);
|
|
441
|
+
if (P.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
|
|
442
|
+
const W = A().filter((F) => F.focusable), q = W.find((F) => F.active), X = W.find((F) => F.id === h), K = [q, X, ...W].filter(
|
|
410
443
|
Boolean
|
|
411
444
|
).map((F) => F.ref.current);
|
|
412
|
-
|
|
445
|
+
nn(K, f);
|
|
413
446
|
}
|
|
414
447
|
}
|
|
415
448
|
M.current = !1;
|
|
@@ -419,7 +452,7 @@ var Qr = a.forwardRef((e, t) => {
|
|
|
419
452
|
)
|
|
420
453
|
}
|
|
421
454
|
);
|
|
422
|
-
}),
|
|
455
|
+
}), en = "RovingFocusGroupItem", tn = a.forwardRef(
|
|
423
456
|
(e, t) => {
|
|
424
457
|
const {
|
|
425
458
|
__scopeRovingFocusGroup: n,
|
|
@@ -428,57 +461,57 @@ var Qr = a.forwardRef((e, t) => {
|
|
|
428
461
|
tabStopId: s,
|
|
429
462
|
children: c,
|
|
430
463
|
...d
|
|
431
|
-
} = e, u = Z(), l = s || u, f =
|
|
464
|
+
} = e, u = Z(), l = s || u, f = ro(en, n), m = f.currentTabStopId === l, x = Zt(n), { onFocusableItemAdd: g, onFocusableItemRemove: w, currentTabStopId: h } = f;
|
|
432
465
|
return a.useEffect(() => {
|
|
433
466
|
if (o)
|
|
434
467
|
return g(), () => w();
|
|
435
468
|
}, [o, g, w]), /* @__PURE__ */ i.jsx(
|
|
436
|
-
|
|
469
|
+
tt.ItemSlot,
|
|
437
470
|
{
|
|
438
471
|
scope: n,
|
|
439
472
|
id: l,
|
|
440
473
|
focusable: o,
|
|
441
474
|
active: r,
|
|
442
475
|
children: /* @__PURE__ */ i.jsx(
|
|
443
|
-
|
|
476
|
+
k.span,
|
|
444
477
|
{
|
|
445
478
|
tabIndex: m ? 0 : -1,
|
|
446
479
|
"data-orientation": f.orientation,
|
|
447
480
|
...d,
|
|
448
481
|
ref: t,
|
|
449
|
-
onMouseDown: L(e.onMouseDown, (
|
|
450
|
-
o ? f.onItemFocus(l) :
|
|
482
|
+
onMouseDown: L(e.onMouseDown, (v) => {
|
|
483
|
+
o ? f.onItemFocus(l) : v.preventDefault();
|
|
451
484
|
}),
|
|
452
485
|
onFocus: L(e.onFocus, () => f.onItemFocus(l)),
|
|
453
|
-
onKeyDown: L(e.onKeyDown, (
|
|
454
|
-
if (
|
|
486
|
+
onKeyDown: L(e.onKeyDown, (v) => {
|
|
487
|
+
if (v.key === "Tab" && v.shiftKey) {
|
|
455
488
|
f.onItemShiftTab();
|
|
456
489
|
return;
|
|
457
490
|
}
|
|
458
|
-
if (
|
|
459
|
-
const S =
|
|
491
|
+
if (v.target !== v.currentTarget) return;
|
|
492
|
+
const S = io(v, f.orientation, f.dir);
|
|
460
493
|
if (S !== void 0) {
|
|
461
|
-
if (
|
|
462
|
-
|
|
494
|
+
if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
|
|
495
|
+
v.preventDefault();
|
|
463
496
|
let I = x().filter((A) => A.focusable).map((A) => A.ref.current);
|
|
464
497
|
if (S === "last") I.reverse();
|
|
465
498
|
else if (S === "prev" || S === "next") {
|
|
466
499
|
S === "prev" && I.reverse();
|
|
467
|
-
const A = I.indexOf(
|
|
468
|
-
I = f.loop ?
|
|
500
|
+
const A = I.indexOf(v.currentTarget);
|
|
501
|
+
I = f.loop ? co(I, A + 1) : I.slice(A + 1);
|
|
469
502
|
}
|
|
470
|
-
setTimeout(() =>
|
|
503
|
+
setTimeout(() => nn(I));
|
|
471
504
|
}
|
|
472
505
|
}),
|
|
473
|
-
children: typeof c == "function" ? c({ isCurrentTabStop: m, hasTabStop:
|
|
506
|
+
children: typeof c == "function" ? c({ isCurrentTabStop: m, hasTabStop: h != null }) : c
|
|
474
507
|
}
|
|
475
508
|
)
|
|
476
509
|
}
|
|
477
510
|
);
|
|
478
511
|
}
|
|
479
512
|
);
|
|
480
|
-
|
|
481
|
-
var
|
|
513
|
+
tn.displayName = en;
|
|
514
|
+
var so = {
|
|
482
515
|
ArrowLeft: "prev",
|
|
483
516
|
ArrowUp: "prev",
|
|
484
517
|
ArrowRight: "next",
|
|
@@ -488,24 +521,24 @@ var eo = {
|
|
|
488
521
|
PageDown: "last",
|
|
489
522
|
End: "last"
|
|
490
523
|
};
|
|
491
|
-
function
|
|
524
|
+
function ao(e, t) {
|
|
492
525
|
return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
|
|
493
526
|
}
|
|
494
|
-
function
|
|
495
|
-
const o =
|
|
527
|
+
function io(e, t, n) {
|
|
528
|
+
const o = ao(e.key, n);
|
|
496
529
|
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
|
|
497
|
-
return
|
|
530
|
+
return so[o];
|
|
498
531
|
}
|
|
499
|
-
function
|
|
532
|
+
function nn(e, t = !1) {
|
|
500
533
|
const n = document.activeElement;
|
|
501
534
|
for (const o of e)
|
|
502
535
|
if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
|
|
503
536
|
}
|
|
504
|
-
function
|
|
537
|
+
function co(e, t) {
|
|
505
538
|
return e.map((n, o) => e[(t + o) % e.length]);
|
|
506
539
|
}
|
|
507
|
-
var
|
|
508
|
-
|
|
540
|
+
var lo = Qt, uo = tn, fo = "Label", rn = a.forwardRef((e, t) => /* @__PURE__ */ i.jsx(
|
|
541
|
+
k.label,
|
|
509
542
|
{
|
|
510
543
|
...e,
|
|
511
544
|
ref: t,
|
|
@@ -514,12 +547,12 @@ var oo = Jt, so = en, ao = "Label", nn = a.forwardRef((e, t) => /* @__PURE__ */
|
|
|
514
547
|
}
|
|
515
548
|
}
|
|
516
549
|
));
|
|
517
|
-
|
|
518
|
-
var
|
|
550
|
+
rn.displayName = fo;
|
|
551
|
+
var po = rn;
|
|
519
552
|
function yt(e, [t, n]) {
|
|
520
553
|
return Math.min(n, Math.max(t, e));
|
|
521
554
|
}
|
|
522
|
-
var mt = "Radio", [
|
|
555
|
+
var mt = "Radio", [mo, on] = we(mt), [ho, vo] = mo(mt), sn = a.forwardRef(
|
|
523
556
|
(e, t) => {
|
|
524
557
|
const {
|
|
525
558
|
__scopeRadio: n,
|
|
@@ -531,27 +564,27 @@ var mt = "Radio", [co, rn] = we(mt), [lo, uo] = co(mt), on = a.forwardRef(
|
|
|
531
564
|
onCheck: u,
|
|
532
565
|
form: l,
|
|
533
566
|
...f
|
|
534
|
-
} = e, [m, x] = a.useState(null), g = V(t, (
|
|
535
|
-
return /* @__PURE__ */ i.jsxs(
|
|
567
|
+
} = e, [m, x] = a.useState(null), g = V(t, (v) => x(v)), w = a.useRef(!1), h = m ? l || !!m.closest("form") : !0;
|
|
568
|
+
return /* @__PURE__ */ i.jsxs(ho, { scope: n, checked: r, disabled: c, children: [
|
|
536
569
|
/* @__PURE__ */ i.jsx(
|
|
537
|
-
|
|
570
|
+
k.button,
|
|
538
571
|
{
|
|
539
572
|
type: "button",
|
|
540
573
|
role: "radio",
|
|
541
574
|
"aria-checked": r,
|
|
542
|
-
"data-state":
|
|
575
|
+
"data-state": dn(r),
|
|
543
576
|
"data-disabled": c ? "" : void 0,
|
|
544
577
|
disabled: c,
|
|
545
578
|
value: d,
|
|
546
579
|
...f,
|
|
547
580
|
ref: g,
|
|
548
|
-
onClick: L(e.onClick, (
|
|
549
|
-
r || u?.(),
|
|
581
|
+
onClick: L(e.onClick, (v) => {
|
|
582
|
+
r || u?.(), h && (w.current = v.isPropagationStopped(), w.current || v.stopPropagation());
|
|
550
583
|
})
|
|
551
584
|
}
|
|
552
585
|
),
|
|
553
|
-
|
|
554
|
-
|
|
586
|
+
h && /* @__PURE__ */ i.jsx(
|
|
587
|
+
ln,
|
|
555
588
|
{
|
|
556
589
|
control: m,
|
|
557
590
|
bubbles: !w.current,
|
|
@@ -567,14 +600,14 @@ var mt = "Radio", [co, rn] = we(mt), [lo, uo] = co(mt), on = a.forwardRef(
|
|
|
567
600
|
] });
|
|
568
601
|
}
|
|
569
602
|
);
|
|
570
|
-
|
|
571
|
-
var
|
|
603
|
+
sn.displayName = mt;
|
|
604
|
+
var an = "RadioIndicator", cn = a.forwardRef(
|
|
572
605
|
(e, t) => {
|
|
573
|
-
const { __scopeRadio: n, forceMount: o, ...r } = e, s =
|
|
574
|
-
return /* @__PURE__ */ i.jsx(
|
|
575
|
-
|
|
606
|
+
const { __scopeRadio: n, forceMount: o, ...r } = e, s = vo(an, n);
|
|
607
|
+
return /* @__PURE__ */ i.jsx(Pt, { present: o || s.checked, children: /* @__PURE__ */ i.jsx(
|
|
608
|
+
k.span,
|
|
576
609
|
{
|
|
577
|
-
"data-state":
|
|
610
|
+
"data-state": dn(s.checked),
|
|
578
611
|
"data-disabled": s.disabled ? "" : void 0,
|
|
579
612
|
...r,
|
|
580
613
|
ref: t
|
|
@@ -582,8 +615,8 @@ var sn = "RadioIndicator", an = a.forwardRef(
|
|
|
582
615
|
) });
|
|
583
616
|
}
|
|
584
617
|
);
|
|
585
|
-
|
|
586
|
-
var
|
|
618
|
+
cn.displayName = an;
|
|
619
|
+
var go = "RadioBubbleInput", ln = a.forwardRef(
|
|
587
620
|
({
|
|
588
621
|
__scopeRadio: e,
|
|
589
622
|
control: t,
|
|
@@ -604,7 +637,7 @@ var fo = "RadioBubbleInput", cn = a.forwardRef(
|
|
|
604
637
|
g.call(f, n), f.dispatchEvent(w);
|
|
605
638
|
}
|
|
606
639
|
}, [u, n, o]), /* @__PURE__ */ i.jsx(
|
|
607
|
-
|
|
640
|
+
k.input,
|
|
608
641
|
{
|
|
609
642
|
type: "radio",
|
|
610
643
|
"aria-hidden": !0,
|
|
@@ -624,14 +657,14 @@ var fo = "RadioBubbleInput", cn = a.forwardRef(
|
|
|
624
657
|
);
|
|
625
658
|
}
|
|
626
659
|
);
|
|
627
|
-
|
|
628
|
-
function
|
|
660
|
+
ln.displayName = go;
|
|
661
|
+
function dn(e) {
|
|
629
662
|
return e ? "checked" : "unchecked";
|
|
630
663
|
}
|
|
631
|
-
var
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
]),
|
|
664
|
+
var xo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Be = "RadioGroup", [bo, Aa] = we(Be, [
|
|
665
|
+
Jt,
|
|
666
|
+
on
|
|
667
|
+
]), un = Jt(), fn = on(), [yo, wo] = bo(Be), pn = a.forwardRef(
|
|
635
668
|
(e, t) => {
|
|
636
669
|
const {
|
|
637
670
|
__scopeRadioGroup: n,
|
|
@@ -645,23 +678,23 @@ var po = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
|
|
|
645
678
|
loop: f = !0,
|
|
646
679
|
onValueChange: m,
|
|
647
680
|
...x
|
|
648
|
-
} = e, g =
|
|
681
|
+
} = e, g = un(n), w = dt(l), [h, v] = ye({
|
|
649
682
|
prop: s,
|
|
650
683
|
defaultProp: r ?? null,
|
|
651
684
|
onChange: m,
|
|
652
|
-
caller:
|
|
685
|
+
caller: Be
|
|
653
686
|
});
|
|
654
687
|
return /* @__PURE__ */ i.jsx(
|
|
655
|
-
|
|
688
|
+
yo,
|
|
656
689
|
{
|
|
657
690
|
scope: n,
|
|
658
691
|
name: o,
|
|
659
692
|
required: c,
|
|
660
693
|
disabled: d,
|
|
661
|
-
value:
|
|
662
|
-
onValueChange:
|
|
694
|
+
value: h,
|
|
695
|
+
onValueChange: v,
|
|
663
696
|
children: /* @__PURE__ */ i.jsx(
|
|
664
|
-
|
|
697
|
+
lo,
|
|
665
698
|
{
|
|
666
699
|
asChild: !0,
|
|
667
700
|
...g,
|
|
@@ -669,7 +702,7 @@ var po = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
|
|
|
669
702
|
dir: w,
|
|
670
703
|
loop: f,
|
|
671
704
|
children: /* @__PURE__ */ i.jsx(
|
|
672
|
-
|
|
705
|
+
k.div,
|
|
673
706
|
{
|
|
674
707
|
role: "radiogroup",
|
|
675
708
|
"aria-required": c,
|
|
@@ -686,26 +719,26 @@ var po = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
|
|
|
686
719
|
);
|
|
687
720
|
}
|
|
688
721
|
);
|
|
689
|
-
|
|
690
|
-
var
|
|
722
|
+
pn.displayName = Be;
|
|
723
|
+
var mn = "RadioGroupItem", hn = a.forwardRef(
|
|
691
724
|
(e, t) => {
|
|
692
|
-
const { __scopeRadioGroup: n, disabled: o, ...r } = e, s =
|
|
725
|
+
const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = wo(mn, n), c = s.disabled || o, d = un(n), u = fn(n), l = a.useRef(null), f = V(t, l), m = s.value === r.value, x = a.useRef(!1);
|
|
693
726
|
return a.useEffect(() => {
|
|
694
|
-
const g = (
|
|
695
|
-
|
|
727
|
+
const g = (h) => {
|
|
728
|
+
xo.includes(h.key) && (x.current = !0);
|
|
696
729
|
}, w = () => x.current = !1;
|
|
697
730
|
return document.addEventListener("keydown", g), document.addEventListener("keyup", w), () => {
|
|
698
731
|
document.removeEventListener("keydown", g), document.removeEventListener("keyup", w);
|
|
699
732
|
};
|
|
700
733
|
}, []), /* @__PURE__ */ i.jsx(
|
|
701
|
-
|
|
734
|
+
uo,
|
|
702
735
|
{
|
|
703
736
|
asChild: !0,
|
|
704
737
|
...d,
|
|
705
738
|
focusable: !c,
|
|
706
739
|
active: m,
|
|
707
740
|
children: /* @__PURE__ */ i.jsx(
|
|
708
|
-
|
|
741
|
+
sn,
|
|
709
742
|
{
|
|
710
743
|
disabled: c,
|
|
711
744
|
required: s.required,
|
|
@@ -727,18 +760,18 @@ var pn = "RadioGroupItem", mn = a.forwardRef(
|
|
|
727
760
|
);
|
|
728
761
|
}
|
|
729
762
|
);
|
|
730
|
-
|
|
731
|
-
var
|
|
763
|
+
hn.displayName = mn;
|
|
764
|
+
var Co = "RadioGroupIndicator", vn = a.forwardRef(
|
|
732
765
|
(e, t) => {
|
|
733
|
-
const { __scopeRadioGroup: n, ...o } = e, r =
|
|
734
|
-
return /* @__PURE__ */ i.jsx(
|
|
766
|
+
const { __scopeRadioGroup: n, ...o } = e, r = fn(n);
|
|
767
|
+
return /* @__PURE__ */ i.jsx(cn, { ...r, ...o, ref: t });
|
|
735
768
|
}
|
|
736
769
|
);
|
|
737
|
-
vn.displayName =
|
|
738
|
-
var
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
]),
|
|
770
|
+
vn.displayName = Co;
|
|
771
|
+
var So = pn, Eo = hn, Io = vn, Ro = [" ", "Enter", "ArrowUp", "ArrowDown"], No = [" ", "Enter"], pe = "Select", [$e, Ve, ko] = Tt(pe), [Ce, Ma] = we(pe, [
|
|
772
|
+
ko,
|
|
773
|
+
Dt
|
|
774
|
+
]), Ue = Dt(), [jo, ce] = Ce(pe), [Po, _o] = Ce(pe), gn = (e) => {
|
|
742
775
|
const {
|
|
743
776
|
__scopeSelect: t,
|
|
744
777
|
children: n,
|
|
@@ -754,7 +787,7 @@ var xo = fn, bo = mn, yo = vn, wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Co =
|
|
|
754
787
|
disabled: x,
|
|
755
788
|
required: g,
|
|
756
789
|
form: w
|
|
757
|
-
} = e,
|
|
790
|
+
} = e, h = Ue(t), [v, S] = a.useState(null), [y, I] = a.useState(null), [A, M] = a.useState(!1), j = dt(l), [E, P] = ye({
|
|
758
791
|
prop: o,
|
|
759
792
|
defaultProp: r ?? !1,
|
|
760
793
|
onChange: s,
|
|
@@ -764,13 +797,13 @@ var xo = fn, bo = mn, yo = vn, wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Co =
|
|
|
764
797
|
defaultProp: d,
|
|
765
798
|
onChange: u,
|
|
766
799
|
caller: pe
|
|
767
|
-
}), W = a.useRef(null), q =
|
|
768
|
-
return /* @__PURE__ */ i.jsx(
|
|
769
|
-
|
|
800
|
+
}), W = a.useRef(null), q = v ? w || !!v.closest("form") : !0, [X, H] = a.useState(/* @__PURE__ */ new Set()), K = Array.from(X).map((F) => F.props.value).join(";");
|
|
801
|
+
return /* @__PURE__ */ i.jsx(br, { ...h, children: /* @__PURE__ */ i.jsxs(
|
|
802
|
+
jo,
|
|
770
803
|
{
|
|
771
804
|
required: g,
|
|
772
805
|
scope: t,
|
|
773
|
-
trigger:
|
|
806
|
+
trigger: v,
|
|
774
807
|
onTriggerChange: S,
|
|
775
808
|
valueNode: y,
|
|
776
809
|
onValueNodeChange: I,
|
|
@@ -780,13 +813,13 @@ var xo = fn, bo = mn, yo = vn, wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Co =
|
|
|
780
813
|
value: z,
|
|
781
814
|
onValueChange: U,
|
|
782
815
|
open: E,
|
|
783
|
-
onOpenChange:
|
|
816
|
+
onOpenChange: P,
|
|
784
817
|
dir: j,
|
|
785
818
|
triggerPointerDownPosRef: W,
|
|
786
819
|
disabled: x,
|
|
787
820
|
children: [
|
|
788
|
-
/* @__PURE__ */ i.jsx(
|
|
789
|
-
|
|
821
|
+
/* @__PURE__ */ i.jsx($e.Provider, { scope: t, children: /* @__PURE__ */ i.jsx(
|
|
822
|
+
Po,
|
|
790
823
|
{
|
|
791
824
|
scope: e.__scopeSelect,
|
|
792
825
|
onNativeOptionAdd: a.useCallback((F) => {
|
|
@@ -802,7 +835,7 @@ var xo = fn, bo = mn, yo = vn, wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Co =
|
|
|
802
835
|
}
|
|
803
836
|
) }),
|
|
804
837
|
q ? /* @__PURE__ */ i.jsxs(
|
|
805
|
-
|
|
838
|
+
Bn,
|
|
806
839
|
{
|
|
807
840
|
"aria-hidden": !0,
|
|
808
841
|
required: g,
|
|
@@ -824,20 +857,20 @@ var xo = fn, bo = mn, yo = vn, wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Co =
|
|
|
824
857
|
}
|
|
825
858
|
) });
|
|
826
859
|
};
|
|
827
|
-
|
|
828
|
-
var
|
|
860
|
+
gn.displayName = pe;
|
|
861
|
+
var xn = "SelectTrigger", bn = a.forwardRef(
|
|
829
862
|
(e, t) => {
|
|
830
|
-
const { __scopeSelect: n, disabled: o = !1, ...r } = e, s =
|
|
831
|
-
const
|
|
863
|
+
const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = Ue(n), c = ce(xn, n), d = c.disabled || o, u = V(t, c.onTriggerChange), l = Ve(n), f = a.useRef("touch"), [m, x, g] = Vn((h) => {
|
|
864
|
+
const v = l().filter((I) => !I.disabled), S = v.find((I) => I.value === c.value), y = Un(v, h, S);
|
|
832
865
|
y !== void 0 && c.onValueChange(y.value);
|
|
833
|
-
}), w = (
|
|
834
|
-
d || (c.onOpenChange(!0), g()),
|
|
835
|
-
x: Math.round(
|
|
836
|
-
y: Math.round(
|
|
866
|
+
}), w = (h) => {
|
|
867
|
+
d || (c.onOpenChange(!0), g()), h && (c.triggerPointerDownPosRef.current = {
|
|
868
|
+
x: Math.round(h.pageX),
|
|
869
|
+
y: Math.round(h.pageY)
|
|
837
870
|
});
|
|
838
871
|
};
|
|
839
|
-
return /* @__PURE__ */ i.jsx(
|
|
840
|
-
|
|
872
|
+
return /* @__PURE__ */ i.jsx(yr, { asChild: !0, ...s, children: /* @__PURE__ */ i.jsx(
|
|
873
|
+
k.button,
|
|
841
874
|
{
|
|
842
875
|
type: "button",
|
|
843
876
|
role: "combobox",
|
|
@@ -849,69 +882,69 @@ var gn = "SelectTrigger", xn = a.forwardRef(
|
|
|
849
882
|
"data-state": c.open ? "open" : "closed",
|
|
850
883
|
disabled: d,
|
|
851
884
|
"data-disabled": d ? "" : void 0,
|
|
852
|
-
"data-placeholder":
|
|
885
|
+
"data-placeholder": $n(c.value) ? "" : void 0,
|
|
853
886
|
...r,
|
|
854
887
|
ref: u,
|
|
855
|
-
onClick: L(r.onClick, (
|
|
856
|
-
|
|
888
|
+
onClick: L(r.onClick, (h) => {
|
|
889
|
+
h.currentTarget.focus(), f.current !== "mouse" && w(h);
|
|
857
890
|
}),
|
|
858
|
-
onPointerDown: L(r.onPointerDown, (
|
|
859
|
-
f.current =
|
|
860
|
-
const
|
|
861
|
-
|
|
891
|
+
onPointerDown: L(r.onPointerDown, (h) => {
|
|
892
|
+
f.current = h.pointerType;
|
|
893
|
+
const v = h.target;
|
|
894
|
+
v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId), h.button === 0 && h.ctrlKey === !1 && h.pointerType === "mouse" && (w(h), h.preventDefault());
|
|
862
895
|
}),
|
|
863
|
-
onKeyDown: L(r.onKeyDown, (
|
|
864
|
-
const
|
|
865
|
-
!(
|
|
896
|
+
onKeyDown: L(r.onKeyDown, (h) => {
|
|
897
|
+
const v = m.current !== "";
|
|
898
|
+
!(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && x(h.key), !(v && h.key === " ") && Ro.includes(h.key) && (w(), h.preventDefault());
|
|
866
899
|
})
|
|
867
900
|
}
|
|
868
901
|
) });
|
|
869
902
|
}
|
|
870
903
|
);
|
|
871
|
-
|
|
872
|
-
var
|
|
904
|
+
bn.displayName = xn;
|
|
905
|
+
var yn = "SelectValue", wn = a.forwardRef(
|
|
873
906
|
(e, t) => {
|
|
874
|
-
const { __scopeSelect: n, className: o, style: r, children: s, placeholder: c = "", ...d } = e, u = ce(
|
|
875
|
-
return
|
|
907
|
+
const { __scopeSelect: n, className: o, style: r, children: s, placeholder: c = "", ...d } = e, u = ce(yn, n), { onValueNodeHasChildrenChange: l } = u, f = s !== void 0, m = V(t, u.onValueNodeChange);
|
|
908
|
+
return re(() => {
|
|
876
909
|
l(f);
|
|
877
910
|
}, [l, f]), /* @__PURE__ */ i.jsx(
|
|
878
|
-
|
|
911
|
+
k.span,
|
|
879
912
|
{
|
|
880
913
|
...d,
|
|
881
914
|
ref: m,
|
|
882
915
|
style: { pointerEvents: "none" },
|
|
883
|
-
children:
|
|
916
|
+
children: $n(u.value) ? /* @__PURE__ */ i.jsx(i.Fragment, { children: c }) : s
|
|
884
917
|
}
|
|
885
918
|
);
|
|
886
919
|
}
|
|
887
920
|
);
|
|
888
|
-
|
|
889
|
-
var
|
|
921
|
+
wn.displayName = yn;
|
|
922
|
+
var To = "SelectIcon", Cn = a.forwardRef(
|
|
890
923
|
(e, t) => {
|
|
891
924
|
const { __scopeSelect: n, children: o, ...r } = e;
|
|
892
|
-
return /* @__PURE__ */ i.jsx(
|
|
925
|
+
return /* @__PURE__ */ i.jsx(k.span, { "aria-hidden": !0, ...r, ref: t, children: o || "▼" });
|
|
893
926
|
}
|
|
894
927
|
);
|
|
895
|
-
|
|
896
|
-
var
|
|
897
|
-
|
|
898
|
-
var me = "SelectContent",
|
|
928
|
+
Cn.displayName = To;
|
|
929
|
+
var Do = "SelectPortal", Sn = (e) => /* @__PURE__ */ i.jsx(At, { asChild: !0, ...e });
|
|
930
|
+
Sn.displayName = Do;
|
|
931
|
+
var me = "SelectContent", En = a.forwardRef(
|
|
899
932
|
(e, t) => {
|
|
900
933
|
const n = ce(me, e.__scopeSelect), [o, r] = a.useState();
|
|
901
|
-
if (
|
|
934
|
+
if (re(() => {
|
|
902
935
|
r(new DocumentFragment());
|
|
903
936
|
}, []), !n.open) {
|
|
904
937
|
const s = o;
|
|
905
|
-
return s ?
|
|
906
|
-
/* @__PURE__ */ i.jsx(
|
|
938
|
+
return s ? Ut.createPortal(
|
|
939
|
+
/* @__PURE__ */ i.jsx(In, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx($e.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx("div", { children: e.children }) }) }),
|
|
907
940
|
s
|
|
908
941
|
) : null;
|
|
909
942
|
}
|
|
910
|
-
return /* @__PURE__ */ i.jsx(
|
|
943
|
+
return /* @__PURE__ */ i.jsx(Rn, { ...e, ref: t });
|
|
911
944
|
}
|
|
912
945
|
);
|
|
913
|
-
|
|
914
|
-
var ee = 10, [
|
|
946
|
+
En.displayName = me;
|
|
947
|
+
var ee = 10, [In, le] = Ce(me), Ao = "SelectContentImpl", Mo = kt("SelectContent.RemoveScroll"), Rn = a.forwardRef(
|
|
915
948
|
(e, t) => {
|
|
916
949
|
const {
|
|
917
950
|
__scopeSelect: n,
|
|
@@ -929,26 +962,26 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
929
962
|
collisionBoundary: x,
|
|
930
963
|
collisionPadding: g,
|
|
931
964
|
sticky: w,
|
|
932
|
-
hideWhenDetached:
|
|
933
|
-
avoidCollisions:
|
|
965
|
+
hideWhenDetached: h,
|
|
966
|
+
avoidCollisions: v,
|
|
934
967
|
//
|
|
935
968
|
...S
|
|
936
|
-
} = e, y = ce(me, n), [I, A] = a.useState(null), [M, j] = a.useState(null), E = V(t, (b) => A(b)), [
|
|
969
|
+
} = e, y = ce(me, n), [I, A] = a.useState(null), [M, j] = a.useState(null), E = V(t, (b) => A(b)), [P, z] = a.useState(null), [U, W] = a.useState(
|
|
937
970
|
null
|
|
938
|
-
), q =
|
|
971
|
+
), q = Ve(n), [X, H] = a.useState(!1), K = a.useRef(!1);
|
|
939
972
|
a.useEffect(() => {
|
|
940
|
-
if (I) return
|
|
941
|
-
}, [I]),
|
|
973
|
+
if (I) return Mt(I);
|
|
974
|
+
}, [I]), Cr();
|
|
942
975
|
const F = a.useCallback(
|
|
943
976
|
(b) => {
|
|
944
|
-
const [T, ...D] = q().map((G) => G.ref.current), [O] = D.slice(-1),
|
|
977
|
+
const [T, ...D] = q().map((G) => G.ref.current), [O] = D.slice(-1), $ = document.activeElement;
|
|
945
978
|
for (const G of b)
|
|
946
|
-
if (G ===
|
|
979
|
+
if (G === $ || (G?.scrollIntoView({ block: "nearest" }), G === T && M && (M.scrollTop = 0), G === O && M && (M.scrollTop = M.scrollHeight), G?.focus(), document.activeElement !== $)) return;
|
|
947
980
|
},
|
|
948
981
|
[q, M]
|
|
949
982
|
), Y = a.useCallback(
|
|
950
|
-
() => F([
|
|
951
|
-
[F,
|
|
983
|
+
() => F([P, I]),
|
|
984
|
+
[F, P, I]
|
|
952
985
|
);
|
|
953
986
|
a.useEffect(() => {
|
|
954
987
|
X && Y();
|
|
@@ -975,8 +1008,8 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
975
1008
|
window.removeEventListener("blur", b), window.removeEventListener("resize", b);
|
|
976
1009
|
};
|
|
977
1010
|
}, [J]);
|
|
978
|
-
const [ge, de] =
|
|
979
|
-
const T = q().filter((
|
|
1011
|
+
const [ge, de] = Vn((b) => {
|
|
1012
|
+
const T = q().filter(($) => !$.disabled), D = T.find(($) => $.ref.current === document.activeElement), O = Un(T, b, D);
|
|
980
1013
|
O && setTimeout(() => O.ref.current.focus());
|
|
981
1014
|
}), p = a.useCallback(
|
|
982
1015
|
(b, T, D) => {
|
|
@@ -990,7 +1023,7 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
990
1023
|
(y.value !== void 0 && y.value === T || O) && W(b);
|
|
991
1024
|
},
|
|
992
1025
|
[y.value]
|
|
993
|
-
), C = o === "popper" ?
|
|
1026
|
+
), C = o === "popper" ? nt : Nn, _ = C === nt ? {
|
|
994
1027
|
side: d,
|
|
995
1028
|
sideOffset: u,
|
|
996
1029
|
align: l,
|
|
@@ -999,18 +1032,18 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
999
1032
|
collisionBoundary: x,
|
|
1000
1033
|
collisionPadding: g,
|
|
1001
1034
|
sticky: w,
|
|
1002
|
-
hideWhenDetached:
|
|
1003
|
-
avoidCollisions:
|
|
1035
|
+
hideWhenDetached: h,
|
|
1036
|
+
avoidCollisions: v
|
|
1004
1037
|
} : {};
|
|
1005
1038
|
return /* @__PURE__ */ i.jsx(
|
|
1006
|
-
|
|
1039
|
+
In,
|
|
1007
1040
|
{
|
|
1008
1041
|
scope: n,
|
|
1009
1042
|
content: I,
|
|
1010
1043
|
viewport: M,
|
|
1011
1044
|
onViewportChange: j,
|
|
1012
1045
|
itemRefCallback: p,
|
|
1013
|
-
selectedItem:
|
|
1046
|
+
selectedItem: P,
|
|
1014
1047
|
onItemLeave: R,
|
|
1015
1048
|
itemTextRefCallback: N,
|
|
1016
1049
|
focusSelectedItem: Y,
|
|
@@ -1018,8 +1051,8 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
1018
1051
|
position: o,
|
|
1019
1052
|
isPositioned: X,
|
|
1020
1053
|
searchRef: ge,
|
|
1021
|
-
children: /* @__PURE__ */ i.jsx(
|
|
1022
|
-
|
|
1054
|
+
children: /* @__PURE__ */ i.jsx(Ot, { as: Mo, allowPinchZoom: !0, children: /* @__PURE__ */ i.jsx(
|
|
1055
|
+
Lt,
|
|
1023
1056
|
{
|
|
1024
1057
|
asChild: !0,
|
|
1025
1058
|
trapped: y.open,
|
|
@@ -1030,7 +1063,7 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
1030
1063
|
y.trigger?.focus({ preventScroll: !0 }), b.preventDefault();
|
|
1031
1064
|
}),
|
|
1032
1065
|
children: /* @__PURE__ */ i.jsx(
|
|
1033
|
-
|
|
1066
|
+
Sr,
|
|
1034
1067
|
{
|
|
1035
1068
|
asChild: !0,
|
|
1036
1069
|
disableOutsidePointerEvents: !0,
|
|
@@ -1047,7 +1080,7 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
1047
1080
|
dir: y.dir,
|
|
1048
1081
|
onContextMenu: (b) => b.preventDefault(),
|
|
1049
1082
|
...S,
|
|
1050
|
-
...
|
|
1083
|
+
..._,
|
|
1051
1084
|
onPlaced: () => H(!0),
|
|
1052
1085
|
ref: E,
|
|
1053
1086
|
style: {
|
|
@@ -1061,9 +1094,9 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
1061
1094
|
onKeyDown: L(S.onKeyDown, (b) => {
|
|
1062
1095
|
const T = b.ctrlKey || b.altKey || b.metaKey;
|
|
1063
1096
|
if (b.key === "Tab" && b.preventDefault(), !T && b.key.length === 1 && de(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
|
|
1064
|
-
let O = q().filter((
|
|
1097
|
+
let O = q().filter(($) => !$.disabled).map(($) => $.ref.current);
|
|
1065
1098
|
if (["ArrowUp", "End"].includes(b.key) && (O = O.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
|
|
1066
|
-
const
|
|
1099
|
+
const $ = b.target, G = O.indexOf($);
|
|
1067
1100
|
O = O.slice(G + 1);
|
|
1068
1101
|
}
|
|
1069
1102
|
setTimeout(() => F(O)), b.preventDefault();
|
|
@@ -1079,48 +1112,48 @@ var ee = 10, [En, le] = Ce(me), jo = "SelectContentImpl", _o = Pt("SelectContent
|
|
|
1079
1112
|
);
|
|
1080
1113
|
}
|
|
1081
1114
|
);
|
|
1082
|
-
|
|
1083
|
-
var
|
|
1084
|
-
const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ce(me, n), c = le(me, n), [d, u] = a.useState(null), [l, f] = a.useState(null), m = V(t, (E) => f(E)), x =
|
|
1085
|
-
if (s.trigger && s.valueNode && d && l &&
|
|
1086
|
-
const E = s.trigger.getBoundingClientRect(),
|
|
1115
|
+
Rn.displayName = Ao;
|
|
1116
|
+
var Oo = "SelectItemAlignedPosition", Nn = a.forwardRef((e, t) => {
|
|
1117
|
+
const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ce(me, n), c = le(me, n), [d, u] = a.useState(null), [l, f] = a.useState(null), m = V(t, (E) => f(E)), x = Ve(n), g = a.useRef(!1), w = a.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: S, focusSelectedItem: y } = c, I = a.useCallback(() => {
|
|
1118
|
+
if (s.trigger && s.valueNode && d && l && h && v && S) {
|
|
1119
|
+
const E = s.trigger.getBoundingClientRect(), P = l.getBoundingClientRect(), z = s.valueNode.getBoundingClientRect(), U = S.getBoundingClientRect();
|
|
1087
1120
|
if (s.dir !== "rtl") {
|
|
1088
|
-
const
|
|
1121
|
+
const $ = U.left - P.left, G = z.left - $, ue = E.left - G, fe = E.width + ue, Ke = Math.max(fe, P.width), ze = window.innerWidth - ee, qe = yt(G, [
|
|
1089
1122
|
ee,
|
|
1090
1123
|
// Prevents the content from going off the starting edge of the
|
|
1091
1124
|
// viewport. It may still go off the ending edge, but this can be
|
|
1092
1125
|
// controlled by the user since they may want to manage overflow in a
|
|
1093
1126
|
// specific way.
|
|
1094
1127
|
// https://github.com/radix-ui/primitives/issues/2049
|
|
1095
|
-
Math.max(ee,
|
|
1128
|
+
Math.max(ee, ze - Ke)
|
|
1096
1129
|
]);
|
|
1097
|
-
d.style.minWidth = fe + "px", d.style.left =
|
|
1130
|
+
d.style.minWidth = fe + "px", d.style.left = qe + "px";
|
|
1098
1131
|
} else {
|
|
1099
|
-
const
|
|
1132
|
+
const $ = P.right - U.right, G = window.innerWidth - z.right - $, ue = window.innerWidth - E.right - G, fe = E.width + ue, Ke = Math.max(fe, P.width), ze = window.innerWidth - ee, qe = yt(G, [
|
|
1100
1133
|
ee,
|
|
1101
|
-
Math.max(ee,
|
|
1134
|
+
Math.max(ee, ze - Ke)
|
|
1102
1135
|
]);
|
|
1103
|
-
d.style.minWidth = fe + "px", d.style.right =
|
|
1136
|
+
d.style.minWidth = fe + "px", d.style.right = qe + "px";
|
|
1104
1137
|
}
|
|
1105
|
-
const W = x(), q = window.innerHeight - ee * 2, X =
|
|
1138
|
+
const W = x(), q = window.innerHeight - ee * 2, X = h.scrollHeight, H = window.getComputedStyle(l), K = parseInt(H.borderTopWidth, 10), F = parseInt(H.paddingTop, 10), Y = parseInt(H.borderBottomWidth, 10), J = parseInt(H.paddingBottom, 10), Q = K + F + X + J + Y, ge = Math.min(v.offsetHeight * 5, Q), de = window.getComputedStyle(h), p = parseInt(de.paddingTop, 10), R = parseInt(de.paddingBottom, 10), N = E.top + E.height / 2 - ee, C = q - N, _ = v.offsetHeight / 2, b = v.offsetTop + _, T = K + F + b, D = Q - T;
|
|
1106
1139
|
if (T <= N) {
|
|
1107
|
-
const
|
|
1140
|
+
const $ = W.length > 0 && v === W[W.length - 1].ref.current;
|
|
1108
1141
|
d.style.bottom = "0px";
|
|
1109
|
-
const G = l.clientHeight -
|
|
1142
|
+
const G = l.clientHeight - h.offsetTop - h.offsetHeight, ue = Math.max(
|
|
1110
1143
|
C,
|
|
1111
|
-
|
|
1112
|
-
(
|
|
1144
|
+
_ + // viewport might have padding bottom, include it to avoid a scrollable viewport
|
|
1145
|
+
($ ? R : 0) + G + Y
|
|
1113
1146
|
), fe = T + ue;
|
|
1114
1147
|
d.style.height = fe + "px";
|
|
1115
1148
|
} else {
|
|
1116
|
-
const
|
|
1149
|
+
const $ = W.length > 0 && v === W[0].ref.current;
|
|
1117
1150
|
d.style.top = "0px";
|
|
1118
1151
|
const ue = Math.max(
|
|
1119
1152
|
N,
|
|
1120
|
-
K +
|
|
1121
|
-
(
|
|
1153
|
+
K + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
|
|
1154
|
+
($ ? p : 0) + _
|
|
1122
1155
|
) + D;
|
|
1123
|
-
d.style.height = ue + "px",
|
|
1156
|
+
d.style.height = ue + "px", h.scrollTop = T - N + h.offsetTop;
|
|
1124
1157
|
}
|
|
1125
1158
|
d.style.margin = `${ee}px 0`, d.style.minHeight = ge + "px", d.style.maxHeight = q + "px", o?.(), requestAnimationFrame(() => g.current = !0);
|
|
1126
1159
|
}
|
|
@@ -1130,15 +1163,15 @@ var ko = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
|
|
|
1130
1163
|
s.valueNode,
|
|
1131
1164
|
d,
|
|
1132
1165
|
l,
|
|
1133
|
-
v,
|
|
1134
1166
|
h,
|
|
1167
|
+
v,
|
|
1135
1168
|
S,
|
|
1136
1169
|
s.dir,
|
|
1137
1170
|
o
|
|
1138
1171
|
]);
|
|
1139
|
-
|
|
1172
|
+
re(() => I(), [I]);
|
|
1140
1173
|
const [A, M] = a.useState();
|
|
1141
|
-
|
|
1174
|
+
re(() => {
|
|
1142
1175
|
l && M(window.getComputedStyle(l).zIndex);
|
|
1143
1176
|
}, [l]);
|
|
1144
1177
|
const j = a.useCallback(
|
|
@@ -1148,7 +1181,7 @@ var ko = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
|
|
|
1148
1181
|
[I, y]
|
|
1149
1182
|
);
|
|
1150
1183
|
return /* @__PURE__ */ i.jsx(
|
|
1151
|
-
|
|
1184
|
+
Fo,
|
|
1152
1185
|
{
|
|
1153
1186
|
scope: n,
|
|
1154
1187
|
contentWrapper: d,
|
|
@@ -1165,7 +1198,7 @@ var ko = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
|
|
|
1165
1198
|
zIndex: A
|
|
1166
1199
|
},
|
|
1167
1200
|
children: /* @__PURE__ */ i.jsx(
|
|
1168
|
-
|
|
1201
|
+
k.div,
|
|
1169
1202
|
{
|
|
1170
1203
|
...r,
|
|
1171
1204
|
ref: m,
|
|
@@ -1184,16 +1217,16 @@ var ko = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
|
|
|
1184
1217
|
}
|
|
1185
1218
|
);
|
|
1186
1219
|
});
|
|
1187
|
-
|
|
1188
|
-
var
|
|
1220
|
+
Nn.displayName = Oo;
|
|
1221
|
+
var Lo = "SelectPopperPosition", nt = a.forwardRef((e, t) => {
|
|
1189
1222
|
const {
|
|
1190
1223
|
__scopeSelect: n,
|
|
1191
1224
|
align: o = "start",
|
|
1192
1225
|
collisionPadding: r = ee,
|
|
1193
1226
|
...s
|
|
1194
|
-
} = e, c =
|
|
1227
|
+
} = e, c = Ue(n);
|
|
1195
1228
|
return /* @__PURE__ */ i.jsx(
|
|
1196
|
-
|
|
1229
|
+
Er,
|
|
1197
1230
|
{
|
|
1198
1231
|
...c,
|
|
1199
1232
|
...s,
|
|
@@ -1213,10 +1246,10 @@ var To = "SelectPopperPosition", et = a.forwardRef((e, t) => {
|
|
|
1213
1246
|
}
|
|
1214
1247
|
);
|
|
1215
1248
|
});
|
|
1216
|
-
|
|
1217
|
-
var [
|
|
1249
|
+
nt.displayName = Lo;
|
|
1250
|
+
var [Fo, ht] = Ce(me, {}), rt = "SelectViewport", kn = a.forwardRef(
|
|
1218
1251
|
(e, t) => {
|
|
1219
|
-
const { __scopeSelect: n, nonce: o, ...r } = e, s = le(
|
|
1252
|
+
const { __scopeSelect: n, nonce: o, ...r } = e, s = le(rt, n), c = ht(rt, n), d = V(t, s.onViewportChange), u = a.useRef(0);
|
|
1220
1253
|
return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
1221
1254
|
/* @__PURE__ */ i.jsx(
|
|
1222
1255
|
"style",
|
|
@@ -1227,8 +1260,8 @@ var [Do, vt] = Ce(me, {}), tt = "SelectViewport", Nn = a.forwardRef(
|
|
|
1227
1260
|
nonce: o
|
|
1228
1261
|
}
|
|
1229
1262
|
),
|
|
1230
|
-
/* @__PURE__ */ i.jsx(
|
|
1231
|
-
|
|
1263
|
+
/* @__PURE__ */ i.jsx($e.Slot, { scope: n, children: /* @__PURE__ */ i.jsx(
|
|
1264
|
+
k.div,
|
|
1232
1265
|
{
|
|
1233
1266
|
"data-radix-select-viewport": "",
|
|
1234
1267
|
role: "presentation",
|
|
@@ -1252,7 +1285,7 @@ var [Do, vt] = Ce(me, {}), tt = "SelectViewport", Nn = a.forwardRef(
|
|
|
1252
1285
|
if (x?.current && m) {
|
|
1253
1286
|
const g = Math.abs(u.current - f.scrollTop);
|
|
1254
1287
|
if (g > 0) {
|
|
1255
|
-
const w = window.innerHeight - ee * 2,
|
|
1288
|
+
const w = window.innerHeight - ee * 2, h = parseFloat(m.style.minHeight), v = parseFloat(m.style.height), S = Math.max(h, v);
|
|
1256
1289
|
if (S < w) {
|
|
1257
1290
|
const y = S + g, I = Math.min(w, y), A = y - I;
|
|
1258
1291
|
m.style.height = I + "px", m.style.bottom === "0px" && (f.scrollTop = A > 0 ? A : 0, m.style.justifyContent = "flex-end");
|
|
@@ -1266,22 +1299,22 @@ var [Do, vt] = Ce(me, {}), tt = "SelectViewport", Nn = a.forwardRef(
|
|
|
1266
1299
|
] });
|
|
1267
1300
|
}
|
|
1268
1301
|
);
|
|
1269
|
-
|
|
1270
|
-
var
|
|
1302
|
+
kn.displayName = rt;
|
|
1303
|
+
var jn = "SelectGroup", [Bo, $o] = Ce(jn), Vo = a.forwardRef(
|
|
1271
1304
|
(e, t) => {
|
|
1272
1305
|
const { __scopeSelect: n, ...o } = e, r = Z();
|
|
1273
|
-
return /* @__PURE__ */ i.jsx(
|
|
1306
|
+
return /* @__PURE__ */ i.jsx(Bo, { scope: n, id: r, children: /* @__PURE__ */ i.jsx(k.div, { role: "group", "aria-labelledby": r, ...o, ref: t }) });
|
|
1274
1307
|
}
|
|
1275
1308
|
);
|
|
1276
|
-
|
|
1277
|
-
var
|
|
1309
|
+
Vo.displayName = jn;
|
|
1310
|
+
var Pn = "SelectLabel", Uo = a.forwardRef(
|
|
1278
1311
|
(e, t) => {
|
|
1279
|
-
const { __scopeSelect: n, ...o } = e, r =
|
|
1280
|
-
return /* @__PURE__ */ i.jsx(
|
|
1312
|
+
const { __scopeSelect: n, ...o } = e, r = $o(Pn, n);
|
|
1313
|
+
return /* @__PURE__ */ i.jsx(k.div, { id: r.id, ...o, ref: t });
|
|
1281
1314
|
}
|
|
1282
1315
|
);
|
|
1283
|
-
|
|
1284
|
-
var Te = "SelectItem", [
|
|
1316
|
+
Uo.displayName = Pn;
|
|
1317
|
+
var Te = "SelectItem", [Go, _n] = Ce(Te), Tn = a.forwardRef(
|
|
1285
1318
|
(e, t) => {
|
|
1286
1319
|
const {
|
|
1287
1320
|
__scopeSelect: n,
|
|
@@ -1292,7 +1325,7 @@ var Te = "SelectItem", [Fo, _n] = Ce(Te), kn = a.forwardRef(
|
|
|
1292
1325
|
} = e, d = ce(Te, n), u = le(Te, n), l = d.value === o, [f, m] = a.useState(s ?? ""), [x, g] = a.useState(!1), w = V(
|
|
1293
1326
|
t,
|
|
1294
1327
|
(y) => u.itemRefCallback?.(y, o, r)
|
|
1295
|
-
),
|
|
1328
|
+
), h = Z(), v = a.useRef("touch"), S = () => {
|
|
1296
1329
|
r || (d.onValueChange(o), d.onOpenChange(!1));
|
|
1297
1330
|
};
|
|
1298
1331
|
if (o === "")
|
|
@@ -1300,28 +1333,28 @@ var Te = "SelectItem", [Fo, _n] = Ce(Te), kn = a.forwardRef(
|
|
|
1300
1333
|
"A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
|
|
1301
1334
|
);
|
|
1302
1335
|
return /* @__PURE__ */ i.jsx(
|
|
1303
|
-
|
|
1336
|
+
Go,
|
|
1304
1337
|
{
|
|
1305
1338
|
scope: n,
|
|
1306
1339
|
value: o,
|
|
1307
1340
|
disabled: r,
|
|
1308
|
-
textId:
|
|
1341
|
+
textId: h,
|
|
1309
1342
|
isSelected: l,
|
|
1310
1343
|
onItemTextChange: a.useCallback((y) => {
|
|
1311
1344
|
m((I) => I || (y?.textContent ?? "").trim());
|
|
1312
1345
|
}, []),
|
|
1313
1346
|
children: /* @__PURE__ */ i.jsx(
|
|
1314
|
-
|
|
1347
|
+
$e.ItemSlot,
|
|
1315
1348
|
{
|
|
1316
1349
|
scope: n,
|
|
1317
1350
|
value: o,
|
|
1318
1351
|
disabled: r,
|
|
1319
1352
|
textValue: f,
|
|
1320
1353
|
children: /* @__PURE__ */ i.jsx(
|
|
1321
|
-
|
|
1354
|
+
k.div,
|
|
1322
1355
|
{
|
|
1323
1356
|
role: "option",
|
|
1324
|
-
"aria-labelledby":
|
|
1357
|
+
"aria-labelledby": h,
|
|
1325
1358
|
"data-highlighted": x ? "" : void 0,
|
|
1326
1359
|
"aria-selected": l && x,
|
|
1327
1360
|
"data-state": l ? "checked" : "unchecked",
|
|
@@ -1333,22 +1366,22 @@ var Te = "SelectItem", [Fo, _n] = Ce(Te), kn = a.forwardRef(
|
|
|
1333
1366
|
onFocus: L(c.onFocus, () => g(!0)),
|
|
1334
1367
|
onBlur: L(c.onBlur, () => g(!1)),
|
|
1335
1368
|
onClick: L(c.onClick, () => {
|
|
1336
|
-
|
|
1369
|
+
v.current !== "mouse" && S();
|
|
1337
1370
|
}),
|
|
1338
1371
|
onPointerUp: L(c.onPointerUp, () => {
|
|
1339
|
-
|
|
1372
|
+
v.current === "mouse" && S();
|
|
1340
1373
|
}),
|
|
1341
1374
|
onPointerDown: L(c.onPointerDown, (y) => {
|
|
1342
|
-
|
|
1375
|
+
v.current = y.pointerType;
|
|
1343
1376
|
}),
|
|
1344
1377
|
onPointerMove: L(c.onPointerMove, (y) => {
|
|
1345
|
-
|
|
1378
|
+
v.current = y.pointerType, r ? u.onItemLeave?.() : v.current === "mouse" && y.currentTarget.focus({ preventScroll: !0 });
|
|
1346
1379
|
}),
|
|
1347
1380
|
onPointerLeave: L(c.onPointerLeave, (y) => {
|
|
1348
1381
|
y.currentTarget === document.activeElement && u.onItemLeave?.();
|
|
1349
1382
|
}),
|
|
1350
1383
|
onKeyDown: L(c.onKeyDown, (y) => {
|
|
1351
|
-
u.searchRef?.current !== "" && y.key === " " || (
|
|
1384
|
+
u.searchRef?.current !== "" && y.key === " " || (No.includes(y.key) && S(), y.key === " " && y.preventDefault());
|
|
1352
1385
|
})
|
|
1353
1386
|
}
|
|
1354
1387
|
)
|
|
@@ -1358,10 +1391,10 @@ var Te = "SelectItem", [Fo, _n] = Ce(Te), kn = a.forwardRef(
|
|
|
1358
1391
|
);
|
|
1359
1392
|
}
|
|
1360
1393
|
);
|
|
1361
|
-
|
|
1362
|
-
var Re = "SelectItemText",
|
|
1394
|
+
Tn.displayName = Te;
|
|
1395
|
+
var Re = "SelectItemText", Dn = a.forwardRef(
|
|
1363
1396
|
(e, t) => {
|
|
1364
|
-
const { __scopeSelect: n, className: o, style: r, ...s } = e, c = ce(Re, n), d = le(Re, n), u = _n(Re, n), l =
|
|
1397
|
+
const { __scopeSelect: n, className: o, style: r, ...s } = e, c = ce(Re, n), d = le(Re, n), u = _n(Re, n), l = _o(Re, n), [f, m] = a.useState(null), x = V(
|
|
1365
1398
|
t,
|
|
1366
1399
|
(S) => m(S),
|
|
1367
1400
|
u.onItemTextChange,
|
|
@@ -1369,24 +1402,24 @@ var Re = "SelectItemText", Tn = a.forwardRef(
|
|
|
1369
1402
|
), g = f?.textContent, w = a.useMemo(
|
|
1370
1403
|
() => /* @__PURE__ */ i.jsx("option", { value: u.value, disabled: u.disabled, children: g }, u.value),
|
|
1371
1404
|
[u.disabled, u.value, g]
|
|
1372
|
-
), { onNativeOptionAdd:
|
|
1373
|
-
return
|
|
1374
|
-
/* @__PURE__ */ i.jsx(
|
|
1375
|
-
u.isSelected && c.valueNode && !c.valueNodeHasChildren ?
|
|
1405
|
+
), { onNativeOptionAdd: h, onNativeOptionRemove: v } = l;
|
|
1406
|
+
return re(() => (h(w), () => v(w)), [h, v, w]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
1407
|
+
/* @__PURE__ */ i.jsx(k.span, { id: u.textId, ...s, ref: x }),
|
|
1408
|
+
u.isSelected && c.valueNode && !c.valueNodeHasChildren ? Ut.createPortal(s.children, c.valueNode) : null
|
|
1376
1409
|
] });
|
|
1377
1410
|
}
|
|
1378
1411
|
);
|
|
1379
|
-
|
|
1380
|
-
var
|
|
1412
|
+
Dn.displayName = Re;
|
|
1413
|
+
var An = "SelectItemIndicator", Mn = a.forwardRef(
|
|
1381
1414
|
(e, t) => {
|
|
1382
1415
|
const { __scopeSelect: n, ...o } = e;
|
|
1383
|
-
return _n(
|
|
1416
|
+
return _n(An, n).isSelected ? /* @__PURE__ */ i.jsx(k.span, { "aria-hidden": !0, ...o, ref: t }) : null;
|
|
1384
1417
|
}
|
|
1385
1418
|
);
|
|
1386
|
-
|
|
1387
|
-
var
|
|
1388
|
-
const n = le(
|
|
1389
|
-
return
|
|
1419
|
+
Mn.displayName = An;
|
|
1420
|
+
var ot = "SelectScrollUpButton", On = a.forwardRef((e, t) => {
|
|
1421
|
+
const n = le(ot, e.__scopeSelect), o = ht(ot, e.__scopeSelect), [r, s] = a.useState(!1), c = V(t, o.onScrollButtonChange);
|
|
1422
|
+
return re(() => {
|
|
1390
1423
|
if (n.viewport && n.isPositioned) {
|
|
1391
1424
|
let d = function() {
|
|
1392
1425
|
const l = u.scrollTop > 0;
|
|
@@ -1396,7 +1429,7 @@ var nt = "SelectScrollUpButton", Mn = a.forwardRef((e, t) => {
|
|
|
1396
1429
|
return d(), u.addEventListener("scroll", d), () => u.removeEventListener("scroll", d);
|
|
1397
1430
|
}
|
|
1398
1431
|
}, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ i.jsx(
|
|
1399
|
-
|
|
1432
|
+
Fn,
|
|
1400
1433
|
{
|
|
1401
1434
|
...e,
|
|
1402
1435
|
ref: c,
|
|
@@ -1407,10 +1440,10 @@ var nt = "SelectScrollUpButton", Mn = a.forwardRef((e, t) => {
|
|
|
1407
1440
|
}
|
|
1408
1441
|
) : null;
|
|
1409
1442
|
});
|
|
1410
|
-
|
|
1411
|
-
var
|
|
1412
|
-
const n = le(
|
|
1413
|
-
return
|
|
1443
|
+
On.displayName = ot;
|
|
1444
|
+
var st = "SelectScrollDownButton", Ln = a.forwardRef((e, t) => {
|
|
1445
|
+
const n = le(st, e.__scopeSelect), o = ht(st, e.__scopeSelect), [r, s] = a.useState(!1), c = V(t, o.onScrollButtonChange);
|
|
1446
|
+
return re(() => {
|
|
1414
1447
|
if (n.viewport && n.isPositioned) {
|
|
1415
1448
|
let d = function() {
|
|
1416
1449
|
const l = u.scrollHeight - u.clientHeight, f = Math.ceil(u.scrollTop) < l;
|
|
@@ -1420,7 +1453,7 @@ var rt = "SelectScrollDownButton", On = a.forwardRef((e, t) => {
|
|
|
1420
1453
|
return d(), u.addEventListener("scroll", d), () => u.removeEventListener("scroll", d);
|
|
1421
1454
|
}
|
|
1422
1455
|
}, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ i.jsx(
|
|
1423
|
-
|
|
1456
|
+
Fn,
|
|
1424
1457
|
{
|
|
1425
1458
|
...e,
|
|
1426
1459
|
ref: c,
|
|
@@ -1431,15 +1464,15 @@ var rt = "SelectScrollDownButton", On = a.forwardRef((e, t) => {
|
|
|
1431
1464
|
}
|
|
1432
1465
|
) : null;
|
|
1433
1466
|
});
|
|
1434
|
-
|
|
1435
|
-
var
|
|
1436
|
-
const { __scopeSelect: n, onAutoScroll: o, ...r } = e, s = le("SelectScrollButton", n), c = a.useRef(null), d =
|
|
1467
|
+
Ln.displayName = st;
|
|
1468
|
+
var Fn = a.forwardRef((e, t) => {
|
|
1469
|
+
const { __scopeSelect: n, onAutoScroll: o, ...r } = e, s = le("SelectScrollButton", n), c = a.useRef(null), d = Ve(n), u = a.useCallback(() => {
|
|
1437
1470
|
c.current !== null && (window.clearInterval(c.current), c.current = null);
|
|
1438
1471
|
}, []);
|
|
1439
|
-
return a.useEffect(() => () => u(), [u]),
|
|
1472
|
+
return a.useEffect(() => () => u(), [u]), re(() => {
|
|
1440
1473
|
d().find((f) => f.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
|
|
1441
1474
|
}, [d]), /* @__PURE__ */ i.jsx(
|
|
1442
|
-
|
|
1475
|
+
k.div,
|
|
1443
1476
|
{
|
|
1444
1477
|
"aria-hidden": !0,
|
|
1445
1478
|
...r,
|
|
@@ -1456,21 +1489,21 @@ var Ln = a.forwardRef((e, t) => {
|
|
|
1456
1489
|
})
|
|
1457
1490
|
}
|
|
1458
1491
|
);
|
|
1459
|
-
}),
|
|
1492
|
+
}), Wo = "SelectSeparator", Ho = a.forwardRef(
|
|
1460
1493
|
(e, t) => {
|
|
1461
1494
|
const { __scopeSelect: n, ...o } = e;
|
|
1462
|
-
return /* @__PURE__ */ i.jsx(
|
|
1495
|
+
return /* @__PURE__ */ i.jsx(k.div, { "aria-hidden": !0, ...o, ref: t });
|
|
1463
1496
|
}
|
|
1464
1497
|
);
|
|
1465
|
-
|
|
1466
|
-
var
|
|
1498
|
+
Ho.displayName = Wo;
|
|
1499
|
+
var at = "SelectArrow", Ko = a.forwardRef(
|
|
1467
1500
|
(e, t) => {
|
|
1468
|
-
const { __scopeSelect: n, ...o } = e, r =
|
|
1469
|
-
return s.open && c.position === "popper" ? /* @__PURE__ */ i.jsx(
|
|
1501
|
+
const { __scopeSelect: n, ...o } = e, r = Ue(n), s = ce(at, n), c = le(at, n);
|
|
1502
|
+
return s.open && c.position === "popper" ? /* @__PURE__ */ i.jsx(Ir, { ...r, ...o, ref: t }) : null;
|
|
1470
1503
|
}
|
|
1471
1504
|
);
|
|
1472
|
-
|
|
1473
|
-
var
|
|
1505
|
+
Ko.displayName = at;
|
|
1506
|
+
var zo = "SelectBubbleInput", Bn = a.forwardRef(
|
|
1474
1507
|
({ __scopeSelect: e, value: t, ...n }, o) => {
|
|
1475
1508
|
const r = a.useRef(null), s = V(o, r), c = ft(t);
|
|
1476
1509
|
return a.useEffect(() => {
|
|
@@ -1485,22 +1518,22 @@ var Uo = "SelectBubbleInput", Fn = a.forwardRef(
|
|
|
1485
1518
|
f.call(d, t), d.dispatchEvent(m);
|
|
1486
1519
|
}
|
|
1487
1520
|
}, [c, t]), /* @__PURE__ */ i.jsx(
|
|
1488
|
-
|
|
1521
|
+
k.select,
|
|
1489
1522
|
{
|
|
1490
1523
|
...n,
|
|
1491
|
-
style: { ...
|
|
1524
|
+
style: { ...wr, ...n.style },
|
|
1492
1525
|
ref: s,
|
|
1493
1526
|
defaultValue: t
|
|
1494
1527
|
}
|
|
1495
1528
|
);
|
|
1496
1529
|
}
|
|
1497
1530
|
);
|
|
1498
|
-
|
|
1499
|
-
function
|
|
1531
|
+
Bn.displayName = zo;
|
|
1532
|
+
function $n(e) {
|
|
1500
1533
|
return e === "" || e === void 0;
|
|
1501
1534
|
}
|
|
1502
|
-
function
|
|
1503
|
-
const t =
|
|
1535
|
+
function Vn(e) {
|
|
1536
|
+
const t = Le(e), n = a.useRef(""), o = a.useRef(0), r = a.useCallback(
|
|
1504
1537
|
(c) => {
|
|
1505
1538
|
const d = n.current + c;
|
|
1506
1539
|
t(d), function u(l) {
|
|
@@ -1513,24 +1546,24 @@ function $n(e) {
|
|
|
1513
1546
|
}, []);
|
|
1514
1547
|
return a.useEffect(() => () => window.clearTimeout(o.current), []), [n, r, s];
|
|
1515
1548
|
}
|
|
1516
|
-
function
|
|
1549
|
+
function Un(e, t, n) {
|
|
1517
1550
|
const r = t.length > 1 && Array.from(t).every((l) => l === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
|
|
1518
|
-
let c =
|
|
1551
|
+
let c = qo(e, Math.max(s, 0));
|
|
1519
1552
|
r.length === 1 && (c = c.filter((l) => l !== n));
|
|
1520
1553
|
const u = c.find(
|
|
1521
1554
|
(l) => l.textValue.toLowerCase().startsWith(r.toLowerCase())
|
|
1522
1555
|
);
|
|
1523
1556
|
return u !== n ? u : void 0;
|
|
1524
1557
|
}
|
|
1525
|
-
function
|
|
1558
|
+
function qo(e, t) {
|
|
1526
1559
|
return e.map((n, o) => e[(t + o) % e.length]);
|
|
1527
1560
|
}
|
|
1528
|
-
var
|
|
1529
|
-
const
|
|
1530
|
-
|
|
1561
|
+
var Yo = gn, Xo = bn, Zo = wn, Jo = Cn, Qo = Sn, es = En, ts = kn, ns = Tn, rs = Dn, os = Mn, ss = On, as = Ln;
|
|
1562
|
+
const Oa = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.jsx(
|
|
1563
|
+
Ae,
|
|
1531
1564
|
{
|
|
1532
1565
|
disabled: e,
|
|
1533
|
-
icon: /* @__PURE__ */ i.jsx(
|
|
1566
|
+
icon: /* @__PURE__ */ i.jsx(qr, {}),
|
|
1534
1567
|
onClick: t,
|
|
1535
1568
|
variant: "outline",
|
|
1536
1569
|
...n,
|
|
@@ -1538,11 +1571,11 @@ const ka = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.js
|
|
|
1538
1571
|
children: "Delete"
|
|
1539
1572
|
}
|
|
1540
1573
|
), wt = {
|
|
1541
|
-
default: { label: "Submit", submittingLabel: "Submitting", IconComponent:
|
|
1542
|
-
submit: { label: "Submit", submittingLabel: "Submitting", IconComponent:
|
|
1543
|
-
save: { label: "Save", submittingLabel: "Saving", IconComponent:
|
|
1544
|
-
send: { label: "Send", submittingLabel: "Sending", IconComponent:
|
|
1545
|
-
},
|
|
1574
|
+
default: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ye },
|
|
1575
|
+
submit: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ye },
|
|
1576
|
+
save: { label: "Save", submittingLabel: "Saving", IconComponent: Gr },
|
|
1577
|
+
send: { label: "Send", submittingLabel: "Sending", IconComponent: Ye }
|
|
1578
|
+
}, La = ({
|
|
1546
1579
|
submitting: e = !1,
|
|
1547
1580
|
disabled: t = !1,
|
|
1548
1581
|
submittingIcon: n,
|
|
@@ -1555,9 +1588,9 @@ const ka = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.js
|
|
|
1555
1588
|
}) => {
|
|
1556
1589
|
if (!wt[o])
|
|
1557
1590
|
throw new Error(`Invalid action: ${o}`);
|
|
1558
|
-
const l = wt[o], f = r || l.label, m = s || l.submittingLabel, x = c || l.IconComponent, g = e ? /* @__PURE__ */ i.jsx(
|
|
1591
|
+
const l = wt[o], f = r || l.label, m = s || l.submittingLabel, x = c || l.IconComponent, g = e ? /* @__PURE__ */ i.jsx(xr, { icon: n }) : /* @__PURE__ */ i.jsx(x, {});
|
|
1559
1592
|
return /* @__PURE__ */ i.jsx(
|
|
1560
|
-
|
|
1593
|
+
Ae,
|
|
1561
1594
|
{
|
|
1562
1595
|
disabled: t || e,
|
|
1563
1596
|
icon: d ? void 0 : g,
|
|
@@ -1568,18 +1601,18 @@ const ka = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.js
|
|
|
1568
1601
|
}
|
|
1569
1602
|
);
|
|
1570
1603
|
};
|
|
1571
|
-
function
|
|
1604
|
+
function is({ className: e, ...t }) {
|
|
1572
1605
|
return /* @__PURE__ */ i.jsx(
|
|
1573
|
-
|
|
1606
|
+
Ht,
|
|
1574
1607
|
{
|
|
1575
|
-
className:
|
|
1608
|
+
className: B(
|
|
1576
1609
|
"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
|
|
1577
1610
|
e
|
|
1578
1611
|
),
|
|
1579
1612
|
"data-slot": "checkbox",
|
|
1580
1613
|
...t,
|
|
1581
1614
|
children: /* @__PURE__ */ i.jsx(
|
|
1582
|
-
|
|
1615
|
+
zt,
|
|
1583
1616
|
{
|
|
1584
1617
|
className: "flex items-center justify-center text-current transition-none",
|
|
1585
1618
|
"data-slot": "checkbox-indicator",
|
|
@@ -1589,9 +1622,9 @@ function ns({ className: e, ...t }) {
|
|
|
1589
1622
|
}
|
|
1590
1623
|
);
|
|
1591
1624
|
}
|
|
1592
|
-
const
|
|
1593
|
-
const [s, c] =
|
|
1594
|
-
|
|
1625
|
+
const Fa = ({ label: e, name: t, value: n, checked: o, onCheckedChange: r }) => {
|
|
1626
|
+
const [s, c] = Me(o);
|
|
1627
|
+
jt(() => {
|
|
1595
1628
|
c(o);
|
|
1596
1629
|
}, [o]);
|
|
1597
1630
|
let d = t;
|
|
@@ -1602,7 +1635,7 @@ const Da = ({ label: e, name: t, value: n, checked: o, onCheckedChange: r }) =>
|
|
|
1602
1635
|
};
|
|
1603
1636
|
return /* @__PURE__ */ i.jsxs(ae, { align: "center", gap: "2", children: [
|
|
1604
1637
|
/* @__PURE__ */ i.jsx(
|
|
1605
|
-
|
|
1638
|
+
is,
|
|
1606
1639
|
{
|
|
1607
1640
|
checked: s,
|
|
1608
1641
|
id: d,
|
|
@@ -1613,10 +1646,47 @@ const Da = ({ label: e, name: t, value: n, checked: o, onCheckedChange: r }) =>
|
|
|
1613
1646
|
),
|
|
1614
1647
|
/* @__PURE__ */ i.jsx(Se, { className: "cursor-pointer", htmlFor: d, children: e })
|
|
1615
1648
|
] });
|
|
1616
|
-
},
|
|
1617
|
-
|
|
1649
|
+
}, Ba = ({ content: e, className: t, size: n = "md", ...o }) => {
|
|
1650
|
+
const [r, s] = Me(!1), c = hr(null);
|
|
1651
|
+
jt(() => () => {
|
|
1652
|
+
c.current && clearTimeout(c.current);
|
|
1653
|
+
}, []);
|
|
1654
|
+
const d = () => {
|
|
1655
|
+
const u = navigator.clipboard?.writeText;
|
|
1656
|
+
u && (s(!0), u.call(navigator.clipboard, e).then(() => {
|
|
1657
|
+
c.current && clearTimeout(c.current), c.current = setTimeout(() => {
|
|
1658
|
+
s(!1), c.current = null;
|
|
1659
|
+
}, 2e3);
|
|
1660
|
+
}).catch(() => {
|
|
1661
|
+
s(!1);
|
|
1662
|
+
}));
|
|
1663
|
+
};
|
|
1664
|
+
return /* @__PURE__ */ i.jsx(
|
|
1665
|
+
Ae,
|
|
1666
|
+
{
|
|
1667
|
+
className: B(
|
|
1668
|
+
{
|
|
1669
|
+
"w-[88px]": n === "xs",
|
|
1670
|
+
"w-[96px]": n === "sm",
|
|
1671
|
+
"w-[100px]": n === "md",
|
|
1672
|
+
"w-[125px]": n === "lg",
|
|
1673
|
+
"w-[144px]": n === "xl"
|
|
1674
|
+
},
|
|
1675
|
+
"justify-start",
|
|
1676
|
+
t
|
|
1677
|
+
),
|
|
1678
|
+
disabled: r,
|
|
1679
|
+
icon: r ? /* @__PURE__ */ i.jsx(Br, {}) : /* @__PURE__ */ i.jsx(Vr, {}),
|
|
1680
|
+
label: r ? "Copied" : "Copy",
|
|
1681
|
+
onClick: d,
|
|
1682
|
+
size: n,
|
|
1683
|
+
...o
|
|
1684
|
+
}
|
|
1685
|
+
);
|
|
1686
|
+
}, $a = ({ name: e, label: t, placeholder: n, note: o, className: r, size: s = "md", ...c }) => /* @__PURE__ */ i.jsx(
|
|
1687
|
+
Gn,
|
|
1618
1688
|
{
|
|
1619
|
-
className:
|
|
1689
|
+
className: B(
|
|
1620
1690
|
s === "xs" && "max-w-[140px] md:max-w-[135px]",
|
|
1621
1691
|
s === "sm" && "max-w-[150px] md:max-w-[140px]",
|
|
1622
1692
|
s === "md" && "max-w-[170px] md:max-w-[150px]",
|
|
@@ -1632,37 +1702,37 @@ const Da = ({ label: e, name: t, value: n, checked: o, onCheckedChange: r }) =>
|
|
|
1632
1702
|
type: "date",
|
|
1633
1703
|
...c
|
|
1634
1704
|
}
|
|
1635
|
-
),
|
|
1636
|
-
const [s, c] =
|
|
1705
|
+
), Va = ({ onDateSelection: e, initialValue: t, className: n, size: o = "default", error: r }) => {
|
|
1706
|
+
const [s, c] = Me(t), d = (u) => {
|
|
1637
1707
|
c(u), u && e(u);
|
|
1638
1708
|
};
|
|
1639
1709
|
return /* @__PURE__ */ i.jsxs(ae, { direction: "col", gap: "2", children: [
|
|
1640
|
-
/* @__PURE__ */ i.jsxs(
|
|
1641
|
-
/* @__PURE__ */ i.jsx(
|
|
1642
|
-
|
|
1710
|
+
/* @__PURE__ */ i.jsxs(Ft, { children: [
|
|
1711
|
+
/* @__PURE__ */ i.jsx(Bt, { asChild: !0, children: /* @__PURE__ */ i.jsxs(
|
|
1712
|
+
Ae,
|
|
1643
1713
|
{
|
|
1644
|
-
className:
|
|
1714
|
+
className: B("w-[280px] justify-start text-left font-normal", !s && "text-muted-foreground", n),
|
|
1645
1715
|
size: o,
|
|
1646
1716
|
variant: "outline",
|
|
1647
1717
|
children: [
|
|
1648
|
-
/* @__PURE__ */ i.jsx(
|
|
1718
|
+
/* @__PURE__ */ i.jsx(Pr, { className: "mr-2 h-4 w-4" }),
|
|
1649
1719
|
s ? s.toISOString().split("T")[0] : /* @__PURE__ */ i.jsx("span", { children: "Select a date" })
|
|
1650
1720
|
]
|
|
1651
1721
|
}
|
|
1652
1722
|
) }),
|
|
1653
|
-
/* @__PURE__ */ i.jsx(
|
|
1723
|
+
/* @__PURE__ */ i.jsx($t, { className: "w-auto p-0", children: /* @__PURE__ */ i.jsx(pr, { autoFocus: !0, mode: "single", onSelect: d, selected: s }) })
|
|
1654
1724
|
] }),
|
|
1655
1725
|
r && /* @__PURE__ */ i.jsx(je, { message: r })
|
|
1656
1726
|
] });
|
|
1657
|
-
}, je = ({ message: e }) => /* @__PURE__ */ i.jsx(
|
|
1727
|
+
}, je = ({ message: e }) => /* @__PURE__ */ i.jsx(Oe, { size: "xs", variant: "destructive", children: e }), cs = ({ label: e, labelFor: t, className: n = "", labelClassName: o = "", children: r }) => /* @__PURE__ */ i.jsxs(ae, { direction: "col", gap: "2", children: [
|
|
1658
1728
|
e && /* @__PURE__ */ i.jsx(Se, { className: o, htmlFor: t, children: e }),
|
|
1659
1729
|
/* @__PURE__ */ i.jsx(ae, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${n}`, gapY: "1", children: r })
|
|
1660
1730
|
] });
|
|
1661
|
-
function
|
|
1731
|
+
function ls({ className: e, ...t }) {
|
|
1662
1732
|
return /* @__PURE__ */ i.jsx(
|
|
1663
|
-
|
|
1733
|
+
po,
|
|
1664
1734
|
{
|
|
1665
|
-
className:
|
|
1735
|
+
className: B(
|
|
1666
1736
|
"flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
|
|
1667
1737
|
e
|
|
1668
1738
|
),
|
|
@@ -1672,14 +1742,14 @@ function os({ className: e, ...t }) {
|
|
|
1672
1742
|
);
|
|
1673
1743
|
}
|
|
1674
1744
|
const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /* @__PURE__ */ i.jsx(
|
|
1675
|
-
|
|
1745
|
+
ls,
|
|
1676
1746
|
{
|
|
1677
|
-
className:
|
|
1747
|
+
className: B("font-display font-normal text-base text-foreground", o),
|
|
1678
1748
|
htmlFor: e,
|
|
1679
1749
|
...r,
|
|
1680
1750
|
children: t || n
|
|
1681
1751
|
}
|
|
1682
|
-
),
|
|
1752
|
+
), Gn = ({
|
|
1683
1753
|
name: e,
|
|
1684
1754
|
type: t = "text",
|
|
1685
1755
|
placeholder: n,
|
|
@@ -1691,7 +1761,7 @@ const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /
|
|
|
1691
1761
|
error: u,
|
|
1692
1762
|
...l
|
|
1693
1763
|
}) => {
|
|
1694
|
-
const f =
|
|
1764
|
+
const f = B(
|
|
1695
1765
|
"flex w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 shadow-xs outline-none",
|
|
1696
1766
|
"transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex ",
|
|
1697
1767
|
"file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm",
|
|
@@ -1720,10 +1790,10 @@ const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /
|
|
|
1720
1790
|
...l
|
|
1721
1791
|
}
|
|
1722
1792
|
),
|
|
1723
|
-
s && /* @__PURE__ */ i.jsx(
|
|
1793
|
+
s && /* @__PURE__ */ i.jsx(Oe, { size: "sm", variant: "muted", children: s }),
|
|
1724
1794
|
u && /* @__PURE__ */ i.jsx(je, { message: u })
|
|
1725
1795
|
] });
|
|
1726
|
-
},
|
|
1796
|
+
}, Ua = ({
|
|
1727
1797
|
name: e,
|
|
1728
1798
|
label: t,
|
|
1729
1799
|
placeholder: n,
|
|
@@ -1733,7 +1803,7 @@ const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /
|
|
|
1733
1803
|
className: s,
|
|
1734
1804
|
...c
|
|
1735
1805
|
}) => /* @__PURE__ */ i.jsx(
|
|
1736
|
-
|
|
1806
|
+
Gn,
|
|
1737
1807
|
{
|
|
1738
1808
|
className: s,
|
|
1739
1809
|
label: t,
|
|
@@ -1745,53 +1815,53 @@ const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /
|
|
|
1745
1815
|
...c
|
|
1746
1816
|
}
|
|
1747
1817
|
);
|
|
1748
|
-
function
|
|
1749
|
-
return /* @__PURE__ */ i.jsx(
|
|
1818
|
+
function ds({ className: e, ...t }) {
|
|
1819
|
+
return /* @__PURE__ */ i.jsx(So, { className: B("grid gap-3", e), "data-slot": "radio-group", ...t });
|
|
1750
1820
|
}
|
|
1751
|
-
function
|
|
1821
|
+
function us({ className: e, ...t }) {
|
|
1752
1822
|
return /* @__PURE__ */ i.jsx(
|
|
1753
|
-
|
|
1823
|
+
Eo,
|
|
1754
1824
|
{
|
|
1755
|
-
className:
|
|
1825
|
+
className: B(
|
|
1756
1826
|
"aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
|
|
1757
1827
|
e
|
|
1758
1828
|
),
|
|
1759
1829
|
"data-slot": "radio-group-item",
|
|
1760
1830
|
...t,
|
|
1761
1831
|
children: /* @__PURE__ */ i.jsx(
|
|
1762
|
-
|
|
1832
|
+
Io,
|
|
1763
1833
|
{
|
|
1764
1834
|
className: "relative flex items-center justify-center",
|
|
1765
1835
|
"data-slot": "radio-group-indicator",
|
|
1766
|
-
children: /* @__PURE__ */ i.jsx(
|
|
1836
|
+
children: /* @__PURE__ */ i.jsx(Lr, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" })
|
|
1767
1837
|
}
|
|
1768
1838
|
)
|
|
1769
1839
|
}
|
|
1770
1840
|
);
|
|
1771
1841
|
}
|
|
1772
|
-
const
|
|
1773
|
-
/* @__PURE__ */ i.jsx(
|
|
1774
|
-
/* @__PURE__ */ i.jsx(
|
|
1842
|
+
const Ga = ({ label: e, name: t, options: n, value: o, onChange: r, error: s }) => /* @__PURE__ */ i.jsxs(cs, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
|
|
1843
|
+
/* @__PURE__ */ i.jsx(ds, { className: "w-full", name: t, onValueChange: r, value: o, children: /* @__PURE__ */ i.jsx(gr, { cols: "2", children: n.map((c, d) => /* @__PURE__ */ i.jsxs(ae, { align: "center", gap: "2", justify: "start", children: [
|
|
1844
|
+
/* @__PURE__ */ i.jsx(us, { id: c.value, value: c.value }),
|
|
1775
1845
|
/* @__PURE__ */ i.jsx(Se, { htmlFor: c.value, children: c.label })
|
|
1776
1846
|
] }, d)) }) }),
|
|
1777
1847
|
s && /* @__PURE__ */ i.jsx(je, { message: s })
|
|
1778
1848
|
] });
|
|
1779
|
-
function
|
|
1780
|
-
return /* @__PURE__ */ i.jsx(
|
|
1849
|
+
function fs({ ...e }) {
|
|
1850
|
+
return /* @__PURE__ */ i.jsx(Yo, { "data-slot": "select", ...e });
|
|
1781
1851
|
}
|
|
1782
|
-
function
|
|
1783
|
-
return /* @__PURE__ */ i.jsx(
|
|
1852
|
+
function ps({ ...e }) {
|
|
1853
|
+
return /* @__PURE__ */ i.jsx(Zo, { "data-slot": "select-value", ...e });
|
|
1784
1854
|
}
|
|
1785
|
-
function
|
|
1855
|
+
function ms({
|
|
1786
1856
|
className: e,
|
|
1787
1857
|
size: t = "default",
|
|
1788
1858
|
children: n,
|
|
1789
1859
|
...o
|
|
1790
1860
|
}) {
|
|
1791
1861
|
return /* @__PURE__ */ i.jsxs(
|
|
1792
|
-
|
|
1862
|
+
Xo,
|
|
1793
1863
|
{
|
|
1794
|
-
className:
|
|
1864
|
+
className: B(
|
|
1795
1865
|
"flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
1796
1866
|
e
|
|
1797
1867
|
),
|
|
@@ -1800,21 +1870,21 @@ function ls({
|
|
|
1800
1870
|
...o,
|
|
1801
1871
|
children: [
|
|
1802
1872
|
n,
|
|
1803
|
-
/* @__PURE__ */ i.jsx(
|
|
1873
|
+
/* @__PURE__ */ i.jsx(Jo, { asChild: !0, children: /* @__PURE__ */ i.jsx(Vt, { className: "size-4 opacity-50" }) })
|
|
1804
1874
|
]
|
|
1805
1875
|
}
|
|
1806
1876
|
);
|
|
1807
1877
|
}
|
|
1808
|
-
function
|
|
1878
|
+
function hs({
|
|
1809
1879
|
className: e,
|
|
1810
1880
|
children: t,
|
|
1811
1881
|
position: n = "popper",
|
|
1812
1882
|
...o
|
|
1813
1883
|
}) {
|
|
1814
|
-
return /* @__PURE__ */ i.jsx(
|
|
1815
|
-
|
|
1884
|
+
return /* @__PURE__ */ i.jsx(Qo, { children: /* @__PURE__ */ i.jsxs(
|
|
1885
|
+
es,
|
|
1816
1886
|
{
|
|
1817
|
-
className:
|
|
1887
|
+
className: B(
|
|
1818
1888
|
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
|
|
1819
1889
|
n === "popper" && "data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",
|
|
1820
1890
|
e
|
|
@@ -1823,65 +1893,65 @@ function ds({
|
|
|
1823
1893
|
position: n,
|
|
1824
1894
|
...o,
|
|
1825
1895
|
children: [
|
|
1826
|
-
/* @__PURE__ */ i.jsx(
|
|
1896
|
+
/* @__PURE__ */ i.jsx(gs, {}),
|
|
1827
1897
|
/* @__PURE__ */ i.jsx(
|
|
1828
|
-
|
|
1898
|
+
ts,
|
|
1829
1899
|
{
|
|
1830
|
-
className:
|
|
1900
|
+
className: B(
|
|
1831
1901
|
"p-1",
|
|
1832
1902
|
n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
|
|
1833
1903
|
),
|
|
1834
1904
|
children: t
|
|
1835
1905
|
}
|
|
1836
1906
|
),
|
|
1837
|
-
/* @__PURE__ */ i.jsx(
|
|
1907
|
+
/* @__PURE__ */ i.jsx(xs, {})
|
|
1838
1908
|
]
|
|
1839
1909
|
}
|
|
1840
1910
|
) });
|
|
1841
1911
|
}
|
|
1842
|
-
function
|
|
1912
|
+
function vs({ className: e, children: t, ...n }) {
|
|
1843
1913
|
return /* @__PURE__ */ i.jsxs(
|
|
1844
|
-
|
|
1914
|
+
ns,
|
|
1845
1915
|
{
|
|
1846
|
-
className:
|
|
1916
|
+
className: B(
|
|
1847
1917
|
"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
1848
1918
|
e
|
|
1849
1919
|
),
|
|
1850
1920
|
"data-slot": "select-item",
|
|
1851
1921
|
...n,
|
|
1852
1922
|
children: [
|
|
1853
|
-
/* @__PURE__ */ i.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ i.jsx(
|
|
1854
|
-
/* @__PURE__ */ i.jsx(
|
|
1923
|
+
/* @__PURE__ */ i.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ i.jsx(os, { children: /* @__PURE__ */ i.jsx(ut, { className: "size-4" }) }) }),
|
|
1924
|
+
/* @__PURE__ */ i.jsx(rs, { children: t })
|
|
1855
1925
|
]
|
|
1856
1926
|
}
|
|
1857
1927
|
);
|
|
1858
1928
|
}
|
|
1859
|
-
function
|
|
1929
|
+
function gs({ className: e, ...t }) {
|
|
1860
1930
|
return /* @__PURE__ */ i.jsx(
|
|
1861
|
-
|
|
1931
|
+
ss,
|
|
1862
1932
|
{
|
|
1863
|
-
className:
|
|
1933
|
+
className: B("flex cursor-default items-center justify-center py-1", e),
|
|
1864
1934
|
"data-slot": "select-scroll-up-button",
|
|
1865
1935
|
...t,
|
|
1866
|
-
children: /* @__PURE__ */ i.jsx(
|
|
1936
|
+
children: /* @__PURE__ */ i.jsx(Dr, { className: "size-4" })
|
|
1867
1937
|
}
|
|
1868
1938
|
);
|
|
1869
1939
|
}
|
|
1870
|
-
function
|
|
1940
|
+
function xs({
|
|
1871
1941
|
className: e,
|
|
1872
1942
|
...t
|
|
1873
1943
|
}) {
|
|
1874
1944
|
return /* @__PURE__ */ i.jsx(
|
|
1875
|
-
|
|
1945
|
+
as,
|
|
1876
1946
|
{
|
|
1877
|
-
className:
|
|
1947
|
+
className: B("flex cursor-default items-center justify-center py-1", e),
|
|
1878
1948
|
"data-slot": "select-scroll-down-button",
|
|
1879
1949
|
...t,
|
|
1880
|
-
children: /* @__PURE__ */ i.jsx(
|
|
1950
|
+
children: /* @__PURE__ */ i.jsx(Vt, { className: "size-4" })
|
|
1881
1951
|
}
|
|
1882
1952
|
);
|
|
1883
1953
|
}
|
|
1884
|
-
const
|
|
1954
|
+
const Wa = ({
|
|
1885
1955
|
name: e,
|
|
1886
1956
|
defaultValue: t,
|
|
1887
1957
|
options: n,
|
|
@@ -1895,7 +1965,7 @@ const Fa = ({
|
|
|
1895
1965
|
size: f = "md",
|
|
1896
1966
|
...m
|
|
1897
1967
|
}) => {
|
|
1898
|
-
const x =
|
|
1968
|
+
const x = B(
|
|
1899
1969
|
"min-w-[180px]",
|
|
1900
1970
|
f === "xs" && "h-7 text-xs md:text-xs",
|
|
1901
1971
|
f === "sm" && "h-8 text-sm md:text-xs",
|
|
@@ -1907,7 +1977,7 @@ const Fa = ({
|
|
|
1907
1977
|
return /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
|
|
1908
1978
|
o && /* @__PURE__ */ i.jsx(Se, { htmlFor: e, children: o }),
|
|
1909
1979
|
/* @__PURE__ */ i.jsxs(
|
|
1910
|
-
|
|
1980
|
+
fs,
|
|
1911
1981
|
{
|
|
1912
1982
|
defaultValue: t,
|
|
1913
1983
|
name: e,
|
|
@@ -1915,28 +1985,28 @@ const Fa = ({
|
|
|
1915
1985
|
value: d,
|
|
1916
1986
|
...m,
|
|
1917
1987
|
children: [
|
|
1918
|
-
/* @__PURE__ */ i.jsx(
|
|
1919
|
-
/* @__PURE__ */ i.jsx(
|
|
1988
|
+
/* @__PURE__ */ i.jsx(ms, { className: x, "data-testid": `select-input-${e}`, size: g, children: /* @__PURE__ */ i.jsx(ps, { placeholder: r }) }),
|
|
1989
|
+
/* @__PURE__ */ i.jsx(hs, { children: n.map(({ value: w, label: h }) => /* @__PURE__ */ i.jsx(vs, { value: w, children: h }, `option-${w}`)) })
|
|
1920
1990
|
]
|
|
1921
1991
|
}
|
|
1922
1992
|
),
|
|
1923
|
-
s && /* @__PURE__ */ i.jsx(
|
|
1993
|
+
s && /* @__PURE__ */ i.jsx(Oe, { size: "sm", variant: "muted", children: s }),
|
|
1924
1994
|
l && /* @__PURE__ */ i.jsx(je, { message: l })
|
|
1925
1995
|
] });
|
|
1926
1996
|
};
|
|
1927
|
-
var Ct = 1,
|
|
1928
|
-
function
|
|
1929
|
-
if (s === t.length) return r === e.length ? Ct :
|
|
1997
|
+
var Ct = 1, bs = 0.9, ys = 0.8, ws = 0.17, Ze = 0.1, Je = 0.999, Cs = 0.9999, Ss = 0.99, Es = /[\\\/_+.#"@\[\(\{&]/, Is = /[\\\/_+.#"@\[\(\{&]/g, Rs = /[\s-]/, Wn = /[\s-]/g;
|
|
1998
|
+
function it(e, t, n, o, r, s, c) {
|
|
1999
|
+
if (s === t.length) return r === e.length ? Ct : Ss;
|
|
1930
2000
|
var d = `${r},${s}`;
|
|
1931
2001
|
if (c[d] !== void 0) return c[d];
|
|
1932
|
-
for (var u = o.charAt(s), l = n.indexOf(u, r), f = 0, m, x, g, w; l >= 0; ) m =
|
|
2002
|
+
for (var u = o.charAt(s), l = n.indexOf(u, r), f = 0, m, x, g, w; l >= 0; ) m = it(e, t, n, o, l + 1, s + 1, c), m > f && (l === r ? m *= Ct : Es.test(e.charAt(l - 1)) ? (m *= ys, g = e.slice(r, l - 1).match(Is), g && r > 0 && (m *= Math.pow(Je, g.length))) : Rs.test(e.charAt(l - 1)) ? (m *= bs, w = e.slice(r, l - 1).match(Wn), w && r > 0 && (m *= Math.pow(Je, w.length))) : (m *= ws, r > 0 && (m *= Math.pow(Je, l - r))), e.charAt(l) !== t.charAt(s) && (m *= Cs)), (m < Ze && n.charAt(l - 1) === o.charAt(s + 1) || o.charAt(s + 1) === o.charAt(s) && n.charAt(l - 1) !== o.charAt(s)) && (x = it(e, t, n, o, l + 1, s + 2, c), x * Ze > m && (m = x * Ze)), m > f && (f = m), l = n.indexOf(u, l + 1);
|
|
1933
2003
|
return c[d] = f, f;
|
|
1934
2004
|
}
|
|
1935
2005
|
function St(e) {
|
|
1936
|
-
return e.toLowerCase().replace(
|
|
2006
|
+
return e.toLowerCase().replace(Wn, " ");
|
|
1937
2007
|
}
|
|
1938
|
-
function
|
|
1939
|
-
return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e,
|
|
2008
|
+
function Ns(e, t, n) {
|
|
2009
|
+
return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e, it(e, t, St(e), St(t), 0, 0, {});
|
|
1940
2010
|
}
|
|
1941
2011
|
function se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
1942
2012
|
return function(r) {
|
|
@@ -1944,11 +2014,11 @@ function se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
|
1944
2014
|
return t?.(r);
|
|
1945
2015
|
};
|
|
1946
2016
|
}
|
|
1947
|
-
var
|
|
2017
|
+
var ks = "DismissableLayer", ct = "dismissableLayer.update", js = "dismissableLayer.pointerDownOutside", Ps = "dismissableLayer.focusOutside", Et, Hn = a.createContext({
|
|
1948
2018
|
layers: /* @__PURE__ */ new Set(),
|
|
1949
2019
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
1950
2020
|
branches: /* @__PURE__ */ new Set()
|
|
1951
|
-
}),
|
|
2021
|
+
}), Kn = a.forwardRef(
|
|
1952
2022
|
(e, t) => {
|
|
1953
2023
|
const {
|
|
1954
2024
|
disableOutsidePointerEvents: n = !1,
|
|
@@ -1958,14 +2028,14 @@ var Ss = "DismissableLayer", at = "dismissableLayer.update", Es = "dismissableLa
|
|
|
1958
2028
|
onInteractOutside: c,
|
|
1959
2029
|
onDismiss: d,
|
|
1960
2030
|
...u
|
|
1961
|
-
} = e, l = a.useContext(
|
|
1962
|
-
const
|
|
2031
|
+
} = e, l = a.useContext(Hn), [f, m] = a.useState(null), x = f?.ownerDocument ?? globalThis?.document, [, g] = a.useState({}), w = V(t, (E) => m(E)), h = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), S = h.indexOf(v), y = f ? h.indexOf(f) : -1, I = l.layersWithOutsidePointerEventsDisabled.size > 0, A = y >= S, M = Ds((E) => {
|
|
2032
|
+
const P = E.target, z = [...l.branches].some((U) => U.contains(P));
|
|
1963
2033
|
!A || z || (r?.(E), c?.(E), E.defaultPrevented || d?.());
|
|
1964
|
-
}, x), j =
|
|
1965
|
-
const
|
|
1966
|
-
[...l.branches].some((U) => U.contains(
|
|
2034
|
+
}, x), j = As((E) => {
|
|
2035
|
+
const P = E.target;
|
|
2036
|
+
[...l.branches].some((U) => U.contains(P)) || (s?.(E), c?.(E), E.defaultPrevented || d?.());
|
|
1967
2037
|
}, x);
|
|
1968
|
-
return
|
|
2038
|
+
return Rr((E) => {
|
|
1969
2039
|
y === l.layers.size - 1 && (o?.(E), !E.defaultPrevented && d && (E.preventDefault(), d()));
|
|
1970
2040
|
}, x), a.useEffect(() => {
|
|
1971
2041
|
if (f)
|
|
@@ -1976,9 +2046,9 @@ var Ss = "DismissableLayer", at = "dismissableLayer.update", Es = "dismissableLa
|
|
|
1976
2046
|
f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), It());
|
|
1977
2047
|
}, [f, l]), a.useEffect(() => {
|
|
1978
2048
|
const E = () => g({});
|
|
1979
|
-
return document.addEventListener(
|
|
2049
|
+
return document.addEventListener(ct, E), () => document.removeEventListener(ct, E);
|
|
1980
2050
|
}, []), /* @__PURE__ */ i.jsx(
|
|
1981
|
-
|
|
2051
|
+
k.div,
|
|
1982
2052
|
{
|
|
1983
2053
|
...u,
|
|
1984
2054
|
ref: w,
|
|
@@ -1996,27 +2066,27 @@ var Ss = "DismissableLayer", at = "dismissableLayer.update", Es = "dismissableLa
|
|
|
1996
2066
|
);
|
|
1997
2067
|
}
|
|
1998
2068
|
);
|
|
1999
|
-
|
|
2000
|
-
var
|
|
2001
|
-
const n = a.useContext(
|
|
2069
|
+
Kn.displayName = ks;
|
|
2070
|
+
var _s = "DismissableLayerBranch", Ts = a.forwardRef((e, t) => {
|
|
2071
|
+
const n = a.useContext(Hn), o = a.useRef(null), r = V(t, o);
|
|
2002
2072
|
return a.useEffect(() => {
|
|
2003
2073
|
const s = o.current;
|
|
2004
2074
|
if (s)
|
|
2005
2075
|
return n.branches.add(s), () => {
|
|
2006
2076
|
n.branches.delete(s);
|
|
2007
2077
|
};
|
|
2008
|
-
}, [n.branches]), /* @__PURE__ */ i.jsx(
|
|
2078
|
+
}, [n.branches]), /* @__PURE__ */ i.jsx(k.div, { ...e, ref: r });
|
|
2009
2079
|
});
|
|
2010
|
-
|
|
2011
|
-
function
|
|
2012
|
-
const n =
|
|
2080
|
+
Ts.displayName = _s;
|
|
2081
|
+
function Ds(e, t = globalThis?.document) {
|
|
2082
|
+
const n = Le(e), o = a.useRef(!1), r = a.useRef(() => {
|
|
2013
2083
|
});
|
|
2014
2084
|
return a.useEffect(() => {
|
|
2015
2085
|
const s = (d) => {
|
|
2016
2086
|
if (d.target && !o.current) {
|
|
2017
2087
|
let u = function() {
|
|
2018
|
-
|
|
2019
|
-
|
|
2088
|
+
zn(
|
|
2089
|
+
js,
|
|
2020
2090
|
n,
|
|
2021
2091
|
l,
|
|
2022
2092
|
{ discrete: !0 }
|
|
@@ -2038,11 +2108,11 @@ function Ps(e, t = globalThis?.document) {
|
|
|
2038
2108
|
onPointerDownCapture: () => o.current = !0
|
|
2039
2109
|
};
|
|
2040
2110
|
}
|
|
2041
|
-
function
|
|
2042
|
-
const n =
|
|
2111
|
+
function As(e, t = globalThis?.document) {
|
|
2112
|
+
const n = Le(e), o = a.useRef(!1);
|
|
2043
2113
|
return a.useEffect(() => {
|
|
2044
2114
|
const r = (s) => {
|
|
2045
|
-
s.target && !o.current &&
|
|
2115
|
+
s.target && !o.current && zn(Ps, n, { originalEvent: s }, {
|
|
2046
2116
|
discrete: !1
|
|
2047
2117
|
});
|
|
2048
2118
|
};
|
|
@@ -2053,23 +2123,23 @@ function js(e, t = globalThis?.document) {
|
|
|
2053
2123
|
};
|
|
2054
2124
|
}
|
|
2055
2125
|
function It() {
|
|
2056
|
-
const e = new CustomEvent(
|
|
2126
|
+
const e = new CustomEvent(ct);
|
|
2057
2127
|
document.dispatchEvent(e);
|
|
2058
2128
|
}
|
|
2059
|
-
function
|
|
2129
|
+
function zn(e, t, n, { discrete: o }) {
|
|
2060
2130
|
const r = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
|
|
2061
|
-
t && r.addEventListener(e, t, { once: !0 }), o ?
|
|
2131
|
+
t && r.addEventListener(e, t, { once: !0 }), o ? Nr(r, s) : r.dispatchEvent(s);
|
|
2062
2132
|
}
|
|
2063
|
-
function
|
|
2133
|
+
function Ms(e, t) {
|
|
2064
2134
|
return a.useReducer((n, o) => t[n][o] ?? n, e);
|
|
2065
2135
|
}
|
|
2066
|
-
var
|
|
2067
|
-
const { present: t, children: n } = e, o =
|
|
2136
|
+
var Ge = (e) => {
|
|
2137
|
+
const { present: t, children: n } = e, o = Os(t), r = typeof n == "function" ? n({ present: o.isPresent }) : a.Children.only(n), s = V(o.ref, Ls(r));
|
|
2068
2138
|
return typeof n == "function" || o.isPresent ? a.cloneElement(r, { ref: s }) : null;
|
|
2069
2139
|
};
|
|
2070
|
-
|
|
2071
|
-
function
|
|
2072
|
-
const [t, n] = a.useState(), o = a.useRef(null), r = a.useRef(e), s = a.useRef("none"), c = e ? "mounted" : "unmounted", [d, u] =
|
|
2140
|
+
Ge.displayName = "Presence";
|
|
2141
|
+
function Os(e) {
|
|
2142
|
+
const [t, n] = a.useState(), o = a.useRef(null), r = a.useRef(e), s = a.useRef("none"), c = e ? "mounted" : "unmounted", [d, u] = Ms(c, {
|
|
2073
2143
|
mounted: {
|
|
2074
2144
|
UNMOUNT: "unmounted",
|
|
2075
2145
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -2083,27 +2153,27 @@ function ks(e) {
|
|
|
2083
2153
|
}
|
|
2084
2154
|
});
|
|
2085
2155
|
return a.useEffect(() => {
|
|
2086
|
-
const l =
|
|
2156
|
+
const l = _e(o.current);
|
|
2087
2157
|
s.current = d === "mounted" ? l : "none";
|
|
2088
|
-
}, [d]),
|
|
2158
|
+
}, [d]), re(() => {
|
|
2089
2159
|
const l = o.current, f = r.current;
|
|
2090
2160
|
if (f !== e) {
|
|
2091
|
-
const x = s.current, g =
|
|
2161
|
+
const x = s.current, g = _e(l);
|
|
2092
2162
|
e ? u("MOUNT") : g === "none" || l?.display === "none" ? u("UNMOUNT") : u(f && x !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
|
|
2093
2163
|
}
|
|
2094
|
-
}, [e, u]),
|
|
2164
|
+
}, [e, u]), re(() => {
|
|
2095
2165
|
if (t) {
|
|
2096
2166
|
let l;
|
|
2097
2167
|
const f = t.ownerDocument.defaultView ?? window, m = (g) => {
|
|
2098
|
-
const
|
|
2099
|
-
if (g.target === t &&
|
|
2100
|
-
const
|
|
2168
|
+
const h = _e(o.current).includes(g.animationName);
|
|
2169
|
+
if (g.target === t && h && (u("ANIMATION_END"), !r.current)) {
|
|
2170
|
+
const v = t.style.animationFillMode;
|
|
2101
2171
|
t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
|
|
2102
|
-
t.style.animationFillMode === "forwards" && (t.style.animationFillMode =
|
|
2172
|
+
t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
|
|
2103
2173
|
});
|
|
2104
2174
|
}
|
|
2105
2175
|
}, x = (g) => {
|
|
2106
|
-
g.target === t && (s.current =
|
|
2176
|
+
g.target === t && (s.current = _e(o.current));
|
|
2107
2177
|
};
|
|
2108
2178
|
return t.addEventListener("animationstart", x), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
|
|
2109
2179
|
f.clearTimeout(l), t.removeEventListener("animationstart", x), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
|
|
@@ -2117,19 +2187,19 @@ function ks(e) {
|
|
|
2117
2187
|
}, [])
|
|
2118
2188
|
};
|
|
2119
2189
|
}
|
|
2120
|
-
function
|
|
2190
|
+
function _e(e) {
|
|
2121
2191
|
return e?.animationName || "none";
|
|
2122
2192
|
}
|
|
2123
|
-
function
|
|
2193
|
+
function Ls(e) {
|
|
2124
2194
|
let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
2125
2195
|
return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
2126
2196
|
}
|
|
2127
|
-
var
|
|
2128
|
-
function
|
|
2197
|
+
var Qe = 0;
|
|
2198
|
+
function Fs() {
|
|
2129
2199
|
a.useEffect(() => {
|
|
2130
2200
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
2131
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ?? Rt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Rt()),
|
|
2132
|
-
|
|
2201
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? Rt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Rt()), Qe++, () => {
|
|
2202
|
+
Qe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Qe--;
|
|
2133
2203
|
};
|
|
2134
2204
|
}, []);
|
|
2135
2205
|
}
|
|
@@ -2137,7 +2207,7 @@ function Rt() {
|
|
|
2137
2207
|
const e = document.createElement("span");
|
|
2138
2208
|
return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
|
|
2139
2209
|
}
|
|
2140
|
-
var
|
|
2210
|
+
var We = "Dialog", [qn, Ha] = we(We), [Bs, ne] = qn(We), Yn = (e) => {
|
|
2141
2211
|
const {
|
|
2142
2212
|
__scopeDialog: t,
|
|
2143
2213
|
children: n,
|
|
@@ -2149,10 +2219,10 @@ var Ue = "Dialog", [zn, Ba] = we(Ue), [As, te] = zn(Ue), qn = (e) => {
|
|
|
2149
2219
|
prop: o,
|
|
2150
2220
|
defaultProp: r ?? !1,
|
|
2151
2221
|
onChange: s,
|
|
2152
|
-
caller:
|
|
2222
|
+
caller: We
|
|
2153
2223
|
});
|
|
2154
2224
|
return /* @__PURE__ */ i.jsx(
|
|
2155
|
-
|
|
2225
|
+
Bs,
|
|
2156
2226
|
{
|
|
2157
2227
|
scope: t,
|
|
2158
2228
|
triggerRef: d,
|
|
@@ -2168,12 +2238,12 @@ var Ue = "Dialog", [zn, Ba] = we(Ue), [As, te] = zn(Ue), qn = (e) => {
|
|
|
2168
2238
|
}
|
|
2169
2239
|
);
|
|
2170
2240
|
};
|
|
2171
|
-
|
|
2172
|
-
var
|
|
2241
|
+
Yn.displayName = We;
|
|
2242
|
+
var Xn = "DialogTrigger", $s = a.forwardRef(
|
|
2173
2243
|
(e, t) => {
|
|
2174
|
-
const { __scopeDialog: n, ...o } = e, r =
|
|
2244
|
+
const { __scopeDialog: n, ...o } = e, r = ne(Xn, n), s = V(t, r.triggerRef);
|
|
2175
2245
|
return /* @__PURE__ */ i.jsx(
|
|
2176
|
-
|
|
2246
|
+
k.button,
|
|
2177
2247
|
{
|
|
2178
2248
|
type: "button",
|
|
2179
2249
|
"aria-haspopup": "dialog",
|
|
@@ -2187,29 +2257,29 @@ var Yn = "DialogTrigger", Ms = a.forwardRef(
|
|
|
2187
2257
|
);
|
|
2188
2258
|
}
|
|
2189
2259
|
);
|
|
2190
|
-
|
|
2191
|
-
var
|
|
2260
|
+
$s.displayName = Xn;
|
|
2261
|
+
var vt = "DialogPortal", [Vs, Zn] = qn(vt, {
|
|
2192
2262
|
forceMount: void 0
|
|
2193
|
-
}),
|
|
2194
|
-
const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, s =
|
|
2195
|
-
return /* @__PURE__ */ i.jsx(
|
|
2263
|
+
}), Jn = (e) => {
|
|
2264
|
+
const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, s = ne(vt, t);
|
|
2265
|
+
return /* @__PURE__ */ i.jsx(Vs, { scope: t, forceMount: n, children: a.Children.map(o, (c) => /* @__PURE__ */ i.jsx(Ge, { present: n || s.open, children: /* @__PURE__ */ i.jsx(At, { asChild: !0, container: r, children: c }) })) });
|
|
2196
2266
|
};
|
|
2197
|
-
|
|
2198
|
-
var De = "DialogOverlay",
|
|
2267
|
+
Jn.displayName = vt;
|
|
2268
|
+
var De = "DialogOverlay", Qn = a.forwardRef(
|
|
2199
2269
|
(e, t) => {
|
|
2200
|
-
const n =
|
|
2201
|
-
return s.modal ? /* @__PURE__ */ i.jsx(
|
|
2270
|
+
const n = Zn(De, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = ne(De, e.__scopeDialog);
|
|
2271
|
+
return s.modal ? /* @__PURE__ */ i.jsx(Ge, { present: o || s.open, children: /* @__PURE__ */ i.jsx(Gs, { ...r, ref: t }) }) : null;
|
|
2202
2272
|
}
|
|
2203
2273
|
);
|
|
2204
|
-
|
|
2205
|
-
var
|
|
2274
|
+
Qn.displayName = De;
|
|
2275
|
+
var Us = kt("DialogOverlay.RemoveScroll"), Gs = a.forwardRef(
|
|
2206
2276
|
(e, t) => {
|
|
2207
|
-
const { __scopeDialog: n, ...o } = e, r =
|
|
2277
|
+
const { __scopeDialog: n, ...o } = e, r = ne(De, n);
|
|
2208
2278
|
return (
|
|
2209
2279
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
2210
2280
|
// ie. when `Overlay` and `Content` are siblings
|
|
2211
|
-
/* @__PURE__ */ i.jsx(
|
|
2212
|
-
|
|
2281
|
+
/* @__PURE__ */ i.jsx(Ot, { as: Us, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
|
|
2282
|
+
k.div,
|
|
2213
2283
|
{
|
|
2214
2284
|
"data-state": xt(r.open),
|
|
2215
2285
|
...o,
|
|
@@ -2219,21 +2289,21 @@ var Ls = Pt("DialogOverlay.RemoveScroll"), Fs = a.forwardRef(
|
|
|
2219
2289
|
) })
|
|
2220
2290
|
);
|
|
2221
2291
|
}
|
|
2222
|
-
),
|
|
2292
|
+
), he = "DialogContent", er = a.forwardRef(
|
|
2223
2293
|
(e, t) => {
|
|
2224
|
-
const n =
|
|
2225
|
-
return /* @__PURE__ */ i.jsx(
|
|
2294
|
+
const n = Zn(he, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = ne(he, e.__scopeDialog);
|
|
2295
|
+
return /* @__PURE__ */ i.jsx(Ge, { present: o || s.open, children: s.modal ? /* @__PURE__ */ i.jsx(Ws, { ...r, ref: t }) : /* @__PURE__ */ i.jsx(Hs, { ...r, ref: t }) });
|
|
2226
2296
|
}
|
|
2227
2297
|
);
|
|
2228
|
-
|
|
2229
|
-
var
|
|
2298
|
+
er.displayName = he;
|
|
2299
|
+
var Ws = a.forwardRef(
|
|
2230
2300
|
(e, t) => {
|
|
2231
|
-
const n =
|
|
2301
|
+
const n = ne(he, e.__scopeDialog), o = a.useRef(null), r = V(t, n.contentRef, o);
|
|
2232
2302
|
return a.useEffect(() => {
|
|
2233
2303
|
const s = o.current;
|
|
2234
|
-
if (s) return
|
|
2304
|
+
if (s) return Mt(s);
|
|
2235
2305
|
}, []), /* @__PURE__ */ i.jsx(
|
|
2236
|
-
|
|
2306
|
+
tr,
|
|
2237
2307
|
{
|
|
2238
2308
|
...e,
|
|
2239
2309
|
ref: r,
|
|
@@ -2253,11 +2323,11 @@ var Bs = a.forwardRef(
|
|
|
2253
2323
|
}
|
|
2254
2324
|
);
|
|
2255
2325
|
}
|
|
2256
|
-
),
|
|
2326
|
+
), Hs = a.forwardRef(
|
|
2257
2327
|
(e, t) => {
|
|
2258
|
-
const n =
|
|
2328
|
+
const n = ne(he, e.__scopeDialog), o = a.useRef(!1), r = a.useRef(!1);
|
|
2259
2329
|
return /* @__PURE__ */ i.jsx(
|
|
2260
|
-
|
|
2330
|
+
tr,
|
|
2261
2331
|
{
|
|
2262
2332
|
...e,
|
|
2263
2333
|
ref: t,
|
|
@@ -2274,12 +2344,12 @@ var Bs = a.forwardRef(
|
|
|
2274
2344
|
}
|
|
2275
2345
|
);
|
|
2276
2346
|
}
|
|
2277
|
-
),
|
|
2347
|
+
), tr = a.forwardRef(
|
|
2278
2348
|
(e, t) => {
|
|
2279
|
-
const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: s, ...c } = e, d =
|
|
2280
|
-
return
|
|
2349
|
+
const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: s, ...c } = e, d = ne(he, n), u = a.useRef(null), l = V(t, u);
|
|
2350
|
+
return Fs(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
2281
2351
|
/* @__PURE__ */ i.jsx(
|
|
2282
|
-
|
|
2352
|
+
Lt,
|
|
2283
2353
|
{
|
|
2284
2354
|
asChild: !0,
|
|
2285
2355
|
loop: !0,
|
|
@@ -2287,7 +2357,7 @@ var Bs = a.forwardRef(
|
|
|
2287
2357
|
onMountAutoFocus: r,
|
|
2288
2358
|
onUnmountAutoFocus: s,
|
|
2289
2359
|
children: /* @__PURE__ */ i.jsx(
|
|
2290
|
-
|
|
2360
|
+
Kn,
|
|
2291
2361
|
{
|
|
2292
2362
|
role: "dialog",
|
|
2293
2363
|
id: d.contentId,
|
|
@@ -2302,30 +2372,30 @@ var Bs = a.forwardRef(
|
|
|
2302
2372
|
}
|
|
2303
2373
|
),
|
|
2304
2374
|
/* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
2305
|
-
/* @__PURE__ */ i.jsx(
|
|
2306
|
-
/* @__PURE__ */ i.jsx(
|
|
2375
|
+
/* @__PURE__ */ i.jsx(Ys, { titleId: d.titleId }),
|
|
2376
|
+
/* @__PURE__ */ i.jsx(Zs, { contentRef: u, descriptionId: d.descriptionId })
|
|
2307
2377
|
] })
|
|
2308
2378
|
] });
|
|
2309
2379
|
}
|
|
2310
|
-
), gt = "DialogTitle",
|
|
2380
|
+
), gt = "DialogTitle", Ks = a.forwardRef(
|
|
2311
2381
|
(e, t) => {
|
|
2312
|
-
const { __scopeDialog: n, ...o } = e, r =
|
|
2313
|
-
return /* @__PURE__ */ i.jsx(
|
|
2382
|
+
const { __scopeDialog: n, ...o } = e, r = ne(gt, n);
|
|
2383
|
+
return /* @__PURE__ */ i.jsx(k.h2, { id: r.titleId, ...o, ref: t });
|
|
2314
2384
|
}
|
|
2315
2385
|
);
|
|
2316
|
-
|
|
2317
|
-
var
|
|
2386
|
+
Ks.displayName = gt;
|
|
2387
|
+
var nr = "DialogDescription", zs = a.forwardRef(
|
|
2318
2388
|
(e, t) => {
|
|
2319
|
-
const { __scopeDialog: n, ...o } = e, r =
|
|
2320
|
-
return /* @__PURE__ */ i.jsx(
|
|
2389
|
+
const { __scopeDialog: n, ...o } = e, r = ne(nr, n);
|
|
2390
|
+
return /* @__PURE__ */ i.jsx(k.p, { id: r.descriptionId, ...o, ref: t });
|
|
2321
2391
|
}
|
|
2322
2392
|
);
|
|
2323
|
-
|
|
2324
|
-
var
|
|
2393
|
+
zs.displayName = nr;
|
|
2394
|
+
var rr = "DialogClose", qs = a.forwardRef(
|
|
2325
2395
|
(e, t) => {
|
|
2326
|
-
const { __scopeDialog: n, ...o } = e, r =
|
|
2396
|
+
const { __scopeDialog: n, ...o } = e, r = ne(rr, n);
|
|
2327
2397
|
return /* @__PURE__ */ i.jsx(
|
|
2328
|
-
|
|
2398
|
+
k.button,
|
|
2329
2399
|
{
|
|
2330
2400
|
type: "button",
|
|
2331
2401
|
...o,
|
|
@@ -2335,16 +2405,16 @@ var nr = "DialogClose", Gs = a.forwardRef(
|
|
|
2335
2405
|
);
|
|
2336
2406
|
}
|
|
2337
2407
|
);
|
|
2338
|
-
|
|
2408
|
+
qs.displayName = rr;
|
|
2339
2409
|
function xt(e) {
|
|
2340
2410
|
return e ? "open" : "closed";
|
|
2341
2411
|
}
|
|
2342
|
-
var
|
|
2343
|
-
contentName:
|
|
2412
|
+
var or = "DialogTitleWarning", [Ka, sr] = kr(or, {
|
|
2413
|
+
contentName: he,
|
|
2344
2414
|
titleName: gt,
|
|
2345
2415
|
docsSlug: "dialog"
|
|
2346
|
-
}),
|
|
2347
|
-
const t = or
|
|
2416
|
+
}), Ys = ({ titleId: e }) => {
|
|
2417
|
+
const t = sr(or), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
2348
2418
|
|
|
2349
2419
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
2350
2420
|
|
|
@@ -2352,27 +2422,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2352
2422
|
return a.useEffect(() => {
|
|
2353
2423
|
e && (document.getElementById(e) || console.error(n));
|
|
2354
2424
|
}, [n, e]), null;
|
|
2355
|
-
},
|
|
2356
|
-
const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${
|
|
2425
|
+
}, Xs = "DialogDescriptionWarning", Zs = ({ contentRef: e, descriptionId: t }) => {
|
|
2426
|
+
const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${sr(Xs).contentName}}.`;
|
|
2357
2427
|
return a.useEffect(() => {
|
|
2358
2428
|
const r = e.current?.getAttribute("aria-describedby");
|
|
2359
2429
|
t && r && (document.getElementById(t) || console.warn(o));
|
|
2360
2430
|
}, [o, e, t]), null;
|
|
2361
|
-
},
|
|
2431
|
+
}, Js = Yn, Qs = Jn, ea = Qn, ta = er, Ie = '[cmdk-group=""]', et = '[cmdk-group-items=""]', na = '[cmdk-group-heading=""]', ar = '[cmdk-item=""]', Nt = `${ar}:not([aria-disabled="true"])`, lt = "cmdk-item-select", xe = "data-value", ra = (e, t, n) => Ns(e, t, n), ir = a.createContext(void 0), Pe = () => a.useContext(ir), cr = a.createContext(void 0), bt = () => a.useContext(cr), lr = a.createContext(void 0), dr = a.forwardRef((e, t) => {
|
|
2362
2432
|
let n = be(() => {
|
|
2363
2433
|
var p, R;
|
|
2364
2434
|
return { search: "", value: (R = (p = e.value) != null ? p : e.defaultValue) != null ? R : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
|
|
2365
|
-
}), o = be(() => /* @__PURE__ */ new Set()), r = be(() => /* @__PURE__ */ new Map()), s = be(() => /* @__PURE__ */ new Map()), c = be(() => /* @__PURE__ */ new Set()), d =
|
|
2366
|
-
|
|
2435
|
+
}), o = be(() => /* @__PURE__ */ new Set()), r = be(() => /* @__PURE__ */ new Map()), s = be(() => /* @__PURE__ */ new Map()), c = be(() => /* @__PURE__ */ new Set()), d = ur(e), { label: u, children: l, value: f, onValueChange: m, filter: x, shouldFilter: g, loop: w, disablePointerSelection: h = !1, vimBindings: v = !0, ...S } = e, y = Z(), I = Z(), A = Z(), M = a.useRef(null), j = ma();
|
|
2436
|
+
ve(() => {
|
|
2367
2437
|
if (f !== void 0) {
|
|
2368
2438
|
let p = f.trim();
|
|
2369
2439
|
n.current.value = p, E.emit();
|
|
2370
2440
|
}
|
|
2371
|
-
}, [f]),
|
|
2441
|
+
}, [f]), ve(() => {
|
|
2372
2442
|
j(6, X);
|
|
2373
2443
|
}, []);
|
|
2374
2444
|
let E = a.useMemo(() => ({ subscribe: (p) => (c.current.add(p), () => c.current.delete(p)), snapshot: () => n.current, setState: (p, R, N) => {
|
|
2375
|
-
var C,
|
|
2445
|
+
var C, _, b, T;
|
|
2376
2446
|
if (!Object.is(n.current[p], R)) {
|
|
2377
2447
|
if (n.current[p] = R, p === "search") q(), U(), j(1, W);
|
|
2378
2448
|
else if (p === "value") {
|
|
@@ -2383,7 +2453,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2383
2453
|
if (j(7, () => {
|
|
2384
2454
|
var D;
|
|
2385
2455
|
n.current.selectedItemId = (D = H()) == null ? void 0 : D.id, E.emit();
|
|
2386
|
-
}), N || j(5, X), ((
|
|
2456
|
+
}), N || j(5, X), ((_ = d.current) == null ? void 0 : _.value) !== void 0) {
|
|
2387
2457
|
let D = R ?? "";
|
|
2388
2458
|
(T = (b = d.current).onValueChange) == null || T.call(b, D);
|
|
2389
2459
|
return;
|
|
@@ -2393,7 +2463,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2393
2463
|
}
|
|
2394
2464
|
}, emit: () => {
|
|
2395
2465
|
c.current.forEach((p) => p());
|
|
2396
|
-
} }), []),
|
|
2466
|
+
} }), []), P = a.useMemo(() => ({ value: (p, R, N) => {
|
|
2397
2467
|
var C;
|
|
2398
2468
|
R !== ((C = s.current.get(p)) == null ? void 0 : C.value) && (s.current.set(p, { value: R, keywords: N }), n.current.filtered.items.set(p, z(R, N)), j(2, () => {
|
|
2399
2469
|
U(), E.emit();
|
|
@@ -2411,30 +2481,30 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2411
2481
|
}), filter: () => d.current.shouldFilter, label: u || e["aria-label"], getDisablePointerSelection: () => d.current.disablePointerSelection, listId: y, inputId: A, labelId: I, listInnerRef: M }), []);
|
|
2412
2482
|
function z(p, R) {
|
|
2413
2483
|
var N, C;
|
|
2414
|
-
let
|
|
2415
|
-
return p ?
|
|
2484
|
+
let _ = (C = (N = d.current) == null ? void 0 : N.filter) != null ? C : ra;
|
|
2485
|
+
return p ? _(p, n.current.search, R) : 0;
|
|
2416
2486
|
}
|
|
2417
2487
|
function U() {
|
|
2418
2488
|
if (!n.current.search || d.current.shouldFilter === !1) return;
|
|
2419
2489
|
let p = n.current.filtered.items, R = [];
|
|
2420
2490
|
n.current.filtered.groups.forEach((C) => {
|
|
2421
|
-
let
|
|
2422
|
-
|
|
2491
|
+
let _ = r.current.get(C), b = 0;
|
|
2492
|
+
_.forEach((T) => {
|
|
2423
2493
|
let D = p.get(T);
|
|
2424
2494
|
b = Math.max(D, b);
|
|
2425
2495
|
}), R.push([C, b]);
|
|
2426
2496
|
});
|
|
2427
2497
|
let N = M.current;
|
|
2428
|
-
K().sort((C,
|
|
2498
|
+
K().sort((C, _) => {
|
|
2429
2499
|
var b, T;
|
|
2430
|
-
let D = C.getAttribute("id"), O =
|
|
2500
|
+
let D = C.getAttribute("id"), O = _.getAttribute("id");
|
|
2431
2501
|
return ((b = p.get(O)) != null ? b : 0) - ((T = p.get(D)) != null ? T : 0);
|
|
2432
2502
|
}).forEach((C) => {
|
|
2433
|
-
let
|
|
2434
|
-
|
|
2435
|
-
}), R.sort((C,
|
|
2436
|
-
var
|
|
2437
|
-
let b = (
|
|
2503
|
+
let _ = C.closest(et);
|
|
2504
|
+
_ ? _.appendChild(C.parentElement === _ ? C : C.closest(`${et} > *`)) : N.appendChild(C.parentElement === N ? C : C.closest(`${et} > *`));
|
|
2505
|
+
}), R.sort((C, _) => _[1] - C[1]).forEach((C) => {
|
|
2506
|
+
var _;
|
|
2507
|
+
let b = (_ = M.current) == null ? void 0 : _.querySelector(`${Ie}[${xe}="${encodeURIComponent(C[0])}"]`);
|
|
2438
2508
|
b?.parentElement.appendChild(b);
|
|
2439
2509
|
});
|
|
2440
2510
|
}
|
|
@@ -2449,25 +2519,25 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2449
2519
|
return;
|
|
2450
2520
|
}
|
|
2451
2521
|
n.current.filtered.groups = /* @__PURE__ */ new Set();
|
|
2452
|
-
let
|
|
2522
|
+
let _ = 0;
|
|
2453
2523
|
for (let b of o.current) {
|
|
2454
2524
|
let T = (R = (p = s.current.get(b)) == null ? void 0 : p.value) != null ? R : "", D = (C = (N = s.current.get(b)) == null ? void 0 : N.keywords) != null ? C : [], O = z(T, D);
|
|
2455
|
-
n.current.filtered.items.set(b, O), O > 0 &&
|
|
2525
|
+
n.current.filtered.items.set(b, O), O > 0 && _++;
|
|
2456
2526
|
}
|
|
2457
2527
|
for (let [b, T] of r.current) for (let D of T) if (n.current.filtered.items.get(D) > 0) {
|
|
2458
2528
|
n.current.filtered.groups.add(b);
|
|
2459
2529
|
break;
|
|
2460
2530
|
}
|
|
2461
|
-
n.current.filtered.count =
|
|
2531
|
+
n.current.filtered.count = _;
|
|
2462
2532
|
}
|
|
2463
2533
|
function X() {
|
|
2464
2534
|
var p, R, N;
|
|
2465
2535
|
let C = H();
|
|
2466
|
-
C && (((p = C.parentElement) == null ? void 0 : p.firstChild) === C && ((N = (R = C.closest(Ie)) == null ? void 0 : R.querySelector(
|
|
2536
|
+
C && (((p = C.parentElement) == null ? void 0 : p.firstChild) === C && ((N = (R = C.closest(Ie)) == null ? void 0 : R.querySelector(na)) == null || N.scrollIntoView({ block: "nearest" })), C.scrollIntoView({ block: "nearest" }));
|
|
2467
2537
|
}
|
|
2468
2538
|
function H() {
|
|
2469
2539
|
var p;
|
|
2470
|
-
return (p = M.current) == null ? void 0 : p.querySelector(`${
|
|
2540
|
+
return (p = M.current) == null ? void 0 : p.querySelector(`${ar}[aria-selected="true"]`);
|
|
2471
2541
|
}
|
|
2472
2542
|
function K() {
|
|
2473
2543
|
var p;
|
|
@@ -2479,12 +2549,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2479
2549
|
}
|
|
2480
2550
|
function Y(p) {
|
|
2481
2551
|
var R;
|
|
2482
|
-
let N = H(), C = K(),
|
|
2483
|
-
(R = d.current) != null && R.loop && (b =
|
|
2552
|
+
let N = H(), C = K(), _ = C.findIndex((T) => T === N), b = C[_ + p];
|
|
2553
|
+
(R = d.current) != null && R.loop && (b = _ + p < 0 ? C[C.length - 1] : _ + p === C.length ? C[0] : C[_ + p]), b && E.setState("value", b.getAttribute(xe));
|
|
2484
2554
|
}
|
|
2485
2555
|
function J(p) {
|
|
2486
2556
|
let R = H(), N = R?.closest(Ie), C;
|
|
2487
|
-
for (; N && !C; ) N = p > 0 ?
|
|
2557
|
+
for (; N && !C; ) N = p > 0 ? fa(N, Ie) : pa(N, Ie), C = N?.querySelector(Nt);
|
|
2488
2558
|
C ? E.setState("value", C.getAttribute(xe)) : Y(p);
|
|
2489
2559
|
}
|
|
2490
2560
|
let Q = () => F(K().length - 1), ge = (p) => {
|
|
@@ -2492,14 +2562,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2492
2562
|
}, de = (p) => {
|
|
2493
2563
|
p.preventDefault(), p.metaKey ? F(0) : p.altKey ? J(-1) : Y(-1);
|
|
2494
2564
|
};
|
|
2495
|
-
return a.createElement(
|
|
2565
|
+
return a.createElement(k.div, { ref: t, tabIndex: -1, ...S, "cmdk-root": "", onKeyDown: (p) => {
|
|
2496
2566
|
var R;
|
|
2497
2567
|
(R = S.onKeyDown) == null || R.call(S, p);
|
|
2498
2568
|
let N = p.nativeEvent.isComposing || p.keyCode === 229;
|
|
2499
2569
|
if (!(p.defaultPrevented || N)) switch (p.key) {
|
|
2500
2570
|
case "n":
|
|
2501
2571
|
case "j": {
|
|
2502
|
-
|
|
2572
|
+
v && p.ctrlKey && ge(p);
|
|
2503
2573
|
break;
|
|
2504
2574
|
}
|
|
2505
2575
|
case "ArrowDown": {
|
|
@@ -2508,7 +2578,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2508
2578
|
}
|
|
2509
2579
|
case "p":
|
|
2510
2580
|
case "k": {
|
|
2511
|
-
|
|
2581
|
+
v && p.ctrlKey && de(p);
|
|
2512
2582
|
break;
|
|
2513
2583
|
}
|
|
2514
2584
|
case "ArrowUp": {
|
|
@@ -2527,50 +2597,50 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2527
2597
|
p.preventDefault();
|
|
2528
2598
|
let C = H();
|
|
2529
2599
|
if (C) {
|
|
2530
|
-
let
|
|
2531
|
-
C.dispatchEvent(
|
|
2600
|
+
let _ = new Event(lt);
|
|
2601
|
+
C.dispatchEvent(_);
|
|
2532
2602
|
}
|
|
2533
2603
|
}
|
|
2534
2604
|
}
|
|
2535
|
-
} }, a.createElement("label", { "cmdk-label": "", htmlFor:
|
|
2536
|
-
}),
|
|
2605
|
+
} }, a.createElement("label", { "cmdk-label": "", htmlFor: P.inputId, id: P.labelId, style: va }, u), He(e, (p) => a.createElement(cr.Provider, { value: E }, a.createElement(ir.Provider, { value: P }, p))));
|
|
2606
|
+
}), oa = a.forwardRef((e, t) => {
|
|
2537
2607
|
var n, o;
|
|
2538
|
-
let r = Z(), s = a.useRef(null), c = a.useContext(
|
|
2539
|
-
|
|
2608
|
+
let r = Z(), s = a.useRef(null), c = a.useContext(lr), d = Pe(), u = ur(e), l = (o = (n = u.current) == null ? void 0 : n.forceMount) != null ? o : c?.forceMount;
|
|
2609
|
+
ve(() => {
|
|
2540
2610
|
if (!l) return d.item(r, c?.id);
|
|
2541
2611
|
}, [l]);
|
|
2542
|
-
let f =
|
|
2612
|
+
let f = fr(r, s, [e.value, e.children, s], e.keywords), m = bt(), x = ie((j) => j.value && j.value === f.current), g = ie((j) => l || d.filter() === !1 ? !0 : j.search ? j.filtered.items.get(r) > 0 : !0);
|
|
2543
2613
|
a.useEffect(() => {
|
|
2544
2614
|
let j = s.current;
|
|
2545
|
-
if (!(!j || e.disabled)) return j.addEventListener(
|
|
2615
|
+
if (!(!j || e.disabled)) return j.addEventListener(lt, w), () => j.removeEventListener(lt, w);
|
|
2546
2616
|
}, [g, e.onSelect, e.disabled]);
|
|
2547
2617
|
function w() {
|
|
2548
2618
|
var j, E;
|
|
2549
|
-
|
|
2619
|
+
h(), (E = (j = u.current).onSelect) == null || E.call(j, f.current);
|
|
2550
2620
|
}
|
|
2551
|
-
function
|
|
2621
|
+
function h() {
|
|
2552
2622
|
m.setState("value", f.current, !0);
|
|
2553
2623
|
}
|
|
2554
2624
|
if (!g) return null;
|
|
2555
|
-
let { disabled:
|
|
2556
|
-
return a.createElement(
|
|
2557
|
-
}),
|
|
2558
|
-
let { heading: n, children: o, forceMount: r, ...s } = e, c = Z(), d = a.useRef(null), u = a.useRef(null), l = Z(), f =
|
|
2559
|
-
|
|
2625
|
+
let { disabled: v, value: S, onSelect: y, forceMount: I, keywords: A, ...M } = e;
|
|
2626
|
+
return a.createElement(k.div, { ref: Ne(s, t), ...M, id: r, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!x, "data-disabled": !!v, "data-selected": !!x, onPointerMove: v || d.getDisablePointerSelection() ? void 0 : h, onClick: v ? void 0 : w }, e.children);
|
|
2627
|
+
}), sa = a.forwardRef((e, t) => {
|
|
2628
|
+
let { heading: n, children: o, forceMount: r, ...s } = e, c = Z(), d = a.useRef(null), u = a.useRef(null), l = Z(), f = Pe(), m = ie((g) => r || f.filter() === !1 ? !0 : g.search ? g.filtered.groups.has(c) : !0);
|
|
2629
|
+
ve(() => f.group(c), []), fr(c, d, [e.value, e.heading, u]);
|
|
2560
2630
|
let x = a.useMemo(() => ({ id: c, forceMount: r }), [r]);
|
|
2561
|
-
return a.createElement(
|
|
2562
|
-
}),
|
|
2631
|
+
return a.createElement(k.div, { ref: Ne(d, t), ...s, "cmdk-group": "", role: "presentation", hidden: m ? void 0 : !0 }, n && a.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: l }, n), He(e, (g) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? l : void 0 }, a.createElement(lr.Provider, { value: x }, g))));
|
|
2632
|
+
}), aa = a.forwardRef((e, t) => {
|
|
2563
2633
|
let { alwaysRender: n, ...o } = e, r = a.useRef(null), s = ie((c) => !c.search);
|
|
2564
|
-
return !n && !s ? null : a.createElement(
|
|
2565
|
-
}),
|
|
2566
|
-
let { onValueChange: n, ...o } = e, r = e.value != null, s = bt(), c = ie((l) => l.search), d = ie((l) => l.selectedItemId), u =
|
|
2634
|
+
return !n && !s ? null : a.createElement(k.div, { ref: Ne(r, t), ...o, "cmdk-separator": "", role: "separator" });
|
|
2635
|
+
}), ia = a.forwardRef((e, t) => {
|
|
2636
|
+
let { onValueChange: n, ...o } = e, r = e.value != null, s = bt(), c = ie((l) => l.search), d = ie((l) => l.selectedItemId), u = Pe();
|
|
2567
2637
|
return a.useEffect(() => {
|
|
2568
2638
|
e.value != null && s.setState("search", e.value);
|
|
2569
|
-
}, [e.value]), a.createElement(
|
|
2639
|
+
}, [e.value]), a.createElement(k.input, { ref: t, ...o, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": u.listId, "aria-labelledby": u.labelId, "aria-activedescendant": d, id: u.inputId, type: "text", value: r ? e.value : c, onChange: (l) => {
|
|
2570
2640
|
r || s.setState("search", l.target.value), n?.(l.target.value);
|
|
2571
2641
|
} });
|
|
2572
|
-
}),
|
|
2573
|
-
let { children: n, label: o = "Suggestions", ...r } = e, s = a.useRef(null), c = a.useRef(null), d = ie((l) => l.selectedItemId), u =
|
|
2642
|
+
}), ca = a.forwardRef((e, t) => {
|
|
2643
|
+
let { children: n, label: o = "Suggestions", ...r } = e, s = a.useRef(null), c = a.useRef(null), d = ie((l) => l.selectedItemId), u = Pe();
|
|
2574
2644
|
return a.useEffect(() => {
|
|
2575
2645
|
if (c.current && s.current) {
|
|
2576
2646
|
let l = c.current, f = s.current, m, x = new ResizeObserver(() => {
|
|
@@ -2583,35 +2653,35 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
2583
2653
|
cancelAnimationFrame(m), x.unobserve(l);
|
|
2584
2654
|
};
|
|
2585
2655
|
}
|
|
2586
|
-
}, []), a.createElement(
|
|
2587
|
-
}),
|
|
2656
|
+
}, []), a.createElement(k.div, { ref: Ne(s, t), ...r, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": d, "aria-label": o, id: u.listId }, He(e, (l) => a.createElement("div", { ref: Ne(c, u.listInnerRef), "cmdk-list-sizer": "" }, l)));
|
|
2657
|
+
}), la = a.forwardRef((e, t) => {
|
|
2588
2658
|
let { open: n, onOpenChange: o, overlayClassName: r, contentClassName: s, container: c, ...d } = e;
|
|
2589
|
-
return a.createElement(
|
|
2590
|
-
}),
|
|
2659
|
+
return a.createElement(Js, { open: n, onOpenChange: o }, a.createElement(Qs, { container: c }, a.createElement(ea, { "cmdk-overlay": "", className: r }), a.createElement(ta, { "aria-label": e.label, "cmdk-dialog": "", className: s }, a.createElement(dr, { ref: t, ...d }))));
|
|
2660
|
+
}), da = a.forwardRef((e, t) => ie((n) => n.filtered.count === 0) ? a.createElement(k.div, { ref: t, ...e, "cmdk-empty": "", role: "presentation" }) : null), ua = a.forwardRef((e, t) => {
|
|
2591
2661
|
let { progress: n, children: o, label: r = "Loading...", ...s } = e;
|
|
2592
|
-
return a.createElement(
|
|
2593
|
-
}), Ee = Object.assign(
|
|
2594
|
-
function
|
|
2662
|
+
return a.createElement(k.div, { ref: t, ...s, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": r }, He(e, (c) => a.createElement("div", { "aria-hidden": !0 }, c)));
|
|
2663
|
+
}), Ee = Object.assign(dr, { List: ca, Item: oa, Input: ia, Group: sa, Separator: aa, Dialog: la, Empty: da, Loading: ua });
|
|
2664
|
+
function fa(e, t) {
|
|
2595
2665
|
let n = e.nextElementSibling;
|
|
2596
2666
|
for (; n; ) {
|
|
2597
2667
|
if (n.matches(t)) return n;
|
|
2598
2668
|
n = n.nextElementSibling;
|
|
2599
2669
|
}
|
|
2600
2670
|
}
|
|
2601
|
-
function
|
|
2671
|
+
function pa(e, t) {
|
|
2602
2672
|
let n = e.previousElementSibling;
|
|
2603
2673
|
for (; n; ) {
|
|
2604
2674
|
if (n.matches(t)) return n;
|
|
2605
2675
|
n = n.previousElementSibling;
|
|
2606
2676
|
}
|
|
2607
2677
|
}
|
|
2608
|
-
function
|
|
2678
|
+
function ur(e) {
|
|
2609
2679
|
let t = a.useRef(e);
|
|
2610
|
-
return
|
|
2680
|
+
return ve(() => {
|
|
2611
2681
|
t.current = e;
|
|
2612
2682
|
}), t;
|
|
2613
2683
|
}
|
|
2614
|
-
var
|
|
2684
|
+
var ve = typeof window > "u" ? a.useEffect : a.useLayoutEffect;
|
|
2615
2685
|
function be(e) {
|
|
2616
2686
|
let t = a.useRef();
|
|
2617
2687
|
return t.current === void 0 && (t.current = e()), t;
|
|
@@ -2620,9 +2690,9 @@ function ie(e) {
|
|
|
2620
2690
|
let t = bt(), n = () => e(t.snapshot());
|
|
2621
2691
|
return a.useSyncExternalStore(t.subscribe, n, n);
|
|
2622
2692
|
}
|
|
2623
|
-
function
|
|
2624
|
-
let r = a.useRef(), s =
|
|
2625
|
-
return
|
|
2693
|
+
function fr(e, t, n, o = []) {
|
|
2694
|
+
let r = a.useRef(), s = Pe();
|
|
2695
|
+
return ve(() => {
|
|
2626
2696
|
var c;
|
|
2627
2697
|
let d = (() => {
|
|
2628
2698
|
var l;
|
|
@@ -2634,27 +2704,27 @@ function ur(e, t, n, o = []) {
|
|
|
2634
2704
|
s.value(e, d, u), (c = t.current) == null || c.setAttribute(xe, d), r.current = d;
|
|
2635
2705
|
}), r;
|
|
2636
2706
|
}
|
|
2637
|
-
var
|
|
2707
|
+
var ma = () => {
|
|
2638
2708
|
let [e, t] = a.useState(), n = be(() => /* @__PURE__ */ new Map());
|
|
2639
|
-
return
|
|
2709
|
+
return ve(() => {
|
|
2640
2710
|
n.current.forEach((o) => o()), n.current = /* @__PURE__ */ new Map();
|
|
2641
2711
|
}, [e]), (o, r) => {
|
|
2642
2712
|
n.current.set(o, r), t({});
|
|
2643
2713
|
};
|
|
2644
2714
|
};
|
|
2645
|
-
function
|
|
2715
|
+
function ha(e) {
|
|
2646
2716
|
let t = e.type;
|
|
2647
2717
|
return typeof t == "function" ? t(e.props) : "render" in t ? t.render(e.props) : e;
|
|
2648
2718
|
}
|
|
2649
|
-
function
|
|
2650
|
-
return e && a.isValidElement(t) ? a.cloneElement(
|
|
2719
|
+
function He({ asChild: e, children: t }, n) {
|
|
2720
|
+
return e && a.isValidElement(t) ? a.cloneElement(ha(t), { ref: t.ref }, n(t.props.children)) : n(t);
|
|
2651
2721
|
}
|
|
2652
|
-
var
|
|
2653
|
-
function
|
|
2722
|
+
var va = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
|
|
2723
|
+
function ga({ className: e, ...t }) {
|
|
2654
2724
|
return /* @__PURE__ */ i.jsx(
|
|
2655
2725
|
Ee,
|
|
2656
2726
|
{
|
|
2657
|
-
className:
|
|
2727
|
+
className: B(
|
|
2658
2728
|
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
|
2659
2729
|
e
|
|
2660
2730
|
),
|
|
@@ -2663,13 +2733,13 @@ function fa({ className: e, ...t }) {
|
|
|
2663
2733
|
}
|
|
2664
2734
|
);
|
|
2665
2735
|
}
|
|
2666
|
-
function
|
|
2736
|
+
function xa({ className: e, ...t }) {
|
|
2667
2737
|
return /* @__PURE__ */ i.jsxs("div", { className: "flex h-9 items-center gap-2 border-b px-3", "data-slot": "command-input-wrapper", children: [
|
|
2668
|
-
/* @__PURE__ */ i.jsx(
|
|
2738
|
+
/* @__PURE__ */ i.jsx(Hr, { className: "size-4 shrink-0 opacity-50" }),
|
|
2669
2739
|
/* @__PURE__ */ i.jsx(
|
|
2670
2740
|
Ee.Input,
|
|
2671
2741
|
{
|
|
2672
|
-
className:
|
|
2742
|
+
className: B(
|
|
2673
2743
|
"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
|
2674
2744
|
e
|
|
2675
2745
|
),
|
|
@@ -2679,24 +2749,24 @@ function pa({ className: e, ...t }) {
|
|
|
2679
2749
|
)
|
|
2680
2750
|
] });
|
|
2681
2751
|
}
|
|
2682
|
-
function
|
|
2752
|
+
function ba({ className: e, ...t }) {
|
|
2683
2753
|
return /* @__PURE__ */ i.jsx(
|
|
2684
2754
|
Ee.List,
|
|
2685
2755
|
{
|
|
2686
|
-
className:
|
|
2756
|
+
className: B("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
|
|
2687
2757
|
"data-slot": "command-list",
|
|
2688
2758
|
...t
|
|
2689
2759
|
}
|
|
2690
2760
|
);
|
|
2691
2761
|
}
|
|
2692
|
-
function
|
|
2762
|
+
function ya({ ...e }) {
|
|
2693
2763
|
return /* @__PURE__ */ i.jsx(Ee.Empty, { className: "py-6 text-center text-sm", "data-slot": "command-empty", ...e });
|
|
2694
2764
|
}
|
|
2695
|
-
function
|
|
2765
|
+
function wa({ className: e, ...t }) {
|
|
2696
2766
|
return /* @__PURE__ */ i.jsx(
|
|
2697
2767
|
Ee.Group,
|
|
2698
2768
|
{
|
|
2699
|
-
className:
|
|
2769
|
+
className: B(
|
|
2700
2770
|
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
|
|
2701
2771
|
e
|
|
2702
2772
|
),
|
|
@@ -2705,11 +2775,11 @@ function ha({ className: e, ...t }) {
|
|
|
2705
2775
|
}
|
|
2706
2776
|
);
|
|
2707
2777
|
}
|
|
2708
|
-
function
|
|
2778
|
+
function Ca({ className: e, ...t }) {
|
|
2709
2779
|
return /* @__PURE__ */ i.jsx(
|
|
2710
2780
|
Ee.Item,
|
|
2711
2781
|
{
|
|
2712
|
-
className:
|
|
2782
|
+
className: B(
|
|
2713
2783
|
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
2714
2784
|
e
|
|
2715
2785
|
),
|
|
@@ -2718,16 +2788,16 @@ function ga({ className: e, ...t }) {
|
|
|
2718
2788
|
}
|
|
2719
2789
|
);
|
|
2720
2790
|
}
|
|
2721
|
-
const
|
|
2791
|
+
const Sa = ({
|
|
2722
2792
|
placeholder: e,
|
|
2723
2793
|
selected: t,
|
|
2724
2794
|
className: n,
|
|
2725
2795
|
open: o,
|
|
2726
2796
|
renderSelected: r = (s) => s.label
|
|
2727
|
-
}) => /* @__PURE__ */ i.jsx(
|
|
2797
|
+
}) => /* @__PURE__ */ i.jsx(Bt, { asChild: !0, children: /* @__PURE__ */ i.jsxs(mr, { "aria-expanded": o, className: `justify-between ${n}`, role: "combobox", variant: "outline", children: [
|
|
2728
2798
|
r(t || { label: e, value: "" }),
|
|
2729
|
-
/* @__PURE__ */ i.jsx(
|
|
2730
|
-
] }) }),
|
|
2799
|
+
/* @__PURE__ */ i.jsx(Mr, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
|
|
2800
|
+
] }) }), za = ({
|
|
2731
2801
|
options: e,
|
|
2732
2802
|
value: t = "",
|
|
2733
2803
|
placeholder: n = "Select a value...",
|
|
@@ -2736,10 +2806,10 @@ const xa = ({
|
|
|
2736
2806
|
},
|
|
2737
2807
|
renderSelected: s = (c) => c.label
|
|
2738
2808
|
}) => {
|
|
2739
|
-
const [c, d] =
|
|
2740
|
-
return /* @__PURE__ */ i.jsxs(
|
|
2809
|
+
const [c, d] = Me(!1), u = vr(() => e.find((l) => l.value === t), [e, t]);
|
|
2810
|
+
return /* @__PURE__ */ i.jsxs(Ft, { onOpenChange: d, open: c, children: [
|
|
2741
2811
|
/* @__PURE__ */ i.jsx(
|
|
2742
|
-
|
|
2812
|
+
Sa,
|
|
2743
2813
|
{
|
|
2744
2814
|
className: `w-full ${o}`,
|
|
2745
2815
|
open: c,
|
|
@@ -2748,12 +2818,12 @@ const xa = ({
|
|
|
2748
2818
|
selected: u
|
|
2749
2819
|
}
|
|
2750
2820
|
),
|
|
2751
|
-
/* @__PURE__ */ i.jsx(
|
|
2752
|
-
/* @__PURE__ */ i.jsx(
|
|
2753
|
-
/* @__PURE__ */ i.jsxs(
|
|
2754
|
-
/* @__PURE__ */ i.jsx(
|
|
2755
|
-
/* @__PURE__ */ i.jsx(
|
|
2756
|
-
|
|
2821
|
+
/* @__PURE__ */ i.jsx($t, { className: "w-full p-0", children: /* @__PURE__ */ i.jsxs(ga, { value: t, children: [
|
|
2822
|
+
/* @__PURE__ */ i.jsx(xa, { "aria-label": "Search options", className: "h-9", placeholder: "Search" }),
|
|
2823
|
+
/* @__PURE__ */ i.jsxs(ba, { children: [
|
|
2824
|
+
/* @__PURE__ */ i.jsx(ya, { children: "No results found" }),
|
|
2825
|
+
/* @__PURE__ */ i.jsx(wa, { children: e.map((l) => /* @__PURE__ */ i.jsxs(
|
|
2826
|
+
Ca,
|
|
2757
2827
|
{
|
|
2758
2828
|
onSelect: () => {
|
|
2759
2829
|
d(!1), r(l.value);
|
|
@@ -2762,7 +2832,7 @@ const xa = ({
|
|
|
2762
2832
|
children: [
|
|
2763
2833
|
l.icon ? /* @__PURE__ */ i.jsx("span", { className: "mr-2", children: l.icon }) : "",
|
|
2764
2834
|
l.label,
|
|
2765
|
-
/* @__PURE__ */ i.jsx(ut, { className:
|
|
2835
|
+
/* @__PURE__ */ i.jsx(ut, { className: B("ml-auto", l.value === t ? "opacity-100" : "opacity-0") })
|
|
2766
2836
|
]
|
|
2767
2837
|
},
|
|
2768
2838
|
l.value
|
|
@@ -2771,11 +2841,11 @@ const xa = ({
|
|
|
2771
2841
|
] }) })
|
|
2772
2842
|
] });
|
|
2773
2843
|
};
|
|
2774
|
-
function
|
|
2844
|
+
function Ea({ className: e, ...t }) {
|
|
2775
2845
|
return /* @__PURE__ */ i.jsx(
|
|
2776
2846
|
"textarea",
|
|
2777
2847
|
{
|
|
2778
|
-
className:
|
|
2848
|
+
className: B(
|
|
2779
2849
|
"field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:ring-destructive/40",
|
|
2780
2850
|
e
|
|
2781
2851
|
),
|
|
@@ -2784,11 +2854,11 @@ function ba({ className: e, ...t }) {
|
|
|
2784
2854
|
}
|
|
2785
2855
|
);
|
|
2786
2856
|
}
|
|
2787
|
-
function
|
|
2857
|
+
function qa({ label: e, name: t, note: n, placeholder: o, className: r, error: s, ...c }) {
|
|
2788
2858
|
return /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
|
|
2789
2859
|
e && /* @__PURE__ */ i.jsx(Se, { htmlFor: t, children: e }),
|
|
2790
2860
|
/* @__PURE__ */ i.jsx(
|
|
2791
|
-
|
|
2861
|
+
Ea,
|
|
2792
2862
|
{
|
|
2793
2863
|
"aria-label": e || t,
|
|
2794
2864
|
className: r,
|
|
@@ -2798,26 +2868,27 @@ function Ua({ label: e, name: t, note: n, placeholder: o, className: r, error: s
|
|
|
2798
2868
|
...c
|
|
2799
2869
|
}
|
|
2800
2870
|
),
|
|
2801
|
-
n && /* @__PURE__ */ i.jsx(
|
|
2871
|
+
n && /* @__PURE__ */ i.jsx(Oe, { size: "sm", variant: "muted", children: n }),
|
|
2802
2872
|
s && /* @__PURE__ */ i.jsx(je, { message: s })
|
|
2803
2873
|
] });
|
|
2804
2874
|
}
|
|
2805
2875
|
export {
|
|
2806
|
-
|
|
2807
|
-
|
|
2876
|
+
Fa as C,
|
|
2877
|
+
Oa as D,
|
|
2808
2878
|
je as I,
|
|
2809
2879
|
Se as L,
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2880
|
+
Ua as N,
|
|
2881
|
+
Ga as R,
|
|
2882
|
+
La as S,
|
|
2883
|
+
qa as T,
|
|
2884
|
+
Ba as a,
|
|
2885
|
+
$a as b,
|
|
2886
|
+
Va as c,
|
|
2887
|
+
cs as d,
|
|
2888
|
+
Wa as e,
|
|
2889
|
+
za as f,
|
|
2890
|
+
Gn as g,
|
|
2891
|
+
Jt as h,
|
|
2892
|
+
lo as i,
|
|
2893
|
+
uo as j
|
|
2823
2894
|
};
|