@sikka/hawa 0.34.7-next → 0.35.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 (129) hide show
  1. package/dist/{Radio-BpXOu4Hr.d.mts → Radio-BCD7k628.d.mts} +3 -0
  2. package/dist/{Radio-CREjhlGz.d.ts → Radio-y9uhxitu.d.ts} +3 -0
  3. package/dist/alert/index.js +28 -17
  4. package/dist/alert/index.js.map +1 -1
  5. package/dist/alert/index.mjs +61 -50
  6. package/dist/alert/index.mjs.map +1 -1
  7. package/dist/appLayout/index.js +81 -70
  8. package/dist/appLayout/index.js.map +1 -1
  9. package/dist/appLayout/index.mjs +138 -127
  10. package/dist/appLayout/index.mjs.map +1 -1
  11. package/dist/backToTop/index.js +28 -17
  12. package/dist/backToTop/index.js.map +1 -1
  13. package/dist/backToTop/index.mjs +55 -44
  14. package/dist/backToTop/index.mjs.map +1 -1
  15. package/dist/blocks/auth/index.js +50 -39
  16. package/dist/blocks/auth/index.mjs +5 -5
  17. package/dist/blocks/feedback/index.d.mts +3 -0
  18. package/dist/blocks/feedback/index.d.ts +3 -0
  19. package/dist/blocks/feedback/index.js +174 -120
  20. package/dist/blocks/feedback/index.mjs +29 -93
  21. package/dist/blocks/index.d.mts +2 -1
  22. package/dist/blocks/index.d.ts +2 -1
  23. package/dist/blocks/index.js +253 -201
  24. package/dist/blocks/index.mjs +3 -3
  25. package/dist/blocks/misc/index.js +71 -60
  26. package/dist/blocks/misc/index.mjs +5 -5
  27. package/dist/blocks/pricing/index.js +154 -80
  28. package/dist/blocks/pricing/index.mjs +4 -4
  29. package/dist/button/index.d.mts +13 -0
  30. package/dist/button/index.d.ts +13 -0
  31. package/dist/button/index.js +28 -17
  32. package/dist/button/index.js.map +1 -1
  33. package/dist/button/index.mjs +51 -40
  34. package/dist/button/index.mjs.map +1 -1
  35. package/dist/calendar/index.js +34 -23
  36. package/dist/calendar/index.js.map +1 -1
  37. package/dist/calendar/index.mjs +57 -46
  38. package/dist/calendar/index.mjs.map +1 -1
  39. package/dist/{chunk-GEB3LM5A.mjs → chunk-A376BKNX.mjs} +2 -2
  40. package/dist/{chunk-OS2UOK5C.mjs → chunk-DABX3SU6.mjs} +64 -51
  41. package/dist/{chunk-QPZ4ZR2B.mjs → chunk-DFWFQWWT.mjs} +155 -116
  42. package/dist/{chunk-UBNCETCU.mjs → chunk-GVZWOUGN.mjs} +1 -1
  43. package/dist/chunk-HHC34DXN.mjs +320 -0
  44. package/dist/{chunk-QVF3VLB7.mjs → chunk-IDKXEJET.mjs} +157 -144
  45. package/dist/{chunk-AW5FW5TY.mjs → chunk-L56XQRQI.mjs} +1 -1
  46. package/dist/{chunk-ORNLFAC6.mjs → chunk-XFRJ62W3.mjs} +1 -1
  47. package/dist/{chunk-RTGD7N7I.mjs → chunk-XJMDUR5A.mjs} +1 -1
  48. package/dist/{chunk-J7BT4XJR.mjs → chunk-YOT2GVXO.mjs} +1 -1
  49. package/dist/codeBlock/index.js +28 -17
  50. package/dist/codeBlock/index.js.map +1 -1
  51. package/dist/codeBlock/index.mjs +70 -59
  52. package/dist/codeBlock/index.mjs.map +1 -1
  53. package/dist/colorPicker/index.js.map +1 -1
  54. package/dist/colorPicker/index.mjs.map +1 -1
  55. package/dist/combobox/index.js.map +1 -1
  56. package/dist/combobox/index.mjs.map +1 -1
  57. package/dist/dataTable/index.d.mts +1 -2
  58. package/dist/dataTable/index.d.ts +1 -2
  59. package/dist/dataTable/index.js +144 -105
  60. package/dist/dataTable/index.js.map +1 -1
  61. package/dist/dataTable/index.mjs +178 -139
  62. package/dist/dataTable/index.mjs.map +1 -1
  63. package/dist/datePicker/index.d.mts +23 -5
  64. package/dist/datePicker/index.d.ts +23 -5
  65. package/dist/datePicker/index.js +46 -18
  66. package/dist/datePicker/index.js.map +1 -1
  67. package/dist/datePicker/index.mjs +46 -18
  68. package/dist/datePicker/index.mjs.map +1 -1
  69. package/dist/docsLayout/index.js +40 -29
  70. package/dist/docsLayout/index.js.map +1 -1
  71. package/dist/docsLayout/index.mjs +135 -124
  72. package/dist/docsLayout/index.mjs.map +1 -1
  73. package/dist/elements/index.d.mts +7 -3
  74. package/dist/elements/index.d.ts +7 -3
  75. package/dist/elements/index.js +475 -395
  76. package/dist/elements/index.mjs +32 -4
  77. package/dist/fileDropzone/index.js +28 -17
  78. package/dist/fileDropzone/index.js.map +1 -1
  79. package/dist/fileDropzone/index.mjs +89 -78
  80. package/dist/fileDropzone/index.mjs.map +1 -1
  81. package/dist/index.css +3 -0
  82. package/dist/index.d.mts +16 -9
  83. package/dist/index.d.ts +16 -9
  84. package/dist/index.js +515 -435
  85. package/dist/index.mjs +1204 -1124
  86. package/dist/input/index.js +1 -1
  87. package/dist/input/index.js.map +1 -1
  88. package/dist/input/index.mjs +1 -1
  89. package/dist/input/index.mjs.map +1 -1
  90. package/dist/interfaceSettings/index.js +85 -24
  91. package/dist/interfaceSettings/index.js.map +1 -1
  92. package/dist/interfaceSettings/index.mjs +107 -46
  93. package/dist/interfaceSettings/index.mjs.map +1 -1
  94. package/dist/layout/index.js +121 -110
  95. package/dist/layout/index.mjs +2 -2
  96. package/dist/passwordInput/index.js +1 -1
  97. package/dist/passwordInput/index.js.map +1 -1
  98. package/dist/passwordInput/index.mjs +1 -1
  99. package/dist/passwordInput/index.mjs.map +1 -1
  100. package/dist/phoneInput/index.js.map +1 -1
  101. package/dist/phoneInput/index.mjs.map +1 -1
  102. package/dist/radio/index.d.mts +3 -0
  103. package/dist/radio/index.d.ts +3 -0
  104. package/dist/radio/index.js +85 -24
  105. package/dist/radio/index.js.map +1 -1
  106. package/dist/radio/index.mjs +100 -39
  107. package/dist/radio/index.mjs.map +1 -1
  108. package/dist/select/index.js.map +1 -1
  109. package/dist/select/index.mjs.map +1 -1
  110. package/dist/simpleTable/index.js.map +1 -1
  111. package/dist/simpleTable/index.mjs.map +1 -1
  112. package/dist/skeleton/index.js.map +1 -1
  113. package/dist/skeleton/index.mjs.map +1 -1
  114. package/dist/sortButton/index.js +28 -17
  115. package/dist/sortButton/index.js.map +1 -1
  116. package/dist/sortButton/index.mjs +58 -47
  117. package/dist/sortButton/index.mjs.map +1 -1
  118. package/dist/splitButton/index.d.mts +12 -0
  119. package/dist/splitButton/index.d.ts +12 -0
  120. package/dist/splitButton/index.js +70 -59
  121. package/dist/splitButton/index.js.map +1 -1
  122. package/dist/splitButton/index.mjs +93 -82
  123. package/dist/splitButton/index.mjs.map +1 -1
  124. package/dist/stats/index.js.map +1 -1
  125. package/dist/stats/index.mjs.map +1 -1
  126. package/dist/textarea/index.js.map +1 -1
  127. package/dist/textarea/index.mjs.map +1 -1
  128. package/package.json +7 -10
  129. package/dist/chunk-IQEBXGLM.mjs +0 -215
@@ -57,11 +57,23 @@ function cn(...inputs) {
57
57
  var import_react7 = __toESM(require("react"));
58
58
 
59
59
  // elements/button/Button.tsx
60
- var React6 = __toESM(require("react"));
60
+ var React7 = __toESM(require("react"));
61
61
  var import_class_variance_authority = require("class-variance-authority");
62
62
 
63
+ // elements/helperText/HelperText.tsx
64
+ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
65
+ "p",
66
+ {
67
+ className: cn(
68
+ "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
69
+ helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
70
+ )
71
+ },
72
+ helperText
73
+ );
74
+
63
75
  // elements/label/Label.tsx
64
- var React4 = __toESM(require("react"));
76
+ var React5 = __toESM(require("react"));
65
77
 
66
78
  // elements/tooltip/Tooltip.tsx
67
79
  var import_react3 = __toESM(require("react"));
@@ -135,7 +147,7 @@ var Tooltip = ({
135
147
  };
136
148
 
137
149
  // elements/label/Label.tsx
138
- var Label = React4.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React4.createElement(
150
+ var Label = React5.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React5.createElement(
139
151
  "label",
140
152
  {
141
153
  ref,
@@ -146,8 +158,8 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
146
158
  ...props
147
159
  },
148
160
  children,
149
- required && /* @__PURE__ */ React4.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
150
- ), hint && /* @__PURE__ */ React4.createElement(
161
+ required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
162
+ ), hint && /* @__PURE__ */ React5.createElement(
151
163
  Tooltip,
152
164
  {
153
165
  content: hint,
@@ -157,7 +169,7 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
157
169
  onClick: (event) => event.preventDefault()
158
170
  }
159
171
  },
160
- /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(
172
+ /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
161
173
  "svg",
162
174
  {
163
175
  xmlns: "http://www.w3.org/2000/svg",
@@ -169,9 +181,9 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
169
181
  strokeLinecap: "round",
170
182
  strokeLinejoin: "round"
171
183
  },
172
- /* @__PURE__ */ React4.createElement("circle", { cx: "12", cy: "12", r: "10" }),
173
- /* @__PURE__ */ React4.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
174
- /* @__PURE__ */ React4.createElement("path", { d: "M12 17h.01" })
184
+ /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
185
+ /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
186
+ /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
175
187
  ))
176
188
  )));
177
189
  Label.displayName = "Label";
@@ -422,13 +434,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
422
434
  smallIcon: "hawa-h-7 hawa-w-7"
423
435
  }
424
436
  },
425
- defaultVariants: {
426
- variant: "default",
427
- size: "default"
428
- }
437
+ defaultVariants: { variant: "default", size: "default" }
429
438
  }
430
439
  );
431
- var Button = React6.forwardRef(
440
+ var Button = React7.forwardRef(
432
441
  ({
433
442
  className,
434
443
  label,
@@ -438,11 +447,13 @@ var Button = React6.forwardRef(
438
447
  centered = true,
439
448
  isLoading,
440
449
  children,
450
+ labelProps,
451
+ showHelperText = false,
441
452
  ...props
442
453
  }, ref) => {
443
454
  const Comp = "button";
444
455
  const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
445
- return /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ React6.createElement(Label, { className: "hawa-mb-2" }, label), /* @__PURE__ */ React6.createElement(
456
+ return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React7.createElement(
446
457
  Comp,
447
458
  {
448
459
  className: cn(
@@ -452,7 +463,7 @@ var Button = React6.forwardRef(
452
463
  ref,
453
464
  ...props
454
465
  },
455
- isLoading ? /* @__PURE__ */ React6.createElement(
466
+ isLoading ? /* @__PURE__ */ React7.createElement(
456
467
  Loading,
457
468
  {
458
469
  design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -461,14 +472,14 @@ var Button = React6.forwardRef(
461
472
  size: size === "sm" || size === "xs" ? "xs" : "button"
462
473
  }
463
474
  ) : children
464
- ));
475
+ ), showHelperText && /* @__PURE__ */ React7.createElement(HelperText, { helperText: props.helperText }));
465
476
  }
466
477
  );
467
478
  Button.displayName = "Button";
468
479
 
469
480
  // elements/card/Card.tsx
470
- var React7 = __toESM(require("react"));
471
- var Card = React7.forwardRef(
481
+ var React8 = __toESM(require("react"));
482
+ var Card = React8.forwardRef(
472
483
  ({
473
484
  className,
474
485
  variant = "default",
@@ -487,7 +498,7 @@ var Card = React7.forwardRef(
487
498
  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"
488
499
  )
489
500
  };
490
- return /* @__PURE__ */ React7.createElement(
501
+ return /* @__PURE__ */ React8.createElement(
491
502
  "div",
492
503
  {
493
504
  ref,
@@ -497,7 +508,7 @@ var Card = React7.forwardRef(
497
508
  );
498
509
  }
499
510
  );
500
- var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
511
+ var CardHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
501
512
  "div",
502
513
  {
503
514
  ref,
@@ -508,7 +519,7 @@ var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
508
519
  ...props
509
520
  }
510
521
  ));
511
- var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
522
+ var CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
512
523
  "h3",
513
524
  {
514
525
  ref,
@@ -516,7 +527,7 @@ var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
516
527
  ...props
517
528
  }
518
529
  ));
519
- var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
530
+ var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
520
531
  "p",
521
532
  {
522
533
  ref,
@@ -524,8 +535,8 @@ var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__
524
535
  ...props
525
536
  }
526
537
  ));
527
- var CardContent = React7.forwardRef(
528
- ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
538
+ var CardContent = React8.forwardRef(
539
+ ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
529
540
  "div",
530
541
  {
531
542
  ref,
@@ -538,7 +549,7 @@ var CardContent = React7.forwardRef(
538
549
  }
539
550
  )
540
551
  );
541
- var CardFooter = React7.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React7.createElement(
552
+ var CardFooter = React8.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React8.createElement(
542
553
  "div",
543
554
  {
544
555
  ref,
@@ -558,12 +569,12 @@ CardTitle.displayName = "CardTitle";
558
569
  Card.displayName = "Card";
559
570
 
560
571
  // elements/separator/Separator.tsx
561
- var React8 = __toESM(require("react"));
572
+ var React9 = __toESM(require("react"));
562
573
  var Separator = ({
563
574
  className,
564
575
  orientation = "horizontal",
565
576
  ...props
566
- }) => /* @__PURE__ */ React8.createElement(
577
+ }) => /* @__PURE__ */ React9.createElement(
567
578
  "div",
568
579
  {
569
580
  className: cn(
@@ -817,9 +828,9 @@ var PricingCard = ({
817
828
  var import_react9 = __toESM(require("react"));
818
829
 
819
830
  // elements/dropdownMenu/DropdownMenu.tsx
820
- var React12 = __toESM(require("react"));
831
+ var React13 = __toESM(require("react"));
821
832
  var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
822
- var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
833
+ var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
823
834
  DropdownMenuPrimitive.SubTrigger,
824
835
  {
825
836
  ref,
@@ -830,9 +841,9 @@ var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, .
830
841
  ),
831
842
  ...props
832
843
  },
833
- /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
844
+ /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
834
845
  " ",
835
- /* @__PURE__ */ React12.createElement(
846
+ /* @__PURE__ */ React13.createElement(
836
847
  "svg",
837
848
  {
838
849
  "aria-label": "Chevron Right Icon",
@@ -844,7 +855,7 @@ var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, .
844
855
  width: "1em",
845
856
  className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
846
857
  },
847
- /* @__PURE__ */ React12.createElement(
858
+ /* @__PURE__ */ React13.createElement(
848
859
  "path",
849
860
  {
850
861
  fillRule: "evenodd",
@@ -854,7 +865,7 @@ var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, .
854
865
  )
855
866
  ));
856
867
  DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
857
- var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
868
+ var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
858
869
  DropdownMenuPrimitive.SubContent,
859
870
  {
860
871
  ref,
@@ -866,7 +877,7 @@ var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) =
866
877
  }
867
878
  ));
868
879
  DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
869
- var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React12.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React12.createElement(
880
+ var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React13.createElement(
870
881
  DropdownMenuPrimitive.Content,
871
882
  {
872
883
  ref,
@@ -879,8 +890,8 @@ var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...pr
879
890
  }
880
891
  )));
881
892
  DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
882
- var DropdownMenuItem = React12.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
883
- return /* @__PURE__ */ React12.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React12.createElement(
893
+ var DropdownMenuItem = React13.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
894
+ return /* @__PURE__ */ React13.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React13.createElement(
884
895
  DropdownMenuPrimitive.Item,
885
896
  {
886
897
  disabled: props.disabled,
@@ -893,14 +904,14 @@ var DropdownMenuItem = React12.forwardRef(({ className, inset, badged, slug, Lin
893
904
  ),
894
905
  ...props
895
906
  },
896
- /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
907
+ /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
897
908
  props.end && props.end,
898
- !props.end && props.shortcut && /* @__PURE__ */ React12.createElement(DropdownMenuShortcut, null, props.shortcut),
899
- !props.end && badged && /* @__PURE__ */ React12.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
909
+ !props.end && props.shortcut && /* @__PURE__ */ React13.createElement(DropdownMenuShortcut, null, props.shortcut),
910
+ !props.end && badged && /* @__PURE__ */ React13.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
900
911
  ));
901
912
  });
902
913
  DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
903
- var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React12.createElement(
914
+ var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React13.createElement(
904
915
  DropdownMenuPrimitive.CheckboxItem,
905
916
  {
906
917
  ref,
@@ -911,7 +922,7 @@ var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checke
911
922
  checked,
912
923
  ...props
913
924
  },
914
- /* @__PURE__ */ React12.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React12.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React12.createElement(
925
+ /* @__PURE__ */ React13.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React13.createElement(
915
926
  "svg",
916
927
  {
917
928
  "aria-label": "Check Mark",
@@ -922,12 +933,12 @@ var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checke
922
933
  height: "0.60em",
923
934
  width: "0.60em"
924
935
  },
925
- /* @__PURE__ */ React12.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
936
+ /* @__PURE__ */ React13.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
926
937
  ), " ")),
927
938
  children
928
939
  ));
929
940
  DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
930
- var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
941
+ var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
931
942
  DropdownMenuPrimitive.RadioItem,
932
943
  {
933
944
  ref,
@@ -937,7 +948,7 @@ var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props
937
948
  ),
938
949
  ...props
939
950
  },
940
- /* @__PURE__ */ React12.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React12.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React12.createElement(
951
+ /* @__PURE__ */ React13.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React13.createElement(
941
952
  "svg",
942
953
  {
943
954
  xmlns: "http://www.w3.org/2000/svg",
@@ -952,12 +963,12 @@ var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props
952
963
  strokeLinejoin: "round",
953
964
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
954
965
  },
955
- /* @__PURE__ */ React12.createElement("circle", { cx: "12", cy: "12", r: "10" })
966
+ /* @__PURE__ */ React13.createElement("circle", { cx: "12", cy: "12", r: "10" })
956
967
  ))),
957
968
  children
958
969
  ));
959
970
  DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
960
- var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React12.createElement(
971
+ var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React13.createElement(
961
972
  DropdownMenuPrimitive.Label,
962
973
  {
963
974
  ref,
@@ -970,7 +981,7 @@ var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref)
970
981
  }
971
982
  ));
972
983
  DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
973
- var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
984
+ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
974
985
  DropdownMenuPrimitive.Separator,
975
986
  {
976
987
  ref,
@@ -983,7 +994,7 @@ var DropdownMenuShortcut = ({
983
994
  className,
984
995
  ...props
985
996
  }) => {
986
- return /* @__PURE__ */ React12.createElement(
997
+ return /* @__PURE__ */ React13.createElement(
987
998
  "span",
988
999
  {
989
1000
  className: cn(
@@ -1004,6 +1015,30 @@ var import_react10 = __toESM(require("react"));
1004
1015
 
1005
1016
  // elements/radio/Radio.tsx
1006
1017
  var import_react11 = __toESM(require("react"));
1018
+
1019
+ // elements/popover/Popover.tsx
1020
+ var React17 = __toESM(require("react"));
1021
+ var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
1022
+ var PopoverContent = React17.forwardRef(
1023
+ ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React17.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React17.createElement(
1024
+ PopoverPrimitive.Content,
1025
+ {
1026
+ ref,
1027
+ align,
1028
+ sideOffset,
1029
+ className: cn(
1030
+ "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-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",
1031
+ className
1032
+ ),
1033
+ ...props
1034
+ }
1035
+ ))
1036
+ );
1037
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
1038
+ var PopoverTrigger = PopoverPrimitive.Trigger;
1039
+ var PopoverRoot = PopoverPrimitive.Root;
1040
+
1041
+ // elements/radio/Radio.tsx
1007
1042
  var Radio = (0, import_react11.forwardRef)(
1008
1043
  ({
1009
1044
  design = "default",
@@ -1018,9 +1053,6 @@ var Radio = (0, import_react11.forwardRef)(
1018
1053
  ...props
1019
1054
  }, ref) => {
1020
1055
  var _a, _b, _c;
1021
- const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
1022
- props.defaultValue || props.value
1023
- );
1024
1056
  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary";
1025
1057
  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all hawa-bg-primary-foreground dark:hover:hawa-text-white
1026
1058
  ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
@@ -1042,6 +1074,10 @@ var Radio = (0, import_react11.forwardRef)(
1042
1074
  const [parentDirection, setParentDirection] = import_react11.default.useState(
1043
1075
  null
1044
1076
  );
1077
+ const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
1078
+ props.defaultValue || props.value
1079
+ );
1080
+ const [openTooltip, setOpenTooltip] = (0, import_react11.useState)(null);
1045
1081
  const parentRef = (0, import_react11.useRef)(null);
1046
1082
  (0, import_react11.useEffect)(() => {
1047
1083
  var _a2;
@@ -1059,6 +1095,14 @@ var Radio = (0, import_react11.forwardRef)(
1059
1095
  console.log("onChange was not provided");
1060
1096
  }
1061
1097
  };
1098
+ const radio_option_tabs_styling = [
1099
+ "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
1100
+ !props.disabled && "hawa-cursor-pointer",
1101
+ orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
1102
+ orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
1103
+ orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
1104
+ tabSizeStyle[size]
1105
+ ];
1062
1106
  switch (design) {
1063
1107
  case "tabs":
1064
1108
  return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement(
@@ -1073,29 +1117,59 @@ var Radio = (0, import_react11.forwardRef)(
1073
1117
  tabsContainerClassName
1074
1118
  )
1075
1119
  },
1076
- (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement(
1077
- "li",
1078
- {
1079
- "aria-current": "page",
1080
- onClick: () => {
1081
- if (props.disabled)
1082
- return;
1083
- handleChange(opt);
1120
+ (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
1121
+ return opt.tooltip ? /* @__PURE__ */ import_react11.default.createElement(
1122
+ PopoverRoot,
1123
+ {
1124
+ key: o,
1125
+ open: o === openTooltip,
1126
+ onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
1084
1127
  },
1085
- className: cn(
1086
- "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
1087
- !props.disabled && "hawa-cursor-pointer",
1088
- orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
1089
- orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
1090
- orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
1091
- tabSizeStyle[size],
1092
- selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
1128
+ /* @__PURE__ */ import_react11.default.createElement(
1129
+ PopoverTrigger,
1130
+ {
1131
+ onMouseEnter: () => setOpenTooltip(o),
1132
+ onMouseLeave: () => setOpenTooltip(null),
1133
+ asChild: true
1134
+ },
1135
+ /* @__PURE__ */ import_react11.default.createElement(
1136
+ "li",
1137
+ {
1138
+ "aria-current": "page",
1139
+ onClick: () => {
1140
+ if (props.disabled || opt.disabled)
1141
+ return;
1142
+ handleChange(opt);
1143
+ },
1144
+ className: cn(
1145
+ ...radio_option_tabs_styling,
1146
+ selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
1147
+ )
1148
+ },
1149
+ opt.icon && opt.icon,
1150
+ opt.label
1151
+ )
1093
1152
  ),
1094
- key: o
1095
- },
1096
- opt.icon && opt.icon,
1097
- opt.label
1098
- ))
1153
+ /* @__PURE__ */ import_react11.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
1154
+ ) : /* @__PURE__ */ import_react11.default.createElement(
1155
+ "li",
1156
+ {
1157
+ key: o,
1158
+ "aria-current": "page",
1159
+ onClick: () => {
1160
+ if (props.disabled || opt.disabled)
1161
+ return;
1162
+ handleChange(opt);
1163
+ },
1164
+ className: cn(
1165
+ ...radio_option_tabs_styling,
1166
+ selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
1167
+ )
1168
+ },
1169
+ opt.icon && opt.icon,
1170
+ opt.label
1171
+ );
1172
+ })
1099
1173
  ), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
1100
1174
  "p",
1101
1175
  {
@@ -1282,21 +1356,21 @@ var PricingPlans = ({
1282
1356
  var import_react16 = __toESM(require("react"));
1283
1357
 
1284
1358
  // elements/scrollArea/ScrollArea.tsx
1285
- var React18 = __toESM(require("react"));
1359
+ var React20 = __toESM(require("react"));
1286
1360
  var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
1287
- var ScrollArea = React18.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React18.createElement(
1361
+ var ScrollArea = React20.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React20.createElement(
1288
1362
  ScrollAreaPrimitive.Root,
1289
1363
  {
1290
1364
  ref,
1291
1365
  className: cn("hawa-relative hawa-overflow-hidden", className),
1292
1366
  ...props
1293
1367
  },
1294
- /* @__PURE__ */ React18.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
1295
- /* @__PURE__ */ React18.createElement(ScrollBar, { orientation }),
1296
- /* @__PURE__ */ React18.createElement(ScrollAreaPrimitive.Corner, null)
1368
+ /* @__PURE__ */ React20.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
1369
+ /* @__PURE__ */ React20.createElement(ScrollBar, { orientation }),
1370
+ /* @__PURE__ */ React20.createElement(ScrollAreaPrimitive.Corner, null)
1297
1371
  ));
1298
1372
  ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
1299
- var ScrollBar = React18.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React18.createElement(
1373
+ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React20.createElement(
1300
1374
  ScrollAreaPrimitive.ScrollAreaScrollbar,
1301
1375
  {
1302
1376
  ref,
@@ -1309,7 +1383,7 @@ var ScrollBar = React18.forwardRef(({ className, orientation = "vertical", ...pr
1309
1383
  ),
1310
1384
  ...props
1311
1385
  },
1312
- /* @__PURE__ */ React18.createElement(
1386
+ /* @__PURE__ */ React20.createElement(
1313
1387
  ScrollAreaPrimitive.ScrollAreaThumb,
1314
1388
  {
1315
1389
  className: cn(
@@ -2,22 +2,22 @@
2
2
  import {
3
3
  Chip,
4
4
  ScrollArea
5
- } from "../../chunk-J7BT4XJR.mjs";
5
+ } from "../../chunk-YOT2GVXO.mjs";
6
6
  import "../../chunk-47APBDKK.mjs";
7
7
  import {
8
8
  Radio
9
- } from "../../chunk-IQEBXGLM.mjs";
9
+ } from "../../chunk-HHC34DXN.mjs";
10
10
  import {
11
11
  CheckMark,
12
12
  UncheckMark
13
- } from "../../chunk-RTGD7N7I.mjs";
13
+ } from "../../chunk-XJMDUR5A.mjs";
14
14
  import {
15
15
  Button,
16
16
  Card,
17
17
  Skeleton,
18
18
  Tooltip,
19
19
  cn
20
- } from "../../chunk-OS2UOK5C.mjs";
20
+ } from "../../chunk-DABX3SU6.mjs";
21
21
 
22
22
  // blocks/pricing/PricingPlans.tsx
23
23
  import React8 from "react";
@@ -2,6 +2,15 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
2
2
  import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
+ type PositionType = "top" | "bottom" | "right" | "left";
6
+
7
+ type LabelProps = {
8
+ hint?: React.ReactNode;
9
+ hintSide?: PositionType;
10
+ htmlFor?: string;
11
+ required?: boolean;
12
+ };
13
+
5
14
  declare const buttonVariants: (props?: ({
6
15
  variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
7
16
  size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "heightless" | "smallIcon" | null | undefined;
@@ -11,6 +20,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
11
20
  centered?: boolean;
12
21
  isLoading?: boolean;
13
22
  label?: string;
23
+ labelProps?: LabelProps;
24
+ /** The small red text under the input field to show validation. */
25
+ helperText?: any;
26
+ showHelperText?: boolean;
14
27
  }
15
28
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
16
29
 
@@ -2,6 +2,15 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
2
2
  import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
+ type PositionType = "top" | "bottom" | "right" | "left";
6
+
7
+ type LabelProps = {
8
+ hint?: React.ReactNode;
9
+ hintSide?: PositionType;
10
+ htmlFor?: string;
11
+ required?: boolean;
12
+ };
13
+
5
14
  declare const buttonVariants: (props?: ({
6
15
  variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
7
16
  size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "heightless" | "smallIcon" | null | undefined;
@@ -11,6 +20,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
11
20
  centered?: boolean;
12
21
  isLoading?: boolean;
13
22
  label?: string;
23
+ labelProps?: LabelProps;
24
+ /** The small red text under the input field to show validation. */
25
+ helperText?: any;
26
+ showHelperText?: boolean;
14
27
  }
15
28
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
16
29