@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.
Files changed (47) hide show
  1. package/dist/blocks/auth/index.d.mts +29 -3
  2. package/dist/blocks/auth/index.d.ts +29 -3
  3. package/dist/blocks/auth/index.js +385 -382
  4. package/dist/blocks/auth/index.mjs +314 -308
  5. package/dist/blocks/feedback/index.d.mts +1 -1
  6. package/dist/blocks/feedback/index.d.ts +1 -1
  7. package/dist/blocks/feedback/index.mjs +5 -5
  8. package/dist/blocks/index.d.mts +28 -2
  9. package/dist/blocks/index.d.ts +28 -2
  10. package/dist/blocks/index.js +1244 -1174
  11. package/dist/blocks/index.mjs +19 -15
  12. package/dist/blocks/misc/index.d.mts +1 -1
  13. package/dist/blocks/misc/index.d.ts +1 -1
  14. package/dist/blocks/misc/index.js +87 -20
  15. package/dist/blocks/misc/index.mjs +92 -25
  16. package/dist/blocks/pricing/index.d.mts +1 -1
  17. package/dist/blocks/pricing/index.d.ts +1 -1
  18. package/dist/blocks/pricing/index.mjs +4 -4
  19. package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
  20. package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
  21. package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
  22. package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
  23. package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
  24. package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
  25. package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
  26. package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
  27. package/dist/{chunk-5UYZN5SQ.mjs → chunk-Y3HUZNCH.mjs} +88 -21
  28. package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
  29. package/dist/elements/index.d.mts +5 -4
  30. package/dist/elements/index.d.ts +5 -4
  31. package/dist/elements/index.js +87 -20
  32. package/dist/elements/index.mjs +3 -3
  33. package/dist/index.css +29 -0
  34. package/dist/index.d.mts +54 -27
  35. package/dist/index.d.ts +54 -27
  36. package/dist/index.js +105 -33
  37. package/dist/index.mjs +104 -33
  38. package/dist/layout/index.mjs +2 -2
  39. package/dist/tabs/index.d.mts +2 -1
  40. package/dist/tabs/index.d.ts +2 -1
  41. package/dist/tabs/index.js +89 -20
  42. package/dist/tabs/index.js.map +1 -1
  43. package/dist/tabs/index.mjs +89 -20
  44. package/dist/tabs/index.mjs.map +1 -1
  45. package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
  46. package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
  47. package/package.json +2 -1
@@ -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/LoginForm.tsx
66
- var import_react13 = __toESM(require("react"));
67
- var import_react_hook_form = require("react-hook-form");
68
- var import_zod = require("@hookform/resolvers/zod");
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/alert/Alert.tsx
379
- var Alert = ({
380
- direction = "ltr",
381
- severity = "none",
382
- duration,
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
- "data-testid": "alert",
428
- "aria-label": "Alert",
429
- role: "alert",
430
- dir: direction,
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("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react2.default.createElement(
439
- "div",
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
- type: "button",
475
- "data-dismiss-target": "#alert-default",
476
- "aria-label": "Close",
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
- // elements/card/Card.tsx
518
- var React4 = __toESM(require("react"));
519
- var Card = React4.forwardRef(
520
- ({ className, variant = "default", clickable = false, ...props }, ref) => {
521
- let variantStyles = {
522
- default: cn(
523
- "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
524
- clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
525
- ),
526
- neoBrutalism: cn(
527
- "neo-brutalism",
528
- // "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]",
529
- 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"
530
- )
531
- };
532
- return /* @__PURE__ */ React4.createElement(
533
- "div",
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
- ref,
536
- className: cn(className, variantStyles[variant]),
537
- ...props
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
- var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
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
- ref,
574
- className: cn(
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
- var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
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
- delayDuration,
645
- ...providerProps
448
+ xmlns: "http://www.w3.org/2000/svg",
449
+ fill: "currentColor",
450
+ viewBox: "0 0 16 16",
451
+ ...props
646
452
  },
647
- /* @__PURE__ */ import_react3.default.createElement(
648
- TooltipPrimitive.Root,
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
- open: !disabled && open,
651
- defaultOpen,
652
- onOpenChange,
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
- // elements/label/Label.tsx
676
- var Label = React6.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React6.createElement(
677
- "label",
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
- /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
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
- className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
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__ */ React6.createElement("circle", { cx: "12", cy: "12", r: "10" }),
711
- /* @__PURE__ */ React6.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
712
- /* @__PURE__ */ React6.createElement("path", { d: "M12 17h.01" })
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
- className: cn(
741
- animationStyles[animation],
742
- content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
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
- content && content
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
- // elements/input/Input.tsx
753
- var Input = (0, import_react5.forwardRef)(
754
- ({
755
- margin = "none",
756
- width = "full",
757
- preview = false,
758
- forceHideHelperText = false,
759
- labelProps,
760
- placeholder,
761
- showCount,
762
- inputProps,
763
- countPosition = "bottom",
764
- ...props
765
- }, ref) => {
766
- var _a;
767
- let marginStyles = {
768
- none: "hawa-mb-0",
769
- normal: "hawa-mb-3",
770
- large: "hawa-mb-5"
771
- };
772
- let widthStyles = {
773
- small: "hawa-w-full hawa-max-w-2xs",
774
- normal: "hawa-w-1/2",
775
- full: "hawa-w-full",
776
- auto: ""
777
- };
778
- let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
779
- let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
780
- return /* @__PURE__ */ import_react5.default.createElement(
781
- "div",
782
- {
783
- className: cn(
784
- defaultStyle,
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__ */ import_react5.default.createElement(Label, { ...labelProps }, props.label),
792
- /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react5.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react5.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react5.default.createElement(
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__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react5.default.createElement(
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__ */ import_react5.default.createElement(
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__ */ import_react5.default.createElement(
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__ */ import_react5.default.createElement(
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__ */ import_react5.default.createElement(
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 import_react7 = __toESM(require("react"));
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: "Mayotte",
2540
- code: "YT",
2541
- unicode: "🇾🇹",
2542
- image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YT.svg",
2543
- label: "+262"
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: "South Africa",
2547
- code: "ZA",
2548
- unicode: "🇿🇦",
2549
- image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZA.svg",
2550
- label: "+27"
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: "Zambia",
2554
- code: "ZM",
2555
- unicode: "🇿🇲",
2556
- image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZM.svg",
2557
- label: "+260"
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: "Zimbabwe",
2561
- code: "ZW",
2562
- unicode: "🇿🇼",
2563
- image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",
2564
- label: "+263"
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: "&#x1F1FA;&#x1F1FF;",
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
- fill: "none",
2793
- height: "16",
2794
- viewBox: "0 0 16 16",
2795
- width: "16",
2796
- xmlns: "http://www.w3.org/2000/svg"
2750
+ country_label: "Vatican City",
2751
+ code: "VA",
2752
+ unicode: "&#x1F1FB;&#x1F1E6;",
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
- fill: "none",
2820
- height: "16",
2821
- viewBox: "0 0 16 16",
2822
- width: "16",
2823
- xmlns: "http://www.w3.org/2000/svg"
2757
+ country_label: "St. Vincent & Grenadines",
2758
+ code: "VC",
2759
+ unicode: "&#x1F1FB;&#x1F1E8;",
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
- fill: "none",
2839
- height: "16",
2840
- viewBox: "0 0 16 16",
2841
- width: "16",
2842
- xmlns: "http://www.w3.org/2000/svg"
2764
+ country_label: "Venezuela",
2765
+ code: "VE",
2766
+ unicode: "&#x1F1FB;&#x1F1EA;",
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
- fill: "none",
2858
- height: "16",
2859
- viewBox: "0 0 16 16",
2860
- width: "16",
2861
- xmlns: "http://www.w3.org/2000/svg"
2771
+ country_label: "British Virgin Islands",
2772
+ code: "VG",
2773
+ unicode: "&#x1F1FB;&#x1F1EC;",
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
- xmlns: "http://www.w3.org/2000/svg",
2886
- viewBox: "0 0 24 24",
2887
- fill: "none",
2888
- stroke: "currentColor",
2889
- strokeWidth: "2",
2890
- strokeLinecap: "round",
2891
- strokeLinejoin: "round"
2778
+ country_label: "U.S. Virgin Islands",
2779
+ code: "VI",
2780
+ unicode: "&#x1F1FB;&#x1F1EE;",
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
- xmlns: "http://www.w3.org/2000/svg",
2900
- viewBox: "0 0 24 24",
2901
- fill: "none",
2902
- stroke: "currentColor",
2903
- strokeWidth: "2",
2904
- strokeLinecap: "round",
2905
- strokeLinejoin: "round"
2785
+ country_label: "Vietnam",
2786
+ code: "VN",
2787
+ unicode: "&#x1F1FB;&#x1F1F3;",
2788
+ image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",
2789
+ label: "+84"
2906
2790
  },
2907
- /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
2908
- /* @__PURE__ */ import_react9.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" }),
2909
- /* @__PURE__ */ import_react9.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" }),
2910
- /* @__PURE__ */ import_react9.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
2911
- ));
2791
+ {
2792
+ country_label: "Vanuatu",
2793
+ code: "VU",
2794
+ unicode: "&#x1F1FB;&#x1F1FA;",
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: "&#x1F1FC;&#x1F1EB;",
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: "&#x1F1FC;&#x1F1F8;",
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: "&#x1F1FE;&#x1F1EA;",
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: "&#x1F1FE;&#x1F1F9;",
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: "&#x1F1FF;&#x1F1E6;",
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: "&#x1F1FF;&#x1F1F2;",
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: "&#x1F1FF;&#x1F1FC;",
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
- // icons/CommonIcons.tsx
2914
- var import_react10 = __toESM(require("react"));
2915
- var CheckMark = ({ size = "default", className }) => {
2916
- let sizeStyles = {
2917
- default: "hawa-h-5 hawa-w-5",
2918
- sm: "hawa-h-3 hawa-w-3"
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
- return /* @__PURE__ */ import_react10.default.createElement(
2921
- "svg",
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
- fillRule: "evenodd",
2932
- 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",
2933
- clipRule: "evenodd"
2934
- }
2935
- )
2936
- );
2937
- };
2938
- var UncheckMark = ({ size = "default", className }) => {
2939
- let sizeStyles = {
2940
- default: "hawa-h-5 hawa-w-5",
2941
- sm: "hawa-h-3 hawa-w-3"
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__ */ import_react10.default.createElement(
2944
- "svg",
2913
+ return /* @__PURE__ */ import_react8.default.createElement(
2914
+ "div",
2945
2915
  {
2946
- className: cn(sizeStyles[size], className),
2947
- "aria-hidden": "true",
2948
- fill: "currentColor",
2949
- viewBox: "0 0 20 20"
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__ */ import_react10.default.createElement(
2952
- "path",
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
- fillRule: "evenodd",
2955
- 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",
2956
- clipRule: "evenodd"
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
- // blocks/auth/AuthButtons.tsx
2963
- var import_react12 = __toESM(require("react"));
2964
-
2965
- // elements/logos/Logos.tsx
2966
- var import_react11 = __toESM(require("react"));
2967
- var Logos = {
2968
- hawa: (props) => /* @__PURE__ */ import_react11.default.createElement(
2969
- "svg",
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
- instagram: (props) => /* @__PURE__ */ import_react11.default.createElement(
3041
- "svg",
3042
- {
3043
- xmlns: "http://www.w3.org/2000/svg",
3044
- fill: "currentColor",
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
- github: (props) => /* @__PURE__ */ import_react11.default.createElement(
3058
- "svg",
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
- ), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react11.default.createElement(
3079
- "path",
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
- 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",
3082
- fill: "currentcolor"
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
- aria: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react11.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" })),
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
- 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",
3090
- fill: "currentColor"
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
- yarn: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
3094
- "path",
3056
+ ))), /* @__PURE__ */ import_react9.default.createElement(
3057
+ "p",
3095
3058
  {
3096
- 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",
3097
- fill: "currentColor"
3098
- }
3099
- )),
3100
- pnpm: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
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
- 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",
3104
- fill: "currentColor"
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
- 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",
3111
- fill: "currentColor"
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
- tailwind: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
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
- 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",
3118
- fill: "currentColor"
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
- google: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
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
- 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"
3131
+ fillRule: "evenodd"
3126
3132
  }
3127
- )),
3128
- apple: (props) => /* @__PURE__ */ import_react11.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react11.default.createElement(
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: "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",
3132
- fill: "currentColor"
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
- 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",
3139
- fill: "currentColor"
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
- spinner: (props) => /* @__PURE__ */ import_react11.default.createElement(
3143
- "svg",
3144
- {
3145
- xmlns: "http://www.w3.org/2000/svg",
3146
- width: "24",
3147
- height: "24",
3148
- viewBox: "0 0 24 24",
3149
- fill: "none",
3150
- stroke: "currentColor",
3151
- strokeWidth: "2",
3152
- strokeLinecap: "round",
3153
- strokeLinejoin: "round",
3154
- ...props
3155
- },
3156
- /* @__PURE__ */ import_react11.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
3157
- ),
3158
- whatsapp: (props) => /* @__PURE__ */ import_react11.default.createElement(
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
- xmlns: "http://www.w3.org/2000/svg",
3162
- viewBox: "0 0 24 24",
3204
+ className: cn(sizeStyles[size], className),
3205
+ "aria-hidden": "true",
3163
3206
  fill: "currentColor",
3164
- ...props
3207
+ viewBox: "0 0 20 20"
3165
3208
  },
3166
- /* @__PURE__ */ import_react11.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" })
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
- // blocks/auth/AuthButtons.tsx
3171
- var AuthButtons = (props) => {
3172
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
3173
- return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ import_react12.default.createElement(
3174
- Button,
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
- disabled: props.isPhoneLoading,
3237
- className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
3238
- variant: "outline",
3239
- onClick: props.handlePhone
3227
+ className: cn(sizeStyles[size], className),
3228
+ "aria-hidden": "true",
3229
+ fill: "currentColor",
3230
+ viewBox: "0 0 20 20"
3240
3231
  },
3241
- props.isPhoneLoading ? /* @__PURE__ */ import_react12.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react12.default.createElement(Logos.phone, { className: "hawa-icon" }),
3242
- (_n = (_m = props.texts) == null ? void 0 : _m.continueWithPhone) != null ? _n : "Continue With Phone"
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 = (props) => {
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({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required }).email({ message: (_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid }).min(1, { message: (_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required })
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), props.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(
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 TabsContext = React35.createContext({ orientation: "vertical" });
5379
- var Tabs = React35.forwardRef(
5380
- ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React35.createElement(
5381
- TabsPrimitive.Root,
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
- ref,
5384
- className: cn(
5385
- "hawa-flex hawa-gap-2",
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
- /* @__PURE__ */ React35.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
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
- "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",
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,