@sikka/hawa 0.27.23-next → 0.28.0-next
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/blocks/auth/index.d.mts +29 -3
- package/dist/blocks/auth/index.d.ts +29 -3
- package/dist/blocks/auth/index.js +385 -382
- package/dist/blocks/auth/index.mjs +314 -308
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.d.mts +28 -2
- package/dist/blocks/index.d.ts +28 -2
- package/dist/blocks/index.js +1244 -1174
- package/dist/blocks/index.mjs +19 -15
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/misc/index.js +87 -20
- package/dist/blocks/misc/index.mjs +92 -25
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
- package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
- package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
- package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
- package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
- package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
- package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
- package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
- package/dist/{chunk-5UYZN5SQ.mjs → chunk-Y3HUZNCH.mjs} +88 -21
- package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
- package/dist/elements/index.d.mts +5 -4
- package/dist/elements/index.d.ts +5 -4
- package/dist/elements/index.js +87 -20
- package/dist/elements/index.mjs +3 -3
- package/dist/index.css +29 -0
- package/dist/index.d.mts +54 -27
- package/dist/index.d.ts +54 -27
- package/dist/index.js +105 -33
- package/dist/index.mjs +104 -33
- package/dist/layout/index.mjs +2 -2
- package/dist/tabs/index.d.mts +2 -1
- package/dist/tabs/index.d.ts +2 -1
- package/dist/tabs/index.js +89 -20
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +89 -20
- package/dist/tabs/index.mjs.map +1 -1
- package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
- package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
- package/package.json +2 -1
package/dist/blocks/index.js
CHANGED
@@ -35,6 +35,7 @@ __export(blocks_exports, {
|
|
35
35
|
AdCard: () => AdCard,
|
36
36
|
Announcement: () => Announcement,
|
37
37
|
AppLanding: () => AppLanding,
|
38
|
+
AuthButtons: () => AuthButtons,
|
38
39
|
CheckEmail: () => CheckEmail,
|
39
40
|
CodeConfirmation: () => CodeConfirmation,
|
40
41
|
ComparingPlans: () => ComparingPlans,
|
@@ -62,10 +63,12 @@ __export(blocks_exports, {
|
|
62
63
|
});
|
63
64
|
module.exports = __toCommonJS(blocks_exports);
|
64
65
|
|
65
|
-
// blocks/auth/
|
66
|
-
var
|
67
|
-
|
68
|
-
|
66
|
+
// blocks/auth/AuthButtons.tsx
|
67
|
+
var import_react3 = __toESM(require("react"));
|
68
|
+
|
69
|
+
// elements/button/Button.tsx
|
70
|
+
var React2 = __toESM(require("react"));
|
71
|
+
var import_class_variance_authority = require("class-variance-authority");
|
69
72
|
|
70
73
|
// util/index.ts
|
71
74
|
var import_clsx = require("clsx");
|
@@ -74,17 +77,6 @@ function cn(...inputs) {
|
|
74
77
|
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
75
78
|
}
|
76
79
|
|
77
|
-
// blocks/auth/LoginForm.tsx
|
78
|
-
var import_libphonenumber_js = require("libphonenumber-js");
|
79
|
-
var z = __toESM(require("zod"));
|
80
|
-
|
81
|
-
// elements/alert/Alert.tsx
|
82
|
-
var import_react2 = __toESM(require("react"));
|
83
|
-
|
84
|
-
// elements/button/Button.tsx
|
85
|
-
var React2 = __toESM(require("react"));
|
86
|
-
var import_class_variance_authority = require("class-variance-authority");
|
87
|
-
|
88
80
|
// elements/loading/Loading.tsx
|
89
81
|
var import_react = __toESM(require("react"));
|
90
82
|
var Loading = ({
|
@@ -375,421 +367,710 @@ var Button = React2.forwardRef(
|
|
375
367
|
);
|
376
368
|
Button.displayName = "Button";
|
377
369
|
|
378
|
-
// elements/
|
379
|
-
var
|
380
|
-
|
381
|
-
|
382
|
-
|
383
|
-
icon,
|
384
|
-
className,
|
385
|
-
...props
|
386
|
-
}) => {
|
387
|
-
const alertRef = (0, import_react2.useRef)(null);
|
388
|
-
const [closed, setClosed] = (0, import_react2.useState)(false);
|
389
|
-
(0, import_react2.useEffect)(() => {
|
390
|
-
if (duration) {
|
391
|
-
const timeoutHide = setTimeout(() => {
|
392
|
-
setClosed(true);
|
393
|
-
}, duration);
|
394
|
-
const timeoutDestroy = setTimeout(() => {
|
395
|
-
setClosed(true);
|
396
|
-
if (alertRef == null ? void 0 : alertRef.current) {
|
397
|
-
alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
|
398
|
-
}
|
399
|
-
}, duration + 1e3);
|
400
|
-
return () => {
|
401
|
-
clearTimeout(timeoutHide);
|
402
|
-
clearTimeout(timeoutDestroy);
|
403
|
-
};
|
404
|
-
}
|
405
|
-
}, [duration]);
|
406
|
-
let closeButtonStyle = {
|
407
|
-
none: "",
|
408
|
-
info: "",
|
409
|
-
warning: "",
|
410
|
-
error: "",
|
411
|
-
success: "",
|
412
|
-
hyper: "",
|
413
|
-
oceanic: ""
|
414
|
-
};
|
415
|
-
let styleVariant = {
|
416
|
-
none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
|
417
|
-
info: "hawa-text-info-foreground hawa-bg-info/90",
|
418
|
-
warning: "hawa-text-warning-foreground hawa-bg-warning/90",
|
419
|
-
error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
|
420
|
-
success: "hawa-text-success-foreground hawa-bg-success/90",
|
421
|
-
hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
|
422
|
-
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
|
423
|
-
};
|
424
|
-
return /* @__PURE__ */ import_react2.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react2.default.createElement(
|
425
|
-
"div",
|
370
|
+
// elements/logos/Logos.tsx
|
371
|
+
var import_react2 = __toESM(require("react"));
|
372
|
+
var Logos = {
|
373
|
+
hawa: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
374
|
+
"svg",
|
426
375
|
{
|
427
|
-
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
className: cn(
|
432
|
-
"hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
|
433
|
-
styleVariant[severity],
|
434
|
-
closed ? "hawa-opacity-0" : "hawa-opacity-100",
|
435
|
-
className
|
436
|
-
)
|
376
|
+
xmlns: "http://www.w3.org/2000/svg",
|
377
|
+
xmlSpace: "preserve",
|
378
|
+
viewBox: "0 0 765 765",
|
379
|
+
...props
|
437
380
|
},
|
438
|
-
/* @__PURE__ */ import_react2.default.createElement(
|
439
|
-
"
|
440
|
-
{
|
441
|
-
className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
|
442
|
-
},
|
443
|
-
icon
|
444
|
-
), /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react2.default.createElement(
|
445
|
-
"span",
|
446
|
-
{
|
447
|
-
className: cn(
|
448
|
-
"hawa-font-bold",
|
449
|
-
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
|
450
|
-
)
|
451
|
-
},
|
452
|
-
props.title
|
453
|
-
), /* @__PURE__ */ import_react2.default.createElement(
|
454
|
-
"span",
|
455
|
-
{
|
456
|
-
className: cn(
|
457
|
-
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
|
458
|
-
props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
|
459
|
-
)
|
460
|
-
},
|
461
|
-
props.text
|
462
|
-
), props.actions && /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react2.default.createElement(
|
463
|
-
Button,
|
464
|
-
{
|
465
|
-
key: index,
|
466
|
-
variant: act.variant,
|
467
|
-
onClick: act.onClick()
|
468
|
-
},
|
469
|
-
act.label
|
470
|
-
))))),
|
471
|
-
!props.persistent && /* @__PURE__ */ import_react2.default.createElement(
|
472
|
-
"button",
|
381
|
+
/* @__PURE__ */ import_react2.default.createElement(
|
382
|
+
"path",
|
473
383
|
{
|
474
|
-
|
475
|
-
|
476
|
-
|
477
|
-
className: cn(
|
478
|
-
"hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
|
479
|
-
closeButtonStyle[severity],
|
480
|
-
direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
|
481
|
-
),
|
482
|
-
onClick: () => {
|
483
|
-
if (props.onAlertClosed) {
|
484
|
-
props.onAlertClosed();
|
485
|
-
}
|
486
|
-
setClosed(true);
|
487
|
-
setTimeout(() => {
|
488
|
-
if (alertRef == null ? void 0 : alertRef.current) {
|
489
|
-
alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
|
490
|
-
}
|
491
|
-
}, 200);
|
492
|
-
}
|
493
|
-
},
|
494
|
-
/* @__PURE__ */ import_react2.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
|
495
|
-
/* @__PURE__ */ import_react2.default.createElement(
|
496
|
-
"svg",
|
497
|
-
{
|
498
|
-
"aria-label": "Close Icon",
|
499
|
-
"aria-hidden": "true",
|
500
|
-
className: "hawa-h-5 hawa-w-5",
|
501
|
-
fill: "currentColor",
|
502
|
-
viewBox: "0 0 20 20"
|
503
|
-
},
|
504
|
-
/* @__PURE__ */ import_react2.default.createElement(
|
505
|
-
"path",
|
506
|
-
{
|
507
|
-
fillRule: "evenodd",
|
508
|
-
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
509
|
-
clipRule: "evenodd"
|
510
|
-
}
|
511
|
-
)
|
512
|
-
)
|
384
|
+
d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
|
385
|
+
fill: "currentColor"
|
386
|
+
}
|
513
387
|
)
|
514
|
-
)
|
515
|
-
|
516
|
-
|
517
|
-
|
518
|
-
|
519
|
-
|
520
|
-
|
521
|
-
|
522
|
-
|
523
|
-
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
|
530
|
-
|
531
|
-
|
532
|
-
|
533
|
-
"
|
388
|
+
),
|
389
|
+
sikka: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
390
|
+
"svg",
|
391
|
+
{
|
392
|
+
xmlns: "http://www.w3.org/2000/svg",
|
393
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
394
|
+
xmlSpace: "preserve",
|
395
|
+
viewBox: "0 0 916.5 765",
|
396
|
+
fill: "currentColor",
|
397
|
+
...props
|
398
|
+
},
|
399
|
+
/* @__PURE__ */ import_react2.default.createElement("defs", null, /* @__PURE__ */ import_react2.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
400
|
+
/* @__PURE__ */ import_react2.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react2.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
401
|
+
/* @__PURE__ */ import_react2.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react2.default.createElement("defs", null, /* @__PURE__ */ import_react2.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react2.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react2.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react2.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react2.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
|
402
|
+
),
|
403
|
+
mail: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
404
|
+
"svg",
|
405
|
+
{
|
406
|
+
stroke: "currentColor",
|
407
|
+
fill: "none",
|
408
|
+
strokeWidth: "2",
|
409
|
+
viewBox: "0 0 24 24",
|
410
|
+
strokeLinecap: "round",
|
411
|
+
strokeLinejoin: "round",
|
412
|
+
xmlns: "http://www.w3.org/2000/svg",
|
413
|
+
...props
|
414
|
+
},
|
415
|
+
/* @__PURE__ */ import_react2.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
|
416
|
+
/* @__PURE__ */ import_react2.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
417
|
+
),
|
418
|
+
phone: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
419
|
+
"svg",
|
420
|
+
{
|
421
|
+
stroke: "currentColor",
|
422
|
+
fill: "none",
|
423
|
+
strokeWidth: "2",
|
424
|
+
viewBox: "0 0 24 24",
|
425
|
+
"aria-hidden": "true",
|
426
|
+
xmlns: "http://www.w3.org/2000/svg",
|
427
|
+
...props
|
428
|
+
},
|
429
|
+
/* @__PURE__ */ import_react2.default.createElement(
|
430
|
+
"path",
|
534
431
|
{
|
535
|
-
|
536
|
-
|
537
|
-
|
432
|
+
strokeLinecap: "round",
|
433
|
+
strokeLinejoin: "round",
|
434
|
+
d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
|
538
435
|
}
|
539
|
-
)
|
540
|
-
|
541
|
-
)
|
542
|
-
|
543
|
-
"div",
|
544
|
-
{
|
545
|
-
ref,
|
546
|
-
className: cn(
|
547
|
-
"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
|
548
|
-
className
|
549
|
-
),
|
550
|
-
...props
|
551
|
-
}
|
552
|
-
));
|
553
|
-
var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
554
|
-
"h3",
|
555
|
-
{
|
556
|
-
ref,
|
557
|
-
className: cn("hawa-text-2xl hawa-font-semibold ", className),
|
558
|
-
...props
|
559
|
-
}
|
560
|
-
));
|
561
|
-
var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
562
|
-
"p",
|
563
|
-
{
|
564
|
-
ref,
|
565
|
-
className: cn("hawa-text-sm hawa-text-muted-foreground", className),
|
566
|
-
...props
|
567
|
-
}
|
568
|
-
));
|
569
|
-
var CardContent = React4.forwardRef(
|
570
|
-
({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
571
|
-
"div",
|
436
|
+
)
|
437
|
+
),
|
438
|
+
twitter: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
439
|
+
"path",
|
572
440
|
{
|
573
|
-
|
574
|
-
|
575
|
-
noPadding ? "hawa-p-0" : "hawa-p-6",
|
576
|
-
headless ? "hawa-pt-6" : "hawa-pt-0",
|
577
|
-
className
|
578
|
-
),
|
579
|
-
...props
|
441
|
+
fill: "currentColor",
|
442
|
+
d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
|
580
443
|
}
|
581
|
-
)
|
582
|
-
)
|
583
|
-
|
584
|
-
"div",
|
585
|
-
{
|
586
|
-
ref,
|
587
|
-
className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
|
588
|
-
...props
|
589
|
-
}
|
590
|
-
));
|
591
|
-
CardDescription.displayName = "CardDescription";
|
592
|
-
CardContent.displayName = "CardContent";
|
593
|
-
CardHeader.displayName = "CardHeader";
|
594
|
-
CardFooter.displayName = "CardFooter";
|
595
|
-
CardTitle.displayName = "CardTitle";
|
596
|
-
Card.displayName = "Card";
|
597
|
-
|
598
|
-
// elements/input/Input.tsx
|
599
|
-
var import_react5 = __toESM(require("react"));
|
600
|
-
|
601
|
-
// elements/label/Label.tsx
|
602
|
-
var React6 = __toESM(require("react"));
|
603
|
-
|
604
|
-
// elements/tooltip/Tooltip.tsx
|
605
|
-
var import_react3 = __toESM(require("react"));
|
606
|
-
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
607
|
-
var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
|
608
|
-
TooltipPrimitive.Content,
|
609
|
-
{
|
610
|
-
ref,
|
611
|
-
sideOffset,
|
612
|
-
className: cn(
|
613
|
-
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
614
|
-
{
|
615
|
-
"hawa-text-xs": size === "small",
|
616
|
-
"hawa-text-xl": size === "large"
|
617
|
-
},
|
618
|
-
className
|
619
|
-
),
|
620
|
-
...props
|
621
|
-
}
|
622
|
-
));
|
623
|
-
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
624
|
-
var TooltipArrow = import_react3.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
625
|
-
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
626
|
-
var Tooltip = ({
|
627
|
-
side,
|
628
|
-
size,
|
629
|
-
open,
|
630
|
-
content,
|
631
|
-
children,
|
632
|
-
disabled,
|
633
|
-
defaultOpen,
|
634
|
-
onOpenChange,
|
635
|
-
triggerProps,
|
636
|
-
contentProps,
|
637
|
-
providerProps,
|
638
|
-
delayDuration = 300,
|
639
|
-
...props
|
640
|
-
}) => {
|
641
|
-
return /* @__PURE__ */ import_react3.default.createElement(
|
642
|
-
TooltipPrimitive.TooltipProvider,
|
444
|
+
)),
|
445
|
+
instagram: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
446
|
+
"svg",
|
643
447
|
{
|
644
|
-
|
645
|
-
|
448
|
+
xmlns: "http://www.w3.org/2000/svg",
|
449
|
+
fill: "currentColor",
|
450
|
+
viewBox: "0 0 16 16",
|
451
|
+
...props
|
646
452
|
},
|
647
|
-
/* @__PURE__ */
|
648
|
-
|
453
|
+
/* @__PURE__ */ import_react2.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
|
454
|
+
),
|
455
|
+
microsoft: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
456
|
+
"path",
|
457
|
+
{
|
458
|
+
fill: "currentColor",
|
459
|
+
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
460
|
+
}
|
461
|
+
)),
|
462
|
+
github: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
463
|
+
"svg",
|
464
|
+
{
|
465
|
+
xmlns: "http://www.w3.org/2000/svg",
|
466
|
+
viewBox: "0 0 438.549 438.549",
|
467
|
+
...props
|
468
|
+
},
|
469
|
+
/* @__PURE__ */ import_react2.default.createElement(
|
470
|
+
"path",
|
649
471
|
{
|
650
|
-
|
651
|
-
|
652
|
-
|
653
|
-
...props
|
654
|
-
},
|
655
|
-
/* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
656
|
-
/* @__PURE__ */ import_react3.default.createElement(
|
657
|
-
TooltipContent,
|
658
|
-
{
|
659
|
-
size,
|
660
|
-
side,
|
661
|
-
align: "center",
|
662
|
-
...contentProps,
|
663
|
-
style: {
|
664
|
-
...contentProps == null ? void 0 : contentProps.style,
|
665
|
-
maxWidth: "var(--radix-tooltip-content-available-width)",
|
666
|
-
maxHeight: "var(--radix-tooltip-content-available-height)"
|
667
|
-
}
|
668
|
-
},
|
669
|
-
content
|
670
|
-
)
|
472
|
+
fill: "currentColor",
|
473
|
+
d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
474
|
+
}
|
671
475
|
)
|
672
|
-
)
|
673
|
-
}
|
674
|
-
|
675
|
-
|
676
|
-
|
677
|
-
|
678
|
-
{
|
679
|
-
ref,
|
680
|
-
className: cn(
|
681
|
-
"hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
|
682
|
-
className
|
683
|
-
),
|
684
|
-
...props
|
685
|
-
},
|
686
|
-
children,
|
687
|
-
required && /* @__PURE__ */ React6.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
|
688
|
-
), hint && /* @__PURE__ */ React6.createElement(
|
689
|
-
Tooltip,
|
690
|
-
{
|
691
|
-
content: hint,
|
692
|
-
side: hintSide,
|
693
|
-
triggerProps: {
|
694
|
-
tabIndex: -1,
|
695
|
-
onClick: (event) => event.preventDefault()
|
476
|
+
),
|
477
|
+
radix: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
478
|
+
"path",
|
479
|
+
{
|
480
|
+
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
481
|
+
fill: "currentcolor"
|
696
482
|
}
|
697
|
-
},
|
698
|
-
|
483
|
+
), /* @__PURE__ */ import_react2.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react2.default.createElement(
|
484
|
+
"path",
|
485
|
+
{
|
486
|
+
d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
|
487
|
+
fill: "currentcolor"
|
488
|
+
}
|
489
|
+
)),
|
490
|
+
aria: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react2.default.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
|
491
|
+
npm: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
492
|
+
"path",
|
493
|
+
{
|
494
|
+
d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
|
495
|
+
fill: "currentColor"
|
496
|
+
}
|
497
|
+
)),
|
498
|
+
yarn: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
499
|
+
"path",
|
500
|
+
{
|
501
|
+
d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
|
502
|
+
fill: "currentColor"
|
503
|
+
}
|
504
|
+
)),
|
505
|
+
pnpm: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
506
|
+
"path",
|
507
|
+
{
|
508
|
+
d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
|
509
|
+
fill: "currentColor"
|
510
|
+
}
|
511
|
+
)),
|
512
|
+
react: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
513
|
+
"path",
|
514
|
+
{
|
515
|
+
d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
|
516
|
+
fill: "currentColor"
|
517
|
+
}
|
518
|
+
)),
|
519
|
+
tailwind: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
520
|
+
"path",
|
521
|
+
{
|
522
|
+
d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
|
523
|
+
fill: "currentColor"
|
524
|
+
}
|
525
|
+
)),
|
526
|
+
google: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
527
|
+
"path",
|
528
|
+
{
|
529
|
+
fill: "currentColor",
|
530
|
+
d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
|
531
|
+
}
|
532
|
+
)),
|
533
|
+
apple: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
534
|
+
"path",
|
535
|
+
{
|
536
|
+
d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
|
537
|
+
fill: "currentColor"
|
538
|
+
}
|
539
|
+
)),
|
540
|
+
paypal: (props) => /* @__PURE__ */ import_react2.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react2.default.createElement(
|
541
|
+
"path",
|
542
|
+
{
|
543
|
+
d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
|
544
|
+
fill: "currentColor"
|
545
|
+
}
|
546
|
+
)),
|
547
|
+
spinner: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
699
548
|
"svg",
|
700
549
|
{
|
701
550
|
xmlns: "http://www.w3.org/2000/svg",
|
702
|
-
|
551
|
+
width: "24",
|
552
|
+
height: "24",
|
703
553
|
viewBox: "0 0 24 24",
|
704
554
|
fill: "none",
|
705
555
|
stroke: "currentColor",
|
706
556
|
strokeWidth: "2",
|
707
557
|
strokeLinecap: "round",
|
708
|
-
strokeLinejoin: "round"
|
558
|
+
strokeLinejoin: "round",
|
559
|
+
...props
|
709
560
|
},
|
710
|
-
/* @__PURE__ */
|
711
|
-
|
712
|
-
|
713
|
-
|
714
|
-
)));
|
715
|
-
Label.displayName = "Label";
|
716
|
-
|
717
|
-
// elements/skeleton/Skeleton.tsx
|
718
|
-
var import_react4 = __toESM(require("react"));
|
719
|
-
function Skeleton({
|
720
|
-
className,
|
721
|
-
content,
|
722
|
-
animation = "pulse",
|
723
|
-
fade,
|
724
|
-
...props
|
725
|
-
}) {
|
726
|
-
const animationStyles = {
|
727
|
-
none: "hawa-rounded hawa-bg-muted",
|
728
|
-
pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
|
729
|
-
shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted hawa-p-4 hawa-relative before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden before:hawa-border-t before:hawa-border-rose-100/10"
|
730
|
-
};
|
731
|
-
const fadeStyle = {
|
732
|
-
bottom: "hawa-mask-fade-bottom",
|
733
|
-
top: "hawa-mask-fade-top",
|
734
|
-
right: "hawa-mask-fade-right",
|
735
|
-
left: "hawa-mask-fade-left "
|
736
|
-
};
|
737
|
-
return /* @__PURE__ */ import_react4.default.createElement(
|
738
|
-
"div",
|
561
|
+
/* @__PURE__ */ import_react2.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
562
|
+
),
|
563
|
+
whatsapp: (props) => /* @__PURE__ */ import_react2.default.createElement(
|
564
|
+
"svg",
|
739
565
|
{
|
740
|
-
|
741
|
-
|
742
|
-
|
743
|
-
fade && fadeStyle[fade],
|
744
|
-
className
|
745
|
-
),
|
566
|
+
xmlns: "http://www.w3.org/2000/svg",
|
567
|
+
viewBox: "0 0 24 24",
|
568
|
+
fill: "currentColor",
|
746
569
|
...props
|
747
570
|
},
|
748
|
-
|
749
|
-
)
|
750
|
-
}
|
571
|
+
/* @__PURE__ */ import_react2.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
|
572
|
+
)
|
573
|
+
};
|
751
574
|
|
752
|
-
//
|
753
|
-
var
|
754
|
-
|
755
|
-
|
756
|
-
|
757
|
-
|
758
|
-
|
759
|
-
|
760
|
-
|
761
|
-
|
762
|
-
|
763
|
-
|
764
|
-
|
765
|
-
|
766
|
-
|
767
|
-
|
768
|
-
|
769
|
-
|
770
|
-
|
771
|
-
|
772
|
-
|
773
|
-
|
774
|
-
|
775
|
-
|
776
|
-
|
777
|
-
|
778
|
-
|
779
|
-
|
780
|
-
|
781
|
-
|
782
|
-
|
783
|
-
|
784
|
-
|
575
|
+
// blocks/auth/AuthButtons.tsx
|
576
|
+
var AuthButtons = (props) => {
|
577
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
578
|
+
return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ import_react3.default.createElement(
|
579
|
+
Button,
|
580
|
+
{
|
581
|
+
disabled: props.isGoogleLoading,
|
582
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
583
|
+
variant: "outline",
|
584
|
+
onClick: props.handleGoogle
|
585
|
+
},
|
586
|
+
props.isGoogleLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.google, { className: "hawa-icon" }),
|
587
|
+
(_b = (_a = props.texts) == null ? void 0 : _a.continueWithGoogle) != null ? _b : "Continue With Google"
|
588
|
+
), props.viaGithub && /* @__PURE__ */ import_react3.default.createElement(
|
589
|
+
Button,
|
590
|
+
{
|
591
|
+
disabled: props.isGithubLoading,
|
592
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
593
|
+
variant: "outline",
|
594
|
+
onClick: props.handleGithub
|
595
|
+
},
|
596
|
+
props.isGithubLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.github, { className: "hawa-icon" }),
|
597
|
+
(_d = (_c = props.texts) == null ? void 0 : _c.continueWithGithub) != null ? _d : "Continue With Github"
|
598
|
+
), props.viaTwitter && /* @__PURE__ */ import_react3.default.createElement(
|
599
|
+
Button,
|
600
|
+
{
|
601
|
+
disabled: props.isTwitterLoading,
|
602
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
603
|
+
variant: "outline",
|
604
|
+
onClick: props.handleTwitter
|
605
|
+
},
|
606
|
+
props.isTwitterLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.twitter, { className: "hawa-icon" }),
|
607
|
+
(_f = (_e = props.texts) == null ? void 0 : _e.continueWithTwitter) != null ? _f : "Continue With Twitter"
|
608
|
+
), props.viaApple && /* @__PURE__ */ import_react3.default.createElement(
|
609
|
+
Button,
|
610
|
+
{
|
611
|
+
disabled: props.isAppleLoading,
|
612
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
613
|
+
variant: "outline",
|
614
|
+
onClick: props.handleApple
|
615
|
+
},
|
616
|
+
props.isAppleLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.apple, { className: "hawa-icon" }),
|
617
|
+
(_h = (_g = props.texts) == null ? void 0 : _g.continueWithApple) != null ? _h : "Continue With Apple"
|
618
|
+
), props.viaMicrosoft && /* @__PURE__ */ import_react3.default.createElement(
|
619
|
+
Button,
|
620
|
+
{
|
621
|
+
disabled: props.isMicrosoftLoading,
|
622
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
623
|
+
variant: "outline",
|
624
|
+
onClick: props.handleMicrosoft
|
625
|
+
},
|
626
|
+
props.isMicrosoftLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
|
627
|
+
(_j = (_i = props.texts) == null ? void 0 : _i.continueWithMicrosoft) != null ? _j : "Continue With Microsoft"
|
628
|
+
), props.viaEmail && /* @__PURE__ */ import_react3.default.createElement(
|
629
|
+
Button,
|
630
|
+
{
|
631
|
+
disabled: props.isEmailLoading,
|
632
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
633
|
+
variant: "outline",
|
634
|
+
onClick: props.handleEmail
|
635
|
+
},
|
636
|
+
props.isEmailLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.mail, { className: "hawa-icon" }),
|
637
|
+
(_l = (_k = props.texts) == null ? void 0 : _k.continueWithEmail) != null ? _l : "Continue With Email"
|
638
|
+
), props.viaPhone && /* @__PURE__ */ import_react3.default.createElement(
|
639
|
+
Button,
|
640
|
+
{
|
641
|
+
disabled: props.isPhoneLoading,
|
642
|
+
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
643
|
+
variant: "outline",
|
644
|
+
onClick: props.handlePhone
|
645
|
+
},
|
646
|
+
props.isPhoneLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.default.createElement(Logos.phone, { className: "hawa-icon" }),
|
647
|
+
(_n = (_m = props.texts) == null ? void 0 : _m.continueWithPhone) != null ? _n : "Continue With Phone"
|
648
|
+
));
|
649
|
+
};
|
650
|
+
|
651
|
+
// blocks/auth/LoginForm.tsx
|
652
|
+
var import_react13 = __toESM(require("react"));
|
653
|
+
var import_react_hook_form = require("react-hook-form");
|
654
|
+
var import_zod = require("@hookform/resolvers/zod");
|
655
|
+
var import_libphonenumber_js = require("libphonenumber-js");
|
656
|
+
var z = __toESM(require("zod"));
|
657
|
+
|
658
|
+
// elements/alert/Alert.tsx
|
659
|
+
var import_react4 = __toESM(require("react"));
|
660
|
+
var Alert = ({
|
661
|
+
direction = "ltr",
|
662
|
+
severity = "none",
|
663
|
+
duration,
|
664
|
+
icon,
|
665
|
+
className,
|
666
|
+
...props
|
667
|
+
}) => {
|
668
|
+
const alertRef = (0, import_react4.useRef)(null);
|
669
|
+
const [closed, setClosed] = (0, import_react4.useState)(false);
|
670
|
+
(0, import_react4.useEffect)(() => {
|
671
|
+
if (duration) {
|
672
|
+
const timeoutHide = setTimeout(() => {
|
673
|
+
setClosed(true);
|
674
|
+
}, duration);
|
675
|
+
const timeoutDestroy = setTimeout(() => {
|
676
|
+
setClosed(true);
|
677
|
+
if (alertRef == null ? void 0 : alertRef.current) {
|
678
|
+
alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
|
679
|
+
}
|
680
|
+
}, duration + 1e3);
|
681
|
+
return () => {
|
682
|
+
clearTimeout(timeoutHide);
|
683
|
+
clearTimeout(timeoutDestroy);
|
684
|
+
};
|
685
|
+
}
|
686
|
+
}, [duration]);
|
687
|
+
let closeButtonStyle = {
|
688
|
+
none: "",
|
689
|
+
info: "",
|
690
|
+
warning: "",
|
691
|
+
error: "",
|
692
|
+
success: "",
|
693
|
+
hyper: "",
|
694
|
+
oceanic: ""
|
695
|
+
};
|
696
|
+
let styleVariant = {
|
697
|
+
none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
|
698
|
+
info: "hawa-text-info-foreground hawa-bg-info/90",
|
699
|
+
warning: "hawa-text-warning-foreground hawa-bg-warning/90",
|
700
|
+
error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
|
701
|
+
success: "hawa-text-success-foreground hawa-bg-success/90",
|
702
|
+
hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
|
703
|
+
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
|
704
|
+
};
|
705
|
+
return /* @__PURE__ */ import_react4.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react4.default.createElement(
|
706
|
+
"div",
|
707
|
+
{
|
708
|
+
"data-testid": "alert",
|
709
|
+
"aria-label": "Alert",
|
710
|
+
role: "alert",
|
711
|
+
dir: direction,
|
712
|
+
className: cn(
|
713
|
+
"hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
|
714
|
+
styleVariant[severity],
|
715
|
+
closed ? "hawa-opacity-0" : "hawa-opacity-100",
|
716
|
+
className
|
717
|
+
)
|
718
|
+
},
|
719
|
+
/* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react4.default.createElement(
|
720
|
+
"div",
|
721
|
+
{
|
722
|
+
className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
|
723
|
+
},
|
724
|
+
icon
|
725
|
+
), /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react4.default.createElement(
|
726
|
+
"span",
|
727
|
+
{
|
728
|
+
className: cn(
|
729
|
+
"hawa-font-bold",
|
730
|
+
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
|
731
|
+
)
|
732
|
+
},
|
733
|
+
props.title
|
734
|
+
), /* @__PURE__ */ import_react4.default.createElement(
|
735
|
+
"span",
|
736
|
+
{
|
737
|
+
className: cn(
|
738
|
+
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
|
739
|
+
props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
|
740
|
+
)
|
741
|
+
},
|
742
|
+
props.text
|
743
|
+
), props.actions && /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react4.default.createElement(
|
744
|
+
Button,
|
745
|
+
{
|
746
|
+
key: index,
|
747
|
+
variant: act.variant,
|
748
|
+
onClick: act.onClick()
|
749
|
+
},
|
750
|
+
act.label
|
751
|
+
))))),
|
752
|
+
!props.persistent && /* @__PURE__ */ import_react4.default.createElement(
|
753
|
+
"button",
|
754
|
+
{
|
755
|
+
type: "button",
|
756
|
+
"data-dismiss-target": "#alert-default",
|
757
|
+
"aria-label": "Close",
|
758
|
+
className: cn(
|
759
|
+
"hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
|
760
|
+
closeButtonStyle[severity],
|
761
|
+
direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
|
762
|
+
),
|
763
|
+
onClick: () => {
|
764
|
+
if (props.onAlertClosed) {
|
765
|
+
props.onAlertClosed();
|
766
|
+
}
|
767
|
+
setClosed(true);
|
768
|
+
setTimeout(() => {
|
769
|
+
if (alertRef == null ? void 0 : alertRef.current) {
|
770
|
+
alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
|
771
|
+
}
|
772
|
+
}, 200);
|
773
|
+
}
|
774
|
+
},
|
775
|
+
/* @__PURE__ */ import_react4.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
|
776
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
777
|
+
"svg",
|
778
|
+
{
|
779
|
+
"aria-label": "Close Icon",
|
780
|
+
"aria-hidden": "true",
|
781
|
+
className: "hawa-h-5 hawa-w-5",
|
782
|
+
fill: "currentColor",
|
783
|
+
viewBox: "0 0 20 20"
|
784
|
+
},
|
785
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
786
|
+
"path",
|
787
|
+
{
|
788
|
+
fillRule: "evenodd",
|
789
|
+
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
790
|
+
clipRule: "evenodd"
|
791
|
+
}
|
792
|
+
)
|
793
|
+
)
|
794
|
+
)
|
795
|
+
));
|
796
|
+
};
|
797
|
+
|
798
|
+
// elements/card/Card.tsx
|
799
|
+
var React6 = __toESM(require("react"));
|
800
|
+
var Card = React6.forwardRef(
|
801
|
+
({ className, variant = "default", clickable = false, ...props }, ref) => {
|
802
|
+
let variantStyles = {
|
803
|
+
default: cn(
|
804
|
+
"hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
|
805
|
+
clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
|
806
|
+
),
|
807
|
+
neoBrutalism: cn(
|
808
|
+
"neo-brutalism",
|
809
|
+
// "hawa-transition-all hawa-uppercase hawa-font-mono dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
|
810
|
+
clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
|
811
|
+
)
|
812
|
+
};
|
813
|
+
return /* @__PURE__ */ React6.createElement(
|
814
|
+
"div",
|
815
|
+
{
|
816
|
+
ref,
|
817
|
+
className: cn(className, variantStyles[variant]),
|
818
|
+
...props
|
819
|
+
}
|
820
|
+
);
|
821
|
+
}
|
822
|
+
);
|
823
|
+
var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
|
824
|
+
"div",
|
825
|
+
{
|
826
|
+
ref,
|
827
|
+
className: cn(
|
828
|
+
"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
|
829
|
+
className
|
830
|
+
),
|
831
|
+
...props
|
832
|
+
}
|
833
|
+
));
|
834
|
+
var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
|
835
|
+
"h3",
|
836
|
+
{
|
837
|
+
ref,
|
838
|
+
className: cn("hawa-text-2xl hawa-font-semibold ", className),
|
839
|
+
...props
|
840
|
+
}
|
841
|
+
));
|
842
|
+
var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
|
843
|
+
"p",
|
844
|
+
{
|
845
|
+
ref,
|
846
|
+
className: cn("hawa-text-sm hawa-text-muted-foreground", className),
|
847
|
+
...props
|
848
|
+
}
|
849
|
+
));
|
850
|
+
var CardContent = React6.forwardRef(
|
851
|
+
({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
|
852
|
+
"div",
|
853
|
+
{
|
854
|
+
ref,
|
855
|
+
className: cn(
|
856
|
+
noPadding ? "hawa-p-0" : "hawa-p-6",
|
857
|
+
headless ? "hawa-pt-6" : "hawa-pt-0",
|
858
|
+
className
|
859
|
+
),
|
860
|
+
...props
|
861
|
+
}
|
862
|
+
)
|
863
|
+
);
|
864
|
+
var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
|
865
|
+
"div",
|
866
|
+
{
|
867
|
+
ref,
|
868
|
+
className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
|
869
|
+
...props
|
870
|
+
}
|
871
|
+
));
|
872
|
+
CardDescription.displayName = "CardDescription";
|
873
|
+
CardContent.displayName = "CardContent";
|
874
|
+
CardHeader.displayName = "CardHeader";
|
875
|
+
CardFooter.displayName = "CardFooter";
|
876
|
+
CardTitle.displayName = "CardTitle";
|
877
|
+
Card.displayName = "Card";
|
878
|
+
|
879
|
+
// elements/input/Input.tsx
|
880
|
+
var import_react7 = __toESM(require("react"));
|
881
|
+
|
882
|
+
// elements/label/Label.tsx
|
883
|
+
var React8 = __toESM(require("react"));
|
884
|
+
|
885
|
+
// elements/tooltip/Tooltip.tsx
|
886
|
+
var import_react5 = __toESM(require("react"));
|
887
|
+
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
888
|
+
var TooltipContent = import_react5.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(
|
889
|
+
TooltipPrimitive.Content,
|
890
|
+
{
|
891
|
+
ref,
|
892
|
+
sideOffset,
|
893
|
+
className: cn(
|
894
|
+
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
895
|
+
{
|
896
|
+
"hawa-text-xs": size === "small",
|
897
|
+
"hawa-text-xl": size === "large"
|
898
|
+
},
|
899
|
+
className
|
900
|
+
),
|
901
|
+
...props
|
902
|
+
}
|
903
|
+
));
|
904
|
+
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
905
|
+
var TooltipArrow = import_react5.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
906
|
+
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
907
|
+
var Tooltip = ({
|
908
|
+
side,
|
909
|
+
size,
|
910
|
+
open,
|
911
|
+
content,
|
912
|
+
children,
|
913
|
+
disabled,
|
914
|
+
defaultOpen,
|
915
|
+
onOpenChange,
|
916
|
+
triggerProps,
|
917
|
+
contentProps,
|
918
|
+
providerProps,
|
919
|
+
delayDuration = 300,
|
920
|
+
...props
|
921
|
+
}) => {
|
922
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
923
|
+
TooltipPrimitive.TooltipProvider,
|
924
|
+
{
|
925
|
+
delayDuration,
|
926
|
+
...providerProps
|
927
|
+
},
|
928
|
+
/* @__PURE__ */ import_react5.default.createElement(
|
929
|
+
TooltipPrimitive.Root,
|
930
|
+
{
|
931
|
+
open: !disabled && open,
|
932
|
+
defaultOpen,
|
933
|
+
onOpenChange,
|
934
|
+
...props
|
935
|
+
},
|
936
|
+
/* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
937
|
+
/* @__PURE__ */ import_react5.default.createElement(
|
938
|
+
TooltipContent,
|
939
|
+
{
|
940
|
+
size,
|
941
|
+
side,
|
942
|
+
align: "center",
|
943
|
+
...contentProps,
|
944
|
+
style: {
|
945
|
+
...contentProps == null ? void 0 : contentProps.style,
|
946
|
+
maxWidth: "var(--radix-tooltip-content-available-width)",
|
947
|
+
maxHeight: "var(--radix-tooltip-content-available-height)"
|
948
|
+
}
|
949
|
+
},
|
950
|
+
content
|
951
|
+
)
|
952
|
+
)
|
953
|
+
);
|
954
|
+
};
|
955
|
+
|
956
|
+
// elements/label/Label.tsx
|
957
|
+
var Label = React8.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React8.createElement(
|
958
|
+
"label",
|
959
|
+
{
|
960
|
+
ref,
|
961
|
+
className: cn(
|
962
|
+
"hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
|
963
|
+
className
|
964
|
+
),
|
965
|
+
...props
|
966
|
+
},
|
967
|
+
children,
|
968
|
+
required && /* @__PURE__ */ React8.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
|
969
|
+
), hint && /* @__PURE__ */ React8.createElement(
|
970
|
+
Tooltip,
|
971
|
+
{
|
972
|
+
content: hint,
|
973
|
+
side: hintSide,
|
974
|
+
triggerProps: {
|
975
|
+
tabIndex: -1,
|
976
|
+
onClick: (event) => event.preventDefault()
|
977
|
+
}
|
978
|
+
},
|
979
|
+
/* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(
|
980
|
+
"svg",
|
981
|
+
{
|
982
|
+
xmlns: "http://www.w3.org/2000/svg",
|
983
|
+
className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
|
984
|
+
viewBox: "0 0 24 24",
|
985
|
+
fill: "none",
|
986
|
+
stroke: "currentColor",
|
987
|
+
strokeWidth: "2",
|
988
|
+
strokeLinecap: "round",
|
989
|
+
strokeLinejoin: "round"
|
990
|
+
},
|
991
|
+
/* @__PURE__ */ React8.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
992
|
+
/* @__PURE__ */ React8.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
993
|
+
/* @__PURE__ */ React8.createElement("path", { d: "M12 17h.01" })
|
994
|
+
))
|
995
|
+
)));
|
996
|
+
Label.displayName = "Label";
|
997
|
+
|
998
|
+
// elements/skeleton/Skeleton.tsx
|
999
|
+
var import_react6 = __toESM(require("react"));
|
1000
|
+
function Skeleton({
|
1001
|
+
className,
|
1002
|
+
content,
|
1003
|
+
animation = "pulse",
|
1004
|
+
fade,
|
1005
|
+
...props
|
1006
|
+
}) {
|
1007
|
+
const animationStyles = {
|
1008
|
+
none: "hawa-rounded hawa-bg-muted",
|
1009
|
+
pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
|
1010
|
+
shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted hawa-p-4 hawa-relative before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden before:hawa-border-t before:hawa-border-rose-100/10"
|
1011
|
+
};
|
1012
|
+
const fadeStyle = {
|
1013
|
+
bottom: "hawa-mask-fade-bottom",
|
1014
|
+
top: "hawa-mask-fade-top",
|
1015
|
+
right: "hawa-mask-fade-right",
|
1016
|
+
left: "hawa-mask-fade-left "
|
1017
|
+
};
|
1018
|
+
return /* @__PURE__ */ import_react6.default.createElement(
|
1019
|
+
"div",
|
1020
|
+
{
|
1021
|
+
className: cn(
|
1022
|
+
animationStyles[animation],
|
1023
|
+
content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
|
1024
|
+
fade && fadeStyle[fade],
|
1025
|
+
className
|
1026
|
+
),
|
1027
|
+
...props
|
1028
|
+
},
|
1029
|
+
content && content
|
1030
|
+
);
|
1031
|
+
}
|
1032
|
+
|
1033
|
+
// elements/input/Input.tsx
|
1034
|
+
var Input = (0, import_react7.forwardRef)(
|
1035
|
+
({
|
1036
|
+
margin = "none",
|
1037
|
+
width = "full",
|
1038
|
+
preview = false,
|
1039
|
+
forceHideHelperText = false,
|
1040
|
+
labelProps,
|
1041
|
+
placeholder,
|
1042
|
+
showCount,
|
1043
|
+
inputProps,
|
1044
|
+
countPosition = "bottom",
|
1045
|
+
...props
|
1046
|
+
}, ref) => {
|
1047
|
+
var _a;
|
1048
|
+
let marginStyles = {
|
1049
|
+
none: "hawa-mb-0",
|
1050
|
+
normal: "hawa-mb-3",
|
1051
|
+
large: "hawa-mb-5"
|
1052
|
+
};
|
1053
|
+
let widthStyles = {
|
1054
|
+
small: "hawa-w-full hawa-max-w-2xs",
|
1055
|
+
normal: "hawa-w-1/2",
|
1056
|
+
full: "hawa-w-full",
|
1057
|
+
auto: ""
|
1058
|
+
};
|
1059
|
+
let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
|
1060
|
+
let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
|
1061
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
1062
|
+
"div",
|
1063
|
+
{
|
1064
|
+
className: cn(
|
1065
|
+
defaultStyle,
|
785
1066
|
marginStyles[margin],
|
786
1067
|
widthStyles[width],
|
787
1068
|
props.containerClassName,
|
788
1069
|
"hawa-w-full hawa-gap-2"
|
789
1070
|
)
|
790
1071
|
},
|
791
|
-
props.label && /* @__PURE__ */
|
792
|
-
/* @__PURE__ */
|
1072
|
+
props.label && /* @__PURE__ */ import_react7.default.createElement(Label, { ...labelProps }, props.label),
|
1073
|
+
/* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react7.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
|
793
1074
|
"div",
|
794
1075
|
{
|
795
1076
|
className: cn(
|
@@ -797,7 +1078,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
797
1078
|
preview ? "hawa-opacity-100" : "hawa-opacity-0"
|
798
1079
|
)
|
799
1080
|
}
|
800
|
-
), /* @__PURE__ */
|
1081
|
+
), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react7.default.createElement(
|
801
1082
|
"div",
|
802
1083
|
{
|
803
1084
|
className: cn(
|
@@ -806,7 +1087,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
806
1087
|
)
|
807
1088
|
},
|
808
1089
|
props.endIcon
|
809
|
-
), /* @__PURE__ */
|
1090
|
+
), /* @__PURE__ */ import_react7.default.createElement(
|
810
1091
|
"input",
|
811
1092
|
{
|
812
1093
|
required: true,
|
@@ -832,7 +1113,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
832
1113
|
inputProps == null ? void 0 : inputProps.className
|
833
1114
|
)
|
834
1115
|
}
|
835
|
-
)), !forceHideHelperText && /* @__PURE__ */
|
1116
|
+
)), !forceHideHelperText && /* @__PURE__ */ import_react7.default.createElement(
|
836
1117
|
"p",
|
837
1118
|
{
|
838
1119
|
className: cn(
|
@@ -841,7 +1122,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
841
1122
|
)
|
842
1123
|
},
|
843
1124
|
props.helperText
|
844
|
-
), !props.disabled && forceHideHelperText && /* @__PURE__ */
|
1125
|
+
), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react7.default.createElement(
|
845
1126
|
"div",
|
846
1127
|
{
|
847
1128
|
className: cn(
|
@@ -850,7 +1131,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
850
1131
|
)
|
851
1132
|
},
|
852
1133
|
props.helperText
|
853
|
-
), showCount && /* @__PURE__ */
|
1134
|
+
), showCount && /* @__PURE__ */ import_react7.default.createElement(
|
854
1135
|
"div",
|
855
1136
|
{
|
856
1137
|
className: cn(
|
@@ -871,7 +1152,7 @@ var Input = (0, import_react5.forwardRef)(
|
|
871
1152
|
);
|
872
1153
|
|
873
1154
|
// elements/phoneInput/PhoneInput.tsx
|
874
|
-
var
|
1155
|
+
var import_react9 = __toESM(require("react"));
|
875
1156
|
|
876
1157
|
// countries.ts
|
877
1158
|
var countries = [
|
@@ -2431,816 +2712,532 @@ var countries = [
|
|
2431
2712
|
label: "+255"
|
2432
2713
|
},
|
2433
2714
|
{
|
2434
|
-
country_label: "Ukraine",
|
2435
|
-
code: "UA",
|
2436
|
-
unicode: "🇺🇦",
|
2437
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UA.svg",
|
2438
|
-
label: "+380"
|
2439
|
-
},
|
2440
|
-
{
|
2441
|
-
country_label: "Uganda",
|
2442
|
-
code: "UG",
|
2443
|
-
unicode: "🇺🇬",
|
2444
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UG.svg",
|
2445
|
-
label: "+256"
|
2446
|
-
},
|
2447
|
-
{
|
2448
|
-
country_label: "United States",
|
2449
|
-
code: "US",
|
2450
|
-
unicode: "🇺🇸",
|
2451
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/US.svg",
|
2452
|
-
label: "+1"
|
2453
|
-
},
|
2454
|
-
{
|
2455
|
-
country_label: "Uruguay",
|
2456
|
-
code: "UY",
|
2457
|
-
unicode: "🇺🇾",
|
2458
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UY.svg",
|
2459
|
-
label: "+598"
|
2460
|
-
},
|
2461
|
-
{
|
2462
|
-
country_label: "Uzbekistan",
|
2463
|
-
code: "UZ",
|
2464
|
-
unicode: "🇺🇿",
|
2465
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UZ.svg",
|
2466
|
-
label: "+998"
|
2467
|
-
},
|
2468
|
-
{
|
2469
|
-
country_label: "Vatican City",
|
2470
|
-
code: "VA",
|
2471
|
-
unicode: "🇻🇦",
|
2472
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VA.svg",
|
2473
|
-
label: "+379"
|
2474
|
-
},
|
2475
|
-
{
|
2476
|
-
country_label: "St. Vincent & Grenadines",
|
2477
|
-
code: "VC",
|
2478
|
-
unicode: "🇻🇨",
|
2479
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VC.svg",
|
2480
|
-
label: "+1784"
|
2481
|
-
},
|
2482
|
-
{
|
2483
|
-
country_label: "Venezuela",
|
2484
|
-
code: "VE",
|
2485
|
-
unicode: "🇻🇪",
|
2486
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VE.svg",
|
2487
|
-
label: "+58"
|
2488
|
-
},
|
2489
|
-
{
|
2490
|
-
country_label: "British Virgin Islands",
|
2491
|
-
code: "VG",
|
2492
|
-
unicode: "🇻🇬",
|
2493
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VG.svg",
|
2494
|
-
label: "+1284"
|
2495
|
-
},
|
2496
|
-
{
|
2497
|
-
country_label: "U.S. Virgin Islands",
|
2498
|
-
code: "VI",
|
2499
|
-
unicode: "🇻🇮",
|
2500
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VI.svg",
|
2501
|
-
label: "+1340"
|
2502
|
-
},
|
2503
|
-
{
|
2504
|
-
country_label: "Vietnam",
|
2505
|
-
code: "VN",
|
2506
|
-
unicode: "🇻🇳",
|
2507
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",
|
2508
|
-
label: "+84"
|
2509
|
-
},
|
2510
|
-
{
|
2511
|
-
country_label: "Vanuatu",
|
2512
|
-
code: "VU",
|
2513
|
-
unicode: "🇻🇺",
|
2514
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VU.svg",
|
2515
|
-
label: "+678"
|
2516
|
-
},
|
2517
|
-
{
|
2518
|
-
country_label: "Wallis & Futuna",
|
2519
|
-
code: "WF",
|
2520
|
-
unicode: "🇼🇫",
|
2521
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WF.svg",
|
2522
|
-
label: "+681"
|
2523
|
-
},
|
2524
|
-
{
|
2525
|
-
country_label: "Samoa",
|
2526
|
-
code: "WS",
|
2527
|
-
unicode: "🇼🇸",
|
2528
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WS.svg",
|
2529
|
-
label: "+685"
|
2530
|
-
},
|
2531
|
-
{
|
2532
|
-
country_label: "Yemen",
|
2533
|
-
code: "YE",
|
2534
|
-
unicode: "🇾🇪",
|
2535
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YE.svg",
|
2536
|
-
label: "+967"
|
2715
|
+
country_label: "Ukraine",
|
2716
|
+
code: "UA",
|
2717
|
+
unicode: "🇺🇦",
|
2718
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UA.svg",
|
2719
|
+
label: "+380"
|
2537
2720
|
},
|
2538
2721
|
{
|
2539
|
-
country_label: "
|
2540
|
-
code: "
|
2541
|
-
unicode: "&#
|
2542
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/
|
2543
|
-
label: "+
|
2722
|
+
country_label: "Uganda",
|
2723
|
+
code: "UG",
|
2724
|
+
unicode: "🇺🇬",
|
2725
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UG.svg",
|
2726
|
+
label: "+256"
|
2544
2727
|
},
|
2545
2728
|
{
|
2546
|
-
country_label: "
|
2547
|
-
code: "
|
2548
|
-
unicode: "&#
|
2549
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/
|
2550
|
-
label: "+
|
2729
|
+
country_label: "United States",
|
2730
|
+
code: "US",
|
2731
|
+
unicode: "🇺🇸",
|
2732
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/US.svg",
|
2733
|
+
label: "+1"
|
2551
2734
|
},
|
2552
2735
|
{
|
2553
|
-
country_label: "
|
2554
|
-
code: "
|
2555
|
-
unicode: "&#
|
2556
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/
|
2557
|
-
label: "+
|
2736
|
+
country_label: "Uruguay",
|
2737
|
+
code: "UY",
|
2738
|
+
unicode: "🇺🇾",
|
2739
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UY.svg",
|
2740
|
+
label: "+598"
|
2558
2741
|
},
|
2559
2742
|
{
|
2560
|
-
country_label: "
|
2561
|
-
code: "
|
2562
|
-
unicode: "🇿
|
2563
|
-
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/
|
2564
|
-
label: "+
|
2565
|
-
}
|
2566
|
-
];
|
2567
|
-
var countries_default = countries;
|
2568
|
-
|
2569
|
-
// elements/select/Select.tsx
|
2570
|
-
var import_react6 = __toESM(require("react"));
|
2571
|
-
var import_react_select = __toESM(require("react-select"));
|
2572
|
-
var import_creatable = __toESM(require("react-select/creatable"));
|
2573
|
-
var import_clsx2 = __toESM(require("clsx"));
|
2574
|
-
var Select = ({
|
2575
|
-
labelProps,
|
2576
|
-
labelKey = "label",
|
2577
|
-
...props
|
2578
|
-
}) => {
|
2579
|
-
const NoOption = () => {
|
2580
|
-
var _a, _b;
|
2581
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
|
2582
|
-
};
|
2583
|
-
const Control = ({ children, innerProps, innerRef }) => {
|
2584
|
-
return /* @__PURE__ */ import_react6.default.createElement(
|
2585
|
-
"div",
|
2586
|
-
{
|
2587
|
-
ref: innerRef,
|
2588
|
-
className: (0, import_clsx2.default)(
|
2589
|
-
"hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
|
2590
|
-
),
|
2591
|
-
...innerProps
|
2592
|
-
},
|
2593
|
-
children
|
2594
|
-
);
|
2595
|
-
};
|
2596
|
-
const Option = ({ children, innerProps, innerRef }) => {
|
2597
|
-
return /* @__PURE__ */ import_react6.default.createElement(
|
2598
|
-
"div",
|
2599
|
-
{
|
2600
|
-
ref: innerRef,
|
2601
|
-
className: cn(
|
2602
|
-
"hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
|
2603
|
-
),
|
2604
|
-
...innerProps
|
2605
|
-
},
|
2606
|
-
children
|
2607
|
-
);
|
2608
|
-
};
|
2609
|
-
const Menu = ({
|
2610
|
-
cx,
|
2611
|
-
children,
|
2612
|
-
getStyles,
|
2613
|
-
innerProps,
|
2614
|
-
innerRef,
|
2615
|
-
...menuProps
|
2616
|
-
}) => {
|
2617
|
-
const menuOpen = menuProps.selectProps.menuIsOpen;
|
2618
|
-
return /* @__PURE__ */ import_react6.default.createElement(
|
2619
|
-
"div",
|
2620
|
-
{
|
2621
|
-
className: cn(
|
2622
|
-
"dark:dark-shadow hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start hawa-rounded hawa-border hawa-bg-background hawa-shadow-md",
|
2623
|
-
props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
|
2624
|
-
menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
|
2625
|
-
),
|
2626
|
-
ref: innerRef,
|
2627
|
-
...innerProps
|
2628
|
-
},
|
2629
|
-
children
|
2630
|
-
);
|
2631
|
-
};
|
2632
|
-
return /* @__PURE__ */ import_react6.default.createElement(
|
2633
|
-
"div",
|
2634
|
-
{
|
2635
|
-
className: cn(
|
2636
|
-
"hawa-flex hawa-flex-col hawa-gap-2",
|
2637
|
-
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
2638
|
-
)
|
2639
|
-
},
|
2640
|
-
props.label && /* @__PURE__ */ import_react6.default.createElement(Label, { ...labelProps }, props.label),
|
2641
|
-
props.isLoading ? /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
|
2642
|
-
// TODO: enable keyboard to go to the next item in the list
|
2643
|
-
/* @__PURE__ */ import_react6.default.createElement(
|
2644
|
-
import_react_select.default,
|
2645
|
-
{
|
2646
|
-
noOptionsMessage: NoOption,
|
2647
|
-
classNames: {
|
2648
|
-
control: () => cn(
|
2649
|
-
props.phoneCode && "hawa-rounded-r-none",
|
2650
|
-
props.controlClassNames
|
2651
|
-
),
|
2652
|
-
container: () => cn(
|
2653
|
-
"hawa-rounded",
|
2654
|
-
props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
|
2655
|
-
"hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-0 hawa-px-1 hawa-text-sm",
|
2656
|
-
props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
|
2657
|
-
),
|
2658
|
-
placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
|
2659
|
-
valueContainer: () => "hawa-text-foreground hawa-px-1 ",
|
2660
|
-
singleValue: () => "hawa-text-foreground",
|
2661
|
-
indicatorsContainer: () => cn(
|
2662
|
-
"hawa-cursor-pointer hawa-text-muted-foreground",
|
2663
|
-
props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
|
2664
|
-
)
|
2665
|
-
},
|
2666
|
-
unstyled: true,
|
2667
|
-
autoFocus: true,
|
2668
|
-
components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
|
2669
|
-
onChange: (newValue, action) => props.onChange(newValue, action),
|
2670
|
-
options: props.options,
|
2671
|
-
getOptionLabel: props.getOptionLabel,
|
2672
|
-
defaultValue: props.defaultValue,
|
2673
|
-
placeholder: props.placeholder,
|
2674
|
-
isDisabled: props.disabled,
|
2675
|
-
isClearable: props.isClearable,
|
2676
|
-
isMulti: props.isMulti,
|
2677
|
-
isSearchable: props.isSearchable
|
2678
|
-
}
|
2679
|
-
)
|
2680
|
-
) : /* @__PURE__ */ import_react6.default.createElement(
|
2681
|
-
import_creatable.default,
|
2682
|
-
{
|
2683
|
-
formatCreateLabel: (inputValue) => {
|
2684
|
-
var _a, _b;
|
2685
|
-
return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
|
2686
|
-
},
|
2687
|
-
classNames: {
|
2688
|
-
container: () => cn(
|
2689
|
-
"hawa-rounded",
|
2690
|
-
props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
|
2691
|
-
),
|
2692
|
-
placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
|
2693
|
-
input: () => "hawa-text-primary hawa-px-2",
|
2694
|
-
valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
|
2695
|
-
singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
|
2696
|
-
indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
|
2697
|
-
},
|
2698
|
-
unstyled: true,
|
2699
|
-
options: props.options,
|
2700
|
-
isClearable: props.isClearable,
|
2701
|
-
isMulti: props.isMulti,
|
2702
|
-
isSearchable: props.isSearchable,
|
2703
|
-
placeholder: props.placeholder,
|
2704
|
-
onCreateOption: props.handleCreateOption,
|
2705
|
-
onChange: (newValue, action) => props.onChange(newValue, action),
|
2706
|
-
components: { Control, Option, Menu },
|
2707
|
-
onInputChange: (newValue, action) => props.onInputChange(newValue, action)
|
2708
|
-
}
|
2709
|
-
),
|
2710
|
-
!props.hideHelperText && /* @__PURE__ */ import_react6.default.createElement(
|
2711
|
-
"p",
|
2712
|
-
{
|
2713
|
-
className: cn(
|
2714
|
-
"hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
|
2715
|
-
props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
|
2716
|
-
)
|
2717
|
-
},
|
2718
|
-
props.helperText
|
2719
|
-
)
|
2720
|
-
);
|
2721
|
-
};
|
2722
|
-
|
2723
|
-
// elements/phoneInput/PhoneInput.tsx
|
2724
|
-
var PhoneInput = ({ labelProps, ...props }) => {
|
2725
|
-
const [phoneNumber, setPhoneNumber] = (0, import_react7.useState)("");
|
2726
|
-
const [countryCode, setCountryCode] = (0, import_react7.useState)(props.preferredCountry);
|
2727
|
-
const inputRef = (0, import_react7.useRef)(null);
|
2728
|
-
(0, import_react7.useEffect)(() => {
|
2729
|
-
var _a;
|
2730
|
-
if (inputRef.current) {
|
2731
|
-
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
2732
|
-
}
|
2733
|
-
}, []);
|
2734
|
-
const handleInputChange = (e) => {
|
2735
|
-
const validChars = /^[0-9-()]+$/;
|
2736
|
-
const input = e.target.value;
|
2737
|
-
if (input === "" || validChars.test(input)) {
|
2738
|
-
setPhoneNumber(input);
|
2739
|
-
}
|
2740
|
-
if (props.handleChange) {
|
2741
|
-
props.handleChange(`${countryCode == null ? void 0 : countryCode.label}-${e.target.value}`);
|
2742
|
-
} else {
|
2743
|
-
console.log("handleChange prop was not provided in <PhoneInput/>");
|
2744
|
-
}
|
2745
|
-
};
|
2746
|
-
return /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react7.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react7.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react7.default.createElement(
|
2747
|
-
Select,
|
2748
|
-
{
|
2749
|
-
width: "fit",
|
2750
|
-
hideHelperText: true,
|
2751
|
-
phoneCode: true,
|
2752
|
-
hideIndicator: true,
|
2753
|
-
placeholder: "Code",
|
2754
|
-
options: countries_default,
|
2755
|
-
isMulti: false,
|
2756
|
-
isSearchable: true,
|
2757
|
-
isClearable: false,
|
2758
|
-
defaultValue: props.preferredCountry,
|
2759
|
-
value: countryCode == null ? void 0 : countryCode.label,
|
2760
|
-
onChange: setCountryCode
|
2761
|
-
}
|
2762
|
-
), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react7.default.createElement(
|
2763
|
-
"input",
|
2764
|
-
{
|
2765
|
-
ref: inputRef,
|
2766
|
-
id: "phone-number",
|
2767
|
-
className: cn(
|
2768
|
-
"hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
|
2769
|
-
),
|
2770
|
-
onChange: handleInputChange,
|
2771
|
-
value: phoneNumber,
|
2772
|
-
type: "tel",
|
2773
|
-
placeholder: props.placeholder
|
2774
|
-
}
|
2775
|
-
))), /* @__PURE__ */ import_react7.default.createElement(
|
2776
|
-
"p",
|
2777
|
-
{
|
2778
|
-
className: cn(
|
2779
|
-
"hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
|
2780
|
-
props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
|
2781
|
-
)
|
2782
|
-
},
|
2783
|
-
props.helperText
|
2784
|
-
));
|
2785
|
-
};
|
2786
|
-
|
2787
|
-
// icons/Emojis.tsx
|
2788
|
-
var import_react8 = __toESM(require("react"));
|
2789
|
-
var VeryGoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
|
2790
|
-
"svg",
|
2743
|
+
country_label: "Uzbekistan",
|
2744
|
+
code: "UZ",
|
2745
|
+
unicode: "🇺🇿",
|
2746
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UZ.svg",
|
2747
|
+
label: "+998"
|
2748
|
+
},
|
2791
2749
|
{
|
2792
|
-
|
2793
|
-
|
2794
|
-
|
2795
|
-
|
2796
|
-
|
2750
|
+
country_label: "Vatican City",
|
2751
|
+
code: "VA",
|
2752
|
+
unicode: "🇻🇦",
|
2753
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VA.svg",
|
2754
|
+
label: "+379"
|
2797
2755
|
},
|
2798
|
-
/* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react8.default.createElement(
|
2799
|
-
"path",
|
2800
|
-
{
|
2801
|
-
clipRule: "evenodd",
|
2802
|
-
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
|
2803
|
-
fill: "currentColor",
|
2804
|
-
fillRule: "evenodd"
|
2805
|
-
}
|
2806
|
-
), /* @__PURE__ */ import_react8.default.createElement(
|
2807
|
-
"path",
|
2808
|
-
{
|
2809
|
-
clipRule: "evenodd",
|
2810
|
-
d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
|
2811
|
-
fill: "#FF990A",
|
2812
|
-
fillRule: "evenodd"
|
2813
|
-
}
|
2814
|
-
))
|
2815
|
-
);
|
2816
|
-
var GoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
|
2817
|
-
"svg",
|
2818
2756
|
{
|
2819
|
-
|
2820
|
-
|
2821
|
-
|
2822
|
-
|
2823
|
-
|
2757
|
+
country_label: "St. Vincent & Grenadines",
|
2758
|
+
code: "VC",
|
2759
|
+
unicode: "🇻🇨",
|
2760
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VC.svg",
|
2761
|
+
label: "+1784"
|
2824
2762
|
},
|
2825
|
-
/* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react8.default.createElement(
|
2826
|
-
"path",
|
2827
|
-
{
|
2828
|
-
clipRule: "evenodd",
|
2829
|
-
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
2830
|
-
fill: "currentColor",
|
2831
|
-
fillRule: "evenodd"
|
2832
|
-
}
|
2833
|
-
))
|
2834
|
-
);
|
2835
|
-
var BadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
|
2836
|
-
"svg",
|
2837
2763
|
{
|
2838
|
-
|
2839
|
-
|
2840
|
-
|
2841
|
-
|
2842
|
-
|
2764
|
+
country_label: "Venezuela",
|
2765
|
+
code: "VE",
|
2766
|
+
unicode: "🇻🇪",
|
2767
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VE.svg",
|
2768
|
+
label: "+58"
|
2843
2769
|
},
|
2844
|
-
/* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react8.default.createElement(
|
2845
|
-
"path",
|
2846
|
-
{
|
2847
|
-
clipRule: "evenodd",
|
2848
|
-
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
|
2849
|
-
fill: "currentColor",
|
2850
|
-
fillRule: "evenodd"
|
2851
|
-
}
|
2852
|
-
))
|
2853
|
-
);
|
2854
|
-
var VeryBadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
|
2855
|
-
"svg",
|
2856
2770
|
{
|
2857
|
-
|
2858
|
-
|
2859
|
-
|
2860
|
-
|
2861
|
-
|
2771
|
+
country_label: "British Virgin Islands",
|
2772
|
+
code: "VG",
|
2773
|
+
unicode: "🇻🇬",
|
2774
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VG.svg",
|
2775
|
+
label: "+1284"
|
2862
2776
|
},
|
2863
|
-
/* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react8.default.createElement(
|
2864
|
-
"path",
|
2865
|
-
{
|
2866
|
-
d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
|
2867
|
-
fill: "#0070F3"
|
2868
|
-
}
|
2869
|
-
), /* @__PURE__ */ import_react8.default.createElement(
|
2870
|
-
"path",
|
2871
|
-
{
|
2872
|
-
clipRule: "evenodd",
|
2873
|
-
d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
2874
|
-
fill: "currentColor",
|
2875
|
-
fillRule: "evenodd"
|
2876
|
-
}
|
2877
|
-
))
|
2878
|
-
);
|
2879
|
-
|
2880
|
-
// icons/InputIcons.tsx
|
2881
|
-
var import_react9 = __toESM(require("react"));
|
2882
|
-
var EyeIcon = (props) => /* @__PURE__ */ import_react9.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react9.default.createElement(
|
2883
|
-
"svg",
|
2884
2777
|
{
|
2885
|
-
|
2886
|
-
|
2887
|
-
|
2888
|
-
|
2889
|
-
|
2890
|
-
strokeLinecap: "round",
|
2891
|
-
strokeLinejoin: "round"
|
2778
|
+
country_label: "U.S. Virgin Islands",
|
2779
|
+
code: "VI",
|
2780
|
+
unicode: "🇻🇮",
|
2781
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VI.svg",
|
2782
|
+
label: "+1340"
|
2892
2783
|
},
|
2893
|
-
/* @__PURE__ */ import_react9.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
2894
|
-
/* @__PURE__ */ import_react9.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
|
2895
|
-
));
|
2896
|
-
var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react9.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react9.default.createElement(
|
2897
|
-
"svg",
|
2898
2784
|
{
|
2899
|
-
|
2900
|
-
|
2901
|
-
|
2902
|
-
|
2903
|
-
|
2904
|
-
strokeLinecap: "round",
|
2905
|
-
strokeLinejoin: "round"
|
2785
|
+
country_label: "Vietnam",
|
2786
|
+
code: "VN",
|
2787
|
+
unicode: "🇻🇳",
|
2788
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",
|
2789
|
+
label: "+84"
|
2906
2790
|
},
|
2907
|
-
|
2908
|
-
|
2909
|
-
|
2910
|
-
|
2911
|
-
|
2791
|
+
{
|
2792
|
+
country_label: "Vanuatu",
|
2793
|
+
code: "VU",
|
2794
|
+
unicode: "🇻🇺",
|
2795
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VU.svg",
|
2796
|
+
label: "+678"
|
2797
|
+
},
|
2798
|
+
{
|
2799
|
+
country_label: "Wallis & Futuna",
|
2800
|
+
code: "WF",
|
2801
|
+
unicode: "🇼🇫",
|
2802
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WF.svg",
|
2803
|
+
label: "+681"
|
2804
|
+
},
|
2805
|
+
{
|
2806
|
+
country_label: "Samoa",
|
2807
|
+
code: "WS",
|
2808
|
+
unicode: "🇼🇸",
|
2809
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WS.svg",
|
2810
|
+
label: "+685"
|
2811
|
+
},
|
2812
|
+
{
|
2813
|
+
country_label: "Yemen",
|
2814
|
+
code: "YE",
|
2815
|
+
unicode: "🇾🇪",
|
2816
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YE.svg",
|
2817
|
+
label: "+967"
|
2818
|
+
},
|
2819
|
+
{
|
2820
|
+
country_label: "Mayotte",
|
2821
|
+
code: "YT",
|
2822
|
+
unicode: "🇾🇹",
|
2823
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YT.svg",
|
2824
|
+
label: "+262"
|
2825
|
+
},
|
2826
|
+
{
|
2827
|
+
country_label: "South Africa",
|
2828
|
+
code: "ZA",
|
2829
|
+
unicode: "🇿🇦",
|
2830
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZA.svg",
|
2831
|
+
label: "+27"
|
2832
|
+
},
|
2833
|
+
{
|
2834
|
+
country_label: "Zambia",
|
2835
|
+
code: "ZM",
|
2836
|
+
unicode: "🇿🇲",
|
2837
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZM.svg",
|
2838
|
+
label: "+260"
|
2839
|
+
},
|
2840
|
+
{
|
2841
|
+
country_label: "Zimbabwe",
|
2842
|
+
code: "ZW",
|
2843
|
+
unicode: "🇿🇼",
|
2844
|
+
image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",
|
2845
|
+
label: "+263"
|
2846
|
+
}
|
2847
|
+
];
|
2848
|
+
var countries_default = countries;
|
2912
2849
|
|
2913
|
-
//
|
2914
|
-
var
|
2915
|
-
var
|
2916
|
-
|
2917
|
-
|
2918
|
-
|
2850
|
+
// elements/select/Select.tsx
|
2851
|
+
var import_react8 = __toESM(require("react"));
|
2852
|
+
var import_react_select = __toESM(require("react-select"));
|
2853
|
+
var import_creatable = __toESM(require("react-select/creatable"));
|
2854
|
+
var import_clsx2 = __toESM(require("clsx"));
|
2855
|
+
var Select = ({
|
2856
|
+
labelProps,
|
2857
|
+
labelKey = "label",
|
2858
|
+
...props
|
2859
|
+
}) => {
|
2860
|
+
const NoOption = () => {
|
2861
|
+
var _a, _b;
|
2862
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
|
2919
2863
|
};
|
2920
|
-
|
2921
|
-
|
2922
|
-
|
2923
|
-
className: cn(sizeStyles[size], className),
|
2924
|
-
"aria-hidden": "true",
|
2925
|
-
fill: "currentColor",
|
2926
|
-
viewBox: "0 0 20 20"
|
2927
|
-
},
|
2928
|
-
/* @__PURE__ */ import_react10.default.createElement(
|
2929
|
-
"path",
|
2864
|
+
const Control = ({ children, innerProps, innerRef }) => {
|
2865
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
2866
|
+
"div",
|
2930
2867
|
{
|
2931
|
-
|
2932
|
-
|
2933
|
-
|
2934
|
-
|
2935
|
-
|
2936
|
-
|
2937
|
-
|
2938
|
-
|
2939
|
-
|
2940
|
-
|
2941
|
-
|
2868
|
+
ref: innerRef,
|
2869
|
+
className: (0, import_clsx2.default)(
|
2870
|
+
"hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
|
2871
|
+
),
|
2872
|
+
...innerProps
|
2873
|
+
},
|
2874
|
+
children
|
2875
|
+
);
|
2876
|
+
};
|
2877
|
+
const Option = ({ children, innerProps, innerRef }) => {
|
2878
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
2879
|
+
"div",
|
2880
|
+
{
|
2881
|
+
ref: innerRef,
|
2882
|
+
className: cn(
|
2883
|
+
"hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
|
2884
|
+
),
|
2885
|
+
...innerProps
|
2886
|
+
},
|
2887
|
+
children
|
2888
|
+
);
|
2889
|
+
};
|
2890
|
+
const Menu = ({
|
2891
|
+
cx,
|
2892
|
+
children,
|
2893
|
+
getStyles,
|
2894
|
+
innerProps,
|
2895
|
+
innerRef,
|
2896
|
+
...menuProps
|
2897
|
+
}) => {
|
2898
|
+
const menuOpen = menuProps.selectProps.menuIsOpen;
|
2899
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
2900
|
+
"div",
|
2901
|
+
{
|
2902
|
+
className: cn(
|
2903
|
+
"dark:dark-shadow hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start hawa-rounded hawa-border hawa-bg-background hawa-shadow-md",
|
2904
|
+
props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
|
2905
|
+
menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
|
2906
|
+
),
|
2907
|
+
ref: innerRef,
|
2908
|
+
...innerProps
|
2909
|
+
},
|
2910
|
+
children
|
2911
|
+
);
|
2942
2912
|
};
|
2943
|
-
return /* @__PURE__ */
|
2944
|
-
"
|
2913
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
2914
|
+
"div",
|
2945
2915
|
{
|
2946
|
-
className: cn(
|
2947
|
-
|
2948
|
-
|
2949
|
-
|
2916
|
+
className: cn(
|
2917
|
+
"hawa-flex hawa-flex-col hawa-gap-2",
|
2918
|
+
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
2919
|
+
)
|
2950
2920
|
},
|
2951
|
-
/* @__PURE__ */
|
2952
|
-
|
2921
|
+
props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
|
2922
|
+
props.isLoading ? /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
|
2923
|
+
// TODO: enable keyboard to go to the next item in the list
|
2924
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
2925
|
+
import_react_select.default,
|
2926
|
+
{
|
2927
|
+
noOptionsMessage: NoOption,
|
2928
|
+
classNames: {
|
2929
|
+
control: () => cn(
|
2930
|
+
props.phoneCode && "hawa-rounded-r-none",
|
2931
|
+
props.controlClassNames
|
2932
|
+
),
|
2933
|
+
container: () => cn(
|
2934
|
+
"hawa-rounded",
|
2935
|
+
props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
|
2936
|
+
"hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-0 hawa-px-1 hawa-text-sm",
|
2937
|
+
props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
|
2938
|
+
),
|
2939
|
+
placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
|
2940
|
+
valueContainer: () => "hawa-text-foreground hawa-px-1 ",
|
2941
|
+
singleValue: () => "hawa-text-foreground",
|
2942
|
+
indicatorsContainer: () => cn(
|
2943
|
+
"hawa-cursor-pointer hawa-text-muted-foreground",
|
2944
|
+
props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
|
2945
|
+
)
|
2946
|
+
},
|
2947
|
+
unstyled: true,
|
2948
|
+
autoFocus: true,
|
2949
|
+
components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
|
2950
|
+
onChange: (newValue, action) => props.onChange(newValue, action),
|
2951
|
+
options: props.options,
|
2952
|
+
getOptionLabel: props.getOptionLabel,
|
2953
|
+
defaultValue: props.defaultValue,
|
2954
|
+
placeholder: props.placeholder,
|
2955
|
+
isDisabled: props.disabled,
|
2956
|
+
isClearable: props.isClearable,
|
2957
|
+
isMulti: props.isMulti,
|
2958
|
+
isSearchable: props.isSearchable
|
2959
|
+
}
|
2960
|
+
)
|
2961
|
+
) : /* @__PURE__ */ import_react8.default.createElement(
|
2962
|
+
import_creatable.default,
|
2953
2963
|
{
|
2954
|
-
|
2955
|
-
|
2956
|
-
|
2964
|
+
formatCreateLabel: (inputValue) => {
|
2965
|
+
var _a, _b;
|
2966
|
+
return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
|
2967
|
+
},
|
2968
|
+
classNames: {
|
2969
|
+
container: () => cn(
|
2970
|
+
"hawa-rounded",
|
2971
|
+
props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
|
2972
|
+
),
|
2973
|
+
placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
|
2974
|
+
input: () => "hawa-text-primary hawa-px-2",
|
2975
|
+
valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
|
2976
|
+
singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
|
2977
|
+
indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
|
2978
|
+
},
|
2979
|
+
unstyled: true,
|
2980
|
+
options: props.options,
|
2981
|
+
isClearable: props.isClearable,
|
2982
|
+
isMulti: props.isMulti,
|
2983
|
+
isSearchable: props.isSearchable,
|
2984
|
+
placeholder: props.placeholder,
|
2985
|
+
onCreateOption: props.handleCreateOption,
|
2986
|
+
onChange: (newValue, action) => props.onChange(newValue, action),
|
2987
|
+
components: { Control, Option, Menu },
|
2988
|
+
onInputChange: (newValue, action) => props.onInputChange(newValue, action)
|
2957
2989
|
}
|
2990
|
+
),
|
2991
|
+
!props.hideHelperText && /* @__PURE__ */ import_react8.default.createElement(
|
2992
|
+
"p",
|
2993
|
+
{
|
2994
|
+
className: cn(
|
2995
|
+
"hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
|
2996
|
+
props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
|
2997
|
+
)
|
2998
|
+
},
|
2999
|
+
props.helperText
|
2958
3000
|
)
|
2959
3001
|
);
|
2960
3002
|
};
|
2961
3003
|
|
2962
|
-
//
|
2963
|
-
var
|
2964
|
-
|
2965
|
-
|
2966
|
-
|
2967
|
-
|
2968
|
-
|
2969
|
-
|
2970
|
-
|
2971
|
-
xmlns: "http://www.w3.org/2000/svg",
|
2972
|
-
xmlSpace: "preserve",
|
2973
|
-
viewBox: "0 0 765 765",
|
2974
|
-
...props
|
2975
|
-
},
|
2976
|
-
/* @__PURE__ */ import_react11.default.createElement(
|
2977
|
-
"path",
|
2978
|
-
{
|
2979
|
-
d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
|
2980
|
-
fill: "currentColor"
|
2981
|
-
}
|
2982
|
-
)
|
2983
|
-
),
|
2984
|
-
sikka: (props) => /* @__PURE__ */ import_react11.default.createElement(
|
2985
|
-
"svg",
|
2986
|
-
{
|
2987
|
-
xmlns: "http://www.w3.org/2000/svg",
|
2988
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
2989
|
-
xmlSpace: "preserve",
|
2990
|
-
viewBox: "0 0 916.5 765",
|
2991
|
-
fill: "currentColor",
|
2992
|
-
...props
|
2993
|
-
},
|
2994
|
-
/* @__PURE__ */ import_react11.default.createElement("defs", null, /* @__PURE__ */ import_react11.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
2995
|
-
/* @__PURE__ */ import_react11.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react11.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
2996
|
-
/* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react11.default.createElement("defs", null, /* @__PURE__ */ import_react11.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react11.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react11.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
|
2997
|
-
),
|
2998
|
-
mail: (props) => /* @__PURE__ */ import_react11.default.createElement(
|
2999
|
-
"svg",
|
3000
|
-
{
|
3001
|
-
stroke: "currentColor",
|
3002
|
-
fill: "none",
|
3003
|
-
strokeWidth: "2",
|
3004
|
-
viewBox: "0 0 24 24",
|
3005
|
-
strokeLinecap: "round",
|
3006
|
-
strokeLinejoin: "round",
|
3007
|
-
xmlns: "http://www.w3.org/2000/svg",
|
3008
|
-
...props
|
3009
|
-
},
|
3010
|
-
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
|
3011
|
-
/* @__PURE__ */ import_react11.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
3012
|
-
),
|
3013
|
-
phone: (props) => /* @__PURE__ */ import_react11.default.createElement(
|
3014
|
-
"svg",
|
3015
|
-
{
|
3016
|
-
stroke: "currentColor",
|
3017
|
-
fill: "none",
|
3018
|
-
strokeWidth: "2",
|
3019
|
-
viewBox: "0 0 24 24",
|
3020
|
-
"aria-hidden": "true",
|
3021
|
-
xmlns: "http://www.w3.org/2000/svg",
|
3022
|
-
...props
|
3023
|
-
},
|
3024
|
-
/* @__PURE__ */ import_react11.default.createElement(
|
3025
|
-
"path",
|
3026
|
-
{
|
3027
|
-
strokeLinecap: "round",
|
3028
|
-
strokeLinejoin: "round",
|
3029
|
-
d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
|
3030
|
-
}
|
3031
|
-
)
|
3032
|
-
),
|
3033
|
-
twitter: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3034
|
-
"path",
|
3035
|
-
{
|
3036
|
-
fill: "currentColor",
|
3037
|
-
d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
|
3004
|
+
// elements/phoneInput/PhoneInput.tsx
|
3005
|
+
var PhoneInput = ({ labelProps, ...props }) => {
|
3006
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react9.useState)("");
|
3007
|
+
const [countryCode, setCountryCode] = (0, import_react9.useState)(props.preferredCountry);
|
3008
|
+
const inputRef = (0, import_react9.useRef)(null);
|
3009
|
+
(0, import_react9.useEffect)(() => {
|
3010
|
+
var _a;
|
3011
|
+
if (inputRef.current) {
|
3012
|
+
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
3038
3013
|
}
|
3039
|
-
)
|
3040
|
-
|
3041
|
-
|
3042
|
-
|
3043
|
-
|
3044
|
-
|
3045
|
-
viewBox: "0 0 16 16",
|
3046
|
-
...props
|
3047
|
-
},
|
3048
|
-
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
|
3049
|
-
),
|
3050
|
-
microsoft: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3051
|
-
"path",
|
3052
|
-
{
|
3053
|
-
fill: "currentColor",
|
3054
|
-
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
3014
|
+
}, []);
|
3015
|
+
const handleInputChange = (e) => {
|
3016
|
+
const validChars = /^[0-9-()]+$/;
|
3017
|
+
const input = e.target.value;
|
3018
|
+
if (input === "" || validChars.test(input)) {
|
3019
|
+
setPhoneNumber(input);
|
3055
3020
|
}
|
3056
|
-
|
3057
|
-
|
3058
|
-
|
3059
|
-
|
3060
|
-
xmlns: "http://www.w3.org/2000/svg",
|
3061
|
-
viewBox: "0 0 438.549 438.549",
|
3062
|
-
...props
|
3063
|
-
},
|
3064
|
-
/* @__PURE__ */ import_react11.default.createElement(
|
3065
|
-
"path",
|
3066
|
-
{
|
3067
|
-
fill: "currentColor",
|
3068
|
-
d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
3069
|
-
}
|
3070
|
-
)
|
3071
|
-
),
|
3072
|
-
radix: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3073
|
-
"path",
|
3074
|
-
{
|
3075
|
-
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
3076
|
-
fill: "currentcolor"
|
3021
|
+
if (props.handleChange) {
|
3022
|
+
props.handleChange(`${countryCode == null ? void 0 : countryCode.label}-${e.target.value}`);
|
3023
|
+
} else {
|
3024
|
+
console.log("handleChange prop was not provided in <PhoneInput/>");
|
3077
3025
|
}
|
3078
|
-
|
3079
|
-
|
3026
|
+
};
|
3027
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react9.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react9.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react9.default.createElement(
|
3028
|
+
Select,
|
3080
3029
|
{
|
3081
|
-
|
3082
|
-
|
3030
|
+
width: "fit",
|
3031
|
+
hideHelperText: true,
|
3032
|
+
phoneCode: true,
|
3033
|
+
hideIndicator: true,
|
3034
|
+
placeholder: "Code",
|
3035
|
+
options: countries_default,
|
3036
|
+
isMulti: false,
|
3037
|
+
isSearchable: true,
|
3038
|
+
isClearable: false,
|
3039
|
+
defaultValue: props.preferredCountry,
|
3040
|
+
value: countryCode == null ? void 0 : countryCode.label,
|
3041
|
+
onChange: setCountryCode
|
3083
3042
|
}
|
3084
|
-
)
|
3085
|
-
|
3086
|
-
npm: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3087
|
-
"path",
|
3043
|
+
), /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react9.default.createElement(
|
3044
|
+
"input",
|
3088
3045
|
{
|
3089
|
-
|
3090
|
-
|
3046
|
+
ref: inputRef,
|
3047
|
+
id: "phone-number",
|
3048
|
+
className: cn(
|
3049
|
+
"hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
|
3050
|
+
),
|
3051
|
+
onChange: handleInputChange,
|
3052
|
+
value: phoneNumber,
|
3053
|
+
type: "tel",
|
3054
|
+
placeholder: props.placeholder
|
3091
3055
|
}
|
3092
|
-
)),
|
3093
|
-
|
3094
|
-
"path",
|
3056
|
+
))), /* @__PURE__ */ import_react9.default.createElement(
|
3057
|
+
"p",
|
3095
3058
|
{
|
3096
|
-
|
3097
|
-
|
3098
|
-
|
3099
|
-
|
3100
|
-
|
3059
|
+
className: cn(
|
3060
|
+
"hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
|
3061
|
+
props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
|
3062
|
+
)
|
3063
|
+
},
|
3064
|
+
props.helperText
|
3065
|
+
));
|
3066
|
+
};
|
3067
|
+
|
3068
|
+
// icons/Emojis.tsx
|
3069
|
+
var import_react10 = __toESM(require("react"));
|
3070
|
+
var VeryGoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
3071
|
+
"svg",
|
3072
|
+
{
|
3073
|
+
fill: "none",
|
3074
|
+
height: "16",
|
3075
|
+
viewBox: "0 0 16 16",
|
3076
|
+
width: "16",
|
3077
|
+
xmlns: "http://www.w3.org/2000/svg"
|
3078
|
+
},
|
3079
|
+
/* @__PURE__ */ import_react10.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react10.default.createElement(
|
3101
3080
|
"path",
|
3102
3081
|
{
|
3103
|
-
|
3104
|
-
|
3082
|
+
clipRule: "evenodd",
|
3083
|
+
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
|
3084
|
+
fill: "currentColor",
|
3085
|
+
fillRule: "evenodd"
|
3105
3086
|
}
|
3106
|
-
)
|
3107
|
-
react: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3087
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
3108
3088
|
"path",
|
3109
3089
|
{
|
3110
|
-
|
3111
|
-
|
3090
|
+
clipRule: "evenodd",
|
3091
|
+
d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
|
3092
|
+
fill: "#FF990A",
|
3093
|
+
fillRule: "evenodd"
|
3112
3094
|
}
|
3113
|
-
))
|
3114
|
-
|
3095
|
+
))
|
3096
|
+
);
|
3097
|
+
var GoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
3098
|
+
"svg",
|
3099
|
+
{
|
3100
|
+
fill: "none",
|
3101
|
+
height: "16",
|
3102
|
+
viewBox: "0 0 16 16",
|
3103
|
+
width: "16",
|
3104
|
+
xmlns: "http://www.w3.org/2000/svg"
|
3105
|
+
},
|
3106
|
+
/* @__PURE__ */ import_react10.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react10.default.createElement(
|
3115
3107
|
"path",
|
3116
3108
|
{
|
3117
|
-
|
3118
|
-
|
3109
|
+
clipRule: "evenodd",
|
3110
|
+
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
3111
|
+
fill: "currentColor",
|
3112
|
+
fillRule: "evenodd"
|
3119
3113
|
}
|
3120
|
-
))
|
3121
|
-
|
3114
|
+
))
|
3115
|
+
);
|
3116
|
+
var BadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
3117
|
+
"svg",
|
3118
|
+
{
|
3119
|
+
fill: "none",
|
3120
|
+
height: "16",
|
3121
|
+
viewBox: "0 0 16 16",
|
3122
|
+
width: "16",
|
3123
|
+
xmlns: "http://www.w3.org/2000/svg"
|
3124
|
+
},
|
3125
|
+
/* @__PURE__ */ import_react10.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react10.default.createElement(
|
3122
3126
|
"path",
|
3123
3127
|
{
|
3128
|
+
clipRule: "evenodd",
|
3129
|
+
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
|
3124
3130
|
fill: "currentColor",
|
3125
|
-
|
3131
|
+
fillRule: "evenodd"
|
3126
3132
|
}
|
3127
|
-
))
|
3128
|
-
|
3133
|
+
))
|
3134
|
+
);
|
3135
|
+
var VeryBadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
3136
|
+
"svg",
|
3137
|
+
{
|
3138
|
+
fill: "none",
|
3139
|
+
height: "16",
|
3140
|
+
viewBox: "0 0 16 16",
|
3141
|
+
width: "16",
|
3142
|
+
xmlns: "http://www.w3.org/2000/svg"
|
3143
|
+
},
|
3144
|
+
/* @__PURE__ */ import_react10.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react10.default.createElement(
|
3129
3145
|
"path",
|
3130
3146
|
{
|
3131
|
-
d: "
|
3132
|
-
fill: "
|
3147
|
+
d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
|
3148
|
+
fill: "#0070F3"
|
3133
3149
|
}
|
3134
|
-
)
|
3135
|
-
paypal: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
|
3150
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
3136
3151
|
"path",
|
3137
3152
|
{
|
3138
|
-
|
3139
|
-
|
3153
|
+
clipRule: "evenodd",
|
3154
|
+
d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
3155
|
+
fill: "currentColor",
|
3156
|
+
fillRule: "evenodd"
|
3140
3157
|
}
|
3141
|
-
))
|
3142
|
-
|
3143
|
-
|
3144
|
-
|
3145
|
-
|
3146
|
-
|
3147
|
-
|
3148
|
-
|
3149
|
-
|
3150
|
-
|
3151
|
-
|
3152
|
-
|
3153
|
-
|
3154
|
-
|
3155
|
-
|
3156
|
-
|
3157
|
-
),
|
3158
|
-
|
3158
|
+
))
|
3159
|
+
);
|
3160
|
+
|
3161
|
+
// icons/InputIcons.tsx
|
3162
|
+
var import_react11 = __toESM(require("react"));
|
3163
|
+
var EyeIcon = (props) => /* @__PURE__ */ import_react11.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react11.default.createElement(
|
3164
|
+
"svg",
|
3165
|
+
{
|
3166
|
+
xmlns: "http://www.w3.org/2000/svg",
|
3167
|
+
viewBox: "0 0 24 24",
|
3168
|
+
fill: "none",
|
3169
|
+
stroke: "currentColor",
|
3170
|
+
strokeWidth: "2",
|
3171
|
+
strokeLinecap: "round",
|
3172
|
+
strokeLinejoin: "round"
|
3173
|
+
},
|
3174
|
+
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
3175
|
+
/* @__PURE__ */ import_react11.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
|
3176
|
+
));
|
3177
|
+
var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react11.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react11.default.createElement(
|
3178
|
+
"svg",
|
3179
|
+
{
|
3180
|
+
xmlns: "http://www.w3.org/2000/svg",
|
3181
|
+
viewBox: "0 0 24 24",
|
3182
|
+
fill: "none",
|
3183
|
+
stroke: "currentColor",
|
3184
|
+
strokeWidth: "2",
|
3185
|
+
strokeLinecap: "round",
|
3186
|
+
strokeLinejoin: "round"
|
3187
|
+
},
|
3188
|
+
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
|
3189
|
+
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
|
3190
|
+
/* @__PURE__ */ import_react11.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
|
3191
|
+
/* @__PURE__ */ import_react11.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
|
3192
|
+
));
|
3193
|
+
|
3194
|
+
// icons/CommonIcons.tsx
|
3195
|
+
var import_react12 = __toESM(require("react"));
|
3196
|
+
var CheckMark = ({ size = "default", className }) => {
|
3197
|
+
let sizeStyles = {
|
3198
|
+
default: "hawa-h-5 hawa-w-5",
|
3199
|
+
sm: "hawa-h-3 hawa-w-3"
|
3200
|
+
};
|
3201
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
3159
3202
|
"svg",
|
3160
3203
|
{
|
3161
|
-
|
3162
|
-
|
3204
|
+
className: cn(sizeStyles[size], className),
|
3205
|
+
"aria-hidden": "true",
|
3163
3206
|
fill: "currentColor",
|
3164
|
-
|
3207
|
+
viewBox: "0 0 20 20"
|
3165
3208
|
},
|
3166
|
-
/* @__PURE__ */
|
3167
|
-
|
3209
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
3210
|
+
"path",
|
3211
|
+
{
|
3212
|
+
fillRule: "evenodd",
|
3213
|
+
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
3214
|
+
clipRule: "evenodd"
|
3215
|
+
}
|
3216
|
+
)
|
3217
|
+
);
|
3168
3218
|
};
|
3169
|
-
|
3170
|
-
|
3171
|
-
|
3172
|
-
|
3173
|
-
|
3174
|
-
|
3175
|
-
|
3176
|
-
disabled: props.isGoogleLoading,
|
3177
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3178
|
-
variant: "outline",
|
3179
|
-
onClick: props.handleGoogle
|
3180
|
-
},
|
3181
|
-
props.isGoogleLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.google, { className: "hawa-icon" }),
|
3182
|
-
(_b = (_a = props.texts) == null ? void 0 : _a.continueWithGoogle) != null ? _b : "Continue With Google"
|
3183
|
-
), props.viaGithub && /* @__PURE__ */ import_react12.default.createElement(
|
3184
|
-
Button,
|
3185
|
-
{
|
3186
|
-
disabled: props.isGithubLoading,
|
3187
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3188
|
-
variant: "outline",
|
3189
|
-
onClick: props.handleGithub
|
3190
|
-
},
|
3191
|
-
props.isGithubLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.github, { className: "hawa-icon" }),
|
3192
|
-
(_d = (_c = props.texts) == null ? void 0 : _c.continueWithGithub) != null ? _d : "Continue With Github"
|
3193
|
-
), props.viaTwitter && /* @__PURE__ */ import_react12.default.createElement(
|
3194
|
-
Button,
|
3195
|
-
{
|
3196
|
-
disabled: props.isTwitterLoading,
|
3197
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3198
|
-
variant: "outline",
|
3199
|
-
onClick: props.handleTwitter
|
3200
|
-
},
|
3201
|
-
props.isTwitterLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.twitter, { className: "hawa-icon" }),
|
3202
|
-
(_f = (_e = props.texts) == null ? void 0 : _e.continueWithTwitter) != null ? _f : "Continue With Twitter"
|
3203
|
-
), props.viaApple && /* @__PURE__ */ import_react12.default.createElement(
|
3204
|
-
Button,
|
3205
|
-
{
|
3206
|
-
disabled: props.isAppleLoading,
|
3207
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3208
|
-
variant: "outline",
|
3209
|
-
onClick: props.handleApple
|
3210
|
-
},
|
3211
|
-
props.isAppleLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.apple, { className: "hawa-icon" }),
|
3212
|
-
(_h = (_g = props.texts) == null ? void 0 : _g.continueWithApple) != null ? _h : "Continue With Apple"
|
3213
|
-
), props.viaMicrosoft && /* @__PURE__ */ import_react12.default.createElement(
|
3214
|
-
Button,
|
3215
|
-
{
|
3216
|
-
disabled: props.isMicrosoftLoading,
|
3217
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3218
|
-
variant: "outline",
|
3219
|
-
onClick: props.handleMicrosoft
|
3220
|
-
},
|
3221
|
-
props.isMicrosoftLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
|
3222
|
-
(_j = (_i = props.texts) == null ? void 0 : _i.continueWithMicrosoft) != null ? _j : "Continue With Microsoft"
|
3223
|
-
), props.viaEmail && /* @__PURE__ */ import_react12.default.createElement(
|
3224
|
-
Button,
|
3225
|
-
{
|
3226
|
-
disabled: props.isEmailLoading,
|
3227
|
-
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
3228
|
-
variant: "outline",
|
3229
|
-
onClick: props.handleEmail
|
3230
|
-
},
|
3231
|
-
props.isEmailLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.mail, { className: "hawa-icon" }),
|
3232
|
-
(_l = (_k = props.texts) == null ? void 0 : _k.continueWithEmail) != null ? _l : "Continue With Email"
|
3233
|
-
), props.viaPhone && /* @__PURE__ */ import_react12.default.createElement(
|
3234
|
-
Button,
|
3219
|
+
var UncheckMark = ({ size = "default", className }) => {
|
3220
|
+
let sizeStyles = {
|
3221
|
+
default: "hawa-h-5 hawa-w-5",
|
3222
|
+
sm: "hawa-h-3 hawa-w-3"
|
3223
|
+
};
|
3224
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
3225
|
+
"svg",
|
3235
3226
|
{
|
3236
|
-
|
3237
|
-
|
3238
|
-
|
3239
|
-
|
3227
|
+
className: cn(sizeStyles[size], className),
|
3228
|
+
"aria-hidden": "true",
|
3229
|
+
fill: "currentColor",
|
3230
|
+
viewBox: "0 0 20 20"
|
3240
3231
|
},
|
3241
|
-
|
3242
|
-
|
3243
|
-
|
3232
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
3233
|
+
"path",
|
3234
|
+
{
|
3235
|
+
fillRule: "evenodd",
|
3236
|
+
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
3237
|
+
clipRule: "evenodd"
|
3238
|
+
}
|
3239
|
+
)
|
3240
|
+
);
|
3244
3241
|
};
|
3245
3242
|
|
3246
3243
|
// blocks/auth/LoginForm.tsx
|
@@ -4219,10 +4216,15 @@ var import_react19 = __toESM(require("react"));
|
|
4219
4216
|
var import_react_hook_form4 = require("react-hook-form");
|
4220
4217
|
var import_zod4 = require("@hookform/resolvers/zod");
|
4221
4218
|
var z4 = __toESM(require("zod"));
|
4222
|
-
var ResetPasswordForm = (
|
4219
|
+
var ResetPasswordForm = ({
|
4220
|
+
allowRegister = true,
|
4221
|
+
...props
|
4222
|
+
}) => {
|
4223
4223
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
4224
4224
|
const formSchema = z4.object({
|
4225
|
-
email: z4.string({
|
4225
|
+
email: z4.string({
|
4226
|
+
required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
|
4227
|
+
}).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
|
4226
4228
|
});
|
4227
4229
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
4228
4230
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
@@ -4239,7 +4241,7 @@ var ResetPasswordForm = (props) => {
|
|
4239
4241
|
}
|
4240
4242
|
})
|
4241
4243
|
},
|
4242
|
-
/* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ import_react19.default.createElement(
|
4244
|
+
/* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react19.default.createElement(
|
4243
4245
|
import_react_hook_form4.Controller,
|
4244
4246
|
{
|
4245
4247
|
control,
|
@@ -4250,7 +4252,7 @@ var ResetPasswordForm = (props) => {
|
|
4250
4252
|
Input,
|
4251
4253
|
{
|
4252
4254
|
width: "full",
|
4253
|
-
label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
|
4255
|
+
label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
|
4254
4256
|
helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
|
4255
4257
|
placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
|
4256
4258
|
...field
|
@@ -4259,7 +4261,7 @@ var ResetPasswordForm = (props) => {
|
|
4259
4261
|
}
|
4260
4262
|
}
|
4261
4263
|
)),
|
4262
|
-
/* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword),
|
4264
|
+
/* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
|
4263
4265
|
"span",
|
4264
4266
|
{
|
4265
4267
|
className: "clickable-link",
|
@@ -4267,7 +4269,7 @@ var ResetPasswordForm = (props) => {
|
|
4267
4269
|
},
|
4268
4270
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
4269
4271
|
)))
|
4270
|
-
)) : /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
|
4272
|
+
)) : /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
|
4271
4273
|
};
|
4272
4274
|
|
4273
4275
|
// blocks/auth/CodeConfirmation.tsx
|
@@ -5292,6 +5294,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
5292
5294
|
// elements/tabs/Tabs.tsx
|
5293
5295
|
var React35 = __toESM(require("react"));
|
5294
5296
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
5297
|
+
var import_tailwind_variants = require("tailwind-variants");
|
5295
5298
|
|
5296
5299
|
// elements/chip/Chip.tsx
|
5297
5300
|
var import_react27 = __toESM(require("react"));
|
@@ -5375,31 +5378,99 @@ var Chip = import_react27.default.forwardRef(
|
|
5375
5378
|
);
|
5376
5379
|
|
5377
5380
|
// elements/tabs/Tabs.tsx
|
5378
|
-
var
|
5379
|
-
|
5380
|
-
|
5381
|
-
|
5381
|
+
var tabsListVariant = (0, import_tailwind_variants.tv)({
|
5382
|
+
base: "",
|
5383
|
+
variants: {
|
5384
|
+
variant: {
|
5385
|
+
default: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
5386
|
+
underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
5387
|
+
underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
|
5388
|
+
},
|
5389
|
+
orientation: {
|
5390
|
+
horizontal: "",
|
5391
|
+
vertical: ""
|
5392
|
+
}
|
5393
|
+
},
|
5394
|
+
compoundVariants: [
|
5382
5395
|
{
|
5383
|
-
|
5384
|
-
|
5385
|
-
|
5386
|
-
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
5387
|
-
className
|
5388
|
-
),
|
5389
|
-
...props
|
5396
|
+
variant: "underlined_tabs",
|
5397
|
+
orientation: "vertical",
|
5398
|
+
class: "hawa-border-e-2 hawa-border-e-primary"
|
5390
5399
|
},
|
5391
|
-
|
5392
|
-
|
5393
|
-
|
5400
|
+
{
|
5401
|
+
variant: "underlined_tabs",
|
5402
|
+
orientation: "horizontal",
|
5403
|
+
class: "hawa-border-b-2 hawa-border-b-primary"
|
5404
|
+
}
|
5405
|
+
],
|
5406
|
+
defaultVariants: {
|
5407
|
+
variant: "default",
|
5408
|
+
orientation: "horizontal"
|
5409
|
+
}
|
5410
|
+
});
|
5411
|
+
var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
|
5412
|
+
base: "",
|
5413
|
+
variants: {
|
5414
|
+
variant: {
|
5415
|
+
default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
5416
|
+
underlined: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
|
5417
|
+
underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground dark:hawa-border-primary/10"
|
5418
|
+
},
|
5419
|
+
orientation: {
|
5420
|
+
horizontal: "",
|
5421
|
+
vertical: ""
|
5422
|
+
}
|
5423
|
+
},
|
5424
|
+
compoundVariants: [
|
5425
|
+
{
|
5426
|
+
variant: "underlined",
|
5427
|
+
orientation: "horizontal",
|
5428
|
+
class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
|
5429
|
+
},
|
5430
|
+
{
|
5431
|
+
variant: "underlined",
|
5432
|
+
orientation: "vertical",
|
5433
|
+
class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
|
5434
|
+
},
|
5435
|
+
{
|
5436
|
+
variant: "underlined_tabs",
|
5437
|
+
orientation: "horizontal",
|
5438
|
+
class: "hawa-rounded-b-none"
|
5439
|
+
},
|
5440
|
+
{
|
5441
|
+
variant: "underlined_tabs",
|
5442
|
+
orientation: "vertical",
|
5443
|
+
class: "hawa-rounded-e-none"
|
5444
|
+
}
|
5445
|
+
],
|
5446
|
+
defaultVariants: {
|
5447
|
+
variant: "default",
|
5448
|
+
orientation: "horizontal"
|
5449
|
+
}
|
5450
|
+
});
|
5451
|
+
var TabsContext = React35.createContext({ orientation: "horizontal", variant: "default" });
|
5452
|
+
var Tabs = React35.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React35.createElement(
|
5453
|
+
TabsPrimitive.Root,
|
5454
|
+
{
|
5455
|
+
ref,
|
5456
|
+
className: cn(
|
5457
|
+
"hawa-flex hawa-gap-2",
|
5458
|
+
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
5459
|
+
className
|
5460
|
+
),
|
5461
|
+
...props
|
5462
|
+
},
|
5463
|
+
/* @__PURE__ */ React35.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
|
5464
|
+
));
|
5394
5465
|
Tabs.displayName = TabsPrimitive.Root.displayName;
|
5395
5466
|
var TabsList = React35.forwardRef(({ className, ...props }, ref) => {
|
5396
|
-
const { orientation } = React35.useContext(TabsContext);
|
5467
|
+
const { orientation, variant } = React35.useContext(TabsContext);
|
5397
5468
|
return /* @__PURE__ */ React35.createElement(
|
5398
5469
|
TabsPrimitive.List,
|
5399
5470
|
{
|
5400
5471
|
ref,
|
5401
5472
|
className: cn(
|
5402
|
-
|
5473
|
+
tabsListVariant({ variant, orientation }),
|
5403
5474
|
orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
|
5404
5475
|
className
|
5405
5476
|
),
|
@@ -5409,14 +5480,12 @@ var TabsList = React35.forwardRef(({ className, ...props }, ref) => {
|
|
5409
5480
|
});
|
5410
5481
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
5411
5482
|
var TabsTrigger = React35.forwardRef(({ className, chipProps, ...props }, ref) => {
|
5483
|
+
const { orientation, variant } = React35.useContext(TabsContext);
|
5412
5484
|
return /* @__PURE__ */ React35.createElement(
|
5413
5485
|
TabsPrimitive.Trigger,
|
5414
5486
|
{
|
5415
5487
|
ref,
|
5416
|
-
className: cn(
|
5417
|
-
"hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
5418
|
-
className
|
5419
|
-
),
|
5488
|
+
className: cn(tabsTriggerVariant({ variant, orientation }), className),
|
5420
5489
|
...props
|
5421
5490
|
},
|
5422
5491
|
props.children,
|
@@ -6892,6 +6961,7 @@ var Usage = (props) => {
|
|
6892
6961
|
AdCard,
|
6893
6962
|
Announcement,
|
6894
6963
|
AppLanding,
|
6964
|
+
AuthButtons,
|
6895
6965
|
CheckEmail,
|
6896
6966
|
CodeConfirmation,
|
6897
6967
|
ComparingPlans,
|