@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
@@ -178,7 +178,7 @@ __export(elements_exports, {
178
178
  module.exports = __toCommonJS(elements_exports);
179
179
 
180
180
  // elements/card/Card.tsx
181
- var React = __toESM(require("react"));
181
+ var React2 = __toESM(require("react"));
182
182
 
183
183
  // util/index.ts
184
184
  var import_clsx = require("clsx");
@@ -207,7 +207,7 @@ var calculateLuminance = (color) => {
207
207
  };
208
208
 
209
209
  // elements/card/Card.tsx
210
- var Card = React.forwardRef(
210
+ var Card = React2.forwardRef(
211
211
  ({
212
212
  className,
213
213
  variant = "default",
@@ -226,7 +226,7 @@ var Card = React.forwardRef(
226
226
  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"
227
227
  )
228
228
  };
229
- return /* @__PURE__ */ React.createElement(
229
+ return /* @__PURE__ */ React2.createElement(
230
230
  "div",
231
231
  {
232
232
  ref,
@@ -236,7 +236,7 @@ var Card = React.forwardRef(
236
236
  );
237
237
  }
238
238
  );
239
- var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
239
+ var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
240
240
  "div",
241
241
  {
242
242
  ref,
@@ -247,7 +247,7 @@ var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
247
247
  ...props
248
248
  }
249
249
  ));
250
- var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
250
+ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
251
251
  "h3",
252
252
  {
253
253
  ref,
@@ -255,7 +255,7 @@ var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
255
255
  ...props
256
256
  }
257
257
  ));
258
- var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
258
+ var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
259
259
  "p",
260
260
  {
261
261
  ref,
@@ -263,8 +263,8 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
263
263
  ...props
264
264
  }
265
265
  ));
266
- var CardContent = React.forwardRef(
267
- ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
266
+ var CardContent = React2.forwardRef(
267
+ ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
268
268
  "div",
269
269
  {
270
270
  ref,
@@ -277,7 +277,7 @@ var CardContent = React.forwardRef(
277
277
  }
278
278
  )
279
279
  );
280
- var CardFooter = React.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React.createElement(
280
+ var CardFooter = React2.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React2.createElement(
281
281
  "div",
282
282
  {
283
283
  ref,
@@ -621,7 +621,7 @@ function Skeleton({
621
621
  }
622
622
 
623
623
  // elements/dropdownMenu/DropdownMenu.tsx
624
- var React5 = __toESM(require("react"));
624
+ var React6 = __toESM(require("react"));
625
625
  var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
626
626
  var DropdownMenuRoot = DropdownMenuPrimitive.Root;
627
627
  var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -629,7 +629,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
629
629
  var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
630
630
  var DropdownMenuSub = DropdownMenuPrimitive.Sub;
631
631
  var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
632
- var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
632
+ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
633
633
  DropdownMenuPrimitive.SubTrigger,
634
634
  {
635
635
  ref,
@@ -640,9 +640,9 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
640
640
  ),
641
641
  ...props
642
642
  },
643
- /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
643
+ /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
644
644
  " ",
645
- /* @__PURE__ */ React5.createElement(
645
+ /* @__PURE__ */ React6.createElement(
646
646
  "svg",
647
647
  {
648
648
  "aria-label": "Chevron Right Icon",
@@ -654,7 +654,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
654
654
  width: "1em",
655
655
  className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
656
656
  },
657
- /* @__PURE__ */ React5.createElement(
657
+ /* @__PURE__ */ React6.createElement(
658
658
  "path",
659
659
  {
660
660
  fillRule: "evenodd",
@@ -664,7 +664,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
664
664
  )
665
665
  ));
666
666
  DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
667
- var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
667
+ var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
668
668
  DropdownMenuPrimitive.SubContent,
669
669
  {
670
670
  ref,
@@ -676,7 +676,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
676
676
  }
677
677
  ));
678
678
  DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
679
- var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
679
+ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React6.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React6.createElement(
680
680
  DropdownMenuPrimitive.Content,
681
681
  {
682
682
  ref,
@@ -689,8 +689,8 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
689
689
  }
690
690
  )));
691
691
  DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
692
- var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
693
- return /* @__PURE__ */ React5.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React5.createElement(
692
+ var DropdownMenuItem = React6.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
693
+ return /* @__PURE__ */ React6.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React6.createElement(
694
694
  DropdownMenuPrimitive.Item,
695
695
  {
696
696
  disabled: props.disabled,
@@ -703,14 +703,14 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, Link
703
703
  ),
704
704
  ...props
705
705
  },
706
- /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
706
+ /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
707
707
  props.end && props.end,
708
- !props.end && props.shortcut && /* @__PURE__ */ React5.createElement(DropdownMenuShortcut, null, props.shortcut),
709
- !props.end && badged && /* @__PURE__ */ React5.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
708
+ !props.end && props.shortcut && /* @__PURE__ */ React6.createElement(DropdownMenuShortcut, null, props.shortcut),
709
+ !props.end && badged && /* @__PURE__ */ React6.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
710
710
  ));
711
711
  });
712
712
  DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
713
- var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React5.createElement(
713
+ var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React6.createElement(
714
714
  DropdownMenuPrimitive.CheckboxItem,
715
715
  {
716
716
  ref,
@@ -721,7 +721,7 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
721
721
  checked,
722
722
  ...props
723
723
  },
724
- /* @__PURE__ */ React5.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__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
724
+ /* @__PURE__ */ React6.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__ */ React6.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React6.createElement(
725
725
  "svg",
726
726
  {
727
727
  "aria-label": "Check Mark",
@@ -732,12 +732,12 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
732
732
  height: "0.60em",
733
733
  width: "0.60em"
734
734
  },
735
- /* @__PURE__ */ React5.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" })
735
+ /* @__PURE__ */ React6.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" })
736
736
  ), " ")),
737
737
  children
738
738
  ));
739
739
  DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
740
- var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
740
+ var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
741
741
  DropdownMenuPrimitive.RadioItem,
742
742
  {
743
743
  ref,
@@ -747,7 +747,7 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
747
747
  ),
748
748
  ...props
749
749
  },
750
- /* @__PURE__ */ React5.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__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
750
+ /* @__PURE__ */ React6.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__ */ React6.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React6.createElement(
751
751
  "svg",
752
752
  {
753
753
  xmlns: "http://www.w3.org/2000/svg",
@@ -762,12 +762,12 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
762
762
  strokeLinejoin: "round",
763
763
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
764
764
  },
765
- /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
765
+ /* @__PURE__ */ React6.createElement("circle", { cx: "12", cy: "12", r: "10" })
766
766
  ))),
767
767
  children
768
768
  ));
769
769
  DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
770
- var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React5.createElement(
770
+ var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React6.createElement(
771
771
  DropdownMenuPrimitive.Label,
772
772
  {
773
773
  ref,
@@ -780,7 +780,7 @@ var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref)
780
780
  }
781
781
  ));
782
782
  DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
783
- var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
783
+ var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
784
784
  DropdownMenuPrimitive.Separator,
785
785
  {
786
786
  ref,
@@ -793,7 +793,7 @@ var DropdownMenuShortcut = ({
793
793
  className,
794
794
  ...props
795
795
  }) => {
796
- return /* @__PURE__ */ React5.createElement(
796
+ return /* @__PURE__ */ React6.createElement(
797
797
  "span",
798
798
  {
799
799
  className: cn(
@@ -833,10 +833,10 @@ var DropdownMenu = ({
833
833
  default: "hawa-px-2 hawa-py-3 ",
834
834
  sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
835
835
  };
836
- let [values, setValues] = React5.useState(
836
+ let [values, setValues] = React6.useState(
837
837
  items.map((item) => item.currentOption)
838
838
  );
839
- return /* @__PURE__ */ React5.createElement(
839
+ return /* @__PURE__ */ React6.createElement(
840
840
  DropdownMenuRoot,
841
841
  {
842
842
  onOpenChange,
@@ -844,8 +844,8 @@ var DropdownMenu = ({
844
844
  modal: false,
845
845
  dir: direction
846
846
  },
847
- /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
848
- /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(
847
+ /* @__PURE__ */ React6.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
848
+ /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(
849
849
  DropdownMenuContent,
850
850
  {
851
851
  side,
@@ -866,12 +866,12 @@ var DropdownMenu = ({
866
866
  var _a;
867
867
  const ItemLinkComponent = item.slug ? LinkComponent : "a";
868
868
  if (item.itemType === "separator") {
869
- return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
869
+ return /* @__PURE__ */ React6.createElement(DropdownMenuSeparator, { key: index });
870
870
  } else if (item.itemType === "label") {
871
- return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
871
+ return /* @__PURE__ */ React6.createElement(DropdownMenuLabel, { key: index }, item.label);
872
872
  } else if (item.itemType === "radio") {
873
873
  let dd = item.currentOption;
874
- return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
874
+ return /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
875
875
  DropdownMenuSubTrigger,
876
876
  {
877
877
  dir: direction,
@@ -879,7 +879,7 @@ var DropdownMenu = ({
879
879
  },
880
880
  item.icon && item.icon,
881
881
  item.label && item.label
882
- ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.createElement(
882
+ ), /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React6.createElement(
883
883
  DropdownMenuRadioGroup,
884
884
  {
885
885
  value: values[index],
@@ -893,12 +893,12 @@ var DropdownMenu = ({
893
893
  }
894
894
  }
895
895
  },
896
- (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
896
+ (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
897
897
  )));
898
898
  } else if (item.itemType === "custom") {
899
- return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
899
+ return /* @__PURE__ */ React6.createElement("div", { key: index }, item.content);
900
900
  } else {
901
- return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
901
+ return item.subitems ? /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
902
902
  DropdownMenuSubTrigger,
903
903
  {
904
904
  dir: direction,
@@ -906,9 +906,9 @@ var DropdownMenu = ({
906
906
  },
907
907
  item.icon && item.icon,
908
908
  item.label && item.label
909
- ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
909
+ ), /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
910
910
  const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
911
- return /* @__PURE__ */ React5.createElement(
911
+ return /* @__PURE__ */ React6.createElement(
912
912
  DropdownMenuItem,
913
913
  {
914
914
  key: subIndex,
@@ -937,7 +937,7 @@ var DropdownMenu = ({
937
937
  subitem.icon && subitem.icon,
938
938
  subitem.label && subitem.label
939
939
  );
940
- })))) : /* @__PURE__ */ React5.createElement(
940
+ })))) : /* @__PURE__ */ React6.createElement(
941
941
  DropdownMenuItem,
942
942
  {
943
943
  LinkComponent: ItemLinkComponent,
@@ -990,18 +990,18 @@ var DropdownMenu = ({
990
990
  );
991
991
  };
992
992
  var DropdownMenuRadio = (props) => {
993
- return /* @__PURE__ */ React5.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React5.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React5.createElement(
993
+ return /* @__PURE__ */ React6.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React6.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React6.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React6.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React6.createElement(
994
994
  DropdownMenuRadioGroup,
995
995
  {
996
996
  value: props.value,
997
997
  onValueChange: props.onValueChange
998
998
  },
999
- props.options.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
999
+ props.options.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
1000
1000
  )));
1001
1001
  };
1002
1002
 
1003
1003
  // elements/accordion/Accordion.tsx
1004
- var React9 = __toESM(require("react"));
1004
+ var React10 = __toESM(require("react"));
1005
1005
  var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
1006
1006
 
1007
1007
  // elements/chip/Chip.tsx
@@ -1086,9 +1086,9 @@ var Chip = import_react4.default.forwardRef(
1086
1086
  );
1087
1087
 
1088
1088
  // elements/accordion/AccordionContent.tsx
1089
- var React7 = __toESM(require("react"));
1089
+ var React8 = __toESM(require("react"));
1090
1090
  var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
1091
- var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
1091
+ var AccordionContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
1092
1092
  AccordionPrimitive.Content,
1093
1093
  {
1094
1094
  ref,
@@ -1098,14 +1098,14 @@ var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref
1098
1098
  ) : className,
1099
1099
  ...props
1100
1100
  },
1101
- /* @__PURE__ */ React7.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
1101
+ /* @__PURE__ */ React8.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
1102
1102
  ));
1103
1103
  AccordionContent.displayName = AccordionPrimitive.Content.displayName;
1104
1104
 
1105
1105
  // elements/accordion/AccordionTrigger.tsx
1106
- var React8 = __toESM(require("react"));
1106
+ var React9 = __toESM(require("react"));
1107
1107
  var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
1108
- var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
1108
+ var AccordionTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React9.createElement(
1109
1109
  AccordionPrimitive2.Trigger,
1110
1110
  {
1111
1111
  ref,
@@ -1117,7 +1117,7 @@ var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref
1117
1117
  ...props
1118
1118
  },
1119
1119
  children,
1120
- !props.hideArrow && /* @__PURE__ */ React8.createElement(
1120
+ !props.hideArrow && /* @__PURE__ */ React9.createElement(
1121
1121
  "svg",
1122
1122
  {
1123
1123
  xmlns: "http://www.w3.org/2000/svg",
@@ -1131,13 +1131,13 @@ var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref
1131
1131
  strokeLinejoin: "round",
1132
1132
  className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
1133
1133
  },
1134
- /* @__PURE__ */ React8.createElement("path", { d: "m6 9 6 6 6-6" })
1134
+ /* @__PURE__ */ React9.createElement("path", { d: "m6 9 6 6 6-6" })
1135
1135
  )
1136
1136
  )));
1137
1137
  AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
1138
1138
 
1139
1139
  // elements/accordion/Accordion.tsx
1140
- var Accordion = React9.forwardRef(
1140
+ var Accordion = React10.forwardRef(
1141
1141
  ({
1142
1142
  items,
1143
1143
  design = "default",
@@ -1146,7 +1146,7 @@ var Accordion = React9.forwardRef(
1146
1146
  contentclassNames,
1147
1147
  className,
1148
1148
  ...props
1149
- }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React9.createElement(
1149
+ }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React10.createElement(
1150
1150
  "div",
1151
1151
  {
1152
1152
  className: cn("hawa-flex hawa-flex-col", {
@@ -1154,7 +1154,7 @@ var Accordion = React9.forwardRef(
1154
1154
  "hawa-gap-0": design === "default"
1155
1155
  })
1156
1156
  },
1157
- items.map((item, index) => /* @__PURE__ */ React9.createElement(
1157
+ items.map((item, index) => /* @__PURE__ */ React10.createElement(
1158
1158
  AccordionPrimitive3.Item,
1159
1159
  {
1160
1160
  disabled: item.disabled || false,
@@ -1162,7 +1162,7 @@ var Accordion = React9.forwardRef(
1162
1162
  key: index,
1163
1163
  value: `item-${index}`
1164
1164
  },
1165
- /* @__PURE__ */ React9.createElement(
1165
+ /* @__PURE__ */ React10.createElement(
1166
1166
  AccordionTrigger,
1167
1167
  {
1168
1168
  disabled: item.disabled || false,
@@ -1175,7 +1175,7 @@ var Accordion = React9.forwardRef(
1175
1175
  triggerclassNames
1176
1176
  )
1177
1177
  },
1178
- /* @__PURE__ */ React9.createElement(
1178
+ /* @__PURE__ */ React10.createElement(
1179
1179
  "span",
1180
1180
  {
1181
1181
  className: cn(
@@ -1185,10 +1185,10 @@ var Accordion = React9.forwardRef(
1185
1185
  },
1186
1186
  item.trigger,
1187
1187
  " ",
1188
- item.chip && /* @__PURE__ */ React9.createElement(Chip, { ...item.chip })
1188
+ item.chip && /* @__PURE__ */ React10.createElement(Chip, { ...item.chip })
1189
1189
  )
1190
1190
  ),
1191
- /* @__PURE__ */ React9.createElement(
1191
+ /* @__PURE__ */ React10.createElement(
1192
1192
  AccordionContent,
1193
1193
  {
1194
1194
  "aria-disabled": item.disabled || false,
@@ -1208,9 +1208,9 @@ var Accordion = React9.forwardRef(
1208
1208
  Accordion.displayName = "Accordion";
1209
1209
 
1210
1210
  // elements/accordion/AccordionItem.tsx
1211
- var React10 = __toESM(require("react"));
1211
+ var React11 = __toESM(require("react"));
1212
1212
  var AccordionPrimitive4 = __toESM(require("@radix-ui/react-accordion"));
1213
- var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
1213
+ var AccordionItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
1214
1214
  AccordionItem.displayName = "AccordionItem";
1215
1215
 
1216
1216
  // elements/accordion/AccordionRoot.tsx
@@ -1571,13 +1571,13 @@ var Logos = {
1571
1571
  };
1572
1572
 
1573
1573
  // elements/navigationMenu/NavigationMenu.tsx
1574
- var React12 = __toESM(require("react"));
1574
+ var React13 = __toESM(require("react"));
1575
1575
  var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
1576
1576
  var import_class_variance_authority = require("class-variance-authority");
1577
1577
  var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
1578
1578
  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
1579
1579
  );
1580
- var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1580
+ var NavigationMenuRoot = React13.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1581
1581
  NavigationMenuPrimitive.Root,
1582
1582
  {
1583
1583
  ref,
@@ -1589,9 +1589,9 @@ var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClas
1589
1589
  ...props
1590
1590
  },
1591
1591
  children,
1592
- /* @__PURE__ */ React12.createElement(NavigationMenuViewport, { className: viewportClassNames })
1592
+ /* @__PURE__ */ React13.createElement(NavigationMenuViewport, { className: viewportClassNames })
1593
1593
  ));
1594
- var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1594
+ var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1595
1595
  NavigationMenuPrimitive.List,
1596
1596
  {
1597
1597
  ref,
@@ -1602,7 +1602,7 @@ var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /*
1602
1602
  ...props
1603
1603
  }
1604
1604
  ));
1605
- var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1605
+ var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1606
1606
  NavigationMenuPrimitive.Trigger,
1607
1607
  {
1608
1608
  ref,
@@ -1610,7 +1610,7 @@ var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props
1610
1610
  ...props
1611
1611
  },
1612
1612
  children,
1613
- /* @__PURE__ */ React12.createElement(
1613
+ /* @__PURE__ */ React13.createElement(
1614
1614
  "svg",
1615
1615
  {
1616
1616
  "aria-label": "Chevron Icon",
@@ -1626,10 +1626,10 @@ var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props
1626
1626
  "aria-hidden": "true",
1627
1627
  className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
1628
1628
  },
1629
- /* @__PURE__ */ React12.createElement("path", { d: "m6 9 6 6 6-6" })
1629
+ /* @__PURE__ */ React13.createElement("path", { d: "m6 9 6 6 6-6" })
1630
1630
  )
1631
1631
  ));
1632
- var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1632
+ var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1633
1633
  NavigationMenuPrimitive.Content,
1634
1634
  {
1635
1635
  ref,
@@ -1643,15 +1643,15 @@ var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) =>
1643
1643
  ...props
1644
1644
  }
1645
1645
  ));
1646
- var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React12.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React12.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React12.createElement("p", { className: "hawa-text-sm" }, subtitle))));
1647
- var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1646
+ var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React13.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React13.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React13.createElement("p", { className: "hawa-text-sm" }, subtitle))));
1647
+ var NavigationMenuViewport = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1648
1648
  "div",
1649
1649
  {
1650
1650
  className: cn(
1651
1651
  "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
1652
1652
  )
1653
1653
  },
1654
- /* @__PURE__ */ React12.createElement(
1654
+ /* @__PURE__ */ React13.createElement(
1655
1655
  NavigationMenuPrimitive.Viewport,
1656
1656
  {
1657
1657
  className: cn(
@@ -1668,7 +1668,7 @@ var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) =
1668
1668
  }
1669
1669
  )
1670
1670
  ));
1671
- var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
1671
+ var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1672
1672
  NavigationMenuPrimitive.Indicator,
1673
1673
  {
1674
1674
  ref,
@@ -1678,7 +1678,7 @@ var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref)
1678
1678
  ),
1679
1679
  ...props
1680
1680
  },
1681
- /* @__PURE__ */ React12.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
1681
+ /* @__PURE__ */ React13.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
1682
1682
  ));
1683
1683
  var NavigationMenu = ({
1684
1684
  viewportClassNames,
@@ -1687,7 +1687,7 @@ var NavigationMenu = ({
1687
1687
  actionFirst,
1688
1688
  ...props
1689
1689
  }) => {
1690
- return /* @__PURE__ */ React12.createElement(
1690
+ return /* @__PURE__ */ React13.createElement(
1691
1691
  NavigationMenuRoot,
1692
1692
  {
1693
1693
  dir: props.direction,
@@ -1695,7 +1695,7 @@ var NavigationMenu = ({
1695
1695
  className: rootClassNames,
1696
1696
  viewportClassNames
1697
1697
  },
1698
- /* @__PURE__ */ React12.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React12.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React12.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React12.createElement(
1698
+ /* @__PURE__ */ React13.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React13.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React13.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React13.createElement(
1699
1699
  NavigationMenuLink,
1700
1700
  {
1701
1701
  href: actionFirst ? void 0 : item.path,
@@ -1724,14 +1724,14 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
1724
1724
  NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
1725
1725
 
1726
1726
  // elements/sheet/Sheet.tsx
1727
- var React13 = __toESM(require("react"));
1727
+ var React14 = __toESM(require("react"));
1728
1728
  var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
1729
1729
  var import_class_variance_authority2 = require("class-variance-authority");
1730
1730
  var Sheet = SheetPrimitive.Root;
1731
1731
  var SheetTrigger = SheetPrimitive.Trigger;
1732
1732
  var SheetClose = SheetPrimitive.Close;
1733
1733
  var SheetPortal = SheetPrimitive.Portal;
1734
- var SheetOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1734
+ var SheetOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1735
1735
  SheetPrimitive.Overlay,
1736
1736
  {
1737
1737
  className: cn(
@@ -1758,8 +1758,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
1758
1758
  }
1759
1759
  }
1760
1760
  );
1761
- var SheetContent = React13.forwardRef(
1762
- ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(SheetPortal, null, /* @__PURE__ */ React13.createElement(SheetOverlay, null), /* @__PURE__ */ React13.createElement(
1761
+ var SheetContent = React14.forwardRef(
1762
+ ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(SheetPortal, null, /* @__PURE__ */ React14.createElement(SheetOverlay, null), /* @__PURE__ */ React14.createElement(
1763
1763
  SheetPrimitive.Content,
1764
1764
  {
1765
1765
  ref,
@@ -1772,7 +1772,7 @@ var SheetContent = React13.forwardRef(
1772
1772
  ...props
1773
1773
  },
1774
1774
  children,
1775
- !hideCloseButton && /* @__PURE__ */ React13.createElement(
1775
+ !hideCloseButton && /* @__PURE__ */ React14.createElement(
1776
1776
  SheetPrimitive.Close,
1777
1777
  {
1778
1778
  className: cn(
@@ -1784,7 +1784,7 @@ var SheetContent = React13.forwardRef(
1784
1784
  }
1785
1785
  )
1786
1786
  },
1787
- /* @__PURE__ */ React13.createElement(
1787
+ /* @__PURE__ */ React14.createElement(
1788
1788
  "svg",
1789
1789
  {
1790
1790
  "aria-label": "Close Icon",
@@ -1793,7 +1793,7 @@ var SheetContent = React13.forwardRef(
1793
1793
  fill: "currentColor",
1794
1794
  viewBox: "0 0 20 20"
1795
1795
  },
1796
- /* @__PURE__ */ React13.createElement(
1796
+ /* @__PURE__ */ React14.createElement(
1797
1797
  "path",
1798
1798
  {
1799
1799
  fillRule: "evenodd",
@@ -1802,14 +1802,14 @@ var SheetContent = React13.forwardRef(
1802
1802
  }
1803
1803
  )
1804
1804
  ),
1805
- /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
1805
+ /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
1806
1806
  )
1807
1807
  ))
1808
1808
  );
1809
1809
  var SheetHeader = ({
1810
1810
  className,
1811
1811
  ...props
1812
- }) => /* @__PURE__ */ React13.createElement(
1812
+ }) => /* @__PURE__ */ React14.createElement(
1813
1813
  "div",
1814
1814
  {
1815
1815
  className: cn(
@@ -1822,7 +1822,7 @@ var SheetHeader = ({
1822
1822
  var SheetFooter = ({
1823
1823
  className,
1824
1824
  ...props
1825
- }) => /* @__PURE__ */ React13.createElement(
1825
+ }) => /* @__PURE__ */ React14.createElement(
1826
1826
  "div",
1827
1827
  {
1828
1828
  className: cn(
@@ -1832,7 +1832,7 @@ var SheetFooter = ({
1832
1832
  ...props
1833
1833
  }
1834
1834
  );
1835
- var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1835
+ var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1836
1836
  SheetPrimitive.Title,
1837
1837
  {
1838
1838
  ref,
@@ -1843,7 +1843,7 @@ var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE
1843
1843
  ...props
1844
1844
  }
1845
1845
  ));
1846
- var SheetDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1846
+ var SheetDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1847
1847
  SheetPrimitive.Description,
1848
1848
  {
1849
1849
  ref,
@@ -1859,12 +1859,12 @@ SheetFooter.displayName = "SheetFooter";
1859
1859
  SheetTitle.displayName = SheetPrimitive.Title.displayName;
1860
1860
 
1861
1861
  // elements/dialog/Dialog.tsx
1862
- var React14 = __toESM(require("react"));
1862
+ var React15 = __toESM(require("react"));
1863
1863
  var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
1864
1864
  var Dialog = DialogPrimitive.Root;
1865
1865
  var DialogTrigger = DialogPrimitive.Trigger;
1866
- var DialogPortal = ({ ...props }) => /* @__PURE__ */ React14.createElement(DialogPrimitive.Portal, { ...props });
1867
- var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1866
+ var DialogPortal = ({ ...props }) => /* @__PURE__ */ React15.createElement(DialogPrimitive.Portal, { ...props });
1867
+ var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
1868
1868
  DialogPrimitive.Overlay,
1869
1869
  {
1870
1870
  ref,
@@ -1875,7 +1875,7 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
1875
1875
  ...props
1876
1876
  }
1877
1877
  ));
1878
- var DialogContent = React14.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
1878
+ var DialogContent = React15.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React15.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React15.createElement(DialogOverlay, null), /* @__PURE__ */ React15.createElement(
1879
1879
  DialogPrimitive.Content,
1880
1880
  {
1881
1881
  onPointerDownOutside: (e) => {
@@ -1891,7 +1891,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
1891
1891
  ...props
1892
1892
  },
1893
1893
  children,
1894
- !hideCloseButton && /* @__PURE__ */ React14.createElement(
1894
+ !hideCloseButton && /* @__PURE__ */ React15.createElement(
1895
1895
  DialogPrimitive.Close,
1896
1896
  {
1897
1897
  className: cn(
@@ -1899,7 +1899,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
1899
1899
  props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
1900
1900
  )
1901
1901
  },
1902
- /* @__PURE__ */ React14.createElement(
1902
+ /* @__PURE__ */ React15.createElement(
1903
1903
  "svg",
1904
1904
  {
1905
1905
  "aria-label": "Close Icon",
@@ -1908,7 +1908,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
1908
1908
  fill: "currentColor",
1909
1909
  viewBox: "0 0 20 20"
1910
1910
  },
1911
- /* @__PURE__ */ React14.createElement(
1911
+ /* @__PURE__ */ React15.createElement(
1912
1912
  "path",
1913
1913
  {
1914
1914
  fillRule: "evenodd",
@@ -1917,10 +1917,10 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
1917
1917
  }
1918
1918
  )
1919
1919
  ),
1920
- /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
1920
+ /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
1921
1921
  )
1922
1922
  )));
1923
- var DialogCarouselContent = React14.forwardRef(
1923
+ var DialogCarouselContent = React15.forwardRef(
1924
1924
  ({
1925
1925
  className,
1926
1926
  children,
@@ -1929,7 +1929,7 @@ var DialogCarouselContent = React14.forwardRef(
1929
1929
  hideCloseButton,
1930
1930
  hidePrevButton,
1931
1931
  ...props
1932
- }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, null, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
1932
+ }, ref) => /* @__PURE__ */ React15.createElement(DialogPortal, null, /* @__PURE__ */ React15.createElement(DialogOverlay, null), /* @__PURE__ */ React15.createElement(
1933
1933
  DialogPrimitive.Content,
1934
1934
  {
1935
1935
  onPointerDownOutside: (e) => {
@@ -1945,7 +1945,7 @@ var DialogCarouselContent = React14.forwardRef(
1945
1945
  ...props
1946
1946
  },
1947
1947
  children,
1948
- /* @__PURE__ */ React14.createElement(
1948
+ /* @__PURE__ */ React15.createElement(
1949
1949
  "div",
1950
1950
  {
1951
1951
  className: cn(
@@ -1953,7 +1953,7 @@ var DialogCarouselContent = React14.forwardRef(
1953
1953
  onPrev ? "hawa-justify-between" : "hawa-justify-end"
1954
1954
  )
1955
1955
  },
1956
- hidePrevButton ? /* @__PURE__ */ React14.createElement("div", null) : /* @__PURE__ */ React14.createElement(
1956
+ hidePrevButton ? /* @__PURE__ */ React15.createElement("div", null) : /* @__PURE__ */ React15.createElement(
1957
1957
  "div",
1958
1958
  {
1959
1959
  onClick: onPrev,
@@ -1962,7 +1962,7 @@ var DialogCarouselContent = React14.forwardRef(
1962
1962
  props.dir === "rtl" && "hawa-rotate-180"
1963
1963
  )
1964
1964
  },
1965
- /* @__PURE__ */ React14.createElement(
1965
+ /* @__PURE__ */ React15.createElement(
1966
1966
  "svg",
1967
1967
  {
1968
1968
  xmlns: "http://www.w3.org/2000/svg",
@@ -1976,10 +1976,10 @@ var DialogCarouselContent = React14.forwardRef(
1976
1976
  strokeLinecap: "round",
1977
1977
  strokeLinejoin: "round"
1978
1978
  },
1979
- /* @__PURE__ */ React14.createElement("path", { d: "m15 18-6-6 6-6" })
1979
+ /* @__PURE__ */ React15.createElement("path", { d: "m15 18-6-6 6-6" })
1980
1980
  )
1981
1981
  ),
1982
- !hideCloseButton && /* @__PURE__ */ React14.createElement(
1982
+ !hideCloseButton && /* @__PURE__ */ React15.createElement(
1983
1983
  DialogPrimitive.Close,
1984
1984
  {
1985
1985
  className: cn(
@@ -1987,7 +1987,7 @@ var DialogCarouselContent = React14.forwardRef(
1987
1987
  props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
1988
1988
  )
1989
1989
  },
1990
- /* @__PURE__ */ React14.createElement(
1990
+ /* @__PURE__ */ React15.createElement(
1991
1991
  "svg",
1992
1992
  {
1993
1993
  "aria-label": "Close Icon",
@@ -1996,7 +1996,7 @@ var DialogCarouselContent = React14.forwardRef(
1996
1996
  fill: "currentColor",
1997
1997
  viewBox: "0 0 20 20"
1998
1998
  },
1999
- /* @__PURE__ */ React14.createElement(
1999
+ /* @__PURE__ */ React15.createElement(
2000
2000
  "path",
2001
2001
  {
2002
2002
  fillRule: "evenodd",
@@ -2005,7 +2005,7 @@ var DialogCarouselContent = React14.forwardRef(
2005
2005
  }
2006
2006
  )
2007
2007
  ),
2008
- /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
2008
+ /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
2009
2009
  )
2010
2010
  )
2011
2011
  ))
@@ -2013,7 +2013,7 @@ var DialogCarouselContent = React14.forwardRef(
2013
2013
  var DialogHeader = ({
2014
2014
  className,
2015
2015
  ...props
2016
- }) => /* @__PURE__ */ React14.createElement(
2016
+ }) => /* @__PURE__ */ React15.createElement(
2017
2017
  "div",
2018
2018
  {
2019
2019
  className: cn(
@@ -2023,7 +2023,7 @@ var DialogHeader = ({
2023
2023
  ...props
2024
2024
  }
2025
2025
  );
2026
- var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
2026
+ var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
2027
2027
  DialogPrimitive.Title,
2028
2028
  {
2029
2029
  ref,
@@ -2034,7 +2034,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
2034
2034
  ...props
2035
2035
  }
2036
2036
  ));
2037
- var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
2037
+ var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
2038
2038
  DialogPrimitive.Description,
2039
2039
  {
2040
2040
  ref,
@@ -2048,7 +2048,7 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
2048
2048
  var DialogFooter = ({
2049
2049
  className,
2050
2050
  ...props
2051
- }) => /* @__PURE__ */ React14.createElement(
2051
+ }) => /* @__PURE__ */ React15.createElement(
2052
2052
  "div",
2053
2053
  {
2054
2054
  className: cn(
@@ -2064,12 +2064,12 @@ var DialogCarousel = ({
2064
2064
  children,
2065
2065
  direction
2066
2066
  }) => {
2067
- React14.useEffect(() => {
2067
+ React15.useEffect(() => {
2068
2068
  if (stepsApi) {
2069
2069
  stepsApi.reInit();
2070
2070
  }
2071
2071
  }, [stepsApi, children]);
2072
- return /* @__PURE__ */ React14.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React14.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React14.createElement(
2072
+ return /* @__PURE__ */ React15.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React15.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React15.createElement(
2073
2073
  "div",
2074
2074
  {
2075
2075
  className: "hawa-flex",
@@ -2077,7 +2077,7 @@ var DialogCarousel = ({
2077
2077
  transition: "height 0.2s"
2078
2078
  }
2079
2079
  },
2080
- React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
2080
+ React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
2081
2081
  "div",
2082
2082
  {
2083
2083
  className: cn(
@@ -2094,14 +2094,14 @@ var DialogSteps = ({
2094
2094
  visibleStepRef,
2095
2095
  children
2096
2096
  }) => {
2097
- const [dialogHeight, setDialogHeight] = React14.useState(null);
2098
- React14.useEffect(() => {
2097
+ const [dialogHeight, setDialogHeight] = React15.useState(null);
2098
+ React15.useEffect(() => {
2099
2099
  if (visibleStepRef.current) {
2100
2100
  setDialogHeight(visibleStepRef.current.offsetHeight);
2101
2101
  console.log("height is ", visibleStepRef.current.offsetHeight);
2102
2102
  }
2103
2103
  }, [currentStep, visibleStepRef]);
2104
- return /* @__PURE__ */ React14.createElement(
2104
+ return /* @__PURE__ */ React15.createElement(
2105
2105
  "div",
2106
2106
  {
2107
2107
  className: "hawa-relative hawa-overflow-clip",
@@ -2110,7 +2110,7 @@ var DialogSteps = ({
2110
2110
  transition: "height 0.2s"
2111
2111
  }
2112
2112
  },
2113
- React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
2113
+ React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
2114
2114
  "div",
2115
2115
  {
2116
2116
  ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -2128,7 +2128,7 @@ var DialogStep = ({
2128
2128
  className,
2129
2129
  stepRef
2130
2130
  }) => {
2131
- return /* @__PURE__ */ React14.createElement(
2131
+ return /* @__PURE__ */ React15.createElement(
2132
2132
  "div",
2133
2133
  {
2134
2134
  id,
@@ -2139,7 +2139,7 @@ var DialogStep = ({
2139
2139
  );
2140
2140
  };
2141
2141
  var DialogBody = ({ children, className }) => {
2142
- return /* @__PURE__ */ React14.createElement("div", { className: cn("hawa-py-6", className) }, children);
2142
+ return /* @__PURE__ */ React15.createElement("div", { className: cn("hawa-py-6", className) }, children);
2143
2143
  };
2144
2144
  DialogBody.displayName = "DialogBody";
2145
2145
  DialogStep.displayName = "DialogStep";
@@ -2158,12 +2158,24 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
2158
2158
  var import_react6 = __toESM(require("react"));
2159
2159
 
2160
2160
  // elements/button/Button.tsx
2161
- var React16 = __toESM(require("react"));
2161
+ var React17 = __toESM(require("react"));
2162
2162
  var import_class_variance_authority3 = require("class-variance-authority");
2163
2163
 
2164
+ // elements/helperText/HelperText.tsx
2165
+ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
2166
+ "p",
2167
+ {
2168
+ className: cn(
2169
+ "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
2170
+ helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
2171
+ )
2172
+ },
2173
+ helperText
2174
+ );
2175
+
2164
2176
  // elements/label/Label.tsx
2165
- var React15 = __toESM(require("react"));
2166
- var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React15.createElement(
2177
+ var React16 = __toESM(require("react"));
2178
+ var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React16.createElement(
2167
2179
  "label",
2168
2180
  {
2169
2181
  ref,
@@ -2174,8 +2186,8 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
2174
2186
  ...props
2175
2187
  },
2176
2188
  children,
2177
- required && /* @__PURE__ */ React15.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
2178
- ), hint && /* @__PURE__ */ React15.createElement(
2189
+ required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
2190
+ ), hint && /* @__PURE__ */ React16.createElement(
2179
2191
  Tooltip,
2180
2192
  {
2181
2193
  content: hint,
@@ -2185,7 +2197,7 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
2185
2197
  onClick: (event) => event.preventDefault()
2186
2198
  }
2187
2199
  },
2188
- /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
2200
+ /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
2189
2201
  "svg",
2190
2202
  {
2191
2203
  xmlns: "http://www.w3.org/2000/svg",
@@ -2197,9 +2209,9 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
2197
2209
  strokeLinecap: "round",
2198
2210
  strokeLinejoin: "round"
2199
2211
  },
2200
- /* @__PURE__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10" }),
2201
- /* @__PURE__ */ React15.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
2202
- /* @__PURE__ */ React15.createElement("path", { d: "M12 17h.01" })
2212
+ /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
2213
+ /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
2214
+ /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
2203
2215
  ))
2204
2216
  )));
2205
2217
  Label2.displayName = "Label";
@@ -2232,13 +2244,10 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
2232
2244
  smallIcon: "hawa-h-7 hawa-w-7"
2233
2245
  }
2234
2246
  },
2235
- defaultVariants: {
2236
- variant: "default",
2237
- size: "default"
2238
- }
2247
+ defaultVariants: { variant: "default", size: "default" }
2239
2248
  }
2240
2249
  );
2241
- var Button = React16.forwardRef(
2250
+ var Button = React17.forwardRef(
2242
2251
  ({
2243
2252
  className,
2244
2253
  label,
@@ -2248,11 +2257,13 @@ var Button = React16.forwardRef(
2248
2257
  centered = true,
2249
2258
  isLoading,
2250
2259
  children,
2260
+ labelProps,
2261
+ showHelperText = false,
2251
2262
  ...props
2252
2263
  }, ref) => {
2253
2264
  const Comp = "button";
2254
2265
  const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
2255
- return /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ React16.createElement(Label2, { className: "hawa-mb-2" }, label), /* @__PURE__ */ React16.createElement(
2266
+ return /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React17.createElement(Label2, { ...labelProps }, label), /* @__PURE__ */ React17.createElement(
2256
2267
  Comp,
2257
2268
  {
2258
2269
  className: cn(
@@ -2262,7 +2273,7 @@ var Button = React16.forwardRef(
2262
2273
  ref,
2263
2274
  ...props
2264
2275
  },
2265
- isLoading ? /* @__PURE__ */ React16.createElement(
2276
+ isLoading ? /* @__PURE__ */ React17.createElement(
2266
2277
  Loading,
2267
2278
  {
2268
2279
  design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -2271,7 +2282,7 @@ var Button = React16.forwardRef(
2271
2282
  size: size === "sm" || size === "xs" ? "xs" : "button"
2272
2283
  }
2273
2284
  ) : children
2274
- ));
2285
+ ), showHelperText && /* @__PURE__ */ React17.createElement(HelperText, { helperText: props.helperText }));
2275
2286
  }
2276
2287
  );
2277
2288
  Button.displayName = "Button";
@@ -2537,7 +2548,7 @@ var Avatar = ({
2537
2548
  };
2538
2549
 
2539
2550
  // elements/dataTable/DataTable.tsx
2540
- var React22 = __toESM(require("react"));
2551
+ var React23 = __toESM(require("react"));
2541
2552
  var import_react_table = require("@tanstack/react-table");
2542
2553
 
2543
2554
  // elements/input/Input.tsx
@@ -2607,7 +2618,7 @@ var Input = (0, import_react9.forwardRef)(
2607
2618
  )
2608
2619
  },
2609
2620
  props.outsidePrefix
2610
- ), props.isLoading ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react9.default.createElement(
2621
+ ), props.isLoading ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react9.default.createElement(
2611
2622
  "div",
2612
2623
  {
2613
2624
  className: cn(
@@ -2689,8 +2700,8 @@ var Input = (0, import_react9.forwardRef)(
2689
2700
  );
2690
2701
 
2691
2702
  // elements/table/Table.tsx
2692
- var React21 = __toESM(require("react"));
2693
- var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React21.createElement(
2703
+ var React22 = __toESM(require("react"));
2704
+ var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React22.createElement(
2694
2705
  "table",
2695
2706
  {
2696
2707
  ref,
@@ -2698,7 +2709,7 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
2698
2709
  ...props
2699
2710
  }
2700
2711
  )));
2701
- var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
2712
+ var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2702
2713
  "thead",
2703
2714
  {
2704
2715
  ref,
@@ -2706,8 +2717,8 @@ var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
2706
2717
  ...props
2707
2718
  }
2708
2719
  ));
2709
- var TableHead = React21.forwardRef(
2710
- ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
2720
+ var TableHead = React22.forwardRef(
2721
+ ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2711
2722
  "th",
2712
2723
  {
2713
2724
  ref,
@@ -2725,8 +2736,8 @@ var TableHead = React21.forwardRef(
2725
2736
  }
2726
2737
  )
2727
2738
  );
2728
- var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
2729
- var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
2739
+ var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
2740
+ var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2730
2741
  "tfoot",
2731
2742
  {
2732
2743
  ref,
@@ -2737,7 +2748,7 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
2737
2748
  ...props
2738
2749
  }
2739
2750
  ));
2740
- var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
2751
+ var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2741
2752
  "tr",
2742
2753
  {
2743
2754
  ref,
@@ -2750,14 +2761,14 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
2750
2761
  ...props
2751
2762
  }
2752
2763
  ));
2753
- var TableCell = React21.forwardRef(
2764
+ var TableCell = React22.forwardRef(
2754
2765
  ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
2755
2766
  let paddingStyles = {
2756
2767
  condensed: "hawa-p-0 hawa-px-4",
2757
2768
  default: "hawa-p-4",
2758
2769
  noPadding: "hawa-p-0"
2759
2770
  };
2760
- return /* @__PURE__ */ React21.createElement(
2771
+ return /* @__PURE__ */ React22.createElement(
2761
2772
  "td",
2762
2773
  {
2763
2774
  ref,
@@ -2778,7 +2789,7 @@ var TableCell = React21.forwardRef(
2778
2789
  );
2779
2790
  }
2780
2791
  );
2781
- var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
2792
+ var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2782
2793
  "caption",
2783
2794
  {
2784
2795
  ref,
@@ -2810,16 +2821,16 @@ var DataTable = ({
2810
2821
  ...props
2811
2822
  }) => {
2812
2823
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
2813
- const [sorting, setSorting] = React22.useState(
2824
+ const [sorting, setSorting] = React23.useState(
2814
2825
  props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
2815
2826
  );
2816
- const [columnFilters, setColumnFilters] = React22.useState(
2827
+ const [columnFilters, setColumnFilters] = React23.useState(
2817
2828
  []
2818
2829
  );
2819
- const [globalFilter, setGlobalFilter] = React22.useState("");
2820
- const [expanded, setExpanded] = React22.useState({});
2821
- const [columnVisibility, setColumnVisibility] = React22.useState({});
2822
- const [rowSelection, setRowSelection] = React22.useState({});
2830
+ const [globalFilter, setGlobalFilter] = React23.useState("");
2831
+ const [expanded, setExpanded] = React23.useState({});
2832
+ const [columnVisibility, setColumnVisibility] = React23.useState({});
2833
+ const [rowSelection, setRowSelection] = React23.useState({});
2823
2834
  const table = (0, import_react_table.useReactTable)({
2824
2835
  data,
2825
2836
  columns,
@@ -2848,7 +2859,7 @@ var DataTable = ({
2848
2859
  label: `${item} / ${pageText}`,
2849
2860
  value: item
2850
2861
  }));
2851
- React22.useEffect(() => {
2862
+ React23.useEffect(() => {
2852
2863
  setColumnVisibility((prev) => {
2853
2864
  let newColumnVisibility = {};
2854
2865
  columns.forEach((column) => {
@@ -2858,24 +2869,52 @@ var DataTable = ({
2858
2869
  return newColumnVisibility;
2859
2870
  });
2860
2871
  }, [columns]);
2861
- return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React22.createElement(
2872
+ return /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React23.createElement(
2862
2873
  Input,
2863
2874
  {
2875
+ inputProps: { title: "" },
2864
2876
  forceHideHelperText: true,
2865
2877
  placeholder: (_c = props.texts) == null ? void 0 : _c.searchPlaceholder,
2866
2878
  value: globalFilter != null ? globalFilter : "",
2867
2879
  onChange: (event) => setGlobalFilter(event.target.value),
2868
2880
  margin: "none",
2869
- className: "hawa-w-full md:hawa-max-w-sm"
2881
+ className: "hawa-w-full md:hawa-max-w-sm",
2882
+ endIconProps: { className: "!hawa-end-2" },
2883
+ endIcon: globalFilter ? /* @__PURE__ */ React23.createElement(
2884
+ Button,
2885
+ {
2886
+ onClick: () => setGlobalFilter(""),
2887
+ variant: "ghost",
2888
+ size: "smallIcon",
2889
+ "aria-label": "Clear Search"
2890
+ },
2891
+ /* @__PURE__ */ React23.createElement(
2892
+ "svg",
2893
+ {
2894
+ xmlns: "http://www.w3.org/2000/svg",
2895
+ width: "16",
2896
+ height: "16",
2897
+ viewBox: "0 0 24 24",
2898
+ fill: "none",
2899
+ stroke: "currentColor",
2900
+ strokeWidth: "2",
2901
+ strokeLinecap: "round",
2902
+ strokeLinejoin: "round",
2903
+ className: "hawa-icon hawa-text-muted-foreground"
2904
+ },
2905
+ /* @__PURE__ */ React23.createElement("path", { d: "M18 6 6 18" }),
2906
+ /* @__PURE__ */ React23.createElement("path", { d: "m6 6 12 12" })
2907
+ )
2908
+ ) : null
2870
2909
  }
2871
- ), enableHideColumns && /* @__PURE__ */ React22.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React22.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React22.createElement(
2910
+ ), enableHideColumns && /* @__PURE__ */ React23.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React23.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React23.createElement(
2872
2911
  Button,
2873
2912
  {
2874
2913
  variant: "outline",
2875
2914
  className: "hawa-flex hawa-flex-row hawa-gap-2"
2876
2915
  },
2877
2916
  ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
2878
- /* @__PURE__ */ React22.createElement(
2917
+ /* @__PURE__ */ React23.createElement(
2879
2918
  "svg",
2880
2919
  {
2881
2920
  "aria-label": "Chevron Down Icon",
@@ -2890,16 +2929,16 @@ var DataTable = ({
2890
2929
  strokeLinejoin: "round",
2891
2930
  className: "hawa-icon hawa-rotate-90"
2892
2931
  },
2893
- /* @__PURE__ */ React22.createElement("path", { d: "m9 18 6-6-6-6" })
2932
+ /* @__PURE__ */ React23.createElement("path", { d: "m9 18 6-6-6-6" })
2894
2933
  )
2895
- )), /* @__PURE__ */ React22.createElement(
2934
+ )), /* @__PURE__ */ React23.createElement(
2896
2935
  DropdownMenuContent,
2897
2936
  {
2898
2937
  align: props.direction === "rtl" ? "start" : "end"
2899
2938
  },
2900
2939
  table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
2901
2940
  var _a2, _b2;
2902
- return /* @__PURE__ */ React22.createElement(
2941
+ return /* @__PURE__ */ React23.createElement(
2903
2942
  DropdownMenuCheckboxItem,
2904
2943
  {
2905
2944
  key: column.id,
@@ -2911,7 +2950,7 @@ var DataTable = ({
2911
2950
  ) : column.id
2912
2951
  );
2913
2952
  })
2914
- ))), props.isLoading ? /* @__PURE__ */ React22.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React22.createElement(
2953
+ ))), props.isLoading ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React23.createElement(
2915
2954
  "div",
2916
2955
  {
2917
2956
  className: cn(
@@ -2919,10 +2958,10 @@ var DataTable = ({
2919
2958
  paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
2920
2959
  )
2921
2960
  },
2922
- /* @__PURE__ */ React22.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React22.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React22.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React22.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
2961
+ /* @__PURE__ */ React23.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React23.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React23.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React23.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
2923
2962
  var _a2;
2924
2963
  let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
2925
- return /* @__PURE__ */ React22.createElement(
2964
+ return /* @__PURE__ */ React23.createElement(
2926
2965
  TableHead,
2927
2966
  {
2928
2967
  dir: props.direction,
@@ -2938,7 +2977,7 @@ var DataTable = ({
2938
2977
  header.getContext()
2939
2978
  )
2940
2979
  );
2941
- })))), /* @__PURE__ */ React22.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React22.createElement(
2980
+ })))), /* @__PURE__ */ React23.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React23.createElement(
2942
2981
  TableRow,
2943
2982
  {
2944
2983
  key: row.id,
@@ -2946,7 +2985,7 @@ var DataTable = ({
2946
2985
  },
2947
2986
  row.getVisibleCells().map((cell) => {
2948
2987
  var _a2;
2949
- return /* @__PURE__ */ React22.createElement(
2988
+ return /* @__PURE__ */ React23.createElement(
2950
2989
  TableCell,
2951
2990
  {
2952
2991
  style: {
@@ -2962,7 +3001,7 @@ var DataTable = ({
2962
3001
  )
2963
3002
  );
2964
3003
  })
2965
- )) : /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(
3004
+ )) : /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(
2966
3005
  TableCell,
2967
3006
  {
2968
3007
  colSpan: columns.length,
@@ -2970,16 +3009,16 @@ var DataTable = ({
2970
3009
  },
2971
3010
  (_f = props.texts) == null ? void 0 : _f.noData
2972
3011
  ))))),
2973
- /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React22.createElement(
3012
+ /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React23.createElement(
2974
3013
  "div",
2975
3014
  {
2976
3015
  className: "text-muted-foreground text-sm",
2977
3016
  dir: props.direction
2978
3017
  },
2979
- /* @__PURE__ */ React22.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
3018
+ /* @__PURE__ */ React23.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
2980
3019
  " ",
2981
- /* @__PURE__ */ React22.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
2982
- ), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React22.createElement(
3020
+ /* @__PURE__ */ React23.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
3021
+ ), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React23.createElement(
2983
3022
  "input",
2984
3023
  {
2985
3024
  max: table.getPageCount(),
@@ -2996,7 +3035,7 @@ var DataTable = ({
2996
3035
  },
2997
3036
  className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
2998
3037
  }
2999
- )), /* @__PURE__ */ React22.createElement(
3038
+ )), /* @__PURE__ */ React23.createElement(
3000
3039
  DropdownMenu,
3001
3040
  {
3002
3041
  size: "sm",
@@ -3009,7 +3048,7 @@ var DataTable = ({
3009
3048
  { label: `40 / ${pageText}`, value: 40 },
3010
3049
  { label: `50 / ${pageText}`, value: 50 }
3011
3050
  ],
3012
- trigger: /* @__PURE__ */ React22.createElement(
3051
+ trigger: /* @__PURE__ */ React23.createElement(
3013
3052
  Button,
3014
3053
  {
3015
3054
  variant: "outline",
@@ -3020,7 +3059,7 @@ var DataTable = ({
3020
3059
  ),
3021
3060
  onItemSelect: (e) => table.setPageSize(Number(e))
3022
3061
  }
3023
- ), table.getPageCount() > 1 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React22.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React22.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React22.createElement(
3062
+ ), table.getPageCount() > 1 && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React23.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React23.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React23.createElement(
3024
3063
  Button,
3025
3064
  {
3026
3065
  "aria-label": "Next Table Page",
@@ -3032,7 +3071,7 @@ var DataTable = ({
3032
3071
  props.direction === "rtl" && "hawa-rotate-180"
3033
3072
  )
3034
3073
  },
3035
- /* @__PURE__ */ React22.createElement(
3074
+ /* @__PURE__ */ React23.createElement(
3036
3075
  "svg",
3037
3076
  {
3038
3077
  xmlns: "http://www.w3.org/2000/svg",
@@ -3045,10 +3084,10 @@ var DataTable = ({
3045
3084
  strokeLinecap: "round",
3046
3085
  strokeLinejoin: "round"
3047
3086
  },
3048
- /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
3049
- /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
3087
+ /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
3088
+ /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
3050
3089
  )
3051
- ), /* @__PURE__ */ React22.createElement(
3090
+ ), /* @__PURE__ */ React23.createElement(
3052
3091
  Button,
3053
3092
  {
3054
3093
  "aria-label": "Previous Table Page",
@@ -3060,7 +3099,7 @@ var DataTable = ({
3060
3099
  props.direction === "rtl" && "hawa-rotate-180"
3061
3100
  )
3062
3101
  },
3063
- /* @__PURE__ */ React22.createElement(
3102
+ /* @__PURE__ */ React23.createElement(
3064
3103
  "svg",
3065
3104
  {
3066
3105
  xmlns: "http://www.w3.org/2000/svg",
@@ -3074,9 +3113,9 @@ var DataTable = ({
3074
3113
  strokeLinecap: "round",
3075
3114
  strokeLinejoin: "round"
3076
3115
  },
3077
- /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
3116
+ /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
3078
3117
  )
3079
- ), /* @__PURE__ */ React22.createElement(
3118
+ ), /* @__PURE__ */ React23.createElement(
3080
3119
  Button,
3081
3120
  {
3082
3121
  "aria-label": "Next Table Page",
@@ -3088,7 +3127,7 @@ var DataTable = ({
3088
3127
  props.direction === "ltr" && "hawa-rotate-180"
3089
3128
  )
3090
3129
  },
3091
- /* @__PURE__ */ React22.createElement(
3130
+ /* @__PURE__ */ React23.createElement(
3092
3131
  "svg",
3093
3132
  {
3094
3133
  xmlns: "http://www.w3.org/2000/svg",
@@ -3102,9 +3141,9 @@ var DataTable = ({
3102
3141
  strokeLinecap: "round",
3103
3142
  strokeLinejoin: "round"
3104
3143
  },
3105
- /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
3144
+ /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
3106
3145
  )
3107
- ), /* @__PURE__ */ React22.createElement(
3146
+ ), /* @__PURE__ */ React23.createElement(
3108
3147
  Button,
3109
3148
  {
3110
3149
  "aria-label": "Next Table Page",
@@ -3116,7 +3155,7 @@ var DataTable = ({
3116
3155
  props.direction === "ltr" && "hawa-rotate-180"
3117
3156
  )
3118
3157
  },
3119
- /* @__PURE__ */ React22.createElement(
3158
+ /* @__PURE__ */ React23.createElement(
3120
3159
  "svg",
3121
3160
  {
3122
3161
  xmlns: "http://www.w3.org/2000/svg",
@@ -3129,8 +3168,8 @@ var DataTable = ({
3129
3168
  strokeLinecap: "round",
3130
3169
  strokeLinejoin: "round"
3131
3170
  },
3132
- /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
3133
- /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
3171
+ /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
3172
+ /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
3134
3173
  )
3135
3174
  ))))
3136
3175
  ));
@@ -3235,6 +3274,74 @@ var BackToTop = ({ ...props }) => {
3235
3274
 
3236
3275
  // elements/radio/Radio.tsx
3237
3276
  var import_react11 = __toESM(require("react"));
3277
+
3278
+ // elements/popover/Popover.tsx
3279
+ var React25 = __toESM(require("react"));
3280
+ var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
3281
+ var PopoverContent = React25.forwardRef(
3282
+ ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React25.createElement(
3283
+ PopoverPrimitive.Content,
3284
+ {
3285
+ ref,
3286
+ align,
3287
+ sideOffset,
3288
+ className: cn(
3289
+ "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",
3290
+ className
3291
+ ),
3292
+ ...props
3293
+ }
3294
+ ))
3295
+ );
3296
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
3297
+ var Popover = ({
3298
+ trigger,
3299
+ children,
3300
+ className,
3301
+ align = "center",
3302
+ side,
3303
+ sideOffset = 4,
3304
+ open,
3305
+ width = "default",
3306
+ disableTrigger,
3307
+ contentProps,
3308
+ triggerProps,
3309
+ ...props
3310
+ }) => {
3311
+ let widthStyles = {
3312
+ trigger: "var(--radix-popover-trigger-width)",
3313
+ default: "auto"
3314
+ };
3315
+ return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React25.createElement(
3316
+ PopoverPrimitive.Trigger,
3317
+ {
3318
+ className: "hawa-w-full",
3319
+ disabled: disableTrigger,
3320
+ ...triggerProps
3321
+ },
3322
+ trigger
3323
+ ), /* @__PURE__ */ React25.createElement(
3324
+ PopoverContent,
3325
+ {
3326
+ side,
3327
+ className,
3328
+ align,
3329
+ sideOffset,
3330
+ style: {
3331
+ width: widthStyles[width],
3332
+ maxWidth: "var(--radix-popover-content-available-width)",
3333
+ maxHeight: "var(--radix-popover-content-available-height)"
3334
+ },
3335
+ ...contentProps
3336
+ },
3337
+ children
3338
+ ));
3339
+ };
3340
+ var PopoverTrigger = PopoverPrimitive.Trigger;
3341
+ var PopoverPortal = PopoverPrimitive.Portal;
3342
+ var PopoverRoot = PopoverPrimitive.Root;
3343
+
3344
+ // elements/radio/Radio.tsx
3238
3345
  var Radio = (0, import_react11.forwardRef)(
3239
3346
  ({
3240
3347
  design = "default",
@@ -3249,9 +3356,6 @@ var Radio = (0, import_react11.forwardRef)(
3249
3356
  ...props
3250
3357
  }, ref) => {
3251
3358
  var _a, _b, _c;
3252
- const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
3253
- props.defaultValue || props.value
3254
- );
3255
3359
  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary";
3256
3360
  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all hawa-bg-primary-foreground dark:hover:hawa-text-white
3257
3361
  ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
@@ -3273,6 +3377,10 @@ var Radio = (0, import_react11.forwardRef)(
3273
3377
  const [parentDirection, setParentDirection] = import_react11.default.useState(
3274
3378
  null
3275
3379
  );
3380
+ const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
3381
+ props.defaultValue || props.value
3382
+ );
3383
+ const [openTooltip, setOpenTooltip] = (0, import_react11.useState)(null);
3276
3384
  const parentRef = (0, import_react11.useRef)(null);
3277
3385
  (0, import_react11.useEffect)(() => {
3278
3386
  var _a2;
@@ -3290,6 +3398,14 @@ var Radio = (0, import_react11.forwardRef)(
3290
3398
  console.log("onChange was not provided");
3291
3399
  }
3292
3400
  };
3401
+ const radio_option_tabs_styling = [
3402
+ "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
3403
+ !props.disabled && "hawa-cursor-pointer",
3404
+ orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
3405
+ orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
3406
+ orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
3407
+ tabSizeStyle[size]
3408
+ ];
3293
3409
  switch (design) {
3294
3410
  case "tabs":
3295
3411
  return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement(
@@ -3304,29 +3420,59 @@ var Radio = (0, import_react11.forwardRef)(
3304
3420
  tabsContainerClassName
3305
3421
  )
3306
3422
  },
3307
- (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement(
3308
- "li",
3309
- {
3310
- "aria-current": "page",
3311
- onClick: () => {
3312
- if (props.disabled)
3313
- return;
3314
- handleChange(opt);
3423
+ (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
3424
+ return opt.tooltip ? /* @__PURE__ */ import_react11.default.createElement(
3425
+ PopoverRoot,
3426
+ {
3427
+ key: o,
3428
+ open: o === openTooltip,
3429
+ onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
3315
3430
  },
3316
- className: cn(
3317
- "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
3318
- !props.disabled && "hawa-cursor-pointer",
3319
- orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
3320
- orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
3321
- orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
3322
- tabSizeStyle[size],
3323
- selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
3431
+ /* @__PURE__ */ import_react11.default.createElement(
3432
+ PopoverTrigger,
3433
+ {
3434
+ onMouseEnter: () => setOpenTooltip(o),
3435
+ onMouseLeave: () => setOpenTooltip(null),
3436
+ asChild: true
3437
+ },
3438
+ /* @__PURE__ */ import_react11.default.createElement(
3439
+ "li",
3440
+ {
3441
+ "aria-current": "page",
3442
+ onClick: () => {
3443
+ if (props.disabled || opt.disabled)
3444
+ return;
3445
+ handleChange(opt);
3446
+ },
3447
+ className: cn(
3448
+ ...radio_option_tabs_styling,
3449
+ selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
3450
+ )
3451
+ },
3452
+ opt.icon && opt.icon,
3453
+ opt.label
3454
+ )
3324
3455
  ),
3325
- key: o
3326
- },
3327
- opt.icon && opt.icon,
3328
- opt.label
3329
- ))
3456
+ /* @__PURE__ */ import_react11.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
3457
+ ) : /* @__PURE__ */ import_react11.default.createElement(
3458
+ "li",
3459
+ {
3460
+ key: o,
3461
+ "aria-current": "page",
3462
+ onClick: () => {
3463
+ if (props.disabled || opt.disabled)
3464
+ return;
3465
+ handleChange(opt);
3466
+ },
3467
+ className: cn(
3468
+ ...radio_option_tabs_styling,
3469
+ selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
3470
+ )
3471
+ },
3472
+ opt.icon && opt.icon,
3473
+ opt.label
3474
+ );
3475
+ })
3330
3476
  ), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
3331
3477
  "p",
3332
3478
  {
@@ -3440,13 +3586,13 @@ var Radio = (0, import_react11.forwardRef)(
3440
3586
  );
3441
3587
 
3442
3588
  // elements/combobox/Combobox.tsx
3443
- var React27 = __toESM(require("react"));
3589
+ var React28 = __toESM(require("react"));
3444
3590
  var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
3445
3591
 
3446
3592
  // elements/command/Command.tsx
3447
- var React25 = __toESM(require("react"));
3593
+ var React27 = __toESM(require("react"));
3448
3594
  var import_cmdk = require("cmdk");
3449
- var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3595
+ var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3450
3596
  import_cmdk.Command,
3451
3597
  {
3452
3598
  ref,
@@ -3458,15 +3604,15 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
3458
3604
  }
3459
3605
  ));
3460
3606
  var CommandDialog = ({ children, ...props }) => {
3461
- return /* @__PURE__ */ React25.createElement(Dialog, { ...props }, /* @__PURE__ */ React25.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React25.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
3607
+ return /* @__PURE__ */ React27.createElement(Dialog, { ...props }, /* @__PURE__ */ React27.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React27.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
3462
3608
  };
3463
- var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3609
+ var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3464
3610
  "div",
3465
3611
  {
3466
3612
  className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
3467
3613
  "cmdk-input-wrapper": ""
3468
3614
  },
3469
- /* @__PURE__ */ React25.createElement(
3615
+ /* @__PURE__ */ React27.createElement(
3470
3616
  "svg",
3471
3617
  {
3472
3618
  "aria-label": "Search Icon",
@@ -3481,10 +3627,10 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
3481
3627
  strokeLinejoin: "round",
3482
3628
  className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
3483
3629
  },
3484
- /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
3485
- /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
3630
+ /* @__PURE__ */ React27.createElement("circle", { cx: "11", cy: "11", r: "8" }),
3631
+ /* @__PURE__ */ React27.createElement("path", { d: "m21 21-4.3-4.3" })
3486
3632
  ),
3487
- /* @__PURE__ */ React25.createElement(
3633
+ /* @__PURE__ */ React27.createElement(
3488
3634
  import_cmdk.Command.Input,
3489
3635
  {
3490
3636
  ref,
@@ -3496,7 +3642,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
3496
3642
  }
3497
3643
  )
3498
3644
  ));
3499
- var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3645
+ var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3500
3646
  import_cmdk.Command.List,
3501
3647
  {
3502
3648
  ref,
@@ -3507,7 +3653,7 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
3507
3653
  ...props
3508
3654
  }
3509
3655
  ));
3510
- var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
3656
+ var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.createElement(
3511
3657
  import_cmdk.Command.Empty,
3512
3658
  {
3513
3659
  ref,
@@ -3515,7 +3661,7 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.cr
3515
3661
  ...props
3516
3662
  }
3517
3663
  ));
3518
- var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3664
+ var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3519
3665
  import_cmdk.Command.Group,
3520
3666
  {
3521
3667
  ref,
@@ -3526,7 +3672,7 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
3526
3672
  ...props
3527
3673
  }
3528
3674
  ));
3529
- var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3675
+ var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3530
3676
  import_cmdk.Command.Separator,
3531
3677
  {
3532
3678
  ref,
@@ -3534,7 +3680,7 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
3534
3680
  ...props
3535
3681
  }
3536
3682
  ));
3537
- var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
3683
+ var CommandItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
3538
3684
  import_cmdk.Command.Item,
3539
3685
  {
3540
3686
  ref,
@@ -3549,7 +3695,7 @@ var CommandShortcut = ({
3549
3695
  className,
3550
3696
  ...props
3551
3697
  }) => {
3552
- return /* @__PURE__ */ React25.createElement(
3698
+ return /* @__PURE__ */ React27.createElement(
3553
3699
  "span",
3554
3700
  {
3555
3701
  className: cn(
@@ -3569,74 +3715,8 @@ CommandList.displayName = import_cmdk.Command.List.displayName;
3569
3715
  Command.displayName = import_cmdk.Command.displayName;
3570
3716
  CommandInput.displayName = import_cmdk.Command.Input.displayName;
3571
3717
 
3572
- // elements/popover/Popover.tsx
3573
- var React26 = __toESM(require("react"));
3574
- var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
3575
- var PopoverContent = React26.forwardRef(
3576
- ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React26.createElement(
3577
- PopoverPrimitive.Content,
3578
- {
3579
- ref,
3580
- align,
3581
- sideOffset,
3582
- className: cn(
3583
- "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",
3584
- className
3585
- ),
3586
- ...props
3587
- }
3588
- ))
3589
- );
3590
- PopoverContent.displayName = PopoverPrimitive.Content.displayName;
3591
- var Popover = ({
3592
- trigger,
3593
- children,
3594
- className,
3595
- align = "center",
3596
- side,
3597
- sideOffset = 4,
3598
- open,
3599
- width = "default",
3600
- disableTrigger,
3601
- contentProps,
3602
- triggerProps,
3603
- ...props
3604
- }) => {
3605
- let widthStyles = {
3606
- trigger: "var(--radix-popover-trigger-width)",
3607
- default: "auto"
3608
- };
3609
- return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React26.createElement(
3610
- PopoverPrimitive.Trigger,
3611
- {
3612
- className: "hawa-w-full",
3613
- disabled: disableTrigger,
3614
- ...triggerProps
3615
- },
3616
- trigger
3617
- ), /* @__PURE__ */ React26.createElement(
3618
- PopoverContent,
3619
- {
3620
- side,
3621
- className,
3622
- align,
3623
- sideOffset,
3624
- style: {
3625
- width: widthStyles[width],
3626
- maxWidth: "var(--radix-popover-content-available-width)",
3627
- maxHeight: "var(--radix-popover-content-available-height)"
3628
- },
3629
- ...contentProps
3630
- },
3631
- children
3632
- ));
3633
- };
3634
- var PopoverTrigger = PopoverPrimitive.Trigger;
3635
- var PopoverPortal = PopoverPrimitive.Portal;
3636
- var PopoverRoot = PopoverPrimitive.Root;
3637
-
3638
3718
  // elements/combobox/Combobox.tsx
3639
- var Combobox = React27.forwardRef(
3719
+ var Combobox = React28.forwardRef(
3640
3720
  ({
3641
3721
  labelKey = "label",
3642
3722
  valueKey = "value",
@@ -3651,9 +3731,9 @@ var Combobox = React27.forwardRef(
3651
3731
  ...props
3652
3732
  }, ref) => {
3653
3733
  var _a, _b, _c;
3654
- const [open, setOpen] = React27.useState(false);
3655
- const [value, setValue] = React27.useState(defaultValue);
3656
- const containerRef = React27.useRef(null);
3734
+ const [open, setOpen] = React28.useState(false);
3735
+ const [value, setValue] = React28.useState(defaultValue);
3736
+ const containerRef = React28.useRef(null);
3657
3737
  function getProperty(obj, key) {
3658
3738
  return key.split(".").reduce((o, k) => (o || {})[k], obj);
3659
3739
  }
@@ -3665,7 +3745,7 @@ var Combobox = React27.forwardRef(
3665
3745
  const selectedItem = data.find(
3666
3746
  (item) => getProperty(item, valueKey) === value
3667
3747
  );
3668
- return /* @__PURE__ */ React27.createElement(
3748
+ return /* @__PURE__ */ React28.createElement(
3669
3749
  "div",
3670
3750
  {
3671
3751
  className: cn(
@@ -3674,8 +3754,8 @@ var Combobox = React27.forwardRef(
3674
3754
  ),
3675
3755
  ref: containerRef
3676
3756
  },
3677
- props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
3678
- /* @__PURE__ */ React27.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React27.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React27.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React27.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React27.createElement(
3757
+ props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
3758
+ /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React28.createElement(
3679
3759
  "div",
3680
3760
  {
3681
3761
  className: cn(
@@ -3683,7 +3763,7 @@ var Combobox = React27.forwardRef(
3683
3763
  props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
3684
3764
  )
3685
3765
  }
3686
- ), /* @__PURE__ */ React27.createElement(
3766
+ ), /* @__PURE__ */ React28.createElement(
3687
3767
  "button",
3688
3768
  {
3689
3769
  role: "combobox",
@@ -3695,7 +3775,7 @@ var Combobox = React27.forwardRef(
3695
3775
  )
3696
3776
  },
3697
3777
  selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
3698
- /* @__PURE__ */ React27.createElement(
3778
+ /* @__PURE__ */ React28.createElement(
3699
3779
  "svg",
3700
3780
  {
3701
3781
  xmlns: "http://www.w3.org/2000/svg",
@@ -3711,9 +3791,9 @@ var Combobox = React27.forwardRef(
3711
3791
  strokeLinecap: "round",
3712
3792
  strokeLinejoin: "round"
3713
3793
  },
3714
- /* @__PURE__ */ React27.createElement("path", { d: "m6 9 6 6 6-6" })
3794
+ /* @__PURE__ */ React28.createElement("path", { d: "m6 9 6 6 6-6" })
3715
3795
  )
3716
- ), /* @__PURE__ */ React27.createElement(
3796
+ ), /* @__PURE__ */ React28.createElement(
3717
3797
  "p",
3718
3798
  {
3719
3799
  className: cn(
@@ -3722,7 +3802,7 @@ var Combobox = React27.forwardRef(
3722
3802
  )
3723
3803
  },
3724
3804
  props.helperText
3725
- ))), /* @__PURE__ */ React27.createElement(
3805
+ ))), /* @__PURE__ */ React28.createElement(
3726
3806
  PopoverContent,
3727
3807
  {
3728
3808
  sideOffset: 0,
@@ -3730,7 +3810,7 @@ var Combobox = React27.forwardRef(
3730
3810
  dir: direction,
3731
3811
  container: containerRef.current
3732
3812
  },
3733
- /* @__PURE__ */ React27.createElement(
3813
+ /* @__PURE__ */ React28.createElement(
3734
3814
  Command,
3735
3815
  {
3736
3816
  filter: (value2, search) => {
@@ -3739,7 +3819,7 @@ var Combobox = React27.forwardRef(
3739
3819
  return 0;
3740
3820
  }
3741
3821
  },
3742
- !props.hideInput && /* @__PURE__ */ React27.createElement(
3822
+ !props.hideInput && /* @__PURE__ */ React28.createElement(
3743
3823
  CommandInput,
3744
3824
  {
3745
3825
  ...inputProps,
@@ -3747,8 +3827,8 @@ var Combobox = React27.forwardRef(
3747
3827
  placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
3748
3828
  }
3749
3829
  ),
3750
- /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
3751
- /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(
3830
+ /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
3831
+ /* @__PURE__ */ React28.createElement(CommandList, null, /* @__PURE__ */ React28.createElement(
3752
3832
  CommandGroup,
3753
3833
  {
3754
3834
  className: cn(
@@ -3756,7 +3836,7 @@ var Combobox = React27.forwardRef(
3756
3836
  data.length > 0 && "hawa-overflow-y-auto"
3757
3837
  )
3758
3838
  },
3759
- data.map((item, i) => /* @__PURE__ */ React27.createElement(
3839
+ data.map((item, i) => /* @__PURE__ */ React28.createElement(
3760
3840
  CommandItem,
3761
3841
  {
3762
3842
  key: i,
@@ -3773,7 +3853,7 @@ var Combobox = React27.forwardRef(
3773
3853
  setOpen(false);
3774
3854
  }
3775
3855
  },
3776
- /* @__PURE__ */ React27.createElement(
3856
+ /* @__PURE__ */ React28.createElement(
3777
3857
  "svg",
3778
3858
  {
3779
3859
  "aria-label": "Check Icon",
@@ -3792,7 +3872,7 @@ var Combobox = React27.forwardRef(
3792
3872
  ),
3793
3873
  style: { marginInlineEnd: "0.5rem" }
3794
3874
  },
3795
- /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
3875
+ /* @__PURE__ */ React28.createElement("polyline", { points: "20 6 9 17 4 12" })
3796
3876
  ),
3797
3877
  renderOption ? renderOption(item) : getProperty(item, labelKey)
3798
3878
  ))
@@ -3804,8 +3884,8 @@ var Combobox = React27.forwardRef(
3804
3884
  );
3805
3885
 
3806
3886
  // elements/textarea/Textarea.tsx
3807
- var React28 = __toESM(require("react"));
3808
- var Textarea = React28.forwardRef(
3887
+ var React29 = __toESM(require("react"));
3888
+ var Textarea = React29.forwardRef(
3809
3889
  ({
3810
3890
  className,
3811
3891
  classNames,
@@ -3817,7 +3897,7 @@ var Textarea = React28.forwardRef(
3817
3897
  isLoading,
3818
3898
  ...props
3819
3899
  }, ref) => {
3820
- return /* @__PURE__ */ React28.createElement(
3900
+ return /* @__PURE__ */ React29.createElement(
3821
3901
  "div",
3822
3902
  {
3823
3903
  className: cn(
@@ -3826,7 +3906,7 @@ var Textarea = React28.forwardRef(
3826
3906
  className
3827
3907
  )
3828
3908
  },
3829
- /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React28.createElement(
3909
+ /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
3830
3910
  "div",
3831
3911
  {
3832
3912
  className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -3835,7 +3915,7 @@ var Textarea = React28.forwardRef(
3835
3915
  "/",
3836
3916
  textareaProps == null ? void 0 : textareaProps.maxLength
3837
3917
  )),
3838
- isLoading ? /* @__PURE__ */ React28.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React28.createElement(
3918
+ isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
3839
3919
  "textarea",
3840
3920
  {
3841
3921
  ...textareaProps,
@@ -3846,7 +3926,7 @@ var Textarea = React28.forwardRef(
3846
3926
  ref
3847
3927
  }
3848
3928
  ),
3849
- /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
3929
+ /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(
3850
3930
  "p",
3851
3931
  {
3852
3932
  className: cn(
@@ -3855,7 +3935,7 @@ var Textarea = React28.forwardRef(
3855
3935
  )
3856
3936
  },
3857
3937
  props.helperText
3858
- ), showCount && countPosition === "bottom" && /* @__PURE__ */ React28.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
3938
+ ), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
3859
3939
  );
3860
3940
  }
3861
3941
  );
@@ -4118,7 +4198,7 @@ var SortButton = (props) => {
4118
4198
  };
4119
4199
 
4120
4200
  // elements/tabs/Tabs.tsx
4121
- var React41 = __toESM(require("react"));
4201
+ var React42 = __toESM(require("react"));
4122
4202
 
4123
4203
  // hooks/useIsomorphicEffect.ts
4124
4204
  var import_react14 = require("react");
@@ -4130,7 +4210,7 @@ var import_react15 = require("react");
4130
4210
  var import_react16 = require("react");
4131
4211
 
4132
4212
  // hooks/useToast.ts
4133
- var React33 = __toESM(require("react"));
4213
+ var React34 = __toESM(require("react"));
4134
4214
 
4135
4215
  // hooks/useCarousel.ts
4136
4216
  var import_react17 = require("react");
@@ -4232,7 +4312,7 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
4232
4312
  var import_tailwind_variants = require("tailwind-variants");
4233
4313
 
4234
4314
  // elements/floatBox/FloatBox.tsx
4235
- var React40 = __toESM(require("react"));
4315
+ var React41 = __toESM(require("react"));
4236
4316
  var FloatBox = ({
4237
4317
  className,
4238
4318
  open,
@@ -4270,7 +4350,7 @@ var FloatBox = ({
4270
4350
  right: "hawa-arrow-default-left",
4271
4351
  left: "hawa-arrow-default-right"
4272
4352
  };
4273
- return /* @__PURE__ */ React40.createElement(
4353
+ return /* @__PURE__ */ React41.createElement(
4274
4354
  "div",
4275
4355
  {
4276
4356
  className: cn(
@@ -4281,8 +4361,8 @@ var FloatBox = ({
4281
4361
  "data-side": side,
4282
4362
  "data-floatbox-state": open ? "open" : "closed"
4283
4363
  },
4284
- withArrow && /* @__PURE__ */ React40.createElement("div", { className: cn(arrowDirection[side]) }),
4285
- /* @__PURE__ */ React40.createElement("span", null, props.children)
4364
+ withArrow && /* @__PURE__ */ React41.createElement("div", { className: cn(arrowDirection[side]) }),
4365
+ /* @__PURE__ */ React41.createElement("span", null, props.children)
4286
4366
  );
4287
4367
  };
4288
4368
 
@@ -4345,8 +4425,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
4345
4425
  ],
4346
4426
  defaultVariants: { variant: "default", orientation: "horizontal" }
4347
4427
  });
4348
- var TabsContext = React41.createContext({ orientation: "horizontal", variant: "default" });
4349
- var Tabs = React41.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React41.createElement(
4428
+ var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default" });
4429
+ var Tabs = React42.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
4350
4430
  TabsPrimitive.Root,
4351
4431
  {
4352
4432
  ref,
@@ -4357,11 +4437,11 @@ var Tabs = React41.forwardRef(({ className, orientation, variant = "default", ..
4357
4437
  ),
4358
4438
  ...props
4359
4439
  },
4360
- /* @__PURE__ */ React41.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
4440
+ /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
4361
4441
  ));
4362
- var TabsList = React41.forwardRef(({ className, ...props }, ref) => {
4363
- const { orientation, variant } = React41.useContext(TabsContext);
4364
- return /* @__PURE__ */ React41.createElement(
4442
+ var TabsList = React42.forwardRef(({ className, ...props }, ref) => {
4443
+ const { orientation, variant } = React42.useContext(TabsContext);
4444
+ return /* @__PURE__ */ React42.createElement(
4365
4445
  TabsPrimitive.List,
4366
4446
  {
4367
4447
  ref,
@@ -4374,11 +4454,11 @@ var TabsList = React41.forwardRef(({ className, ...props }, ref) => {
4374
4454
  }
4375
4455
  );
4376
4456
  });
4377
- var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) => {
4378
- const { orientation, variant } = React41.useContext(TabsContext);
4379
- const tabTriggerRef = React41.useRef(null);
4457
+ var TabsTrigger = React42.forwardRef(({ className, chipProps, ...props }, ref) => {
4458
+ const { orientation, variant } = React42.useContext(TabsContext);
4459
+ const tabTriggerRef = React42.useRef(null);
4380
4460
  const { width } = useMeasureDirty(tabTriggerRef);
4381
- return /* @__PURE__ */ React41.createElement(
4461
+ return /* @__PURE__ */ React42.createElement(
4382
4462
  TabsPrimitive.Trigger,
4383
4463
  {
4384
4464
  ref: tabTriggerRef,
@@ -4390,8 +4470,8 @@ var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) =
4390
4470
  ...props
4391
4471
  },
4392
4472
  props.children,
4393
- chipProps && /* @__PURE__ */ React41.createElement(Chip, { ...chipProps }),
4394
- /* @__PURE__ */ React41.createElement(
4473
+ chipProps && /* @__PURE__ */ React42.createElement(Chip, { ...chipProps }),
4474
+ /* @__PURE__ */ React42.createElement(
4395
4475
  FloatBox,
4396
4476
  {
4397
4477
  withArrow: true,
@@ -4404,7 +4484,7 @@ var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) =
4404
4484
  )
4405
4485
  );
4406
4486
  });
4407
- var TabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
4487
+ var TabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
4408
4488
  TabsPrimitive.Content,
4409
4489
  {
4410
4490
  ref,
@@ -4609,15 +4689,15 @@ var Select = ({
4609
4689
  };
4610
4690
 
4611
4691
  // elements/switch/Switch.tsx
4612
- var React43 = __toESM(require("react"));
4692
+ var React44 = __toESM(require("react"));
4613
4693
  var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
4614
- var Switch = React43.forwardRef(
4694
+ var Switch = React44.forwardRef(
4615
4695
  ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
4616
- const [parentDirection, setParentDirection] = React43.useState(
4696
+ const [parentDirection, setParentDirection] = React44.useState(
4617
4697
  null
4618
4698
  );
4619
- const parentRef = React43.useRef(null);
4620
- React43.useEffect(() => {
4699
+ const parentRef = React44.useRef(null);
4700
+ React44.useEffect(() => {
4621
4701
  var _a;
4622
4702
  const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
4623
4703
  if (parentNode) {
@@ -4645,13 +4725,13 @@ var Switch = React43.forwardRef(
4645
4725
  full: "hawa-rounded-full",
4646
4726
  inherit: "hawa-rounded-inner"
4647
4727
  };
4648
- return /* @__PURE__ */ React43.createElement(
4728
+ return /* @__PURE__ */ React44.createElement(
4649
4729
  "div",
4650
4730
  {
4651
4731
  className: "hawa-flex hawa-flex-row hawa-items-center",
4652
4732
  ref: parentRef
4653
4733
  },
4654
- /* @__PURE__ */ React43.createElement(
4734
+ /* @__PURE__ */ React44.createElement(
4655
4735
  SwitchPrimitives.Root,
4656
4736
  {
4657
4737
  className: cn(
@@ -4665,7 +4745,7 @@ var Switch = React43.forwardRef(
4665
4745
  ...props,
4666
4746
  ref
4667
4747
  },
4668
- /* @__PURE__ */ React43.createElement(
4748
+ /* @__PURE__ */ React44.createElement(
4669
4749
  SwitchPrimitives.Thumb,
4670
4750
  {
4671
4751
  className: cn(
@@ -4679,14 +4759,14 @@ var Switch = React43.forwardRef(
4679
4759
  }
4680
4760
  )
4681
4761
  ),
4682
- label && /* @__PURE__ */ React43.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
4762
+ label && /* @__PURE__ */ React44.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
4683
4763
  );
4684
4764
  }
4685
4765
  );
4686
4766
  Switch.displayName = SwitchPrimitives.Root.displayName;
4687
4767
 
4688
4768
  // elements/checkbox/Checkbox.tsx
4689
- var React44 = __toESM(require("react"));
4769
+ var React45 = __toESM(require("react"));
4690
4770
  var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
4691
4771
  var Checkbox = ({
4692
4772
  id,
@@ -4706,7 +4786,7 @@ var Checkbox = ({
4706
4786
  lg: 0.9,
4707
4787
  xl: 1
4708
4788
  };
4709
- return /* @__PURE__ */ React44.createElement(
4789
+ return /* @__PURE__ */ React45.createElement(
4710
4790
  "div",
4711
4791
  {
4712
4792
  className: cn(
@@ -4714,7 +4794,7 @@ var Checkbox = ({
4714
4794
  size === "default" ? "hawa-items-top" : "hawa-items-center"
4715
4795
  )
4716
4796
  },
4717
- /* @__PURE__ */ React44.createElement(
4797
+ /* @__PURE__ */ React45.createElement(
4718
4798
  CheckboxElement,
4719
4799
  {
4720
4800
  ...props,
@@ -4724,7 +4804,7 @@ var Checkbox = ({
4724
4804
  id
4725
4805
  }
4726
4806
  ),
4727
- (label || helperText) && /* @__PURE__ */ React44.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React44.createElement(
4807
+ (label || helperText) && /* @__PURE__ */ React45.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React45.createElement(
4728
4808
  "label",
4729
4809
  {
4730
4810
  htmlFor: id,
@@ -4738,7 +4818,7 @@ var Checkbox = ({
4738
4818
  }
4739
4819
  },
4740
4820
  label
4741
- ), sublabel && /* @__PURE__ */ React44.createElement(
4821
+ ), sublabel && /* @__PURE__ */ React45.createElement(
4742
4822
  "label",
4743
4823
  {
4744
4824
  htmlFor: id,
@@ -4748,7 +4828,7 @@ var Checkbox = ({
4748
4828
  )
4749
4829
  },
4750
4830
  sublabel
4751
- ), helperText && !disabled && /* @__PURE__ */ React44.createElement(
4831
+ ), helperText && !disabled && /* @__PURE__ */ React45.createElement(
4752
4832
  "label",
4753
4833
  {
4754
4834
  htmlFor: id,
@@ -4761,7 +4841,7 @@ var Checkbox = ({
4761
4841
  ))
4762
4842
  );
4763
4843
  };
4764
- var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
4844
+ var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
4765
4845
  let checkboxRadius = {
4766
4846
  none: "hawa-rounded-none",
4767
4847
  inherit: "hawa-rounded-sm",
@@ -4783,7 +4863,7 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
4783
4863
  lg: "1em",
4784
4864
  xl: "1.25em"
4785
4865
  };
4786
- return /* @__PURE__ */ React44.createElement(
4866
+ return /* @__PURE__ */ React45.createElement(
4787
4867
  CheckboxPrimitive.Root,
4788
4868
  {
4789
4869
  ref,
@@ -4795,14 +4875,14 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
4795
4875
  ),
4796
4876
  ...props
4797
4877
  },
4798
- /* @__PURE__ */ React44.createElement(
4878
+ /* @__PURE__ */ React45.createElement(
4799
4879
  CheckboxPrimitive.Indicator,
4800
4880
  {
4801
4881
  className: cn(
4802
4882
  "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
4803
4883
  )
4804
4884
  },
4805
- /* @__PURE__ */ React44.createElement(
4885
+ /* @__PURE__ */ React45.createElement(
4806
4886
  "svg",
4807
4887
  {
4808
4888
  "aria-label": "Check Mark",
@@ -4813,7 +4893,7 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
4813
4893
  height: checkboxIndicatorSizes[size],
4814
4894
  width: checkboxIndicatorSizes[size]
4815
4895
  },
4816
- /* @__PURE__ */ React44.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" })
4896
+ /* @__PURE__ */ React45.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" })
4817
4897
  ),
4818
4898
  " "
4819
4899
  )
@@ -4822,9 +4902,9 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
4822
4902
  CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
4823
4903
 
4824
4904
  // elements/progress/Progress.tsx
4825
- var React45 = __toESM(require("react"));
4905
+ var React46 = __toESM(require("react"));
4826
4906
  var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
4827
- var Progress = React45.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React45.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React45.createElement(
4907
+ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React46.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React46.createElement(
4828
4908
  ProgressPrimitive.Root,
4829
4909
  {
4830
4910
  ref,
@@ -4834,7 +4914,7 @@ var Progress = React45.forwardRef(({ className, value, ...props }, ref) => /* @_
4834
4914
  ),
4835
4915
  ...props
4836
4916
  },
4837
- /* @__PURE__ */ React45.createElement(
4917
+ /* @__PURE__ */ React46.createElement(
4838
4918
  ProgressPrimitive.Indicator,
4839
4919
  {
4840
4920
  className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -6850,21 +6930,21 @@ var StopPropagationWrapper = (props) => {
6850
6930
  };
6851
6931
 
6852
6932
  // elements/scrollArea/ScrollArea.tsx
6853
- var React52 = __toESM(require("react"));
6933
+ var React53 = __toESM(require("react"));
6854
6934
  var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
6855
- var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
6935
+ var ScrollArea = React53.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
6856
6936
  ScrollAreaPrimitive.Root,
6857
6937
  {
6858
6938
  ref,
6859
6939
  className: cn("hawa-relative hawa-overflow-hidden", className),
6860
6940
  ...props
6861
6941
  },
6862
- /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
6863
- /* @__PURE__ */ React52.createElement(ScrollBar, { orientation }),
6864
- /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Corner, null)
6942
+ /* @__PURE__ */ React53.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
6943
+ /* @__PURE__ */ React53.createElement(ScrollBar, { orientation }),
6944
+ /* @__PURE__ */ React53.createElement(ScrollAreaPrimitive.Corner, null)
6865
6945
  ));
6866
6946
  ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
6867
- var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
6947
+ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
6868
6948
  ScrollAreaPrimitive.ScrollAreaScrollbar,
6869
6949
  {
6870
6950
  ref,
@@ -6877,7 +6957,7 @@ var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...pr
6877
6957
  ),
6878
6958
  ...props
6879
6959
  },
6880
- /* @__PURE__ */ React52.createElement(
6960
+ /* @__PURE__ */ React53.createElement(
6881
6961
  ScrollAreaPrimitive.ScrollAreaThumb,
6882
6962
  {
6883
6963
  className: cn(
@@ -7405,9 +7485,9 @@ var PasswordInput = ({
7405
7485
  };
7406
7486
 
7407
7487
  // elements/slider/Slider.tsx
7408
- var React60 = __toESM(require("react"));
7488
+ var React61 = __toESM(require("react"));
7409
7489
  var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
7410
- var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
7490
+ var Slider = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React61.createElement(
7411
7491
  SliderPrimitive.Root,
7412
7492
  {
7413
7493
  ref,
@@ -7417,13 +7497,13 @@ var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
7417
7497
  ),
7418
7498
  ...props
7419
7499
  },
7420
- /* @__PURE__ */ React60.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React60.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
7421
- /* @__PURE__ */ React60.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors 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" })
7500
+ /* @__PURE__ */ React61.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React61.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
7501
+ /* @__PURE__ */ React61.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors 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" })
7422
7502
  ));
7423
7503
  Slider.displayName = SliderPrimitive.Root.displayName;
7424
7504
 
7425
7505
  // elements/simpleTable/SimpleTable.tsx
7426
- var React61 = __toESM(require("react"));
7506
+ var React62 = __toESM(require("react"));
7427
7507
  var import_react_table2 = require("@tanstack/react-table");
7428
7508
  var SimpleTable = ({
7429
7509
  columns,
@@ -7438,7 +7518,7 @@ var SimpleTable = ({
7438
7518
  columns,
7439
7519
  getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
7440
7520
  });
7441
- return /* @__PURE__ */ React61.createElement(
7521
+ return /* @__PURE__ */ React62.createElement(
7442
7522
  "div",
7443
7523
  {
7444
7524
  className: cn(
@@ -7446,8 +7526,8 @@ var SimpleTable = ({
7446
7526
  classNames
7447
7527
  )
7448
7528
  },
7449
- props.isLoading ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React61.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React61.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React61.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React61.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
7450
- return /* @__PURE__ */ React61.createElement(
7529
+ props.isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React62.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React62.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React62.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React62.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
7530
+ return /* @__PURE__ */ React62.createElement(
7451
7531
  TableHead,
7452
7532
  {
7453
7533
  condensed: props.condensed,
@@ -7462,7 +7542,7 @@ var SimpleTable = ({
7462
7542
  header.getContext()
7463
7543
  )
7464
7544
  );
7465
- })))), /* @__PURE__ */ React61.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React61.createElement(
7545
+ })))), /* @__PURE__ */ React62.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React62.createElement(
7466
7546
  TableRow,
7467
7547
  {
7468
7548
  key: row.id,
@@ -7470,7 +7550,7 @@ var SimpleTable = ({
7470
7550
  },
7471
7551
  row.getVisibleCells().map((cell) => {
7472
7552
  var _a2;
7473
- return /* @__PURE__ */ React61.createElement(
7553
+ return /* @__PURE__ */ React62.createElement(
7474
7554
  TableCell,
7475
7555
  {
7476
7556
  dir: props.direction,
@@ -7486,7 +7566,7 @@ var SimpleTable = ({
7486
7566
  )
7487
7567
  );
7488
7568
  })
7489
- )) : /* @__PURE__ */ React61.createElement(TableRow, null, /* @__PURE__ */ React61.createElement(
7569
+ )) : /* @__PURE__ */ React62.createElement(TableRow, null, /* @__PURE__ */ React62.createElement(
7490
7570
  TableCell,
7491
7571
  {
7492
7572
  colSpan: columns.length,
@@ -7498,12 +7578,12 @@ var SimpleTable = ({
7498
7578
  };
7499
7579
 
7500
7580
  // elements/separator/Separator.tsx
7501
- var React62 = __toESM(require("react"));
7581
+ var React63 = __toESM(require("react"));
7502
7582
  var Separator2 = ({
7503
7583
  className,
7504
7584
  orientation = "horizontal",
7505
7585
  ...props
7506
- }) => /* @__PURE__ */ React62.createElement(
7586
+ }) => /* @__PURE__ */ React63.createElement(
7507
7587
  "div",
7508
7588
  {
7509
7589
  className: cn(
@@ -7868,7 +7948,7 @@ var Count = (props) => {
7868
7948
  };
7869
7949
 
7870
7950
  // elements/toast/Toast.tsx
7871
- var React67 = __toESM(require("react"));
7951
+ var React68 = __toESM(require("react"));
7872
7952
  var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
7873
7953
  var import_class_variance_authority4 = require("class-variance-authority");
7874
7954
  var toastVariants = (0, import_class_variance_authority4.cva)(
@@ -7896,7 +7976,7 @@ var sizeStyles = {
7896
7976
  sm: "hawa-text-xs"
7897
7977
  };
7898
7978
  var ToastProvider = ToastPrimitives.Provider;
7899
- var ToastViewport = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
7979
+ var ToastViewport = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
7900
7980
  ToastPrimitives.Viewport,
7901
7981
  {
7902
7982
  ref,
@@ -7908,8 +7988,8 @@ var ToastViewport = React67.forwardRef(({ className, ...props }, ref) => /* @__P
7908
7988
  }
7909
7989
  ));
7910
7990
  ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
7911
- var Toast = React67.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
7912
- return /* @__PURE__ */ React67.createElement(
7991
+ var Toast = React68.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
7992
+ return /* @__PURE__ */ React68.createElement(
7913
7993
  ToastPrimitives.Root,
7914
7994
  {
7915
7995
  ref,
@@ -7924,8 +8004,8 @@ var Toast = React67.forwardRef(({ className, variant, severity = "none", directi
7924
8004
  );
7925
8005
  });
7926
8006
  Toast.displayName = ToastPrimitives.Root.displayName;
7927
- var ToastAction = React67.forwardRef(({ className, ...props }, ref) => {
7928
- return /* @__PURE__ */ React67.createElement(
8007
+ var ToastAction = React68.forwardRef(({ className, ...props }, ref) => {
8008
+ return /* @__PURE__ */ React68.createElement(
7929
8009
  ToastPrimitives.Action,
7930
8010
  {
7931
8011
  ref,
@@ -7943,7 +8023,7 @@ var ToastAction = React67.forwardRef(({ className, ...props }, ref) => {
7943
8023
  );
7944
8024
  });
7945
8025
  ToastAction.displayName = ToastPrimitives.Action.displayName;
7946
- var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
8026
+ var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
7947
8027
  ToastPrimitives.Close,
7948
8028
  {
7949
8029
  ref,
@@ -7957,7 +8037,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
7957
8037
  "toast-close": "",
7958
8038
  ...props
7959
8039
  },
7960
- /* @__PURE__ */ React67.createElement(
8040
+ /* @__PURE__ */ React68.createElement(
7961
8041
  "svg",
7962
8042
  {
7963
8043
  "aria-label": "Close Icon",
@@ -7966,7 +8046,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
7966
8046
  fill: "currentColor",
7967
8047
  viewBox: "0 0 20 20"
7968
8048
  },
7969
- /* @__PURE__ */ React67.createElement(
8049
+ /* @__PURE__ */ React68.createElement(
7970
8050
  "path",
7971
8051
  {
7972
8052
  fillRule: "evenodd",
@@ -7977,7 +8057,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
7977
8057
  )
7978
8058
  ));
7979
8059
  ToastClose.displayName = ToastPrimitives.Close.displayName;
7980
- var ToastTitle = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
8060
+ var ToastTitle = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
7981
8061
  ToastPrimitives.Title,
7982
8062
  {
7983
8063
  ref,
@@ -7990,7 +8070,7 @@ var ToastTitle = React67.forwardRef(({ className, size = "default", ...props },
7990
8070
  }
7991
8071
  ));
7992
8072
  ToastTitle.displayName = ToastPrimitives.Title.displayName;
7993
- var ToastDescription = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
8073
+ var ToastDescription = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
7994
8074
  ToastPrimitives.Description,
7995
8075
  {
7996
8076
  ref,