@exegia/corpora-ui 0.7.0 → 0.8.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-lib/components/blocks/auth/__tests__/signup-block.test.d.ts +1 -0
- package/dist-lib/components/blocks/auth/signup-block.d.ts +16 -1
- package/dist-lib/index.js +329 -319
- package/dist-lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/blocks/auth/__tests__/signup-block.test.tsx +176 -0
- package/src/components/blocks/auth/signup-block.tsx +43 -10
package/dist-lib/index.js
CHANGED
|
@@ -8,39 +8,39 @@ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
|
8
8
|
import * as _ from "react";
|
|
9
9
|
import { forwardRef as v, useCallback as y, useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
|
|
10
10
|
import { Checkbox as T } from "@base-ui/react/checkbox";
|
|
11
|
-
import { bind as E, play as D, play as O, setEnabled as k, setVolume as
|
|
12
|
-
import { Field as
|
|
13
|
-
import { Input as
|
|
14
|
-
import { OTPField as
|
|
15
|
-
import { Separator as
|
|
16
|
-
import { AnimatePresence as
|
|
17
|
-
import { RiAppleFill as
|
|
11
|
+
import { bind as E, play as D, play as O, setEnabled as k, setVolume as A, sounds as j } from "cuelume";
|
|
12
|
+
import { Field as ee, Field as M } from "@base-ui/react/field";
|
|
13
|
+
import { Input as N } from "@base-ui/react/input";
|
|
14
|
+
import { OTPField as P } from "@base-ui/react/otp-field";
|
|
15
|
+
import { Separator as te } from "@base-ui/react/separator";
|
|
16
|
+
import { AnimatePresence as F, MotionConfig as ne, motion as I } from "motion/react";
|
|
17
|
+
import { RiAppleFill as L, RiGithubFill as re, RiGoogleFill as ie, RiTwitterXFill as ae } from "@remixicon/react";
|
|
18
18
|
//#region src/lib/utils.ts
|
|
19
|
-
function
|
|
19
|
+
function R(...e) {
|
|
20
20
|
return i(r(e));
|
|
21
21
|
}
|
|
22
22
|
//#endregion
|
|
23
23
|
//#region src/components/ui/spinner.tsx
|
|
24
|
-
function
|
|
24
|
+
function z({ className: e, ...t }) {
|
|
25
25
|
return /* @__PURE__ */ h(u, {
|
|
26
26
|
"aria-label": "Loading",
|
|
27
|
-
className:
|
|
27
|
+
className: R("animate-spin", e),
|
|
28
28
|
role: "status",
|
|
29
29
|
...t
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
//#endregion
|
|
33
33
|
//#region src/components/ui/glasscn/liquid-glass.tsx
|
|
34
|
-
var
|
|
35
|
-
function
|
|
34
|
+
var oe = 480, se = 1.25, ce = /* @__PURE__ */ new Map();
|
|
35
|
+
function le() {
|
|
36
36
|
if (typeof navigator > "u") return !1;
|
|
37
37
|
let e = navigator.userAgent;
|
|
38
38
|
return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
|
|
39
39
|
}
|
|
40
|
-
function
|
|
41
|
-
let i = `${e}:${t}:${n}:${r}`, a =
|
|
40
|
+
function ue({ width: e, height: t, radius: n, bezel: r }) {
|
|
41
|
+
let i = `${e}:${t}:${n}:${r}`, a = ce.get(i);
|
|
42
42
|
if (a !== void 0) return a;
|
|
43
|
-
let o = Math.min(1,
|
|
43
|
+
let o = Math.min(1, oe / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
|
|
44
44
|
l.width = s, l.height = c;
|
|
45
45
|
let u = l.getContext("2d");
|
|
46
46
|
if (!u) return "";
|
|
@@ -56,17 +56,17 @@ function de({ width: e, height: t, radius: n, bezel: r }) {
|
|
|
56
56
|
f[v] = 128, f[v + 1] = 128, f[v + 2] = 128, f[v + 3] = 255;
|
|
57
57
|
continue;
|
|
58
58
|
}
|
|
59
|
-
let b = 1 -
|
|
60
|
-
b *= Math.min(1, y /
|
|
59
|
+
let b = 1 - de(Math.min(1, y / g));
|
|
60
|
+
b *= Math.min(1, y / se), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
|
|
61
61
|
}
|
|
62
62
|
u.putImageData(d, 0, 0);
|
|
63
63
|
let _ = l.toDataURL("image/png");
|
|
64
|
-
return
|
|
64
|
+
return ce.set(i, _), _;
|
|
65
65
|
}
|
|
66
|
-
function
|
|
66
|
+
function de(e) {
|
|
67
67
|
return (1 - (1 - e) ** 4) ** .25;
|
|
68
68
|
}
|
|
69
|
-
var
|
|
69
|
+
var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .34, saturation: i = 1.28, className: a, style: o, children: s, ...c }, l) {
|
|
70
70
|
let u = x(), d = S(() => `liquid-glass-${u.replace(/:/g, "")}`, [u]);
|
|
71
71
|
console.log(n);
|
|
72
72
|
let f = C(null), p = y((e) => {
|
|
@@ -90,14 +90,14 @@ var pe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
|
|
|
90
90
|
let n = new ResizeObserver(t);
|
|
91
91
|
return n.observe(e), () => n.disconnect();
|
|
92
92
|
}, [r]);
|
|
93
|
-
let T = S(() => _ ?
|
|
93
|
+
let T = S(() => _ ? ue(_) : "", [_]), [E, D] = w(!1);
|
|
94
94
|
b(() => {
|
|
95
|
-
D(
|
|
95
|
+
D(le());
|
|
96
96
|
}, []);
|
|
97
97
|
let O = E && T !== "", k = O ? `url(#${d}) blur(${e}px) saturate(${i})` : `blur(${e + 2}px) saturate(${i})`;
|
|
98
98
|
return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
|
|
99
99
|
ref: p,
|
|
100
|
-
className:
|
|
100
|
+
className: R("relative overflow-hidden rounded-full bg-white/[0.08]", a),
|
|
101
101
|
style: {
|
|
102
102
|
...o,
|
|
103
103
|
backdropFilter: k,
|
|
@@ -150,7 +150,7 @@ var pe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
|
|
|
150
150
|
]
|
|
151
151
|
})
|
|
152
152
|
})] });
|
|
153
|
-
}),
|
|
153
|
+
}), pe = {
|
|
154
154
|
clear: [
|
|
155
155
|
"backdrop-blur-[2px] backdrop-saturate-[1.9]",
|
|
156
156
|
"bg-white/[0.25] dark:bg-black/[0.25]",
|
|
@@ -184,7 +184,7 @@ var pe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
|
|
|
184
184
|
"[will-change:background-position]"
|
|
185
185
|
].join(" "),
|
|
186
186
|
"liquid-refract": ""
|
|
187
|
-
},
|
|
187
|
+
}, me = n("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
|
|
188
188
|
compoundVariants: [{
|
|
189
189
|
class: "h-auto border-0 px-0 align-middle sm:h-auto",
|
|
190
190
|
size: [
|
|
@@ -225,7 +225,7 @@ var pe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
|
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
});
|
|
228
|
-
function
|
|
228
|
+
function B({ className: n, variant: r, size: i, render: a, children: o, loading: s = !1, disabled: c, glassVariant: l, sound: u = !0, ...d }) {
|
|
229
229
|
let f = !!(s || c), p = a ? void 0 : "button", _ = r === "glass" ? l ?? "liquid-refract" : void 0, v = _ === "liquid-refract", y = (i ?? "default").startsWith("icon"), b = t({
|
|
230
230
|
defaultTagName: "button",
|
|
231
231
|
props: e({
|
|
@@ -233,19 +233,19 @@ function z({ className: n, variant: r, size: i, render: a, children: o, loading:
|
|
|
233
233
|
!y && /* @__PURE__ */ h("span", {
|
|
234
234
|
"aria-hidden": !s || void 0,
|
|
235
235
|
"data-slot": "button-loading-indicator",
|
|
236
|
-
className:
|
|
237
|
-
children: /* @__PURE__ */ h(
|
|
236
|
+
className: R("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", s ? "max-w-6" : R("max-w-0 opacity-0 blur-[2px]", i === "xs" ? "-ms-1" : i === "sm" ? "-ms-1.5" : "-ms-2")),
|
|
237
|
+
children: /* @__PURE__ */ h(z, { className: s ? void 0 : "animate-none" })
|
|
238
238
|
}),
|
|
239
239
|
o,
|
|
240
|
-
s && y && /* @__PURE__ */ h(
|
|
240
|
+
s && y && /* @__PURE__ */ h(z, {
|
|
241
241
|
className: "pointer-events-none absolute",
|
|
242
242
|
"data-slot": "button-loading-indicator"
|
|
243
243
|
})
|
|
244
244
|
] }),
|
|
245
|
-
className:
|
|
245
|
+
className: R(me({
|
|
246
246
|
size: i,
|
|
247
247
|
variant: r
|
|
248
|
-
}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", s && y && "data-loading:text-transparent", _ &&
|
|
248
|
+
}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", s && y && "data-loading:text-transparent", _ && pe[_], v && "bg-transparent border-0 shadow-none", n),
|
|
249
249
|
"aria-disabled": s || void 0,
|
|
250
250
|
"data-cuelume-press": u ? "" : void 0,
|
|
251
251
|
"data-cuelume-release": u ? "" : void 0,
|
|
@@ -257,15 +257,15 @@ function z({ className: n, variant: r, size: i, render: a, children: o, loading:
|
|
|
257
257
|
}, d),
|
|
258
258
|
render: a
|
|
259
259
|
});
|
|
260
|
-
return v ? /* @__PURE__ */ h(
|
|
260
|
+
return v ? /* @__PURE__ */ h(fe, { children: b }) : b;
|
|
261
261
|
}
|
|
262
262
|
//#endregion
|
|
263
263
|
//#region src/components/ui/card.tsx
|
|
264
|
-
function
|
|
264
|
+
function he({ className: n, render: r, ...i }) {
|
|
265
265
|
return t({
|
|
266
266
|
defaultTagName: "div",
|
|
267
267
|
props: e({
|
|
268
|
-
className:
|
|
268
|
+
className: R("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", n),
|
|
269
269
|
"data-slot": "card"
|
|
270
270
|
}, i),
|
|
271
271
|
render: r
|
|
@@ -275,7 +275,7 @@ function ge({ className: n, render: r, ...i }) {
|
|
|
275
275
|
return t({
|
|
276
276
|
defaultTagName: "div",
|
|
277
277
|
props: e({
|
|
278
|
-
className:
|
|
278
|
+
className: R("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", n),
|
|
279
279
|
"data-slot": "card-frame"
|
|
280
280
|
}, i),
|
|
281
281
|
render: r
|
|
@@ -285,7 +285,7 @@ function _e({ className: n, render: r, ...i }) {
|
|
|
285
285
|
return t({
|
|
286
286
|
defaultTagName: "div",
|
|
287
287
|
props: e({
|
|
288
|
-
className:
|
|
288
|
+
className: R("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", n),
|
|
289
289
|
"data-slot": "card-frame-header"
|
|
290
290
|
}, i),
|
|
291
291
|
render: r
|
|
@@ -295,7 +295,7 @@ function ve({ className: n, render: r, ...i }) {
|
|
|
295
295
|
return t({
|
|
296
296
|
defaultTagName: "div",
|
|
297
297
|
props: e({
|
|
298
|
-
className:
|
|
298
|
+
className: R("self-center font-semibold text-sm", n),
|
|
299
299
|
"data-slot": "card-frame-title"
|
|
300
300
|
}, i),
|
|
301
301
|
render: r
|
|
@@ -305,7 +305,7 @@ function ye({ className: n, render: r, ...i }) {
|
|
|
305
305
|
return t({
|
|
306
306
|
defaultTagName: "div",
|
|
307
307
|
props: e({
|
|
308
|
-
className:
|
|
308
|
+
className: R("self-center text-muted-foreground text-sm", n),
|
|
309
309
|
"data-slot": "card-frame-description"
|
|
310
310
|
}, i),
|
|
311
311
|
render: r
|
|
@@ -315,7 +315,7 @@ function be({ className: n, render: r, ...i }) {
|
|
|
315
315
|
return t({
|
|
316
316
|
defaultTagName: "div",
|
|
317
317
|
props: e({
|
|
318
|
-
className:
|
|
318
|
+
className: R("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
|
|
319
319
|
"data-slot": "card-frame-action"
|
|
320
320
|
}, i),
|
|
321
321
|
render: r
|
|
@@ -325,67 +325,67 @@ function xe({ className: n, render: r, ...i }) {
|
|
|
325
325
|
return t({
|
|
326
326
|
defaultTagName: "div",
|
|
327
327
|
props: e({
|
|
328
|
-
className:
|
|
328
|
+
className: R("px-6 py-4", n),
|
|
329
329
|
"data-slot": "card-frame-footer"
|
|
330
330
|
}, i),
|
|
331
331
|
render: r
|
|
332
332
|
});
|
|
333
333
|
}
|
|
334
|
-
function
|
|
334
|
+
function Se({ className: n, render: r, ...i }) {
|
|
335
335
|
return t({
|
|
336
336
|
defaultTagName: "div",
|
|
337
337
|
props: e({
|
|
338
|
-
className:
|
|
338
|
+
className: R("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", n),
|
|
339
339
|
"data-slot": "card-header"
|
|
340
340
|
}, i),
|
|
341
341
|
render: r
|
|
342
342
|
});
|
|
343
343
|
}
|
|
344
|
-
function
|
|
344
|
+
function V({ className: n, render: r, ...i }) {
|
|
345
345
|
return t({
|
|
346
346
|
defaultTagName: "div",
|
|
347
347
|
props: e({
|
|
348
|
-
className:
|
|
348
|
+
className: R("font-heading font-semibold text-lg leading-none", n),
|
|
349
349
|
"data-slot": "card-title"
|
|
350
350
|
}, i),
|
|
351
351
|
render: r
|
|
352
352
|
});
|
|
353
353
|
}
|
|
354
|
-
function
|
|
354
|
+
function Ce({ className: n, render: r, ...i }) {
|
|
355
355
|
return t({
|
|
356
356
|
defaultTagName: "div",
|
|
357
357
|
props: e({
|
|
358
|
-
className:
|
|
358
|
+
className: R("text-muted-foreground text-sm", n),
|
|
359
359
|
"data-slot": "card-description"
|
|
360
360
|
}, i),
|
|
361
361
|
render: r
|
|
362
362
|
});
|
|
363
363
|
}
|
|
364
|
-
function
|
|
364
|
+
function we({ className: n, render: r, ...i }) {
|
|
365
365
|
return t({
|
|
366
366
|
defaultTagName: "div",
|
|
367
367
|
props: e({
|
|
368
|
-
className:
|
|
368
|
+
className: R("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
|
|
369
369
|
"data-slot": "card-action"
|
|
370
370
|
}, i),
|
|
371
371
|
render: r
|
|
372
372
|
});
|
|
373
373
|
}
|
|
374
|
-
function
|
|
374
|
+
function H({ className: n, render: r, ...i }) {
|
|
375
375
|
return t({
|
|
376
376
|
defaultTagName: "div",
|
|
377
377
|
props: e({
|
|
378
|
-
className:
|
|
378
|
+
className: R("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", n),
|
|
379
379
|
"data-slot": "card-panel"
|
|
380
380
|
}, i),
|
|
381
381
|
render: r
|
|
382
382
|
});
|
|
383
383
|
}
|
|
384
|
-
function
|
|
384
|
+
function Te({ className: n, render: r, ...i }) {
|
|
385
385
|
return t({
|
|
386
386
|
defaultTagName: "div",
|
|
387
387
|
props: e({
|
|
388
|
-
className:
|
|
388
|
+
className: R("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
|
|
389
389
|
"data-slot": "card-footer"
|
|
390
390
|
}, i),
|
|
391
391
|
render: r
|
|
@@ -393,21 +393,21 @@ function we({ className: n, render: r, ...i }) {
|
|
|
393
393
|
}
|
|
394
394
|
//#endregion
|
|
395
395
|
//#region src/lib/sound.ts
|
|
396
|
-
var
|
|
397
|
-
function
|
|
398
|
-
|
|
396
|
+
var Ee = !1;
|
|
397
|
+
function De(e) {
|
|
398
|
+
Ee = !0, E(e);
|
|
399
399
|
}
|
|
400
|
-
function
|
|
401
|
-
|
|
400
|
+
function Oe(e, t) {
|
|
401
|
+
Ee && D(e, t);
|
|
402
402
|
}
|
|
403
403
|
//#endregion
|
|
404
404
|
//#region src/components/ui/checkbox.tsx
|
|
405
|
-
function
|
|
405
|
+
function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
|
|
406
406
|
return /* @__PURE__ */ h(T.Root, {
|
|
407
407
|
onCheckedChange: (e, r) => {
|
|
408
|
-
t &&
|
|
408
|
+
t && Oe("toggle"), n?.(e, r);
|
|
409
409
|
},
|
|
410
|
-
className:
|
|
410
|
+
className: R("relative inline-flex size-4.5 shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none", e),
|
|
411
411
|
"data-slot": "checkbox",
|
|
412
412
|
...r,
|
|
413
413
|
children: /* @__PURE__ */ h(T.Indicator, {
|
|
@@ -448,92 +448,92 @@ function Oe({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
|
|
|
448
448
|
}
|
|
449
449
|
//#endregion
|
|
450
450
|
//#region src/components/ui/field.tsx
|
|
451
|
-
function
|
|
452
|
-
return /* @__PURE__ */ h(
|
|
453
|
-
className:
|
|
451
|
+
function U({ className: e, ...t }) {
|
|
452
|
+
return /* @__PURE__ */ h(M.Root, {
|
|
453
|
+
className: R("flex flex-col items-start gap-2", e),
|
|
454
454
|
"data-slot": "field",
|
|
455
455
|
...t
|
|
456
456
|
});
|
|
457
457
|
}
|
|
458
|
-
function
|
|
459
|
-
return /* @__PURE__ */ h(
|
|
460
|
-
className:
|
|
458
|
+
function W({ className: e, ...t }) {
|
|
459
|
+
return /* @__PURE__ */ h(M.Label, {
|
|
460
|
+
className: R("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
|
|
461
461
|
"data-slot": "field-label",
|
|
462
462
|
...t
|
|
463
463
|
});
|
|
464
464
|
}
|
|
465
|
-
function
|
|
466
|
-
return /* @__PURE__ */ h(
|
|
467
|
-
className:
|
|
465
|
+
function Ae({ className: e, ...t }) {
|
|
466
|
+
return /* @__PURE__ */ h(M.Item, {
|
|
467
|
+
className: R("flex", e),
|
|
468
468
|
"data-slot": "field-item",
|
|
469
469
|
...t
|
|
470
470
|
});
|
|
471
471
|
}
|
|
472
|
-
function
|
|
473
|
-
return /* @__PURE__ */ h(
|
|
474
|
-
className:
|
|
472
|
+
function je({ className: e, ...t }) {
|
|
473
|
+
return /* @__PURE__ */ h(M.Description, {
|
|
474
|
+
className: R("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
|
|
475
475
|
"data-slot": "field-description",
|
|
476
476
|
...t
|
|
477
477
|
});
|
|
478
478
|
}
|
|
479
|
-
function
|
|
480
|
-
return /* @__PURE__ */ h(
|
|
481
|
-
className:
|
|
479
|
+
function Me({ className: e, ...t }) {
|
|
480
|
+
return /* @__PURE__ */ h(M.Error, {
|
|
481
|
+
className: R("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
|
|
482
482
|
"data-slot": "field-error",
|
|
483
483
|
...t
|
|
484
484
|
});
|
|
485
485
|
}
|
|
486
|
-
var
|
|
486
|
+
var Ne = M.Control, Pe = M.Validity;
|
|
487
487
|
//#endregion
|
|
488
488
|
//#region src/components/ui/frame.tsx
|
|
489
|
-
function
|
|
489
|
+
function Fe({ className: e, ...t }) {
|
|
490
490
|
return /* @__PURE__ */ h("div", {
|
|
491
|
-
className:
|
|
491
|
+
className: R("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
|
|
492
492
|
"data-slot": "frame",
|
|
493
493
|
...t
|
|
494
494
|
});
|
|
495
495
|
}
|
|
496
|
-
function
|
|
496
|
+
function Ie({ className: e, ...t }) {
|
|
497
497
|
return /* @__PURE__ */ h("div", {
|
|
498
|
-
className:
|
|
498
|
+
className: R("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
|
|
499
499
|
"data-slot": "frame-panel",
|
|
500
500
|
...t
|
|
501
501
|
});
|
|
502
502
|
}
|
|
503
|
-
function
|
|
503
|
+
function Le({ className: e, ...t }) {
|
|
504
504
|
return /* @__PURE__ */ h("header", {
|
|
505
|
-
className:
|
|
505
|
+
className: R("flex flex-col px-5 py-4", e),
|
|
506
506
|
"data-slot": "frame-panel-header",
|
|
507
507
|
...t
|
|
508
508
|
});
|
|
509
509
|
}
|
|
510
|
-
function
|
|
510
|
+
function Re({ className: e, ...t }) {
|
|
511
511
|
return /* @__PURE__ */ h("div", {
|
|
512
|
-
className:
|
|
512
|
+
className: R("font-semibold text-sm", e),
|
|
513
513
|
"data-slot": "frame-panel-title",
|
|
514
514
|
...t
|
|
515
515
|
});
|
|
516
516
|
}
|
|
517
|
-
function
|
|
517
|
+
function ze({ className: e, ...t }) {
|
|
518
518
|
return /* @__PURE__ */ h("div", {
|
|
519
|
-
className:
|
|
519
|
+
className: R("text-muted-foreground text-sm", e),
|
|
520
520
|
"data-slot": "frame-panel-description",
|
|
521
521
|
...t
|
|
522
522
|
});
|
|
523
523
|
}
|
|
524
|
-
function
|
|
524
|
+
function Be({ className: e, ...t }) {
|
|
525
525
|
return /* @__PURE__ */ h("footer", {
|
|
526
|
-
className:
|
|
526
|
+
className: R("px-5 py-4", e),
|
|
527
527
|
"data-slot": "frame-panel-footer",
|
|
528
528
|
...t
|
|
529
529
|
});
|
|
530
530
|
}
|
|
531
531
|
//#endregion
|
|
532
532
|
//#region src/components/ui/input.tsx
|
|
533
|
-
function
|
|
534
|
-
let o =
|
|
533
|
+
function G({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
|
|
534
|
+
let o = R("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", a.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", a.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
|
|
535
535
|
return /* @__PURE__ */ h("span", {
|
|
536
|
-
className:
|
|
536
|
+
className: R(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
|
|
537
537
|
"data-size": t,
|
|
538
538
|
"data-slot": "input-control",
|
|
539
539
|
children: r ? /* @__PURE__ */ h("input", {
|
|
@@ -542,7 +542,7 @@ function K({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r
|
|
|
542
542
|
size: typeof t == "number" ? t : void 0,
|
|
543
543
|
style: typeof i == "function" ? void 0 : i,
|
|
544
544
|
...a
|
|
545
|
-
}) : /* @__PURE__ */ h(
|
|
545
|
+
}) : /* @__PURE__ */ h(N, {
|
|
546
546
|
className: o,
|
|
547
547
|
"data-slot": "input",
|
|
548
548
|
size: typeof t == "number" ? t : void 0,
|
|
@@ -553,12 +553,12 @@ function K({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r
|
|
|
553
553
|
}
|
|
554
554
|
//#endregion
|
|
555
555
|
//#region src/components/ui/textarea.tsx
|
|
556
|
-
function
|
|
556
|
+
function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
|
|
557
557
|
return /* @__PURE__ */ h("span", {
|
|
558
|
-
className:
|
|
558
|
+
className: R(!r && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", t) || void 0,
|
|
559
559
|
"data-size": n,
|
|
560
560
|
"data-slot": "textarea-control",
|
|
561
|
-
children: /* @__PURE__ */ h(
|
|
561
|
+
children: /* @__PURE__ */ h(ee.Control, {
|
|
562
562
|
ref: i,
|
|
563
563
|
value: a.value,
|
|
564
564
|
defaultValue: a.defaultValue,
|
|
@@ -566,7 +566,7 @@ function Be({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a
|
|
|
566
566
|
id: a.id,
|
|
567
567
|
name: a.name,
|
|
568
568
|
render: (t) => /* @__PURE__ */ h("textarea", {
|
|
569
|
-
className:
|
|
569
|
+
className: R("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", n === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", n === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
|
|
570
570
|
"data-slot": "textarea",
|
|
571
571
|
...e(t, a)
|
|
572
572
|
})
|
|
@@ -575,7 +575,7 @@ function Be({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a
|
|
|
575
575
|
}
|
|
576
576
|
//#endregion
|
|
577
577
|
//#region src/components/ui/input-group.tsx
|
|
578
|
-
var
|
|
578
|
+
var He = n("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
|
|
579
579
|
defaultVariants: { align: "inline-start" },
|
|
580
580
|
variants: { align: {
|
|
581
581
|
"block-end": "order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]",
|
|
@@ -584,17 +584,17 @@ var Ve = n("flex h-auto cursor-text select-none items-center justify-center gap-
|
|
|
584
584
|
"inline-start": "order-first ps-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]"
|
|
585
585
|
} }
|
|
586
586
|
});
|
|
587
|
-
function
|
|
587
|
+
function Ue({ className: e, ...t }) {
|
|
588
588
|
return /* @__PURE__ */ h("div", {
|
|
589
|
-
className:
|
|
589
|
+
className: R("relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]", e),
|
|
590
590
|
"data-slot": "input-group",
|
|
591
591
|
role: "group",
|
|
592
592
|
...t
|
|
593
593
|
});
|
|
594
594
|
}
|
|
595
|
-
function
|
|
595
|
+
function We({ className: e, align: t = "inline-start", ...n }) {
|
|
596
596
|
return /* @__PURE__ */ h("div", {
|
|
597
|
-
className:
|
|
597
|
+
className: R(He({ align: t }), e),
|
|
598
598
|
"data-align": t,
|
|
599
599
|
"data-slot": "input-group-addon",
|
|
600
600
|
onMouseDown: (e) => {
|
|
@@ -606,21 +606,21 @@ function Ue({ className: e, align: t = "inline-start", ...n }) {
|
|
|
606
606
|
...n
|
|
607
607
|
});
|
|
608
608
|
}
|
|
609
|
-
function
|
|
609
|
+
function Ge({ className: e, ...t }) {
|
|
610
610
|
return /* @__PURE__ */ h("span", {
|
|
611
|
-
className:
|
|
611
|
+
className: R("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
|
|
612
612
|
...t
|
|
613
613
|
});
|
|
614
614
|
}
|
|
615
|
-
function
|
|
616
|
-
return /* @__PURE__ */ h(
|
|
615
|
+
function Ke({ className: e, ...t }) {
|
|
616
|
+
return /* @__PURE__ */ h(G, {
|
|
617
617
|
className: e,
|
|
618
618
|
unstyled: !0,
|
|
619
619
|
...t
|
|
620
620
|
});
|
|
621
621
|
}
|
|
622
|
-
function
|
|
623
|
-
return /* @__PURE__ */ h(
|
|
622
|
+
function qe({ className: e, ...t }) {
|
|
623
|
+
return /* @__PURE__ */ h(Ve, {
|
|
624
624
|
className: e,
|
|
625
625
|
unstyled: !0,
|
|
626
626
|
...t
|
|
@@ -628,11 +628,11 @@ function Ke({ className: e, ...t }) {
|
|
|
628
628
|
}
|
|
629
629
|
//#endregion
|
|
630
630
|
//#region src/components/ui/label.tsx
|
|
631
|
-
function
|
|
631
|
+
function Je({ className: n, render: r, sound: i = !1, ...a }) {
|
|
632
632
|
return t({
|
|
633
633
|
defaultTagName: "label",
|
|
634
634
|
props: e({
|
|
635
|
-
className:
|
|
635
|
+
className: R("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", n),
|
|
636
636
|
"data-cuelume-hover": i ? "tick" : void 0,
|
|
637
637
|
"data-slot": "label"
|
|
638
638
|
}, a),
|
|
@@ -641,9 +641,9 @@ function qe({ className: n, render: r, sound: i = !1, ...a }) {
|
|
|
641
641
|
}
|
|
642
642
|
//#endregion
|
|
643
643
|
//#region src/components/ui/separator.tsx
|
|
644
|
-
function
|
|
645
|
-
return /* @__PURE__ */ h(
|
|
646
|
-
className:
|
|
644
|
+
function Ye({ className: e, orientation: t = "horizontal", ...n }) {
|
|
645
|
+
return /* @__PURE__ */ h(te, {
|
|
646
|
+
className: R("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
|
|
647
647
|
"data-slot": "separator",
|
|
648
648
|
orientation: t,
|
|
649
649
|
...n
|
|
@@ -651,41 +651,41 @@ function Je({ className: e, orientation: t = "horizontal", ...n }) {
|
|
|
651
651
|
}
|
|
652
652
|
//#endregion
|
|
653
653
|
//#region src/components/ui/otp-field.tsx
|
|
654
|
-
function
|
|
654
|
+
function Xe({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...i }) {
|
|
655
655
|
let a = _.useRef(String(i.value ?? i.defaultValue ?? "").length);
|
|
656
|
-
return /* @__PURE__ */ h(
|
|
657
|
-
className:
|
|
656
|
+
return /* @__PURE__ */ h(P.Root, {
|
|
657
|
+
className: R("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
|
|
658
658
|
"data-size": t,
|
|
659
659
|
"data-slot": "otp-field",
|
|
660
660
|
onValueChange: (e, ...t) => {
|
|
661
|
-
n && e.length > a.current &&
|
|
661
|
+
n && e.length > a.current && Oe("tick"), a.current = e.length, r?.(e, ...t);
|
|
662
662
|
},
|
|
663
663
|
...i
|
|
664
664
|
});
|
|
665
665
|
}
|
|
666
|
-
function
|
|
667
|
-
return /* @__PURE__ */ h(
|
|
668
|
-
className:
|
|
666
|
+
function Ze({ className: e, ...t }) {
|
|
667
|
+
return /* @__PURE__ */ h(P.Input, {
|
|
668
|
+
className: R("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
|
|
669
669
|
"data-slot": "otp-field-input",
|
|
670
670
|
spellCheck: !1,
|
|
671
671
|
...t
|
|
672
672
|
});
|
|
673
673
|
}
|
|
674
|
-
function
|
|
675
|
-
return /* @__PURE__ */ h(
|
|
676
|
-
className:
|
|
674
|
+
function Qe({ className: e, ...t }) {
|
|
675
|
+
return /* @__PURE__ */ h(P.Separator, { render: /* @__PURE__ */ h(Ye, {
|
|
676
|
+
className: R("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
|
|
677
677
|
orientation: "horizontal",
|
|
678
678
|
...t
|
|
679
679
|
}) });
|
|
680
680
|
}
|
|
681
681
|
//#endregion
|
|
682
682
|
//#region src/components/composed/password-input.tsx
|
|
683
|
-
var
|
|
683
|
+
var $e = [
|
|
684
684
|
.22,
|
|
685
685
|
1,
|
|
686
686
|
.36,
|
|
687
687
|
1
|
|
688
|
-
],
|
|
688
|
+
], et = [
|
|
689
689
|
{
|
|
690
690
|
regex: /.{8,}/,
|
|
691
691
|
text: "At least 8 characters"
|
|
@@ -703,21 +703,21 @@ var Qe = [
|
|
|
703
703
|
text: "At least 1 uppercase letter"
|
|
704
704
|
}
|
|
705
705
|
];
|
|
706
|
-
function
|
|
707
|
-
return
|
|
706
|
+
function tt(e) {
|
|
707
|
+
return et.filter((t) => t.regex.test(e)).length;
|
|
708
708
|
}
|
|
709
|
-
var
|
|
709
|
+
var nt = [
|
|
710
710
|
"bg-border",
|
|
711
711
|
"bg-red-500",
|
|
712
712
|
"bg-orange-500",
|
|
713
713
|
"bg-amber-500",
|
|
714
714
|
"bg-emerald-500"
|
|
715
715
|
];
|
|
716
|
-
function
|
|
717
|
-
let [d, f] = _.useState(!1), [m, v] = _.useState(String(a ?? "")), y = i === void 0 ? m : String(i), b =
|
|
716
|
+
function K({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: i, defaultValue: a, onChange: l, ...u }) {
|
|
717
|
+
let [d, f] = _.useState(!1), [m, v] = _.useState(String(a ?? "")), y = i === void 0 ? m : String(i), b = tt(y);
|
|
718
718
|
return /* @__PURE__ */ g("div", {
|
|
719
|
-
className:
|
|
720
|
-
children: [/* @__PURE__ */ g(
|
|
719
|
+
className: R("flex w-full flex-col gap-3", r),
|
|
720
|
+
children: [/* @__PURE__ */ g(Ue, { children: [/* @__PURE__ */ h(Ke, {
|
|
721
721
|
placeholder: "Enter your password",
|
|
722
722
|
...u,
|
|
723
723
|
type: d ? "text" : "password",
|
|
@@ -725,17 +725,17 @@ function q({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
|
|
|
725
725
|
onChange: (e) => {
|
|
726
726
|
v(e.target.value), l?.(e);
|
|
727
727
|
}
|
|
728
|
-
}), e && /* @__PURE__ */ h(
|
|
728
|
+
}), e && /* @__PURE__ */ h(We, {
|
|
729
729
|
align: "inline-end",
|
|
730
|
-
children: /* @__PURE__ */ h(
|
|
730
|
+
children: /* @__PURE__ */ h(B, {
|
|
731
731
|
"aria-label": d ? "Hide password" : "Show password",
|
|
732
732
|
onClick: () => {
|
|
733
|
-
n &&
|
|
733
|
+
n && Oe(d ? "droplet" : "bloom"), f((e) => !e);
|
|
734
734
|
},
|
|
735
735
|
size: "icon-xs",
|
|
736
736
|
variant: "ghost",
|
|
737
737
|
sound: !1,
|
|
738
|
-
children: /* @__PURE__ */ h(
|
|
738
|
+
children: /* @__PURE__ */ h(F, {
|
|
739
739
|
mode: "wait",
|
|
740
740
|
initial: !1,
|
|
741
741
|
children: /* @__PURE__ */ h(I.span, {
|
|
@@ -757,13 +757,13 @@ function q({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
|
|
|
757
757
|
},
|
|
758
758
|
transition: {
|
|
759
759
|
duration: .15,
|
|
760
|
-
ease:
|
|
760
|
+
ease: $e
|
|
761
761
|
},
|
|
762
762
|
children: h(d ? c : s, { "aria-hidden": "true" })
|
|
763
763
|
}, d ? "off" : "on")
|
|
764
764
|
})
|
|
765
765
|
})
|
|
766
|
-
})] }), /* @__PURE__ */ h(
|
|
766
|
+
})] }), /* @__PURE__ */ h(F, {
|
|
767
767
|
initial: !1,
|
|
768
768
|
children: t && /* @__PURE__ */ g(I.div, {
|
|
769
769
|
className: "flex flex-col gap-2 overflow-hidden",
|
|
@@ -781,7 +781,7 @@ function q({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
|
|
|
781
781
|
},
|
|
782
782
|
transition: {
|
|
783
783
|
duration: .25,
|
|
784
|
-
ease:
|
|
784
|
+
ease: $e
|
|
785
785
|
},
|
|
786
786
|
children: [/* @__PURE__ */ h("div", {
|
|
787
787
|
"aria-label": "Password strength",
|
|
@@ -791,17 +791,17 @@ function q({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
|
|
|
791
791
|
className: "h-1 w-full overflow-hidden rounded-full bg-border",
|
|
792
792
|
role: "progressbar",
|
|
793
793
|
children: /* @__PURE__ */ h(I.div, {
|
|
794
|
-
className:
|
|
794
|
+
className: R("h-full rounded-full", nt[b]),
|
|
795
795
|
animate: { width: `${b / 4 * 100}%` },
|
|
796
796
|
transition: {
|
|
797
797
|
duration: .4,
|
|
798
|
-
ease:
|
|
798
|
+
ease: $e
|
|
799
799
|
}
|
|
800
800
|
})
|
|
801
801
|
}), /* @__PURE__ */ h("ul", {
|
|
802
802
|
"aria-label": "Password requirements",
|
|
803
803
|
className: "flex flex-col gap-1",
|
|
804
|
-
children:
|
|
804
|
+
children: et.map((e) => {
|
|
805
805
|
let t = e.regex.test(y);
|
|
806
806
|
return /* @__PURE__ */ g("li", {
|
|
807
807
|
className: "flex items-center gap-2 text-xs",
|
|
@@ -827,22 +827,22 @@ function q({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
|
|
|
827
827
|
}
|
|
828
828
|
//#endregion
|
|
829
829
|
//#region src/components/composed/social-providers.tsx
|
|
830
|
-
var
|
|
830
|
+
var q = {
|
|
831
831
|
google: {
|
|
832
832
|
label: "Google",
|
|
833
|
-
Icon:
|
|
833
|
+
Icon: ie
|
|
834
834
|
},
|
|
835
835
|
apple: {
|
|
836
836
|
label: "Apple",
|
|
837
|
-
Icon:
|
|
837
|
+
Icon: L
|
|
838
838
|
},
|
|
839
839
|
github: {
|
|
840
840
|
label: "GitHub",
|
|
841
|
-
Icon:
|
|
841
|
+
Icon: re
|
|
842
842
|
},
|
|
843
843
|
x: {
|
|
844
844
|
label: "X",
|
|
845
|
-
Icon:
|
|
845
|
+
Icon: ae
|
|
846
846
|
}
|
|
847
847
|
}, rt = {
|
|
848
848
|
login: "Login with",
|
|
@@ -856,10 +856,10 @@ function it({ providers: e = [
|
|
|
856
856
|
], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: i = !1, onSelect: a, className: o }) {
|
|
857
857
|
let s = n === "row";
|
|
858
858
|
return /* @__PURE__ */ h("div", {
|
|
859
|
-
className:
|
|
859
|
+
className: R("flex w-full gap-2", s ? "flex-row justify-center" : "flex-col", o),
|
|
860
860
|
children: e.map((e) => {
|
|
861
|
-
let { label: n, Icon: o } =
|
|
862
|
-
return /* @__PURE__ */ g(
|
|
861
|
+
let { label: n, Icon: o } = q[e];
|
|
862
|
+
return /* @__PURE__ */ g(B, {
|
|
863
863
|
variant: "outline",
|
|
864
864
|
size: s ? "icon" : "default",
|
|
865
865
|
className: s ? void 0 : "w-full",
|
|
@@ -899,10 +899,10 @@ var at = {
|
|
|
899
899
|
1
|
|
900
900
|
];
|
|
901
901
|
function Y({ title: e, description: t, children: n, footer: r, className: i, logo: a, accent: o }) {
|
|
902
|
-
return /* @__PURE__ */ h(
|
|
902
|
+
return /* @__PURE__ */ h(ne, {
|
|
903
903
|
reducedMotion: "user",
|
|
904
|
-
children: /* @__PURE__ */ h(
|
|
905
|
-
className:
|
|
904
|
+
children: /* @__PURE__ */ h(Fe, {
|
|
905
|
+
className: R("w-full max-w-sm", i),
|
|
906
906
|
"data-accent": o,
|
|
907
907
|
style: o ? at[o] : void 0,
|
|
908
908
|
children: /* @__PURE__ */ g(I.div, {
|
|
@@ -912,18 +912,18 @@ function Y({ title: e, description: t, children: n, footer: r, className: i, log
|
|
|
912
912
|
ease: J
|
|
913
913
|
},
|
|
914
914
|
className: "flex flex-col",
|
|
915
|
-
children: [/* @__PURE__ */ g(
|
|
915
|
+
children: [/* @__PURE__ */ g(he, { children: [/* @__PURE__ */ g(Se, { children: [
|
|
916
916
|
a && /* @__PURE__ */ h("div", {
|
|
917
917
|
className: "mb-1.5 flex items-center [&_img:not([class*='h-'])]:h-8 [&_img]:w-auto [&_svg:not([class*='size-'])]:size-8",
|
|
918
918
|
"data-slot": "auth-logo",
|
|
919
919
|
children: a
|
|
920
920
|
}),
|
|
921
|
-
/* @__PURE__ */ h(
|
|
922
|
-
t && /* @__PURE__ */ h(
|
|
923
|
-
] }), /* @__PURE__ */ h(
|
|
921
|
+
/* @__PURE__ */ h(V, { children: e }),
|
|
922
|
+
t && /* @__PURE__ */ h(Ce, { children: t })
|
|
923
|
+
] }), /* @__PURE__ */ h(H, {
|
|
924
924
|
className: "overflow-hidden",
|
|
925
925
|
children: n
|
|
926
|
-
})] }), r && /* @__PURE__ */ h(
|
|
926
|
+
})] }), r && /* @__PURE__ */ h(Be, {
|
|
927
927
|
className: "text-center text-sm text-muted-foreground",
|
|
928
928
|
children: r
|
|
929
929
|
})]
|
|
@@ -932,7 +932,7 @@ function Y({ title: e, description: t, children: n, footer: r, className: i, log
|
|
|
932
932
|
});
|
|
933
933
|
}
|
|
934
934
|
function X({ step: e, children: t, className: n }) {
|
|
935
|
-
return /* @__PURE__ */ h(
|
|
935
|
+
return /* @__PURE__ */ h(F, {
|
|
936
936
|
mode: "popLayout",
|
|
937
937
|
initial: !1,
|
|
938
938
|
children: /* @__PURE__ */ h(I.div, {
|
|
@@ -968,10 +968,10 @@ function Z({ show: e, children: t, className: n }) {
|
|
|
968
968
|
return r.show !== e && i({
|
|
969
969
|
show: e,
|
|
970
970
|
settled: !1
|
|
971
|
-
}), /* @__PURE__ */ h(
|
|
971
|
+
}), /* @__PURE__ */ h(F, {
|
|
972
972
|
initial: !1,
|
|
973
973
|
children: e && /* @__PURE__ */ h(I.div, {
|
|
974
|
-
className:
|
|
974
|
+
className: R(!r.settled && "overflow-hidden", n),
|
|
975
975
|
initial: {
|
|
976
976
|
height: 0,
|
|
977
977
|
opacity: 0,
|
|
@@ -1003,7 +1003,7 @@ function Z({ show: e, children: t, className: n }) {
|
|
|
1003
1003
|
});
|
|
1004
1004
|
}
|
|
1005
1005
|
function Q({ message: e }) {
|
|
1006
|
-
return /* @__PURE__ */ h(
|
|
1006
|
+
return /* @__PURE__ */ h(F, {
|
|
1007
1007
|
initial: !1,
|
|
1008
1008
|
children: e && /* @__PURE__ */ h(I.p, {
|
|
1009
1009
|
role: "alert",
|
|
@@ -1097,12 +1097,12 @@ function st({ label: e = "Or" }) {
|
|
|
1097
1097
|
return /* @__PURE__ */ g("div", {
|
|
1098
1098
|
className: "flex items-center gap-3",
|
|
1099
1099
|
children: [
|
|
1100
|
-
/* @__PURE__ */ h(
|
|
1100
|
+
/* @__PURE__ */ h(Ye, { className: "flex-1" }),
|
|
1101
1101
|
/* @__PURE__ */ h("span", {
|
|
1102
1102
|
className: "text-xs text-muted-foreground uppercase",
|
|
1103
1103
|
children: e
|
|
1104
1104
|
}),
|
|
1105
|
-
/* @__PURE__ */ h(
|
|
1105
|
+
/* @__PURE__ */ h(Ye, { className: "flex-1" })
|
|
1106
1106
|
]
|
|
1107
1107
|
});
|
|
1108
1108
|
}
|
|
@@ -1162,7 +1162,7 @@ function lt({ channel: e = "email", logo: t, accent: n, destination: r, length:
|
|
|
1162
1162
|
"."
|
|
1163
1163
|
] })]
|
|
1164
1164
|
}),
|
|
1165
|
-
footer: u !== "success" && /* @__PURE__ */ g(
|
|
1165
|
+
footer: u !== "success" && /* @__PURE__ */ g(B, {
|
|
1166
1166
|
variant: "link",
|
|
1167
1167
|
onClick: l,
|
|
1168
1168
|
children: ["Use a different ", E]
|
|
@@ -1188,20 +1188,20 @@ function lt({ channel: e = "email", logo: t, accent: n, destination: r, length:
|
|
|
1188
1188
|
duration: .4,
|
|
1189
1189
|
ease: "easeInOut"
|
|
1190
1190
|
},
|
|
1191
|
-
children: /* @__PURE__ */ h(
|
|
1191
|
+
children: /* @__PURE__ */ h(Xe, {
|
|
1192
1192
|
length: i,
|
|
1193
1193
|
value: b,
|
|
1194
1194
|
onValueChange: O,
|
|
1195
1195
|
disabled: u === "loading",
|
|
1196
|
-
children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ h(
|
|
1196
|
+
children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ h(Ze, {
|
|
1197
1197
|
"aria-invalid": v ? !0 : void 0,
|
|
1198
1198
|
"aria-label": `Digit ${t + 1} of ${i}`
|
|
1199
1199
|
}, `slot-${t}`))
|
|
1200
1200
|
})
|
|
1201
1201
|
}, v ?? "steady"),
|
|
1202
1202
|
/* @__PURE__ */ h(Q, { message: v }),
|
|
1203
|
-
!a && /* @__PURE__ */ h(
|
|
1204
|
-
className:
|
|
1203
|
+
!a && /* @__PURE__ */ h(B, {
|
|
1204
|
+
className: R("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
|
|
1205
1205
|
loading: u === "loading",
|
|
1206
1206
|
disabled: b.length !== i,
|
|
1207
1207
|
onClick: () => void D(b),
|
|
@@ -1221,7 +1221,7 @@ function lt({ channel: e = "email", logo: t, accent: n, destination: r, length:
|
|
|
1221
1221
|
className: "font-medium tabular-nums text-foreground",
|
|
1222
1222
|
children: [w, "s"]
|
|
1223
1223
|
})
|
|
1224
|
-
] }) : /* @__PURE__ */ h(
|
|
1224
|
+
] }) : /* @__PURE__ */ h(B, {
|
|
1225
1225
|
variant: "link",
|
|
1226
1226
|
disabled: u === "loading",
|
|
1227
1227
|
onClick: () => void k(),
|
|
@@ -1250,7 +1250,7 @@ function ut({ title: e = "Reset your password", logo: t, accent: n, description:
|
|
|
1250
1250
|
description: r,
|
|
1251
1251
|
logo: t,
|
|
1252
1252
|
accent: n,
|
|
1253
|
-
footer: /* @__PURE__ */ g(
|
|
1253
|
+
footer: /* @__PURE__ */ g(B, {
|
|
1254
1254
|
variant: "link",
|
|
1255
1255
|
className: "gap-1",
|
|
1256
1256
|
onClick: o,
|
|
@@ -1269,7 +1269,7 @@ function ut({ title: e = "Reset your password", logo: t, accent: n, description:
|
|
|
1269
1269
|
}),
|
|
1270
1270
|
"."
|
|
1271
1271
|
] }),
|
|
1272
|
-
children: /* @__PURE__ */ h(
|
|
1272
|
+
children: /* @__PURE__ */ h(B, {
|
|
1273
1273
|
variant: "link",
|
|
1274
1274
|
className: "text-xs sm:text-xs",
|
|
1275
1275
|
onClick: () => l("idle"),
|
|
@@ -1279,12 +1279,12 @@ function ut({ title: e = "Reset your password", logo: t, accent: n, description:
|
|
|
1279
1279
|
className: "flex flex-col gap-4",
|
|
1280
1280
|
onSubmit: v,
|
|
1281
1281
|
children: [
|
|
1282
|
-
/* @__PURE__ */ g(
|
|
1282
|
+
/* @__PURE__ */ g(U, {
|
|
1283
1283
|
name: "email",
|
|
1284
|
-
children: [/* @__PURE__ */ h(
|
|
1284
|
+
children: [/* @__PURE__ */ h(W, {
|
|
1285
1285
|
htmlFor: s,
|
|
1286
1286
|
children: "Email"
|
|
1287
|
-
}), /* @__PURE__ */ h(
|
|
1287
|
+
}), /* @__PURE__ */ h(G, {
|
|
1288
1288
|
id: s,
|
|
1289
1289
|
name: "email",
|
|
1290
1290
|
type: "email",
|
|
@@ -1297,8 +1297,8 @@ function ut({ title: e = "Reset your password", logo: t, accent: n, description:
|
|
|
1297
1297
|
})]
|
|
1298
1298
|
}),
|
|
1299
1299
|
/* @__PURE__ */ h(Q, { message: u }),
|
|
1300
|
-
/* @__PURE__ */ h(
|
|
1301
|
-
className:
|
|
1300
|
+
/* @__PURE__ */ h(B, {
|
|
1301
|
+
className: R("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
|
|
1302
1302
|
type: "submit",
|
|
1303
1303
|
loading: c === "loading",
|
|
1304
1304
|
children: "Send reset link"
|
|
@@ -1341,14 +1341,14 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
|
|
|
1341
1341
|
}
|
|
1342
1342
|
}
|
|
1343
1343
|
}
|
|
1344
|
-
return /* @__PURE__ */ h(
|
|
1344
|
+
return /* @__PURE__ */ h(ne, {
|
|
1345
1345
|
reducedMotion: "user",
|
|
1346
|
-
children: /* @__PURE__ */ g(
|
|
1347
|
-
className:
|
|
1346
|
+
children: /* @__PURE__ */ g(he, {
|
|
1347
|
+
className: R("w-full", s),
|
|
1348
1348
|
"data-slot": "auth-block",
|
|
1349
|
-
children: [/* @__PURE__ */ g(
|
|
1349
|
+
children: [/* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h(V, { children: e }), /* @__PURE__ */ h(Ce, { children: t })] }), /* @__PURE__ */ h(H, { children: i ? /* @__PURE__ */ g("div", {
|
|
1350
1350
|
className: "flex items-center gap-2 text-sm text-muted-foreground",
|
|
1351
|
-
children: [/* @__PURE__ */ h(
|
|
1351
|
+
children: [/* @__PURE__ */ h(z, { className: "size-4" }), "Loading connected accounts…"]
|
|
1352
1352
|
}) : /* @__PURE__ */ g(I.div, {
|
|
1353
1353
|
layout: !0,
|
|
1354
1354
|
transition: {
|
|
@@ -1361,10 +1361,10 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
|
|
|
1361
1361
|
n.length > 0 ? /* @__PURE__ */ h("ul", {
|
|
1362
1362
|
"aria-label": "Connected accounts",
|
|
1363
1363
|
className: "flex flex-col gap-2",
|
|
1364
|
-
children: /* @__PURE__ */ h(
|
|
1364
|
+
children: /* @__PURE__ */ h(F, {
|
|
1365
1365
|
initial: !1,
|
|
1366
1366
|
children: n.map((e, t) => {
|
|
1367
|
-
let { label: n, Icon: r } =
|
|
1367
|
+
let { label: n, Icon: r } = q[e.provider];
|
|
1368
1368
|
return /* @__PURE__ */ g(I.li, {
|
|
1369
1369
|
layout: !0,
|
|
1370
1370
|
className: "flex items-center justify-between gap-3 rounded-lg border px-3 py-2",
|
|
@@ -1400,7 +1400,7 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
|
|
|
1400
1400
|
children: e.email
|
|
1401
1401
|
})]
|
|
1402
1402
|
})]
|
|
1403
|
-
}), /* @__PURE__ */ h(
|
|
1403
|
+
}), /* @__PURE__ */ h(B, {
|
|
1404
1404
|
"aria-describedby": x ? c : void 0,
|
|
1405
1405
|
"aria-label": `Disconnect ${n}`,
|
|
1406
1406
|
size: "sm",
|
|
@@ -1424,8 +1424,8 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
|
|
|
1424
1424
|
children: dt
|
|
1425
1425
|
}),
|
|
1426
1426
|
y.map((e) => {
|
|
1427
|
-
let { label: t, Icon: n } =
|
|
1428
|
-
return /* @__PURE__ */ g(
|
|
1427
|
+
let { label: t, Icon: n } = q[e];
|
|
1428
|
+
return /* @__PURE__ */ g(B, {
|
|
1429
1429
|
className: "w-full",
|
|
1430
1430
|
type: "button",
|
|
1431
1431
|
variant: "outline",
|
|
@@ -1450,9 +1450,9 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1450
1450
|
"apple",
|
|
1451
1451
|
"github"
|
|
1452
1452
|
], showRememberMe: a = !0, showForgotPassword: o = !0, onSubmit: s, onProviderSelect: c, onForgotPassword: l, onSignup: u }) {
|
|
1453
|
-
let d = _.useId(), f = _.useId(), [p, v] = _.useState("idle"), [y, b] = _.useState(null), [x, S] = _.useState(null), [C, w] = _.useState(!1), [T, E] = _.useState(""), [D, O] = _.useState(!1), [k,
|
|
1454
|
-
async function
|
|
1455
|
-
if (e.preventDefault(), !
|
|
1453
|
+
let d = _.useId(), f = _.useId(), [p, v] = _.useState("idle"), [y, b] = _.useState(null), [x, S] = _.useState(null), [C, w] = _.useState(!1), [T, E] = _.useState(""), [D, O] = _.useState(!1), [k, A] = _.useState(""), j = p === "loading" || x !== null, ee = k.trim().length > 0, M = D && ee;
|
|
1454
|
+
async function N(e) {
|
|
1455
|
+
if (e.preventDefault(), !M) return;
|
|
1456
1456
|
let t = new FormData(e.currentTarget);
|
|
1457
1457
|
b(null), v("loading");
|
|
1458
1458
|
try {
|
|
@@ -1465,7 +1465,7 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1465
1465
|
v("idle"), b(e instanceof Error ? e.message : "Unable to login.");
|
|
1466
1466
|
}
|
|
1467
1467
|
}
|
|
1468
|
-
async function
|
|
1468
|
+
async function P(e) {
|
|
1469
1469
|
b(null), S(e);
|
|
1470
1470
|
try {
|
|
1471
1471
|
await c?.(e), v("success");
|
|
@@ -1483,7 +1483,7 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1483
1483
|
footer: p !== "success" && /* @__PURE__ */ g(m, { children: [
|
|
1484
1484
|
"Don't have an account?",
|
|
1485
1485
|
" ",
|
|
1486
|
-
/* @__PURE__ */ h(
|
|
1486
|
+
/* @__PURE__ */ h(B, {
|
|
1487
1487
|
variant: "link",
|
|
1488
1488
|
onClick: u,
|
|
1489
1489
|
children: "Sign up"
|
|
@@ -1498,14 +1498,14 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1498
1498
|
className: "flex flex-col gap-4",
|
|
1499
1499
|
children: [/* @__PURE__ */ g("form", {
|
|
1500
1500
|
className: "flex flex-col gap-4",
|
|
1501
|
-
onSubmit:
|
|
1501
|
+
onSubmit: N,
|
|
1502
1502
|
children: [
|
|
1503
|
-
/* @__PURE__ */ g(
|
|
1503
|
+
/* @__PURE__ */ g(U, {
|
|
1504
1504
|
name: "email",
|
|
1505
|
-
children: [/* @__PURE__ */ h(
|
|
1505
|
+
children: [/* @__PURE__ */ h(W, {
|
|
1506
1506
|
htmlFor: d,
|
|
1507
1507
|
children: "Email"
|
|
1508
|
-
}), /* @__PURE__ */ h(
|
|
1508
|
+
}), /* @__PURE__ */ h(G, {
|
|
1509
1509
|
id: d,
|
|
1510
1510
|
"aria-label": "Email",
|
|
1511
1511
|
name: "email",
|
|
@@ -1513,7 +1513,7 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1513
1513
|
autoComplete: "email",
|
|
1514
1514
|
placeholder: "you@example.com",
|
|
1515
1515
|
required: !0,
|
|
1516
|
-
disabled:
|
|
1516
|
+
disabled: j,
|
|
1517
1517
|
value: T,
|
|
1518
1518
|
onChange: (e) => {
|
|
1519
1519
|
E(e.currentTarget.value), O(e.currentTarget.validity.valid);
|
|
@@ -1522,23 +1522,23 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1522
1522
|
}),
|
|
1523
1523
|
/* @__PURE__ */ h(Z, {
|
|
1524
1524
|
show: D,
|
|
1525
|
-
children: /* @__PURE__ */ g(
|
|
1525
|
+
children: /* @__PURE__ */ g(U, {
|
|
1526
1526
|
name: "password",
|
|
1527
1527
|
children: [
|
|
1528
|
-
/* @__PURE__ */ h(
|
|
1528
|
+
/* @__PURE__ */ h(W, {
|
|
1529
1529
|
htmlFor: "password",
|
|
1530
1530
|
children: "Password"
|
|
1531
1531
|
}),
|
|
1532
|
-
/* @__PURE__ */ h(
|
|
1532
|
+
/* @__PURE__ */ h(K, {
|
|
1533
1533
|
id: "password",
|
|
1534
1534
|
name: "password",
|
|
1535
1535
|
autoComplete: "current-password",
|
|
1536
1536
|
required: !0,
|
|
1537
|
-
disabled:
|
|
1537
|
+
disabled: j,
|
|
1538
1538
|
value: k,
|
|
1539
|
-
onChange: (e) =>
|
|
1539
|
+
onChange: (e) => A(e.target.value)
|
|
1540
1540
|
}),
|
|
1541
|
-
o && /* @__PURE__ */ h(
|
|
1541
|
+
o && /* @__PURE__ */ h(B, {
|
|
1542
1542
|
variant: "link",
|
|
1543
1543
|
type: "button",
|
|
1544
1544
|
className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
|
|
@@ -1550,12 +1550,12 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1550
1550
|
}),
|
|
1551
1551
|
a && /* @__PURE__ */ g("div", {
|
|
1552
1552
|
className: "flex items-center gap-2",
|
|
1553
|
-
children: [/* @__PURE__ */ h(
|
|
1553
|
+
children: [/* @__PURE__ */ h(ke, {
|
|
1554
1554
|
id: f,
|
|
1555
1555
|
checked: C,
|
|
1556
1556
|
onCheckedChange: (e) => w(e),
|
|
1557
|
-
disabled:
|
|
1558
|
-
}), /* @__PURE__ */ h(
|
|
1557
|
+
disabled: j
|
|
1558
|
+
}), /* @__PURE__ */ h(Je, {
|
|
1559
1559
|
htmlFor: f,
|
|
1560
1560
|
className: "font-normal",
|
|
1561
1561
|
children: "Remember me"
|
|
@@ -1563,25 +1563,25 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
|
|
|
1563
1563
|
}),
|
|
1564
1564
|
/* @__PURE__ */ h(Q, { message: y }),
|
|
1565
1565
|
/* @__PURE__ */ h(Z, {
|
|
1566
|
-
show:
|
|
1567
|
-
children: /* @__PURE__ */ h(
|
|
1568
|
-
className:
|
|
1566
|
+
show: M,
|
|
1567
|
+
children: /* @__PURE__ */ h(B, {
|
|
1568
|
+
className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
|
|
1569
1569
|
type: "submit",
|
|
1570
1570
|
loading: p === "loading",
|
|
1571
|
-
disabled:
|
|
1571
|
+
disabled: j,
|
|
1572
1572
|
children: "Login"
|
|
1573
1573
|
})
|
|
1574
1574
|
})
|
|
1575
1575
|
]
|
|
1576
1576
|
}), i.length > 0 && /* @__PURE__ */ g(Z, {
|
|
1577
|
-
show: !
|
|
1577
|
+
show: !M,
|
|
1578
1578
|
className: "flex flex-col gap-4",
|
|
1579
1579
|
children: [/* @__PURE__ */ h(st, { label: "Or continue with" }), /* @__PURE__ */ h(it, {
|
|
1580
1580
|
providers: i,
|
|
1581
1581
|
action: "login",
|
|
1582
1582
|
loadingProvider: x,
|
|
1583
1583
|
disabled: p === "loading",
|
|
1584
|
-
onSelect:
|
|
1584
|
+
onSelect: P
|
|
1585
1585
|
})]
|
|
1586
1586
|
})]
|
|
1587
1587
|
})
|
|
@@ -1641,35 +1641,35 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
|
|
|
1641
1641
|
onSubmit: p,
|
|
1642
1642
|
children: [e.fields.map((e) => {
|
|
1643
1643
|
let t = u[e.name] || void 0, r = `${s}-${e.name}`, i = c[e.name];
|
|
1644
|
-
return e.kind === "checkbox" ? /* @__PURE__ */ g(
|
|
1644
|
+
return e.kind === "checkbox" ? /* @__PURE__ */ g(U, {
|
|
1645
1645
|
name: e.name,
|
|
1646
1646
|
invalid: !!t,
|
|
1647
1647
|
className: "gap-1.5",
|
|
1648
1648
|
children: [/* @__PURE__ */ g("div", {
|
|
1649
1649
|
className: "flex items-center gap-2",
|
|
1650
|
-
children: [/* @__PURE__ */ h(
|
|
1650
|
+
children: [/* @__PURE__ */ h(ke, {
|
|
1651
1651
|
id: r,
|
|
1652
1652
|
checked: i === !0,
|
|
1653
1653
|
disabled: n,
|
|
1654
1654
|
onCheckedChange: (t) => f(e.name, t)
|
|
1655
|
-
}), /* @__PURE__ */ h(
|
|
1655
|
+
}), /* @__PURE__ */ h(Je, {
|
|
1656
1656
|
htmlFor: r,
|
|
1657
1657
|
className: "font-normal",
|
|
1658
1658
|
children: e.label
|
|
1659
1659
|
})]
|
|
1660
|
-
}), t && /* @__PURE__ */ h(
|
|
1660
|
+
}), t && /* @__PURE__ */ h(Me, {
|
|
1661
1661
|
match: !0,
|
|
1662
1662
|
children: t
|
|
1663
1663
|
})]
|
|
1664
|
-
}, e.name) : /* @__PURE__ */ g(
|
|
1664
|
+
}, e.name) : /* @__PURE__ */ g(U, {
|
|
1665
1665
|
name: e.name,
|
|
1666
1666
|
invalid: !!t,
|
|
1667
1667
|
children: [
|
|
1668
|
-
/* @__PURE__ */ h(
|
|
1668
|
+
/* @__PURE__ */ h(W, {
|
|
1669
1669
|
htmlFor: r,
|
|
1670
1670
|
children: e.label
|
|
1671
1671
|
}),
|
|
1672
|
-
e.kind === "textarea" ? /* @__PURE__ */ h(
|
|
1672
|
+
e.kind === "textarea" ? /* @__PURE__ */ h(Ve, {
|
|
1673
1673
|
id: r,
|
|
1674
1674
|
"aria-invalid": t ? !0 : void 0,
|
|
1675
1675
|
disabled: n,
|
|
@@ -1679,7 +1679,7 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
|
|
|
1679
1679
|
}) : e.kind === "select" ? /* @__PURE__ */ g("select", {
|
|
1680
1680
|
id: r,
|
|
1681
1681
|
"aria-invalid": t ? !0 : void 0,
|
|
1682
|
-
className:
|
|
1682
|
+
className: R("h-8.5 w-full rounded-lg border border-input bg-background px-[calc(--spacing(3)-1px)] text-base text-foreground shadow-xs/5 outline-none transition-[box-shadow,border-color] duration-150 ease-smooth-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/24 disabled:opacity-64 aria-invalid:border-destructive/36 sm:h-7.5 sm:text-sm dark:bg-input/32"),
|
|
1683
1683
|
disabled: n,
|
|
1684
1684
|
value: String(i ?? ""),
|
|
1685
1685
|
onChange: (t) => f(e.name, t.target.value),
|
|
@@ -1690,7 +1690,7 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
|
|
|
1690
1690
|
value: e.value,
|
|
1691
1691
|
children: e.label
|
|
1692
1692
|
}, e.value))]
|
|
1693
|
-
}) : /* @__PURE__ */ h(
|
|
1693
|
+
}) : /* @__PURE__ */ h(G, {
|
|
1694
1694
|
id: r,
|
|
1695
1695
|
"aria-invalid": t ? !0 : void 0,
|
|
1696
1696
|
disabled: n,
|
|
@@ -1699,7 +1699,7 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
|
|
|
1699
1699
|
value: String(i ?? ""),
|
|
1700
1700
|
onChange: (t) => f(e.name, t.target.value)
|
|
1701
1701
|
}),
|
|
1702
|
-
t && /* @__PURE__ */ h(
|
|
1702
|
+
t && /* @__PURE__ */ h(Me, {
|
|
1703
1703
|
match: !0,
|
|
1704
1704
|
children: t
|
|
1705
1705
|
})
|
|
@@ -1707,13 +1707,13 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
|
|
|
1707
1707
|
}, e.name);
|
|
1708
1708
|
}), /* @__PURE__ */ g("div", {
|
|
1709
1709
|
className: "flex gap-2",
|
|
1710
|
-
children: [a && /* @__PURE__ */ h(
|
|
1710
|
+
children: [a && /* @__PURE__ */ h(B, {
|
|
1711
1711
|
type: "button",
|
|
1712
1712
|
variant: "outline",
|
|
1713
1713
|
disabled: n,
|
|
1714
1714
|
onClick: a,
|
|
1715
1715
|
children: "Back"
|
|
1716
|
-
}), /* @__PURE__ */ h(
|
|
1716
|
+
}), /* @__PURE__ */ h(B, {
|
|
1717
1717
|
className: "flex-1",
|
|
1718
1718
|
type: "submit",
|
|
1719
1719
|
loading: n,
|
|
@@ -1776,7 +1776,7 @@ function vt({ steps: e = _t, logo: t, accent: n, onStepSubmit: r, onComplete: i,
|
|
|
1776
1776
|
className: "flex flex-wrap gap-x-3 gap-y-1 text-xs",
|
|
1777
1777
|
children: e.map((e, t) => /* @__PURE__ */ g("li", {
|
|
1778
1778
|
"aria-current": t === d ? "step" : void 0,
|
|
1779
|
-
className:
|
|
1779
|
+
className: R("text-muted-foreground", t === d && "font-medium text-foreground"),
|
|
1780
1780
|
children: [e.title, t < d && /* @__PURE__ */ h("span", {
|
|
1781
1781
|
className: "sr-only",
|
|
1782
1782
|
children: " (completed)"
|
|
@@ -1845,7 +1845,7 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1845
1845
|
function k(e) {
|
|
1846
1846
|
T(null), y(e.id), x(e.name ?? ""), C(null);
|
|
1847
1847
|
}
|
|
1848
|
-
async function
|
|
1848
|
+
async function A(e) {
|
|
1849
1849
|
let t = b.trim();
|
|
1850
1850
|
if (t.length < 1 || t.length > yt) {
|
|
1851
1851
|
C(`Name must be between 1 and ${yt} characters.`);
|
|
@@ -1853,18 +1853,18 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1853
1853
|
}
|
|
1854
1854
|
(await D(() => o?.(e, t))).ok && (y(null), C(null));
|
|
1855
1855
|
}
|
|
1856
|
-
async function
|
|
1856
|
+
async function j(e) {
|
|
1857
1857
|
let t = await D(() => s?.(e));
|
|
1858
1858
|
T(null), t.ok && v === e && y(null);
|
|
1859
1859
|
}
|
|
1860
|
-
return /* @__PURE__ */ h(
|
|
1860
|
+
return /* @__PURE__ */ h(ne, {
|
|
1861
1861
|
reducedMotion: "user",
|
|
1862
|
-
children: /* @__PURE__ */ g(
|
|
1863
|
-
className:
|
|
1862
|
+
children: /* @__PURE__ */ g(he, {
|
|
1863
|
+
className: R("w-full", c),
|
|
1864
1864
|
"data-slot": "auth-block",
|
|
1865
|
-
children: [/* @__PURE__ */ g(
|
|
1865
|
+
children: [/* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h(V, { children: e }), /* @__PURE__ */ h(Ce, { children: t })] }), /* @__PURE__ */ h(H, { children: r ? i ? /* @__PURE__ */ g("div", {
|
|
1866
1866
|
className: "flex items-center gap-2 text-sm text-muted-foreground",
|
|
1867
|
-
children: [/* @__PURE__ */ h(
|
|
1867
|
+
children: [/* @__PURE__ */ h(z, { className: "size-4" }), "Loading passkeys…"]
|
|
1868
1868
|
}) : /* @__PURE__ */ g(I.div, {
|
|
1869
1869
|
layout: !0,
|
|
1870
1870
|
transition: {
|
|
@@ -1877,7 +1877,7 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1877
1877
|
n.length > 0 ? /* @__PURE__ */ h("ul", {
|
|
1878
1878
|
"aria-label": "Passkeys",
|
|
1879
1879
|
className: "flex flex-col gap-2",
|
|
1880
|
-
children: /* @__PURE__ */ h(
|
|
1880
|
+
children: /* @__PURE__ */ h(F, {
|
|
1881
1881
|
initial: !1,
|
|
1882
1882
|
children: n.map((e, t) => {
|
|
1883
1883
|
let n = e.name ?? "Passkey", r = xt(e.createdAt), i = xt(e.lastUsedAt);
|
|
@@ -1919,7 +1919,7 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1919
1919
|
})]
|
|
1920
1920
|
}), /* @__PURE__ */ g("div", {
|
|
1921
1921
|
className: "flex shrink-0 gap-2",
|
|
1922
|
-
children: [/* @__PURE__ */ h(
|
|
1922
|
+
children: [/* @__PURE__ */ h(B, {
|
|
1923
1923
|
"aria-label": `Rename ${n}`,
|
|
1924
1924
|
size: "sm",
|
|
1925
1925
|
type: "button",
|
|
@@ -1927,7 +1927,7 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1927
1927
|
disabled: d,
|
|
1928
1928
|
onClick: () => k(e),
|
|
1929
1929
|
children: "Rename"
|
|
1930
|
-
}), /* @__PURE__ */ h(
|
|
1930
|
+
}), /* @__PURE__ */ h(B, {
|
|
1931
1931
|
"aria-label": `Delete ${n}`,
|
|
1932
1932
|
size: "sm",
|
|
1933
1933
|
type: "button",
|
|
@@ -1945,18 +1945,18 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1945
1945
|
children: /* @__PURE__ */ g("form", {
|
|
1946
1946
|
className: "flex items-start gap-2 pt-1",
|
|
1947
1947
|
onSubmit: (t) => {
|
|
1948
|
-
t.preventDefault(),
|
|
1948
|
+
t.preventDefault(), A(e.id);
|
|
1949
1949
|
},
|
|
1950
1950
|
children: [
|
|
1951
|
-
/* @__PURE__ */ g(
|
|
1951
|
+
/* @__PURE__ */ g(U, {
|
|
1952
1952
|
className: "min-w-0 grow",
|
|
1953
1953
|
invalid: !!S,
|
|
1954
1954
|
children: [
|
|
1955
|
-
/* @__PURE__ */ h(
|
|
1955
|
+
/* @__PURE__ */ h(W, {
|
|
1956
1956
|
className: "sr-only",
|
|
1957
1957
|
children: "Passkey name"
|
|
1958
1958
|
}),
|
|
1959
|
-
/* @__PURE__ */ h(
|
|
1959
|
+
/* @__PURE__ */ h(G, {
|
|
1960
1960
|
"aria-label": "Passkey name",
|
|
1961
1961
|
"aria-invalid": S ? !0 : void 0,
|
|
1962
1962
|
autoFocus: !0,
|
|
@@ -1965,19 +1965,19 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
1965
1965
|
value: b,
|
|
1966
1966
|
onChange: (e) => x(e.target.value)
|
|
1967
1967
|
}),
|
|
1968
|
-
S && /* @__PURE__ */ h(
|
|
1968
|
+
S && /* @__PURE__ */ h(Me, {
|
|
1969
1969
|
match: !0,
|
|
1970
1970
|
children: S
|
|
1971
1971
|
})
|
|
1972
1972
|
]
|
|
1973
1973
|
}),
|
|
1974
|
-
/* @__PURE__ */ h(
|
|
1974
|
+
/* @__PURE__ */ h(B, {
|
|
1975
1975
|
size: "sm",
|
|
1976
1976
|
type: "submit",
|
|
1977
1977
|
loading: d,
|
|
1978
1978
|
children: "Save"
|
|
1979
1979
|
}),
|
|
1980
|
-
/* @__PURE__ */ h(
|
|
1980
|
+
/* @__PURE__ */ h(B, {
|
|
1981
1981
|
size: "sm",
|
|
1982
1982
|
type: "button",
|
|
1983
1983
|
variant: "ghost",
|
|
@@ -2005,14 +2005,14 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
2005
2005
|
}),
|
|
2006
2006
|
/* @__PURE__ */ g("div", {
|
|
2007
2007
|
className: "flex gap-2",
|
|
2008
|
-
children: [/* @__PURE__ */ h(
|
|
2008
|
+
children: [/* @__PURE__ */ h(B, {
|
|
2009
2009
|
size: "sm",
|
|
2010
2010
|
type: "button",
|
|
2011
2011
|
variant: "destructive",
|
|
2012
2012
|
loading: d,
|
|
2013
|
-
onClick: () => void
|
|
2013
|
+
onClick: () => void j(e.id),
|
|
2014
2014
|
children: "Delete passkey"
|
|
2015
|
-
}), /* @__PURE__ */ h(
|
|
2015
|
+
}), /* @__PURE__ */ h(B, {
|
|
2016
2016
|
size: "sm",
|
|
2017
2017
|
type: "button",
|
|
2018
2018
|
variant: "ghost",
|
|
@@ -2032,7 +2032,7 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
|
|
|
2032
2032
|
className: "text-sm text-muted-foreground",
|
|
2033
2033
|
children: "No passkeys registered yet. Add one to sign in without a password."
|
|
2034
2034
|
}),
|
|
2035
|
-
/* @__PURE__ */ h(
|
|
2035
|
+
/* @__PURE__ */ h(B, {
|
|
2036
2036
|
className: "w-full",
|
|
2037
2037
|
type: "button",
|
|
2038
2038
|
variant: "outline",
|
|
@@ -2067,9 +2067,9 @@ function Ct({ available: e = !0, label: t = "Sign in with a passkey", onSignIn:
|
|
|
2067
2067
|
}
|
|
2068
2068
|
}
|
|
2069
2069
|
return /* @__PURE__ */ g("div", {
|
|
2070
|
-
className:
|
|
2070
|
+
className: R("flex w-full flex-col gap-2", i),
|
|
2071
2071
|
children: [
|
|
2072
|
-
/* @__PURE__ */ g(
|
|
2072
|
+
/* @__PURE__ */ g(B, {
|
|
2073
2073
|
variant: "outline",
|
|
2074
2074
|
className: "w-full",
|
|
2075
2075
|
type: "button",
|
|
@@ -2097,37 +2097,41 @@ function wt({ title: e = "Create your account", description: t = "Start explorin
|
|
|
2097
2097
|
"google",
|
|
2098
2098
|
"apple",
|
|
2099
2099
|
"github"
|
|
2100
|
-
], showNameField: a = !0, showTerms: o = !0,
|
|
2101
|
-
let
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2100
|
+
], showNameField: a = !0, showTerms: o = !0, termsChecked: s, defaultTermsChecked: c = !1, onTermsCheckedChange: l, enforceStrongPassword: u = !0, onSubmit: d, termsComponent: f, onProviderSelect: p, onLogin: v, onTerms: y }) {
|
|
2101
|
+
let b = _.useId(), x = _.useId(), S = _.useId(), C = _.useId(), [w, T] = _.useState("idle"), [E, D] = _.useState(null), [O, k] = _.useState(null), [A, j] = _.useState(""), [ee, M] = _.useState(c), N = s ?? ee;
|
|
2102
|
+
function P(e) {
|
|
2103
|
+
s === void 0 && M(e), l?.(e);
|
|
2104
|
+
}
|
|
2105
|
+
let [te, F] = _.useState(!1), [ne, I] = _.useState(!1), L = w === "loading" || O !== null, re = !u || tt(A) === et.length, ie = A.trim().length > 0 && re, ae = (!a || ne) && te && ie;
|
|
2106
|
+
async function z(e) {
|
|
2107
|
+
if (e.preventDefault(), D(null), !re) {
|
|
2108
|
+
D("Please meet all password requirements.");
|
|
2105
2109
|
return;
|
|
2106
2110
|
}
|
|
2107
|
-
if (o && !
|
|
2108
|
-
|
|
2111
|
+
if (o && !N) {
|
|
2112
|
+
D("Please accept the terms to continue.");
|
|
2109
2113
|
return;
|
|
2110
2114
|
}
|
|
2111
2115
|
let t = new FormData(e.currentTarget);
|
|
2112
|
-
|
|
2116
|
+
T("loading");
|
|
2113
2117
|
try {
|
|
2114
|
-
await
|
|
2118
|
+
await d?.({
|
|
2115
2119
|
name: String(t.get("name") ?? ""),
|
|
2116
2120
|
email: String(t.get("email") ?? ""),
|
|
2117
|
-
password:
|
|
2118
|
-
}),
|
|
2121
|
+
password: A
|
|
2122
|
+
}), T("success");
|
|
2119
2123
|
} catch (e) {
|
|
2120
|
-
|
|
2124
|
+
T("idle"), D(e instanceof Error ? e.message : "Unable to create account.");
|
|
2121
2125
|
}
|
|
2122
2126
|
}
|
|
2123
|
-
async function
|
|
2124
|
-
|
|
2127
|
+
async function oe(e) {
|
|
2128
|
+
D(null), k(e);
|
|
2125
2129
|
try {
|
|
2126
|
-
await
|
|
2130
|
+
await p?.(e), T("success");
|
|
2127
2131
|
} catch (e) {
|
|
2128
|
-
|
|
2132
|
+
D(e instanceof Error ? e.message : "Unable to create account.");
|
|
2129
2133
|
} finally {
|
|
2130
|
-
|
|
2134
|
+
k(null);
|
|
2131
2135
|
}
|
|
2132
2136
|
}
|
|
2133
2137
|
return /* @__PURE__ */ h(Y, {
|
|
@@ -2135,112 +2139,118 @@ function wt({ title: e = "Create your account", description: t = "Start explorin
|
|
|
2135
2139
|
description: t,
|
|
2136
2140
|
logo: n,
|
|
2137
2141
|
accent: r,
|
|
2138
|
-
footer:
|
|
2142
|
+
footer: w !== "success" && /* @__PURE__ */ g(m, { children: [
|
|
2139
2143
|
"Already have an account?",
|
|
2140
2144
|
" ",
|
|
2141
|
-
/* @__PURE__ */ h(
|
|
2145
|
+
/* @__PURE__ */ h(B, {
|
|
2142
2146
|
variant: "link",
|
|
2143
|
-
onClick:
|
|
2147
|
+
onClick: v,
|
|
2144
2148
|
children: "Login"
|
|
2145
2149
|
})
|
|
2146
2150
|
] }),
|
|
2147
2151
|
children: /* @__PURE__ */ h(X, {
|
|
2148
|
-
step:
|
|
2149
|
-
children:
|
|
2152
|
+
step: w === "success" ? "success" : "form",
|
|
2153
|
+
children: w === "success" ? /* @__PURE__ */ h($, {
|
|
2150
2154
|
title: "Account created",
|
|
2151
2155
|
description: "Check your inbox to confirm your email address."
|
|
2152
2156
|
}) : /* @__PURE__ */ g("div", {
|
|
2153
2157
|
className: "flex flex-col gap-4",
|
|
2154
2158
|
children: [i.length > 0 && /* @__PURE__ */ g(Z, {
|
|
2155
|
-
show: !
|
|
2159
|
+
show: !ae,
|
|
2156
2160
|
className: "flex flex-col gap-4",
|
|
2157
2161
|
children: [/* @__PURE__ */ h(it, {
|
|
2158
2162
|
providers: i,
|
|
2159
2163
|
action: "signup",
|
|
2160
|
-
loadingProvider:
|
|
2161
|
-
disabled:
|
|
2162
|
-
onSelect:
|
|
2164
|
+
loadingProvider: O,
|
|
2165
|
+
disabled: w === "loading",
|
|
2166
|
+
onSelect: oe
|
|
2163
2167
|
}), /* @__PURE__ */ h(st, { label: "Or with email" })]
|
|
2164
2168
|
}), /* @__PURE__ */ g("form", {
|
|
2165
2169
|
className: "flex flex-col gap-4",
|
|
2166
|
-
onSubmit:
|
|
2170
|
+
onSubmit: z,
|
|
2167
2171
|
children: [
|
|
2168
|
-
a && /* @__PURE__ */ g(
|
|
2172
|
+
a && /* @__PURE__ */ g(U, {
|
|
2169
2173
|
name: "name",
|
|
2170
|
-
children: [/* @__PURE__ */ h(
|
|
2171
|
-
htmlFor:
|
|
2174
|
+
children: [/* @__PURE__ */ h(W, {
|
|
2175
|
+
htmlFor: b,
|
|
2172
2176
|
children: "Name"
|
|
2173
|
-
}), /* @__PURE__ */ h(
|
|
2177
|
+
}), /* @__PURE__ */ h(G, {
|
|
2174
2178
|
"aria-label": "Name",
|
|
2175
|
-
id:
|
|
2179
|
+
id: b,
|
|
2176
2180
|
name: "name",
|
|
2177
2181
|
autoComplete: "name",
|
|
2178
2182
|
placeholder: "Your name",
|
|
2179
2183
|
required: !0,
|
|
2180
|
-
disabled:
|
|
2181
|
-
onChange: (e) =>
|
|
2184
|
+
disabled: L,
|
|
2185
|
+
onChange: (e) => I(e.currentTarget.validity.valid)
|
|
2182
2186
|
})]
|
|
2183
2187
|
}),
|
|
2184
|
-
/* @__PURE__ */ g(
|
|
2188
|
+
/* @__PURE__ */ g(U, {
|
|
2185
2189
|
name: "email",
|
|
2186
|
-
children: [/* @__PURE__ */ h(
|
|
2187
|
-
htmlFor:
|
|
2190
|
+
children: [/* @__PURE__ */ h(W, {
|
|
2191
|
+
htmlFor: x,
|
|
2188
2192
|
children: "Email"
|
|
2189
|
-
}), /* @__PURE__ */ h(
|
|
2190
|
-
id:
|
|
2193
|
+
}), /* @__PURE__ */ h(G, {
|
|
2194
|
+
id: x,
|
|
2191
2195
|
name: "email",
|
|
2192
2196
|
type: "email",
|
|
2197
|
+
"aria-label": "Email",
|
|
2193
2198
|
autoComplete: "email",
|
|
2194
2199
|
placeholder: "you@example.com",
|
|
2195
2200
|
required: !0,
|
|
2196
|
-
disabled:
|
|
2197
|
-
onChange: (e) =>
|
|
2201
|
+
disabled: L,
|
|
2202
|
+
onChange: (e) => F(e.currentTarget.validity.valid)
|
|
2198
2203
|
})]
|
|
2199
2204
|
}),
|
|
2200
2205
|
/* @__PURE__ */ h(Z, {
|
|
2201
|
-
show:
|
|
2202
|
-
children: /* @__PURE__ */ g(
|
|
2206
|
+
show: te,
|
|
2207
|
+
children: /* @__PURE__ */ g(U, {
|
|
2203
2208
|
name: "password",
|
|
2204
|
-
children: [/* @__PURE__ */ h(
|
|
2209
|
+
children: [/* @__PURE__ */ h(W, {
|
|
2210
|
+
htmlFor: S,
|
|
2211
|
+
children: "Password"
|
|
2212
|
+
}), /* @__PURE__ */ h(K, {
|
|
2213
|
+
id: S,
|
|
2205
2214
|
name: "password",
|
|
2215
|
+
"aria-label": "Password",
|
|
2206
2216
|
autoComplete: "new-password",
|
|
2207
2217
|
placeholder: "Create a password",
|
|
2208
2218
|
showStrength: !0,
|
|
2209
2219
|
required: !0,
|
|
2210
|
-
disabled:
|
|
2211
|
-
value:
|
|
2212
|
-
onChange: (e) =>
|
|
2220
|
+
disabled: L,
|
|
2221
|
+
value: A,
|
|
2222
|
+
onChange: (e) => j(e.target.value)
|
|
2213
2223
|
})]
|
|
2214
2224
|
})
|
|
2215
2225
|
}),
|
|
2216
2226
|
o && /* @__PURE__ */ g("div", {
|
|
2217
2227
|
className: "flex items-center gap-2",
|
|
2218
|
-
children: [/* @__PURE__ */ h(
|
|
2219
|
-
id:
|
|
2220
|
-
checked:
|
|
2221
|
-
onCheckedChange: (e) =>
|
|
2222
|
-
disabled:
|
|
2223
|
-
}), /* @__PURE__ */ g(
|
|
2224
|
-
htmlFor:
|
|
2228
|
+
children: [/* @__PURE__ */ h(ke, {
|
|
2229
|
+
id: C,
|
|
2230
|
+
checked: N,
|
|
2231
|
+
onCheckedChange: (e) => P(e === !0),
|
|
2232
|
+
disabled: L
|
|
2233
|
+
}), /* @__PURE__ */ g(Je, {
|
|
2234
|
+
htmlFor: C,
|
|
2225
2235
|
className: "font-normal",
|
|
2226
2236
|
children: [
|
|
2227
2237
|
"I agree to the",
|
|
2228
2238
|
" ",
|
|
2229
|
-
/* @__PURE__ */ h(
|
|
2239
|
+
f ?? /* @__PURE__ */ h(B, {
|
|
2230
2240
|
variant: "link",
|
|
2231
2241
|
type: "button",
|
|
2232
|
-
onClick:
|
|
2242
|
+
onClick: y,
|
|
2233
2243
|
children: "terms"
|
|
2234
2244
|
})
|
|
2235
2245
|
]
|
|
2236
2246
|
})]
|
|
2237
2247
|
}),
|
|
2238
|
-
/* @__PURE__ */ h(Q, { message:
|
|
2239
|
-
/* @__PURE__ */ h(
|
|
2240
|
-
className:
|
|
2248
|
+
/* @__PURE__ */ h(Q, { message: E }),
|
|
2249
|
+
/* @__PURE__ */ h(B, {
|
|
2250
|
+
className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
|
|
2241
2251
|
type: "submit",
|
|
2242
|
-
loading:
|
|
2243
|
-
disabled:
|
|
2252
|
+
loading: w === "loading",
|
|
2253
|
+
disabled: L,
|
|
2244
2254
|
children: "Create account"
|
|
2245
2255
|
})
|
|
2246
2256
|
]
|
|
@@ -2252,7 +2262,7 @@ function wt({ title: e = "Create your account", description: t = "Start explorin
|
|
|
2252
2262
|
//#endregion
|
|
2253
2263
|
//#region src/components/blocks/auth/update-password-block.tsx
|
|
2254
2264
|
function Tt({ title: e = "Update your password", description: t = "Choose a new password for your account", logo: n, accent: r, minStrength: i = 4, onSubmit: a, onDone: o }) {
|
|
2255
|
-
let s = _.useId(), c = _.useId(), [l, u] = _.useState("idle"), [d, f] = _.useState(null), [p, m] = _.useState(""), [v, y] = _.useState(""), b =
|
|
2265
|
+
let s = _.useId(), c = _.useId(), [l, u] = _.useState("idle"), [d, f] = _.useState(null), [p, m] = _.useState(""), [v, y] = _.useState(""), b = tt(p) >= i, x = v.length > 0 && v === p, S = b && x, C = v.length > 0 && !p.startsWith(v);
|
|
2256
2266
|
async function w(e) {
|
|
2257
2267
|
if (e.preventDefault(), S) {
|
|
2258
2268
|
f(null), u("loading");
|
|
@@ -2273,7 +2283,7 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
|
|
|
2273
2283
|
children: l === "success" ? /* @__PURE__ */ h($, {
|
|
2274
2284
|
title: "Password updated",
|
|
2275
2285
|
description: "Your password has been changed successfully.",
|
|
2276
|
-
children: o && /* @__PURE__ */ h(
|
|
2286
|
+
children: o && /* @__PURE__ */ h(B, {
|
|
2277
2287
|
variant: "link",
|
|
2278
2288
|
onClick: o,
|
|
2279
2289
|
children: "Continue"
|
|
@@ -2282,12 +2292,12 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
|
|
|
2282
2292
|
className: "flex flex-col gap-4",
|
|
2283
2293
|
onSubmit: w,
|
|
2284
2294
|
children: [
|
|
2285
|
-
/* @__PURE__ */ g(
|
|
2295
|
+
/* @__PURE__ */ g(U, {
|
|
2286
2296
|
name: "password",
|
|
2287
|
-
children: [/* @__PURE__ */ h(
|
|
2297
|
+
children: [/* @__PURE__ */ h(W, {
|
|
2288
2298
|
htmlFor: s,
|
|
2289
2299
|
children: "New password"
|
|
2290
|
-
}), /* @__PURE__ */ h(
|
|
2300
|
+
}), /* @__PURE__ */ h(K, {
|
|
2291
2301
|
id: s,
|
|
2292
2302
|
name: "password",
|
|
2293
2303
|
autoComplete: "new-password",
|
|
@@ -2300,12 +2310,12 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
|
|
|
2300
2310
|
}),
|
|
2301
2311
|
/* @__PURE__ */ h(Z, {
|
|
2302
2312
|
show: b,
|
|
2303
|
-
children: /* @__PURE__ */ g(
|
|
2313
|
+
children: /* @__PURE__ */ g(U, {
|
|
2304
2314
|
name: "confirmPassword",
|
|
2305
|
-
children: [/* @__PURE__ */ h(
|
|
2315
|
+
children: [/* @__PURE__ */ h(W, {
|
|
2306
2316
|
htmlFor: c,
|
|
2307
2317
|
children: "Confirm new password"
|
|
2308
|
-
}), /* @__PURE__ */ h(
|
|
2318
|
+
}), /* @__PURE__ */ h(K, {
|
|
2309
2319
|
id: c,
|
|
2310
2320
|
name: "confirmPassword",
|
|
2311
2321
|
autoComplete: "new-password",
|
|
@@ -2319,8 +2329,8 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
|
|
|
2319
2329
|
/* @__PURE__ */ h(Q, { message: d ?? (C ? "Passwords do not match." : null) }),
|
|
2320
2330
|
/* @__PURE__ */ h(Z, {
|
|
2321
2331
|
show: S,
|
|
2322
|
-
children: /* @__PURE__ */ h(
|
|
2323
|
-
className:
|
|
2332
|
+
children: /* @__PURE__ */ h(B, {
|
|
2333
|
+
className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
|
|
2324
2334
|
type: "submit",
|
|
2325
2335
|
loading: l === "loading",
|
|
2326
2336
|
children: "Update password"
|
|
@@ -2332,6 +2342,6 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
|
|
|
2332
2342
|
});
|
|
2333
2343
|
}
|
|
2334
2344
|
//#endregion
|
|
2335
|
-
export { Y as AuthCard, Q as AuthError, st as AuthSeparator, $ as AuthSuccess,
|
|
2345
|
+
export { Y as AuthCard, Q as AuthError, st as AuthSeparator, $ as AuthSuccess, B as Button, he as Card, we as CardAction, H as CardContent, H as CardPanel, Ce as CardDescription, Te as CardFooter, ge as CardFrame, be as CardFrameAction, ye as CardFrameDescription, xe as CardFrameFooter, _e as CardFrameHeader, ve as CardFrameTitle, Se as CardHeader, V as CardTitle, ke as Checkbox, T as CheckboxPrimitive, lt as CodeAuthBlock, _t as DEFAULT_ONBOARDING_STEPS, J as EASE, U as Field, Ne as FieldControl, je as FieldDescription, Me as FieldError, Ae as FieldItem, W as FieldLabel, Pe as FieldValidity, ut as ForgotPasswordBlock, Fe as Frame, ze as FrameDescription, Be as FrameFooter, Le as FrameHeader, Ie as FramePanel, Re as FrameTitle, G as Input, Ue as InputGroup, We as InputGroupAddon, Ke as InputGroupInput, Ge as InputGroupText, qe as InputGroupTextarea, N as InputPrimitive, Je as Label, ft as LinkedAccountsBlock, pt as LoginBlock, X as MorphStep, Xe as OTPField, Ze as OTPFieldInput, P as OTPFieldPrimitive, Qe as OTPFieldSeparator, vt as OnboardingBlock, St as PasskeyManagerBlock, Ct as PasskeySignInBlock, K as PasswordInput, Z as Reveal, q as SOCIAL_PROVIDERS, Ye as Separator, te as SeparatorPrimitive, wt as SignupBlock, it as SocialProviders, z as Spinner, Ve as Textarea, Tt as UpdatePasswordBlock, ot as authAccentActionStyles, at as authAccentVars, De as bindSounds, me as buttonVariants, R as cn, tt as getPasswordStrength, et as passwordRequirements, Oe as playCue, O as playSound, k as setSoundEnabled, A as setSoundVolume, j as sounds, ct as useCountdown };
|
|
2336
2346
|
|
|
2337
2347
|
//# sourceMappingURL=index.js.map
|