@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/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 ee, sounds as A } from "cuelume";
12
- import { Field as te, Field as j } from "@base-ui/react/field";
13
- import { Input as M } from "@base-ui/react/input";
14
- import { OTPField as N } from "@base-ui/react/otp-field";
15
- import { Separator as ne } from "@base-ui/react/separator";
16
- import { AnimatePresence as P, MotionConfig as F, motion as I } from "motion/react";
17
- import { RiAppleFill as re, RiGithubFill as ie, RiGoogleFill as ae, RiTwitterXFill as oe } from "@remixicon/react";
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 L(...e) {
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 R({ className: e, ...t }) {
24
+ function z({ className: e, ...t }) {
25
25
  return /* @__PURE__ */ h(u, {
26
26
  "aria-label": "Loading",
27
- className: L("animate-spin", e),
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 se = 480, ce = 1.25, le = /* @__PURE__ */ new Map();
35
- function ue() {
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 de({ width: e, height: t, radius: n, bezel: r }) {
41
- let i = `${e}:${t}:${n}:${r}`, a = le.get(i);
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, se / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
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 - fe(Math.min(1, y / g));
60
- b *= Math.min(1, y / ce), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
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 le.set(i, _), _;
64
+ return ce.set(i, _), _;
65
65
  }
66
- function fe(e) {
66
+ function de(e) {
67
67
  return (1 - (1 - e) ** 4) ** .25;
68
68
  }
69
- var pe = 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) {
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(() => _ ? de(_) : "", [_]), [E, D] = w(!1);
93
+ let T = S(() => _ ? ue(_) : "", [_]), [E, D] = w(!1);
94
94
  b(() => {
95
- D(ue());
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: L("relative overflow-hidden rounded-full bg-white/[0.08]", a),
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
- }), me = {
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
- }, he = 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", {
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 z({ className: n, variant: r, size: i, render: a, children: o, loading: s = !1, disabled: c, glassVariant: l, sound: u = !0, ...d }) {
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: L("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" : L("max-w-0 opacity-0 blur-[2px]", i === "xs" ? "-ms-1" : i === "sm" ? "-ms-1.5" : "-ms-2")),
237
- children: /* @__PURE__ */ h(R, { className: s ? void 0 : "animate-none" })
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(R, {
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: L(he({
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", _ && me[_], v && "bg-transparent border-0 shadow-none", n),
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(pe, { children: b }) : b;
260
+ return v ? /* @__PURE__ */ h(fe, { children: b }) : b;
261
261
  }
262
262
  //#endregion
263
263
  //#region src/components/ui/card.tsx
264
- function B({ className: n, render: r, ...i }) {
264
+ function he({ className: n, render: r, ...i }) {
265
265
  return t({
266
266
  defaultTagName: "div",
267
267
  props: e({
268
- className: L("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),
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: L("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),
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: L("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),
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: L("self-center font-semibold text-sm", n),
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: L("self-center text-muted-foreground text-sm", n),
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: L("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
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: L("px-6 py-4", n),
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 V({ className: n, render: r, ...i }) {
334
+ function Se({ className: n, render: r, ...i }) {
335
335
  return t({
336
336
  defaultTagName: "div",
337
337
  props: e({
338
- className: L("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),
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 H({ className: n, render: r, ...i }) {
344
+ function V({ className: n, render: r, ...i }) {
345
345
  return t({
346
346
  defaultTagName: "div",
347
347
  props: e({
348
- className: L("font-heading font-semibold text-lg leading-none", n),
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 Se({ className: n, render: r, ...i }) {
354
+ function Ce({ className: n, render: r, ...i }) {
355
355
  return t({
356
356
  defaultTagName: "div",
357
357
  props: e({
358
- className: L("text-muted-foreground text-sm", n),
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 Ce({ className: n, render: r, ...i }) {
364
+ function we({ className: n, render: r, ...i }) {
365
365
  return t({
366
366
  defaultTagName: "div",
367
367
  props: e({
368
- className: L("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
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 U({ className: n, render: r, ...i }) {
374
+ function H({ className: n, render: r, ...i }) {
375
375
  return t({
376
376
  defaultTagName: "div",
377
377
  props: e({
378
- className: L("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),
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 we({ className: n, render: r, ...i }) {
384
+ function Te({ className: n, render: r, ...i }) {
385
385
  return t({
386
386
  defaultTagName: "div",
387
387
  props: e({
388
- className: L("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
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 Te = !1;
397
- function Ee(e) {
398
- Te = !0, E(e);
396
+ var Ee = !1;
397
+ function De(e) {
398
+ Ee = !0, E(e);
399
399
  }
400
- function De(e, t) {
401
- Te && D(e, t);
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 Oe({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
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 && De("toggle"), n?.(e, r);
408
+ t && Oe("toggle"), n?.(e, r);
409
409
  },
410
- className: L("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),
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 W({ className: e, ...t }) {
452
- return /* @__PURE__ */ h(j.Root, {
453
- className: L("flex flex-col items-start gap-2", e),
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 G({ className: e, ...t }) {
459
- return /* @__PURE__ */ h(j.Label, {
460
- className: L("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),
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 ke({ className: e, ...t }) {
466
- return /* @__PURE__ */ h(j.Item, {
467
- className: L("flex", e),
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 Ae({ className: e, ...t }) {
473
- return /* @__PURE__ */ h(j.Description, {
474
- className: L("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),
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 je({ className: e, ...t }) {
480
- return /* @__PURE__ */ h(j.Error, {
481
- className: L("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),
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 Me = j.Control, Ne = j.Validity;
486
+ var Ne = M.Control, Pe = M.Validity;
487
487
  //#endregion
488
488
  //#region src/components/ui/frame.tsx
489
- function Pe({ className: e, ...t }) {
489
+ function Fe({ className: e, ...t }) {
490
490
  return /* @__PURE__ */ h("div", {
491
- className: L("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
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 Fe({ className: e, ...t }) {
496
+ function Ie({ className: e, ...t }) {
497
497
  return /* @__PURE__ */ h("div", {
498
- className: L("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),
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 Ie({ className: e, ...t }) {
503
+ function Le({ className: e, ...t }) {
504
504
  return /* @__PURE__ */ h("header", {
505
- className: L("flex flex-col px-5 py-4", e),
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 Le({ className: e, ...t }) {
510
+ function Re({ className: e, ...t }) {
511
511
  return /* @__PURE__ */ h("div", {
512
- className: L("font-semibold text-sm", e),
512
+ className: R("font-semibold text-sm", e),
513
513
  "data-slot": "frame-panel-title",
514
514
  ...t
515
515
  });
516
516
  }
517
- function Re({ className: e, ...t }) {
517
+ function ze({ className: e, ...t }) {
518
518
  return /* @__PURE__ */ h("div", {
519
- className: L("text-muted-foreground text-sm", e),
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 ze({ className: e, ...t }) {
524
+ function Be({ className: e, ...t }) {
525
525
  return /* @__PURE__ */ h("footer", {
526
- className: L("px-5 py-4", e),
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 K({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
534
- let o = L("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");
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: L(!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,
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(M, {
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 Be({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
556
+ function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
557
557
  return /* @__PURE__ */ h("span", {
558
- className: L(!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,
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(te.Control, {
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: L("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"),
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 Ve = 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", {
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 He({ className: e, ...t }) {
587
+ function Ue({ className: e, ...t }) {
588
588
  return /* @__PURE__ */ h("div", {
589
- className: L("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),
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 Ue({ className: e, align: t = "inline-start", ...n }) {
595
+ function We({ className: e, align: t = "inline-start", ...n }) {
596
596
  return /* @__PURE__ */ h("div", {
597
- className: L(Ve({ align: t }), e),
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 We({ className: e, ...t }) {
609
+ function Ge({ className: e, ...t }) {
610
610
  return /* @__PURE__ */ h("span", {
611
- className: L("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),
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 Ge({ className: e, ...t }) {
616
- return /* @__PURE__ */ h(K, {
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 Ke({ className: e, ...t }) {
623
- return /* @__PURE__ */ h(Be, {
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 qe({ className: n, render: r, sound: i = !1, ...a }) {
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: L("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", n),
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 Je({ className: e, orientation: t = "horizontal", ...n }) {
645
- return /* @__PURE__ */ h(ne, {
646
- className: L("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),
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 Ye({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...i }) {
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(N.Root, {
657
- className: L("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),
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 && De("tick"), a.current = e.length, r?.(e, ...t);
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 Xe({ className: e, ...t }) {
667
- return /* @__PURE__ */ h(N.Input, {
668
- className: L("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),
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 Ze({ className: e, ...t }) {
675
- return /* @__PURE__ */ h(N.Separator, { render: /* @__PURE__ */ h(Je, {
676
- className: L("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
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 Qe = [
683
+ var $e = [
684
684
  .22,
685
685
  1,
686
686
  .36,
687
687
  1
688
- ], $e = [
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 et(e) {
707
- return $e.filter((t) => t.regex.test(e)).length;
706
+ function tt(e) {
707
+ return et.filter((t) => t.regex.test(e)).length;
708
708
  }
709
- var tt = [
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 q({ 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 = et(y);
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: L("flex w-full flex-col gap-3", r),
720
- children: [/* @__PURE__ */ g(He, { children: [/* @__PURE__ */ h(Ge, {
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(Ue, {
728
+ }), e && /* @__PURE__ */ h(We, {
729
729
  align: "inline-end",
730
- children: /* @__PURE__ */ h(z, {
730
+ children: /* @__PURE__ */ h(B, {
731
731
  "aria-label": d ? "Hide password" : "Show password",
732
732
  onClick: () => {
733
- n && De(d ? "droplet" : "bloom"), f((e) => !e);
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(P, {
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: Qe
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(P, {
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: Qe
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: L("h-full rounded-full", tt[b]),
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: Qe
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: $e.map((e) => {
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 nt = {
830
+ var q = {
831
831
  google: {
832
832
  label: "Google",
833
- Icon: ae
833
+ Icon: ie
834
834
  },
835
835
  apple: {
836
836
  label: "Apple",
837
- Icon: re
837
+ Icon: L
838
838
  },
839
839
  github: {
840
840
  label: "GitHub",
841
- Icon: ie
841
+ Icon: re
842
842
  },
843
843
  x: {
844
844
  label: "X",
845
- Icon: oe
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: L("flex w-full gap-2", s ? "flex-row justify-center" : "flex-col", o),
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 } = nt[e];
862
- return /* @__PURE__ */ g(z, {
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(F, {
902
+ return /* @__PURE__ */ h(ne, {
903
903
  reducedMotion: "user",
904
- children: /* @__PURE__ */ h(Pe, {
905
- className: L("w-full max-w-sm", i),
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(B, { children: [/* @__PURE__ */ g(V, { children: [
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(H, { children: e }),
922
- t && /* @__PURE__ */ h(Se, { children: t })
923
- ] }), /* @__PURE__ */ h(U, {
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(ze, {
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(P, {
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(P, {
971
+ }), /* @__PURE__ */ h(F, {
972
972
  initial: !1,
973
973
  children: e && /* @__PURE__ */ h(I.div, {
974
- className: L(!r.settled && "overflow-hidden", n),
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(P, {
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(Je, { className: "flex-1" }),
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(Je, { className: "flex-1" })
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(z, {
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(Ye, {
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(Xe, {
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(z, {
1204
- className: L("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)]"),
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(z, {
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(z, {
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(z, {
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(W, {
1282
+ /* @__PURE__ */ g(U, {
1283
1283
  name: "email",
1284
- children: [/* @__PURE__ */ h(G, {
1284
+ children: [/* @__PURE__ */ h(W, {
1285
1285
  htmlFor: s,
1286
1286
  children: "Email"
1287
- }), /* @__PURE__ */ h(K, {
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(z, {
1301
- className: L("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)]"),
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(F, {
1344
+ return /* @__PURE__ */ h(ne, {
1345
1345
  reducedMotion: "user",
1346
- children: /* @__PURE__ */ g(B, {
1347
- className: L("w-full", s),
1346
+ children: /* @__PURE__ */ g(he, {
1347
+ className: R("w-full", s),
1348
1348
  "data-slot": "auth-block",
1349
- children: [/* @__PURE__ */ g(V, { children: [/* @__PURE__ */ h(H, { children: e }), /* @__PURE__ */ h(Se, { children: t })] }), /* @__PURE__ */ h(U, { children: i ? /* @__PURE__ */ g("div", {
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(R, { className: "size-4" }), "Loading connected accounts…"]
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(P, {
1364
+ children: /* @__PURE__ */ h(F, {
1365
1365
  initial: !1,
1366
1366
  children: n.map((e, t) => {
1367
- let { label: n, Icon: r } = nt[e.provider];
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(z, {
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 } = nt[e];
1428
- return /* @__PURE__ */ g(z, {
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, ee] = _.useState(""), A = p === "loading" || x !== null, te = k.trim().length > 0, j = D && te;
1454
- async function M(e) {
1455
- if (e.preventDefault(), !j) return;
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 N(e) {
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(z, {
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: M,
1501
+ onSubmit: N,
1502
1502
  children: [
1503
- /* @__PURE__ */ g(W, {
1503
+ /* @__PURE__ */ g(U, {
1504
1504
  name: "email",
1505
- children: [/* @__PURE__ */ h(G, {
1505
+ children: [/* @__PURE__ */ h(W, {
1506
1506
  htmlFor: d,
1507
1507
  children: "Email"
1508
- }), /* @__PURE__ */ h(K, {
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: A,
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(W, {
1525
+ children: /* @__PURE__ */ g(U, {
1526
1526
  name: "password",
1527
1527
  children: [
1528
- /* @__PURE__ */ h(G, {
1528
+ /* @__PURE__ */ h(W, {
1529
1529
  htmlFor: "password",
1530
1530
  children: "Password"
1531
1531
  }),
1532
- /* @__PURE__ */ h(q, {
1532
+ /* @__PURE__ */ h(K, {
1533
1533
  id: "password",
1534
1534
  name: "password",
1535
1535
  autoComplete: "current-password",
1536
1536
  required: !0,
1537
- disabled: A,
1537
+ disabled: j,
1538
1538
  value: k,
1539
- onChange: (e) => ee(e.target.value)
1539
+ onChange: (e) => A(e.target.value)
1540
1540
  }),
1541
- o && /* @__PURE__ */ h(z, {
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(Oe, {
1553
+ children: [/* @__PURE__ */ h(ke, {
1554
1554
  id: f,
1555
1555
  checked: C,
1556
1556
  onCheckedChange: (e) => w(e),
1557
- disabled: A
1558
- }), /* @__PURE__ */ h(qe, {
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: j,
1567
- children: /* @__PURE__ */ h(z, {
1568
- className: L("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)]"),
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: A,
1571
+ disabled: j,
1572
1572
  children: "Login"
1573
1573
  })
1574
1574
  })
1575
1575
  ]
1576
1576
  }), i.length > 0 && /* @__PURE__ */ g(Z, {
1577
- show: !j,
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: N
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(W, {
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(Oe, {
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(qe, {
1655
+ }), /* @__PURE__ */ h(Je, {
1656
1656
  htmlFor: r,
1657
1657
  className: "font-normal",
1658
1658
  children: e.label
1659
1659
  })]
1660
- }), t && /* @__PURE__ */ h(je, {
1660
+ }), t && /* @__PURE__ */ h(Me, {
1661
1661
  match: !0,
1662
1662
  children: t
1663
1663
  })]
1664
- }, e.name) : /* @__PURE__ */ g(W, {
1664
+ }, e.name) : /* @__PURE__ */ g(U, {
1665
1665
  name: e.name,
1666
1666
  invalid: !!t,
1667
1667
  children: [
1668
- /* @__PURE__ */ h(G, {
1668
+ /* @__PURE__ */ h(W, {
1669
1669
  htmlFor: r,
1670
1670
  children: e.label
1671
1671
  }),
1672
- e.kind === "textarea" ? /* @__PURE__ */ h(Be, {
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: L("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"),
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(K, {
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(je, {
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(z, {
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(z, {
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: L("text-muted-foreground", t === d && "font-medium text-foreground"),
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 ee(e) {
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 A(e) {
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(F, {
1860
+ return /* @__PURE__ */ h(ne, {
1861
1861
  reducedMotion: "user",
1862
- children: /* @__PURE__ */ g(B, {
1863
- className: L("w-full", c),
1862
+ children: /* @__PURE__ */ g(he, {
1863
+ className: R("w-full", c),
1864
1864
  "data-slot": "auth-block",
1865
- children: [/* @__PURE__ */ g(V, { children: [/* @__PURE__ */ h(H, { children: e }), /* @__PURE__ */ h(Se, { children: t })] }), /* @__PURE__ */ h(U, { children: r ? i ? /* @__PURE__ */ g("div", {
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(R, { className: "size-4" }), "Loading passkeys…"]
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(P, {
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(z, {
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(z, {
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(), ee(e.id);
1948
+ t.preventDefault(), A(e.id);
1949
1949
  },
1950
1950
  children: [
1951
- /* @__PURE__ */ g(W, {
1951
+ /* @__PURE__ */ g(U, {
1952
1952
  className: "min-w-0 grow",
1953
1953
  invalid: !!S,
1954
1954
  children: [
1955
- /* @__PURE__ */ h(G, {
1955
+ /* @__PURE__ */ h(W, {
1956
1956
  className: "sr-only",
1957
1957
  children: "Passkey name"
1958
1958
  }),
1959
- /* @__PURE__ */ h(K, {
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(je, {
1968
+ S && /* @__PURE__ */ h(Me, {
1969
1969
  match: !0,
1970
1970
  children: S
1971
1971
  })
1972
1972
  ]
1973
1973
  }),
1974
- /* @__PURE__ */ h(z, {
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(z, {
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(z, {
2008
+ children: [/* @__PURE__ */ h(B, {
2009
2009
  size: "sm",
2010
2010
  type: "button",
2011
2011
  variant: "destructive",
2012
2012
  loading: d,
2013
- onClick: () => void A(e.id),
2013
+ onClick: () => void j(e.id),
2014
2014
  children: "Delete passkey"
2015
- }), /* @__PURE__ */ h(z, {
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(z, {
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: L("flex w-full flex-col gap-2", i),
2070
+ className: R("flex w-full flex-col gap-2", i),
2071
2071
  children: [
2072
- /* @__PURE__ */ g(z, {
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, enforceStrongPassword: s = !0, onSubmit: c, onProviderSelect: l, onLogin: u, onTerms: d }) {
2101
- let f = _.useId(), p = _.useId(), v = _.useId(), [y, b] = _.useState("idle"), [x, S] = _.useState(null), [C, w] = _.useState(null), [T, E] = _.useState(""), [D, O] = _.useState(!1), [k, ee] = _.useState(!1), [A, te] = _.useState(!1), j = y === "loading" || C !== null, M = !s || et(T) === $e.length, N = T.trim().length > 0 && M, ne = (!a || A) && k && N;
2102
- async function P(e) {
2103
- if (e.preventDefault(), S(null), !M) {
2104
- S("Please meet all password requirements.");
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 && !D) {
2108
- S("Please accept the terms to continue.");
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
- b("loading");
2116
+ T("loading");
2113
2117
  try {
2114
- await c?.({
2118
+ await d?.({
2115
2119
  name: String(t.get("name") ?? ""),
2116
2120
  email: String(t.get("email") ?? ""),
2117
- password: T
2118
- }), b("success");
2121
+ password: A
2122
+ }), T("success");
2119
2123
  } catch (e) {
2120
- b("idle"), S(e instanceof Error ? e.message : "Unable to create account.");
2124
+ T("idle"), D(e instanceof Error ? e.message : "Unable to create account.");
2121
2125
  }
2122
2126
  }
2123
- async function F(e) {
2124
- S(null), w(e);
2127
+ async function oe(e) {
2128
+ D(null), k(e);
2125
2129
  try {
2126
- await l?.(e), b("success");
2130
+ await p?.(e), T("success");
2127
2131
  } catch (e) {
2128
- S(e instanceof Error ? e.message : "Unable to create account.");
2132
+ D(e instanceof Error ? e.message : "Unable to create account.");
2129
2133
  } finally {
2130
- w(null);
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: y !== "success" && /* @__PURE__ */ g(m, { children: [
2142
+ footer: w !== "success" && /* @__PURE__ */ g(m, { children: [
2139
2143
  "Already have an account?",
2140
2144
  " ",
2141
- /* @__PURE__ */ h(z, {
2145
+ /* @__PURE__ */ h(B, {
2142
2146
  variant: "link",
2143
- onClick: u,
2147
+ onClick: v,
2144
2148
  children: "Login"
2145
2149
  })
2146
2150
  ] }),
2147
2151
  children: /* @__PURE__ */ h(X, {
2148
- step: y === "success" ? "success" : "form",
2149
- children: y === "success" ? /* @__PURE__ */ h($, {
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: !ne,
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: C,
2161
- disabled: y === "loading",
2162
- onSelect: F
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: P,
2170
+ onSubmit: z,
2167
2171
  children: [
2168
- a && /* @__PURE__ */ g(W, {
2172
+ a && /* @__PURE__ */ g(U, {
2169
2173
  name: "name",
2170
- children: [/* @__PURE__ */ h(G, {
2171
- htmlFor: f,
2174
+ children: [/* @__PURE__ */ h(W, {
2175
+ htmlFor: b,
2172
2176
  children: "Name"
2173
- }), /* @__PURE__ */ h(K, {
2177
+ }), /* @__PURE__ */ h(G, {
2174
2178
  "aria-label": "Name",
2175
- id: f,
2179
+ id: b,
2176
2180
  name: "name",
2177
2181
  autoComplete: "name",
2178
2182
  placeholder: "Your name",
2179
2183
  required: !0,
2180
- disabled: j,
2181
- onChange: (e) => te(e.currentTarget.validity.valid)
2184
+ disabled: L,
2185
+ onChange: (e) => I(e.currentTarget.validity.valid)
2182
2186
  })]
2183
2187
  }),
2184
- /* @__PURE__ */ g(W, {
2188
+ /* @__PURE__ */ g(U, {
2185
2189
  name: "email",
2186
- children: [/* @__PURE__ */ h(G, {
2187
- htmlFor: p,
2190
+ children: [/* @__PURE__ */ h(W, {
2191
+ htmlFor: x,
2188
2192
  children: "Email"
2189
- }), /* @__PURE__ */ h(K, {
2190
- id: p,
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: j,
2197
- onChange: (e) => ee(e.currentTarget.validity.valid)
2201
+ disabled: L,
2202
+ onChange: (e) => F(e.currentTarget.validity.valid)
2198
2203
  })]
2199
2204
  }),
2200
2205
  /* @__PURE__ */ h(Z, {
2201
- show: k,
2202
- children: /* @__PURE__ */ g(W, {
2206
+ show: te,
2207
+ children: /* @__PURE__ */ g(U, {
2203
2208
  name: "password",
2204
- children: [/* @__PURE__ */ h(G, { children: "Password" }), /* @__PURE__ */ h(q, {
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: j,
2211
- value: T,
2212
- onChange: (e) => E(e.target.value)
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(Oe, {
2219
- id: v,
2220
- checked: D,
2221
- onCheckedChange: (e) => O(e === !0),
2222
- disabled: j
2223
- }), /* @__PURE__ */ g(qe, {
2224
- htmlFor: v,
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(z, {
2239
+ f ?? /* @__PURE__ */ h(B, {
2230
2240
  variant: "link",
2231
2241
  type: "button",
2232
- onClick: d,
2242
+ onClick: y,
2233
2243
  children: "terms"
2234
2244
  })
2235
2245
  ]
2236
2246
  })]
2237
2247
  }),
2238
- /* @__PURE__ */ h(Q, { message: x }),
2239
- /* @__PURE__ */ h(z, {
2240
- className: L("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)]"),
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: y === "loading",
2243
- disabled: j,
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 = et(p) >= i, x = v.length > 0 && v === p, S = b && x, C = v.length > 0 && !p.startsWith(v);
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(z, {
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(W, {
2295
+ /* @__PURE__ */ g(U, {
2286
2296
  name: "password",
2287
- children: [/* @__PURE__ */ h(G, {
2297
+ children: [/* @__PURE__ */ h(W, {
2288
2298
  htmlFor: s,
2289
2299
  children: "New password"
2290
- }), /* @__PURE__ */ h(q, {
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(W, {
2313
+ children: /* @__PURE__ */ g(U, {
2304
2314
  name: "confirmPassword",
2305
- children: [/* @__PURE__ */ h(G, {
2315
+ children: [/* @__PURE__ */ h(W, {
2306
2316
  htmlFor: c,
2307
2317
  children: "Confirm new password"
2308
- }), /* @__PURE__ */ h(q, {
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(z, {
2323
- className: L("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)]"),
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, z as Button, B as Card, Ce as CardAction, U as CardContent, U as CardPanel, Se as CardDescription, we as CardFooter, ge as CardFrame, be as CardFrameAction, ye as CardFrameDescription, xe as CardFrameFooter, _e as CardFrameHeader, ve as CardFrameTitle, V as CardHeader, H as CardTitle, Oe as Checkbox, T as CheckboxPrimitive, lt as CodeAuthBlock, _t as DEFAULT_ONBOARDING_STEPS, J as EASE, W as Field, Me as FieldControl, Ae as FieldDescription, je as FieldError, ke as FieldItem, G as FieldLabel, Ne as FieldValidity, ut as ForgotPasswordBlock, Pe as Frame, Re as FrameDescription, ze as FrameFooter, Ie as FrameHeader, Fe as FramePanel, Le as FrameTitle, K as Input, He as InputGroup, Ue as InputGroupAddon, Ge as InputGroupInput, We as InputGroupText, Ke as InputGroupTextarea, M as InputPrimitive, qe as Label, ft as LinkedAccountsBlock, pt as LoginBlock, X as MorphStep, Ye as OTPField, Xe as OTPFieldInput, N as OTPFieldPrimitive, Ze as OTPFieldSeparator, vt as OnboardingBlock, St as PasskeyManagerBlock, Ct as PasskeySignInBlock, q as PasswordInput, Z as Reveal, nt as SOCIAL_PROVIDERS, Je as Separator, ne as SeparatorPrimitive, wt as SignupBlock, it as SocialProviders, R as Spinner, Be as Textarea, Tt as UpdatePasswordBlock, ot as authAccentActionStyles, at as authAccentVars, Ee as bindSounds, he as buttonVariants, L as cn, et as getPasswordStrength, $e as passwordRequirements, De as playCue, O as playSound, k as setSoundEnabled, ee as setSoundVolume, A as sounds, ct as useCountdown };
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