@sikka/hawa 0.35.2-next → 0.35.4-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 (51) hide show
  1. package/dist/{DropdownMenu-K3ztliYc.d.mts → DropdownMenu-BYiPSEYy.d.mts} +1 -0
  2. package/dist/{DropdownMenu-CJblb-9q.d.ts → DropdownMenu-ChxqadLu.d.ts} +1 -0
  3. package/dist/appLayout/index.js +53 -43
  4. package/dist/appLayout/index.js.map +1 -1
  5. package/dist/appLayout/index.mjs +15 -5
  6. package/dist/appLayout/index.mjs.map +1 -1
  7. package/dist/appTopbar/index.js +28 -19
  8. package/dist/appTopbar/index.js.map +1 -1
  9. package/dist/appTopbar/index.mjs +14 -5
  10. package/dist/appTopbar/index.mjs.map +1 -1
  11. package/dist/blocks/index.d.mts +1 -1
  12. package/dist/blocks/index.d.ts +1 -1
  13. package/dist/blocks/index.js +72 -63
  14. package/dist/blocks/index.mjs +2 -2
  15. package/dist/blocks/pricing/index.js +75 -74
  16. package/dist/blocks/pricing/index.mjs +2 -1
  17. package/dist/{chunk-FY7BKFH7.mjs → chunk-G7JHUC5N.mjs} +14 -4
  18. package/dist/{chunk-WVMMGOXW.mjs → chunk-HSRW7X3Z.mjs} +1 -1
  19. package/dist/{chunk-Y6XTMPVO.mjs → chunk-TERP5K6R.mjs} +1 -1
  20. package/dist/dataTable/index.js +27 -18
  21. package/dist/dataTable/index.js.map +1 -1
  22. package/dist/dataTable/index.mjs +14 -5
  23. package/dist/dataTable/index.mjs.map +1 -1
  24. package/dist/dropdownMenu/index.d.mts +1 -0
  25. package/dist/dropdownMenu/index.d.ts +1 -0
  26. package/dist/dropdownMenu/index.js +14 -4
  27. package/dist/dropdownMenu/index.js.map +1 -1
  28. package/dist/dropdownMenu/index.mjs +14 -4
  29. package/dist/dropdownMenu/index.mjs.map +1 -1
  30. package/dist/elements/index.d.mts +1 -1
  31. package/dist/elements/index.d.ts +1 -1
  32. package/dist/elements/index.js +381 -371
  33. package/dist/elements/index.mjs +3 -3
  34. package/dist/index.css +4 -0
  35. package/dist/index.d.mts +1 -0
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +821 -810
  38. package/dist/index.mjs +16 -5
  39. package/dist/layout/index.d.mts +1 -1
  40. package/dist/layout/index.d.ts +1 -1
  41. package/dist/layout/index.js +149 -139
  42. package/dist/layout/index.mjs +4 -3
  43. package/dist/splitButton/index.js +39 -30
  44. package/dist/splitButton/index.js.map +1 -1
  45. package/dist/splitButton/index.mjs +14 -5
  46. package/dist/splitButton/index.mjs.map +1 -1
  47. package/dist/stats/index.js +1 -1
  48. package/dist/stats/index.js.map +1 -1
  49. package/dist/stats/index.mjs +1 -1
  50. package/dist/stats/index.mjs.map +1 -1
  51. package/package.json +2 -1
@@ -622,6 +622,7 @@ function Skeleton({
622
622
 
623
623
  // elements/dropdownMenu/DropdownMenu.tsx
624
624
  var React5 = __toESM(require("react"));
625
+ var import_react4 = require("@headlessui/react");
625
626
  var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
626
627
  var DropdownMenuRoot = DropdownMenuPrimitive.Root;
627
628
  var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -676,7 +677,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
676
677
  }
677
678
  ));
678
679
  DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
679
- var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
680
+ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(
680
681
  DropdownMenuPrimitive.Content,
681
682
  {
682
683
  ref,
@@ -813,6 +814,7 @@ var DropdownMenu = ({
813
814
  side,
814
815
  className,
815
816
  triggerClassname,
817
+ triggerProps,
816
818
  align,
817
819
  alignOffset,
818
820
  onItemSelect,
@@ -844,8 +846,16 @@ var DropdownMenu = ({
844
846
  modal: false,
845
847
  dir: direction
846
848
  },
847
- /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
848
- /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(
849
+ /* @__PURE__ */ React5.createElement(
850
+ DropdownMenuTrigger,
851
+ {
852
+ asChild: true,
853
+ className: triggerClassname,
854
+ ...triggerProps
855
+ },
856
+ trigger
857
+ ),
858
+ /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(
849
859
  DropdownMenuContent,
850
860
  {
851
861
  side,
@@ -906,7 +916,7 @@ var DropdownMenu = ({
906
916
  },
907
917
  item.icon && item.icon,
908
918
  item.label && item.label
909
- ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
919
+ ), /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
910
920
  const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
911
921
  return /* @__PURE__ */ React5.createElement(
912
922
  DropdownMenuItem,
@@ -1005,8 +1015,8 @@ var React9 = __toESM(require("react"));
1005
1015
  var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
1006
1016
 
1007
1017
  // elements/chip/Chip.tsx
1008
- var import_react4 = __toESM(require("react"));
1009
- var Chip = import_react4.default.forwardRef(
1018
+ var import_react5 = __toESM(require("react"));
1019
+ var Chip = import_react5.default.forwardRef(
1010
1020
  ({
1011
1021
  label,
1012
1022
  size = "normal",
@@ -1048,7 +1058,7 @@ var Chip = import_react4.default.forwardRef(
1048
1058
  oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
1049
1059
  };
1050
1060
  if (label) {
1051
- return /* @__PURE__ */ import_react4.default.createElement(
1061
+ return /* @__PURE__ */ import_react5.default.createElement(
1052
1062
  "span",
1053
1063
  {
1054
1064
  ...rest,
@@ -1060,7 +1070,7 @@ var Chip = import_react4.default.forwardRef(
1060
1070
  color ? colorStyles[color] : "hawa-border hawa-bg-none"
1061
1071
  )
1062
1072
  },
1063
- dotType && /* @__PURE__ */ import_react4.default.createElement(
1073
+ dotType && /* @__PURE__ */ import_react5.default.createElement(
1064
1074
  "span",
1065
1075
  {
1066
1076
  className: cn(dotStyles[size], dotTypeStyles[dotType])
@@ -1070,7 +1080,7 @@ var Chip = import_react4.default.forwardRef(
1070
1080
  label
1071
1081
  );
1072
1082
  } else {
1073
- return /* @__PURE__ */ import_react4.default.createElement(
1083
+ return /* @__PURE__ */ import_react5.default.createElement(
1074
1084
  "span",
1075
1085
  {
1076
1086
  ...rest,
@@ -1218,9 +1228,9 @@ var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
1218
1228
  var AccordionRoot = AccordionPrimitive5.Root;
1219
1229
 
1220
1230
  // elements/logos/Logos.tsx
1221
- var import_react5 = __toESM(require("react"));
1231
+ var import_react6 = __toESM(require("react"));
1222
1232
  var Logos = {
1223
- metamask: (props) => /* @__PURE__ */ import_react5.default.createElement(
1233
+ metamask: (props) => /* @__PURE__ */ import_react6.default.createElement(
1224
1234
  "svg",
1225
1235
  {
1226
1236
  xmlns: "http://www.w3.org/2000/svg",
@@ -1231,8 +1241,8 @@ var Logos = {
1231
1241
  viewBox: "0 0 318.6 318.6",
1232
1242
  ...props
1233
1243
  },
1234
- /* @__PURE__ */ import_react5.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
1235
- /* @__PURE__ */ import_react5.default.createElement(
1244
+ /* @__PURE__ */ import_react6.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
1245
+ /* @__PURE__ */ import_react6.default.createElement(
1236
1246
  "path",
1237
1247
  {
1238
1248
  fill: "#e2761b",
@@ -1242,21 +1252,21 @@ var Logos = {
1242
1252
  d: "m274.1 35.5-99.5 73.9L193 65.8z"
1243
1253
  }
1244
1254
  ),
1245
- /* @__PURE__ */ import_react5.default.createElement(
1255
+ /* @__PURE__ */ import_react6.default.createElement(
1246
1256
  "path",
1247
1257
  {
1248
1258
  d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
1249
1259
  className: "st1"
1250
1260
  }
1251
1261
  ),
1252
- /* @__PURE__ */ import_react5.default.createElement(
1262
+ /* @__PURE__ */ import_react6.default.createElement(
1253
1263
  "path",
1254
1264
  {
1255
1265
  d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
1256
1266
  className: "st1"
1257
1267
  }
1258
1268
  ),
1259
- /* @__PURE__ */ import_react5.default.createElement(
1269
+ /* @__PURE__ */ import_react6.default.createElement(
1260
1270
  "path",
1261
1271
  {
1262
1272
  fill: "#d7c1b3",
@@ -1266,7 +1276,7 @@ var Logos = {
1266
1276
  d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
1267
1277
  }
1268
1278
  ),
1269
- /* @__PURE__ */ import_react5.default.createElement(
1279
+ /* @__PURE__ */ import_react6.default.createElement(
1270
1280
  "path",
1271
1281
  {
1272
1282
  fill: "#233447",
@@ -1276,7 +1286,7 @@ var Logos = {
1276
1286
  d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
1277
1287
  }
1278
1288
  ),
1279
- /* @__PURE__ */ import_react5.default.createElement(
1289
+ /* @__PURE__ */ import_react6.default.createElement(
1280
1290
  "path",
1281
1291
  {
1282
1292
  fill: "#cd6116",
@@ -1286,7 +1296,7 @@ var Logos = {
1286
1296
  d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
1287
1297
  }
1288
1298
  ),
1289
- /* @__PURE__ */ import_react5.default.createElement(
1299
+ /* @__PURE__ */ import_react6.default.createElement(
1290
1300
  "path",
1291
1301
  {
1292
1302
  fill: "#e4751f",
@@ -1296,14 +1306,14 @@ var Logos = {
1296
1306
  d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
1297
1307
  }
1298
1308
  ),
1299
- /* @__PURE__ */ import_react5.default.createElement(
1309
+ /* @__PURE__ */ import_react6.default.createElement(
1300
1310
  "path",
1301
1311
  {
1302
1312
  d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
1303
1313
  className: "st6"
1304
1314
  }
1305
1315
  ),
1306
- /* @__PURE__ */ import_react5.default.createElement(
1316
+ /* @__PURE__ */ import_react6.default.createElement(
1307
1317
  "path",
1308
1318
  {
1309
1319
  fill: "#c0ad9e",
@@ -1313,7 +1323,7 @@ var Logos = {
1313
1323
  d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
1314
1324
  }
1315
1325
  ),
1316
- /* @__PURE__ */ import_react5.default.createElement(
1326
+ /* @__PURE__ */ import_react6.default.createElement(
1317
1327
  "path",
1318
1328
  {
1319
1329
  fill: "#161616",
@@ -1323,7 +1333,7 @@ var Logos = {
1323
1333
  d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
1324
1334
  }
1325
1335
  ),
1326
- /* @__PURE__ */ import_react5.default.createElement(
1336
+ /* @__PURE__ */ import_react6.default.createElement(
1327
1337
  "path",
1328
1338
  {
1329
1339
  fill: "#763d16",
@@ -1333,7 +1343,7 @@ var Logos = {
1333
1343
  d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
1334
1344
  }
1335
1345
  ),
1336
- /* @__PURE__ */ import_react5.default.createElement(
1346
+ /* @__PURE__ */ import_react6.default.createElement(
1337
1347
  "path",
1338
1348
  {
1339
1349
  d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
@@ -1341,7 +1351,7 @@ var Logos = {
1341
1351
  }
1342
1352
  )
1343
1353
  ),
1344
- nafath: (props) => /* @__PURE__ */ import_react5.default.createElement(
1354
+ nafath: (props) => /* @__PURE__ */ import_react6.default.createElement(
1345
1355
  "svg",
1346
1356
  {
1347
1357
  xmlns: "http://www.w3.org/2000/svg",
@@ -1352,15 +1362,15 @@ var Logos = {
1352
1362
  viewBox: "22.5 44.5 535.6 230.34",
1353
1363
  ...props
1354
1364
  },
1355
- /* @__PURE__ */ import_react5.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
1356
- /* @__PURE__ */ import_react5.default.createElement(
1365
+ /* @__PURE__ */ import_react6.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
1366
+ /* @__PURE__ */ import_react6.default.createElement(
1357
1367
  "path",
1358
1368
  {
1359
1369
  d: "M426.1 233.8c1.5.2 2.4.4 3.3.4 21.3 0 42.7.1 64-.1 12.7-.1 20-6.8 20.4-19.4.6-21 .6-42 .6-63 0-3.9 1.1-6.1 4.7-7.9 10.9-5.4 21.5-11.2 32.3-16.8 1.3-.7 2.7-1.3 4.5-2.1.1 1.4.3 2.4.3 3.5 0 29.1.5 58.2-.2 87.3-.5 21.8-9.4 39.7-29.1 51-10.1 5.8-21.3 7.9-32.7 7.9-32.1.2-64.1.2-96.2 0-8.2-.1-16.4-1.8-24.6-2.1-5.5-.2-11 1.1-16.6 1.4-9.3.4-18.7.7-28 .8-26.3.1-52.6.3-78.9-.1-7.8-.1-15.9-1.2-23.4-3.4-22.7-7-34.9-23.3-38.8-46.2-.8-4.9-1-9.9-1-14.9-.1-42.5 0-85-.1-127.5 0-3.6.9-5.6 4.2-7.2 11-5.5 21.8-11.3 32.7-16.9 1.3-.7 2.7-1.3 4.8-2.3v149c0 3.7.2 7.5.7 11.2 1.5 11.1 7.6 17.5 18.7 17.7 22.6.4 45.1.1 67.7.1.4 0 .9-.3 1.9-.6-1-2-1.9-3.9-2.9-5.7-16-27.8-11.5-65.2 7-87.2 11-13.2 25.3-20.4 42.3-21.9 17.3-1.5 33.9.9 48.1 12.1 15.4 12.1 23.3 28.3 25.8 47.5 2.6 19.1-.9 36.8-10.8 53.3-.1.3-.2.9-.7 2.1zm-27.4-48.1c-.8-3.2-1.5-9.2-3.9-14.4-4.9-10.6-13.9-14.9-25.5-14.3-10.4.6-17.9 5.9-21.5 15.7-7.4 19.7 1.5 44.7 19.4 55.5 3.2 1.9 5.8 2 8.9-.1 14.2-9.4 21.9-22.5 22.6-42.4zM78.7 155.1c6.8-11.7 13.6-23.2 20.5-35 13.5 8.1 25.5 17.4 35.1 29.4 18.1 22.4 24.3 48.2 21.3 76.5-.7 6.9-2.2 13.9-4.6 20.4-6 16.6-18.8 26.3-35.8 27.1-30.6 1.4-61.2.8-91.9 1.1-.1 0-.3-.1-.8-.4.4-1 .7-2.2 1.2-3.2 5.7-11 11.6-22 17.2-33.1 1.4-2.7 3-3.7 6.1-3.7 15.4.2 30.8-.4 46.2.2 18.1.7 21.6-10.1 21.2-23-.7-23.6-12.1-40.9-31.6-53.4-1.1-.9-2.4-1.8-4.1-2.9zM536.2 44.5c13.4 0 21.9 8.4 21.9 21.7 0 14.4-7.4 22.1-21.5 22.3-13.4.2-22-8.4-22.1-22.1 0-13.3 8.4-21.9 21.7-21.9zM121.1 66.4c0 14.8-7.3 22.3-21.5 22.1-13.5-.2-22-9-21.9-22.5.2-13.2 8.8-21.5 22.3-21.5 13.2.1 21.1 8.3 21.1 21.9z",
1360
1370
  className: "st0"
1361
1371
  }
1362
1372
  ),
1363
- /* @__PURE__ */ import_react5.default.createElement(
1373
+ /* @__PURE__ */ import_react6.default.createElement(
1364
1374
  "path",
1365
1375
  {
1366
1376
  d: "M393 71.1c-.1 14.7-6.8 21.6-21.3 21.6-13.9 0-21.9-8.1-21.9-22.1 0-13.7 8.3-21.6 22.4-21.5 13.3.1 20.8 8.2 20.8 22z",
@@ -1368,7 +1378,7 @@ var Logos = {
1368
1378
  }
1369
1379
  )
1370
1380
  ),
1371
- hawa: (props) => /* @__PURE__ */ import_react5.default.createElement(
1381
+ hawa: (props) => /* @__PURE__ */ import_react6.default.createElement(
1372
1382
  "svg",
1373
1383
  {
1374
1384
  xmlns: "http://www.w3.org/2000/svg",
@@ -1376,7 +1386,7 @@ var Logos = {
1376
1386
  viewBox: "0 0 765 765",
1377
1387
  ...props
1378
1388
  },
1379
- /* @__PURE__ */ import_react5.default.createElement(
1389
+ /* @__PURE__ */ import_react6.default.createElement(
1380
1390
  "path",
1381
1391
  {
1382
1392
  d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
@@ -1384,7 +1394,7 @@ var Logos = {
1384
1394
  }
1385
1395
  )
1386
1396
  ),
1387
- sikka: (props) => /* @__PURE__ */ import_react5.default.createElement(
1397
+ sikka: (props) => /* @__PURE__ */ import_react6.default.createElement(
1388
1398
  "svg",
1389
1399
  {
1390
1400
  xmlns: "http://www.w3.org/2000/svg",
@@ -1394,11 +1404,11 @@ var Logos = {
1394
1404
  fill: "currentColor",
1395
1405
  ...props
1396
1406
  },
1397
- /* @__PURE__ */ import_react5.default.createElement("defs", null, /* @__PURE__ */ import_react5.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
1398
- /* @__PURE__ */ import_react5.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react5.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
1399
- /* @__PURE__ */ import_react5.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react5.default.createElement("defs", null, /* @__PURE__ */ import_react5.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react5.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react5.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react5.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react5.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
1407
+ /* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
1408
+ /* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react6.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
1409
+ /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react6.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
1400
1410
  ),
1401
- mail: (props) => /* @__PURE__ */ import_react5.default.createElement(
1411
+ mail: (props) => /* @__PURE__ */ import_react6.default.createElement(
1402
1412
  "svg",
1403
1413
  {
1404
1414
  stroke: "currentColor",
@@ -1410,10 +1420,10 @@ var Logos = {
1410
1420
  xmlns: "http://www.w3.org/2000/svg",
1411
1421
  ...props
1412
1422
  },
1413
- /* @__PURE__ */ import_react5.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
1414
- /* @__PURE__ */ import_react5.default.createElement("polyline", { points: "22,6 12,13 2,6" })
1423
+ /* @__PURE__ */ import_react6.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
1424
+ /* @__PURE__ */ import_react6.default.createElement("polyline", { points: "22,6 12,13 2,6" })
1415
1425
  ),
1416
- phone: (props) => /* @__PURE__ */ import_react5.default.createElement(
1426
+ phone: (props) => /* @__PURE__ */ import_react6.default.createElement(
1417
1427
  "svg",
1418
1428
  {
1419
1429
  stroke: "currentColor",
@@ -1424,7 +1434,7 @@ var Logos = {
1424
1434
  xmlns: "http://www.w3.org/2000/svg",
1425
1435
  ...props
1426
1436
  },
1427
- /* @__PURE__ */ import_react5.default.createElement(
1437
+ /* @__PURE__ */ import_react6.default.createElement(
1428
1438
  "path",
1429
1439
  {
1430
1440
  strokeLinecap: "round",
@@ -1433,14 +1443,14 @@ var Logos = {
1433
1443
  }
1434
1444
  )
1435
1445
  ),
1436
- twitter: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1446
+ twitter: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1437
1447
  "path",
1438
1448
  {
1439
1449
  fill: "currentColor",
1440
1450
  d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
1441
1451
  }
1442
1452
  )),
1443
- instagram: (props) => /* @__PURE__ */ import_react5.default.createElement(
1453
+ instagram: (props) => /* @__PURE__ */ import_react6.default.createElement(
1444
1454
  "svg",
1445
1455
  {
1446
1456
  xmlns: "http://www.w3.org/2000/svg",
@@ -1448,23 +1458,23 @@ var Logos = {
1448
1458
  viewBox: "0 0 16 16",
1449
1459
  ...props
1450
1460
  },
1451
- /* @__PURE__ */ import_react5.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
1461
+ /* @__PURE__ */ import_react6.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
1452
1462
  ),
1453
- microsoft: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1463
+ microsoft: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1454
1464
  "path",
1455
1465
  {
1456
1466
  fill: "currentColor",
1457
1467
  d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
1458
1468
  }
1459
1469
  )),
1460
- github: (props) => /* @__PURE__ */ import_react5.default.createElement(
1470
+ github: (props) => /* @__PURE__ */ import_react6.default.createElement(
1461
1471
  "svg",
1462
1472
  {
1463
1473
  xmlns: "http://www.w3.org/2000/svg",
1464
1474
  viewBox: "0 0 438.549 438.549",
1465
1475
  ...props
1466
1476
  },
1467
- /* @__PURE__ */ import_react5.default.createElement(
1477
+ /* @__PURE__ */ import_react6.default.createElement(
1468
1478
  "path",
1469
1479
  {
1470
1480
  fill: "currentColor",
@@ -1472,77 +1482,77 @@ var Logos = {
1472
1482
  }
1473
1483
  )
1474
1484
  ),
1475
- radix: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1485
+ radix: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1476
1486
  "path",
1477
1487
  {
1478
1488
  d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
1479
1489
  fill: "currentcolor"
1480
1490
  }
1481
- ), /* @__PURE__ */ import_react5.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react5.default.createElement(
1491
+ ), /* @__PURE__ */ import_react6.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react6.default.createElement(
1482
1492
  "path",
1483
1493
  {
1484
1494
  d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
1485
1495
  fill: "currentcolor"
1486
1496
  }
1487
1497
  )),
1488
- aria: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react5.default.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
1489
- npm: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1498
+ aria: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
1499
+ npm: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1490
1500
  "path",
1491
1501
  {
1492
1502
  d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
1493
1503
  fill: "currentColor"
1494
1504
  }
1495
1505
  )),
1496
- yarn: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1506
+ yarn: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1497
1507
  "path",
1498
1508
  {
1499
1509
  d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
1500
1510
  fill: "currentColor"
1501
1511
  }
1502
1512
  )),
1503
- pnpm: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1513
+ pnpm: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1504
1514
  "path",
1505
1515
  {
1506
1516
  d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
1507
1517
  fill: "currentColor"
1508
1518
  }
1509
1519
  )),
1510
- react: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1520
+ react: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1511
1521
  "path",
1512
1522
  {
1513
1523
  d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
1514
1524
  fill: "currentColor"
1515
1525
  }
1516
1526
  )),
1517
- tailwind: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1527
+ tailwind: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1518
1528
  "path",
1519
1529
  {
1520
1530
  d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
1521
1531
  fill: "currentColor"
1522
1532
  }
1523
1533
  )),
1524
- google: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1534
+ google: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1525
1535
  "path",
1526
1536
  {
1527
1537
  fill: "currentColor",
1528
1538
  d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
1529
1539
  }
1530
1540
  )),
1531
- apple: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1541
+ apple: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1532
1542
  "path",
1533
1543
  {
1534
1544
  d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
1535
1545
  fill: "currentColor"
1536
1546
  }
1537
1547
  )),
1538
- paypal: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.createElement(
1548
+ paypal: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
1539
1549
  "path",
1540
1550
  {
1541
1551
  d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
1542
1552
  fill: "currentColor"
1543
1553
  }
1544
1554
  )),
1545
- spinner: (props) => /* @__PURE__ */ import_react5.default.createElement(
1555
+ spinner: (props) => /* @__PURE__ */ import_react6.default.createElement(
1546
1556
  "svg",
1547
1557
  {
1548
1558
  xmlns: "http://www.w3.org/2000/svg",
@@ -1556,9 +1566,9 @@ var Logos = {
1556
1566
  strokeLinejoin: "round",
1557
1567
  ...props
1558
1568
  },
1559
- /* @__PURE__ */ import_react5.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
1569
+ /* @__PURE__ */ import_react6.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
1560
1570
  ),
1561
- whatsapp: (props) => /* @__PURE__ */ import_react5.default.createElement(
1571
+ whatsapp: (props) => /* @__PURE__ */ import_react6.default.createElement(
1562
1572
  "svg",
1563
1573
  {
1564
1574
  xmlns: "http://www.w3.org/2000/svg",
@@ -1566,7 +1576,7 @@ var Logos = {
1566
1576
  fill: "currentColor",
1567
1577
  ...props
1568
1578
  },
1569
- /* @__PURE__ */ import_react5.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
1579
+ /* @__PURE__ */ import_react6.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
1570
1580
  )
1571
1581
  };
1572
1582
 
@@ -2155,15 +2165,15 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
2155
2165
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
2156
2166
 
2157
2167
  // elements/alert/Alert.tsx
2158
- var import_react7 = __toESM(require("react"));
2168
+ var import_react8 = __toESM(require("react"));
2159
2169
 
2160
2170
  // elements/button/Button.tsx
2161
2171
  var React17 = __toESM(require("react"));
2162
2172
  var import_class_variance_authority3 = require("class-variance-authority");
2163
2173
 
2164
2174
  // elements/helperText/HelperText.tsx
2165
- var import_react6 = __toESM(require("react"));
2166
- var HelperText = ({ helperText }) => /* @__PURE__ */ import_react6.default.createElement(
2175
+ var import_react7 = __toESM(require("react"));
2176
+ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.createElement(
2167
2177
  "p",
2168
2178
  {
2169
2179
  className: cn(
@@ -2297,9 +2307,9 @@ var Alert = ({
2297
2307
  className,
2298
2308
  ...props
2299
2309
  }) => {
2300
- const alertRef = (0, import_react7.useRef)(null);
2301
- const [closed, setClosed] = (0, import_react7.useState)(false);
2302
- (0, import_react7.useEffect)(() => {
2310
+ const alertRef = (0, import_react8.useRef)(null);
2311
+ const [closed, setClosed] = (0, import_react8.useState)(false);
2312
+ (0, import_react8.useEffect)(() => {
2303
2313
  if (duration) {
2304
2314
  const timeoutHide = setTimeout(() => {
2305
2315
  setClosed(true);
@@ -2334,7 +2344,7 @@ var Alert = ({
2334
2344
  hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
2335
2345
  oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
2336
2346
  };
2337
- return /* @__PURE__ */ import_react7.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react7.default.createElement(
2347
+ return /* @__PURE__ */ import_react8.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react8.default.createElement(
2338
2348
  "div",
2339
2349
  {
2340
2350
  "data-testid": "alert",
@@ -2348,13 +2358,13 @@ var Alert = ({
2348
2358
  className
2349
2359
  )
2350
2360
  },
2351
- /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react7.default.createElement(
2361
+ /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react8.default.createElement(
2352
2362
  "div",
2353
2363
  {
2354
2364
  className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
2355
2365
  },
2356
2366
  icon
2357
- ), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react7.default.createElement(
2367
+ ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react8.default.createElement(
2358
2368
  "span",
2359
2369
  {
2360
2370
  className: cn(
@@ -2363,7 +2373,7 @@ var Alert = ({
2363
2373
  )
2364
2374
  },
2365
2375
  props.title
2366
- ), /* @__PURE__ */ import_react7.default.createElement(
2376
+ ), /* @__PURE__ */ import_react8.default.createElement(
2367
2377
  "span",
2368
2378
  {
2369
2379
  className: cn(
@@ -2372,7 +2382,7 @@ var Alert = ({
2372
2382
  )
2373
2383
  },
2374
2384
  props.text
2375
- ), props.actions && /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react7.default.createElement(
2385
+ ), props.actions && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react8.default.createElement(
2376
2386
  Button,
2377
2387
  {
2378
2388
  key: index,
@@ -2381,7 +2391,7 @@ var Alert = ({
2381
2391
  },
2382
2392
  act.label
2383
2393
  ))))),
2384
- !props.persistent && /* @__PURE__ */ import_react7.default.createElement(
2394
+ !props.persistent && /* @__PURE__ */ import_react8.default.createElement(
2385
2395
  "button",
2386
2396
  {
2387
2397
  type: "button",
@@ -2408,8 +2418,8 @@ var Alert = ({
2408
2418
  }
2409
2419
  }
2410
2420
  },
2411
- /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
2412
- /* @__PURE__ */ import_react7.default.createElement(
2421
+ /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
2422
+ /* @__PURE__ */ import_react8.default.createElement(
2413
2423
  "svg",
2414
2424
  {
2415
2425
  "aria-label": "Close Icon",
@@ -2418,7 +2428,7 @@ var Alert = ({
2418
2428
  fill: "currentColor",
2419
2429
  viewBox: "0 0 20 20"
2420
2430
  },
2421
- /* @__PURE__ */ import_react7.default.createElement(
2431
+ /* @__PURE__ */ import_react8.default.createElement(
2422
2432
  "path",
2423
2433
  {
2424
2434
  fillRule: "evenodd",
@@ -2432,12 +2442,12 @@ var Alert = ({
2432
2442
  };
2433
2443
 
2434
2444
  // elements/avatar/Avatar.tsx
2435
- var import_react9 = __toESM(require("react"));
2445
+ var import_react10 = __toESM(require("react"));
2436
2446
 
2437
2447
  // elements/fileUploader/FileUploader.tsx
2438
- var import_react8 = __toESM(require("react"));
2448
+ var import_react9 = __toESM(require("react"));
2439
2449
  var FileUploader = ({ handleFile, className }) => {
2440
- const hiddenFileInput = (0, import_react8.useRef)(null);
2450
+ const hiddenFileInput = (0, import_react9.useRef)(null);
2441
2451
  const handleClick = () => {
2442
2452
  var _a;
2443
2453
  (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
@@ -2446,7 +2456,7 @@ var FileUploader = ({ handleFile, className }) => {
2446
2456
  const fileUploaded = event.target.files[0];
2447
2457
  handleFile(fileUploaded);
2448
2458
  };
2449
- return /* @__PURE__ */ import_react8.default.createElement("div", { className }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react8.default.createElement(
2459
+ return /* @__PURE__ */ import_react9.default.createElement("div", { className }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react9.default.createElement(
2450
2460
  "input",
2451
2461
  {
2452
2462
  type: "file",
@@ -2487,7 +2497,7 @@ var Avatar = ({
2487
2497
  inherit: "hawa-rounded",
2488
2498
  none: "hawa-rounded-none"
2489
2499
  };
2490
- return /* @__PURE__ */ import_react9.default.createElement(
2500
+ return /* @__PURE__ */ import_react10.default.createElement(
2491
2501
  "div",
2492
2502
  {
2493
2503
  className: cn(
@@ -2497,7 +2507,7 @@ var Avatar = ({
2497
2507
  className
2498
2508
  )
2499
2509
  },
2500
- /* @__PURE__ */ import_react9.default.createElement(
2510
+ /* @__PURE__ */ import_react10.default.createElement(
2501
2511
  FileUploader,
2502
2512
  {
2503
2513
  className: cn(
@@ -2508,7 +2518,7 @@ var Avatar = ({
2508
2518
  )
2509
2519
  }
2510
2520
  ),
2511
- /* @__PURE__ */ import_react9.default.createElement(
2521
+ /* @__PURE__ */ import_react10.default.createElement(
2512
2522
  "img",
2513
2523
  {
2514
2524
  className: cn(
@@ -2521,7 +2531,7 @@ var Avatar = ({
2521
2531
  alt
2522
2532
  }
2523
2533
  ),
2524
- !src && !hideIcon && /* @__PURE__ */ import_react9.default.createElement(
2534
+ !src && !hideIcon && /* @__PURE__ */ import_react10.default.createElement(
2525
2535
  "div",
2526
2536
  {
2527
2537
  className: cn(
@@ -2529,7 +2539,7 @@ var Avatar = ({
2529
2539
  "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
2530
2540
  )
2531
2541
  },
2532
- icon ? icon : /* @__PURE__ */ import_react9.default.createElement(
2542
+ icon ? icon : /* @__PURE__ */ import_react10.default.createElement(
2533
2543
  "svg",
2534
2544
  {
2535
2545
  xmlns: "http://www.w3.org/2000/svg",
@@ -2541,8 +2551,8 @@ var Avatar = ({
2541
2551
  strokeLinecap: "round",
2542
2552
  strokeLinejoin: "round"
2543
2553
  },
2544
- /* @__PURE__ */ import_react9.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
2545
- /* @__PURE__ */ import_react9.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
2554
+ /* @__PURE__ */ import_react10.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
2555
+ /* @__PURE__ */ import_react10.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
2546
2556
  )
2547
2557
  )
2548
2558
  );
@@ -2553,8 +2563,8 @@ var React23 = __toESM(require("react"));
2553
2563
  var import_react_table = require("@tanstack/react-table");
2554
2564
 
2555
2565
  // elements/input/Input.tsx
2556
- var import_react10 = __toESM(require("react"));
2557
- var Input = (0, import_react10.forwardRef)(
2566
+ var import_react11 = __toESM(require("react"));
2567
+ var Input = (0, import_react11.forwardRef)(
2558
2568
  ({
2559
2569
  margin = "none",
2560
2570
  width = "full",
@@ -2598,7 +2608,7 @@ var Input = (0, import_react10.forwardRef)(
2598
2608
  props.onChange(newEvent);
2599
2609
  }
2600
2610
  };
2601
- return /* @__PURE__ */ import_react10.default.createElement(
2611
+ return /* @__PURE__ */ import_react11.default.createElement(
2602
2612
  "div",
2603
2613
  {
2604
2614
  className: cn(
@@ -2609,8 +2619,8 @@ var Input = (0, import_react10.forwardRef)(
2609
2619
  "hawa-w-full hawa-gap-2"
2610
2620
  )
2611
2621
  },
2612
- props.label && /* @__PURE__ */ import_react10.default.createElement(Label2, { ...labelProps }, props.label),
2613
- /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react10.default.createElement(
2622
+ props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label),
2623
+ /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react11.default.createElement(
2614
2624
  "span",
2615
2625
  {
2616
2626
  className: cn(
@@ -2619,7 +2629,7 @@ var Input = (0, import_react10.forwardRef)(
2619
2629
  )
2620
2630
  },
2621
2631
  props.outsidePrefix
2622
- ), props.isLoading ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react10.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react10.default.createElement(
2632
+ ), props.isLoading ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react11.default.createElement(
2623
2633
  "div",
2624
2634
  {
2625
2635
  className: cn(
@@ -2627,7 +2637,7 @@ var Input = (0, import_react10.forwardRef)(
2627
2637
  preview ? "hawa-opacity-100" : "hawa-opacity-0"
2628
2638
  )
2629
2639
  }
2630
- ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react10.default.createElement(
2640
+ ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react11.default.createElement(
2631
2641
  "div",
2632
2642
  {
2633
2643
  className: cn(
@@ -2636,7 +2646,7 @@ var Input = (0, import_react10.forwardRef)(
2636
2646
  )
2637
2647
  },
2638
2648
  props.endIcon
2639
- ), /* @__PURE__ */ import_react10.default.createElement(
2649
+ ), /* @__PURE__ */ import_react11.default.createElement(
2640
2650
  "input",
2641
2651
  {
2642
2652
  required: true,
@@ -2662,7 +2672,7 @@ var Input = (0, import_react10.forwardRef)(
2662
2672
  inputProps == null ? void 0 : inputProps.className
2663
2673
  )
2664
2674
  }
2665
- )), !forceHideHelperText && /* @__PURE__ */ import_react10.default.createElement(
2675
+ )), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
2666
2676
  "p",
2667
2677
  {
2668
2678
  className: cn(
@@ -2671,7 +2681,7 @@ var Input = (0, import_react10.forwardRef)(
2671
2681
  )
2672
2682
  },
2673
2683
  props.helperText
2674
- ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react10.default.createElement(
2684
+ ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
2675
2685
  "div",
2676
2686
  {
2677
2687
  className: cn(
@@ -2680,7 +2690,7 @@ var Input = (0, import_react10.forwardRef)(
2680
2690
  )
2681
2691
  },
2682
2692
  props.helperText
2683
- ), showCount && /* @__PURE__ */ import_react10.default.createElement(
2693
+ ), showCount && /* @__PURE__ */ import_react11.default.createElement(
2684
2694
  "div",
2685
2695
  {
2686
2696
  className: cn(
@@ -3177,12 +3187,12 @@ var DataTable = ({
3177
3187
  };
3178
3188
 
3179
3189
  // elements/backToTop/BackToTop.tsx
3180
- var import_react11 = __toESM(require("react"));
3190
+ var import_react12 = __toESM(require("react"));
3181
3191
  var BackToTop = ({ ...props }) => {
3182
- const [visible, setVisible] = (0, import_react11.useState)(false);
3183
- const [rect, _setRect] = (0, import_react11.useState)(null);
3184
- const self = (0, import_react11.useRef)(null);
3185
- const _rect = (0, import_react11.useRef)(rect);
3192
+ const [visible, setVisible] = (0, import_react12.useState)(false);
3193
+ const [rect, _setRect] = (0, import_react12.useState)(null);
3194
+ const self = (0, import_react12.useRef)(null);
3195
+ const _rect = (0, import_react12.useRef)(rect);
3186
3196
  const setRect = (data) => {
3187
3197
  _rect.current = data;
3188
3198
  _setRect(data);
@@ -3207,7 +3217,7 @@ var BackToTop = ({ ...props }) => {
3207
3217
  props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
3208
3218
  }
3209
3219
  };
3210
- (0, import_react11.useEffect)(() => {
3220
+ (0, import_react12.useEffect)(() => {
3211
3221
  if (!props.anchor.current)
3212
3222
  return;
3213
3223
  props.anchor.current.addEventListener("scroll", onScroll);
@@ -3243,7 +3253,7 @@ var BackToTop = ({ ...props }) => {
3243
3253
  };
3244
3254
  return style;
3245
3255
  };
3246
- return /* @__PURE__ */ import_react11.default.createElement(
3256
+ return /* @__PURE__ */ import_react12.default.createElement(
3247
3257
  Button,
3248
3258
  {
3249
3259
  className: cn(
@@ -3258,7 +3268,7 @@ var BackToTop = ({ ...props }) => {
3258
3268
  ref: self,
3259
3269
  size: "icon"
3260
3270
  },
3261
- /* @__PURE__ */ import_react11.default.createElement(
3271
+ /* @__PURE__ */ import_react12.default.createElement(
3262
3272
  "svg",
3263
3273
  {
3264
3274
  className: cn(
@@ -3268,13 +3278,13 @@ var BackToTop = ({ ...props }) => {
3268
3278
  viewBox: "0 0 20 20",
3269
3279
  fill: "currentColor"
3270
3280
  },
3271
- /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
3281
+ /* @__PURE__ */ import_react12.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
3272
3282
  )
3273
3283
  );
3274
3284
  };
3275
3285
 
3276
3286
  // elements/radio/Radio.tsx
3277
- var import_react12 = __toESM(require("react"));
3287
+ var import_react13 = __toESM(require("react"));
3278
3288
 
3279
3289
  // elements/popover/Popover.tsx
3280
3290
  var React25 = __toESM(require("react"));
@@ -3343,7 +3353,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
3343
3353
  var PopoverRoot = PopoverPrimitive.Root;
3344
3354
 
3345
3355
  // elements/radio/Radio.tsx
3346
- var Radio = (0, import_react12.forwardRef)(
3356
+ var Radio = (0, import_react13.forwardRef)(
3347
3357
  ({
3348
3358
  design = "default",
3349
3359
  width = "default",
@@ -3375,15 +3385,15 @@ var Radio = (0, import_react12.forwardRef)(
3375
3385
  default: "hawa-max-w-fit",
3376
3386
  full: "hawa-w-full"
3377
3387
  };
3378
- const [parentDirection, setParentDirection] = import_react12.default.useState(
3388
+ const [parentDirection, setParentDirection] = import_react13.default.useState(
3379
3389
  null
3380
3390
  );
3381
- const [selectedOption, setSelectedOption] = (0, import_react12.useState)(
3391
+ const [selectedOption, setSelectedOption] = (0, import_react13.useState)(
3382
3392
  props.defaultValue || props.value
3383
3393
  );
3384
- const [openTooltip, setOpenTooltip] = (0, import_react12.useState)(null);
3385
- const parentRef = (0, import_react12.useRef)(null);
3386
- (0, import_react12.useEffect)(() => {
3394
+ const [openTooltip, setOpenTooltip] = (0, import_react13.useState)(null);
3395
+ const parentRef = (0, import_react13.useRef)(null);
3396
+ (0, import_react13.useEffect)(() => {
3387
3397
  var _a2;
3388
3398
  const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
3389
3399
  if (parentNode) {
@@ -3409,7 +3419,7 @@ var Radio = (0, import_react12.forwardRef)(
3409
3419
  ];
3410
3420
  switch (design) {
3411
3421
  case "tabs":
3412
- return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement(
3422
+ return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement(
3413
3423
  "ul",
3414
3424
  {
3415
3425
  ref: parentRef,
@@ -3422,21 +3432,21 @@ var Radio = (0, import_react12.forwardRef)(
3422
3432
  )
3423
3433
  },
3424
3434
  (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
3425
- return opt.tooltip ? /* @__PURE__ */ import_react12.default.createElement(
3435
+ return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
3426
3436
  PopoverRoot,
3427
3437
  {
3428
3438
  key: o,
3429
3439
  open: o === openTooltip,
3430
3440
  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
3431
3441
  },
3432
- /* @__PURE__ */ import_react12.default.createElement(
3442
+ /* @__PURE__ */ import_react13.default.createElement(
3433
3443
  PopoverTrigger,
3434
3444
  {
3435
3445
  onMouseEnter: () => setOpenTooltip(o),
3436
3446
  onMouseLeave: () => setOpenTooltip(null),
3437
3447
  asChild: true
3438
3448
  },
3439
- /* @__PURE__ */ import_react12.default.createElement(
3449
+ /* @__PURE__ */ import_react13.default.createElement(
3440
3450
  "li",
3441
3451
  {
3442
3452
  "aria-current": "page",
@@ -3454,8 +3464,8 @@ var Radio = (0, import_react12.forwardRef)(
3454
3464
  opt.label
3455
3465
  )
3456
3466
  ),
3457
- /* @__PURE__ */ import_react12.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
3458
- ) : /* @__PURE__ */ import_react12.default.createElement(
3467
+ /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
3468
+ ) : /* @__PURE__ */ import_react13.default.createElement(
3459
3469
  "li",
3460
3470
  {
3461
3471
  key: o,
@@ -3474,7 +3484,7 @@ var Radio = (0, import_react12.forwardRef)(
3474
3484
  opt.label
3475
3485
  );
3476
3486
  })
3477
- ), !forceHideHelperText && /* @__PURE__ */ import_react12.default.createElement(
3487
+ ), !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(
3478
3488
  "p",
3479
3489
  {
3480
3490
  className: cn(
@@ -3485,7 +3495,7 @@ var Radio = (0, import_react12.forwardRef)(
3485
3495
  props.helperText
3486
3496
  ));
3487
3497
  case "bordered":
3488
- return /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react12.default.createElement(
3498
+ return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react13.default.createElement(
3489
3499
  "div",
3490
3500
  {
3491
3501
  className: cn(
@@ -3494,7 +3504,7 @@ var Radio = (0, import_react12.forwardRef)(
3494
3504
  ),
3495
3505
  key: i + 1
3496
3506
  },
3497
- /* @__PURE__ */ import_react12.default.createElement(
3507
+ /* @__PURE__ */ import_react13.default.createElement(
3498
3508
  "input",
3499
3509
  {
3500
3510
  disabled: opt.disabled,
@@ -3505,7 +3515,7 @@ var Radio = (0, import_react12.forwardRef)(
3505
3515
  onChange: () => handleChange(opt)
3506
3516
  }
3507
3517
  ),
3508
- /* @__PURE__ */ import_react12.default.createElement(
3518
+ /* @__PURE__ */ import_react13.default.createElement(
3509
3519
  "label",
3510
3520
  {
3511
3521
  htmlFor: opt.value.toString(),
@@ -3518,7 +3528,7 @@ var Radio = (0, import_react12.forwardRef)(
3518
3528
  )
3519
3529
  ))));
3520
3530
  case "cards":
3521
- return /* @__PURE__ */ import_react12.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react12.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react12.default.createElement(
3531
+ return /* @__PURE__ */ import_react13.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react13.default.createElement(
3522
3532
  "input",
3523
3533
  {
3524
3534
  type: "radio",
@@ -3529,7 +3539,7 @@ var Radio = (0, import_react12.forwardRef)(
3529
3539
  required: true,
3530
3540
  disabled: opt.disabled
3531
3541
  }
3532
- ), /* @__PURE__ */ import_react12.default.createElement(
3542
+ ), /* @__PURE__ */ import_react13.default.createElement(
3533
3543
  "label",
3534
3544
  {
3535
3545
  htmlFor: opt.value.toString(),
@@ -3538,10 +3548,10 @@ var Radio = (0, import_react12.forwardRef)(
3538
3548
  opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
3539
3549
  )
3540
3550
  },
3541
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
3551
+ /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
3542
3552
  ))));
3543
3553
  default:
3544
- return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement(
3554
+ return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
3545
3555
  "div",
3546
3556
  {
3547
3557
  className: cn(
@@ -3550,7 +3560,7 @@ var Radio = (0, import_react12.forwardRef)(
3550
3560
  ),
3551
3561
  key: i + 1
3552
3562
  },
3553
- /* @__PURE__ */ import_react12.default.createElement(
3563
+ /* @__PURE__ */ import_react13.default.createElement(
3554
3564
  "input",
3555
3565
  {
3556
3566
  disabled: opt.disabled,
@@ -3561,7 +3571,7 @@ var Radio = (0, import_react12.forwardRef)(
3561
3571
  onChange: () => handleChange(opt)
3562
3572
  }
3563
3573
  ),
3564
- /* @__PURE__ */ import_react12.default.createElement(
3574
+ /* @__PURE__ */ import_react13.default.createElement(
3565
3575
  "label",
3566
3576
  {
3567
3577
  htmlFor: opt.value.toString(),
@@ -3572,7 +3582,7 @@ var Radio = (0, import_react12.forwardRef)(
3572
3582
  },
3573
3583
  opt.label
3574
3584
  )
3575
- ))), /* @__PURE__ */ import_react12.default.createElement(
3585
+ ))), /* @__PURE__ */ import_react13.default.createElement(
3576
3586
  "p",
3577
3587
  {
3578
3588
  className: cn(
@@ -3943,7 +3953,7 @@ var Textarea = React29.forwardRef(
3943
3953
  Textarea.displayName = "Textarea";
3944
3954
 
3945
3955
  // elements/fileDropzone/FileDropzone.tsx
3946
- var import_react13 = __toESM(require("react"));
3956
+ var import_react14 = __toESM(require("react"));
3947
3957
  var import_react_dropzone = require("react-dropzone");
3948
3958
  var import_clsx2 = __toESM(require("clsx"));
3949
3959
  var FileDropzone = ({
@@ -3965,8 +3975,8 @@ var FileDropzone = ({
3965
3975
  privacyLink
3966
3976
  }) => {
3967
3977
  var _a, _b, _c, _d, _e, _f;
3968
- const [cmp, setCmp] = (0, import_react13.useState)(0);
3969
- const [max, setMax] = (0, import_react13.useState)(0);
3978
+ const [cmp, setCmp] = (0, import_react14.useState)(0);
3979
+ const [max, setMax] = (0, import_react14.useState)(0);
3970
3980
  const {
3971
3981
  getRootProps,
3972
3982
  getInputProps,
@@ -3988,7 +3998,7 @@ var FileDropzone = ({
3988
3998
  );
3989
3999
  }
3990
4000
  });
3991
- (0, import_react13.useEffect)(
4001
+ (0, import_react14.useEffect)(
3992
4002
  () => () => {
3993
4003
  files == null ? void 0 : files.forEach((file) => {
3994
4004
  URL.revokeObjectURL(file.preview);
@@ -3996,7 +4006,7 @@ var FileDropzone = ({
3996
4006
  },
3997
4007
  [files]
3998
4008
  );
3999
- (0, import_react13.useEffect)(() => {
4009
+ (0, import_react14.useEffect)(() => {
4000
4010
  setFiles(acceptedFiles);
4001
4011
  }, [acceptedFiles, cmp, setFiles]);
4002
4012
  onClearFiles = () => {
@@ -4008,7 +4018,7 @@ var FileDropzone = ({
4008
4018
  acceptedFiles.length = 0;
4009
4019
  setFiles([]);
4010
4020
  };
4011
- (0, import_react13.useEffect)(() => {
4021
+ (0, import_react14.useEffect)(() => {
4012
4022
  if (maxSize > 0) {
4013
4023
  const k = 1024;
4014
4024
  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
@@ -4021,7 +4031,7 @@ var FileDropzone = ({
4021
4031
  const errs = fileRejections.map((rej, i) => {
4022
4032
  switch (rej.errors[0].code) {
4023
4033
  case "file-too-large":
4024
- return /* @__PURE__ */ import_react13.default.createElement(
4034
+ return /* @__PURE__ */ import_react14.default.createElement(
4025
4035
  Alert,
4026
4036
  {
4027
4037
  key: i,
@@ -4031,7 +4041,7 @@ var FileDropzone = ({
4031
4041
  }
4032
4042
  );
4033
4043
  case "too-many-files":
4034
- return /* @__PURE__ */ import_react13.default.createElement(
4044
+ return /* @__PURE__ */ import_react14.default.createElement(
4035
4045
  Alert,
4036
4046
  {
4037
4047
  key: i,
@@ -4041,7 +4051,7 @@ var FileDropzone = ({
4041
4051
  }
4042
4052
  );
4043
4053
  case "file-invalid-type":
4044
- return /* @__PURE__ */ import_react13.default.createElement(
4054
+ return /* @__PURE__ */ import_react14.default.createElement(
4045
4055
  Alert,
4046
4056
  {
4047
4057
  key: i,
@@ -4051,7 +4061,7 @@ var FileDropzone = ({
4051
4061
  }
4052
4062
  );
4053
4063
  default:
4054
- return /* @__PURE__ */ import_react13.default.createElement(
4064
+ return /* @__PURE__ */ import_react14.default.createElement(
4055
4065
  Alert,
4056
4066
  {
4057
4067
  key: i,
@@ -4062,7 +4072,7 @@ var FileDropzone = ({
4062
4072
  );
4063
4073
  }
4064
4074
  });
4065
- const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react13.default.createElement(
4075
+ const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react14.default.createElement(
4066
4076
  "button",
4067
4077
  {
4068
4078
  onClick: (e) => {
@@ -4075,7 +4085,7 @@ var FileDropzone = ({
4075
4085
  className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
4076
4086
  "data-modal-toggle": "defaultModal"
4077
4087
  },
4078
- /* @__PURE__ */ import_react13.default.createElement(
4088
+ /* @__PURE__ */ import_react14.default.createElement(
4079
4089
  "svg",
4080
4090
  {
4081
4091
  "aria-hidden": "true",
@@ -4083,7 +4093,7 @@ var FileDropzone = ({
4083
4093
  fill: "currentColor",
4084
4094
  viewBox: "0 0 20 20"
4085
4095
  },
4086
- /* @__PURE__ */ import_react13.default.createElement(
4096
+ /* @__PURE__ */ import_react14.default.createElement(
4087
4097
  "path",
4088
4098
  {
4089
4099
  fillRule: "evenodd",
@@ -4092,8 +4102,8 @@ var FileDropzone = ({
4092
4102
  }
4093
4103
  )
4094
4104
  ),
4095
- /* @__PURE__ */ import_react13.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
4096
- ), /* @__PURE__ */ import_react13.default.createElement(
4105
+ /* @__PURE__ */ import_react14.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
4106
+ ), /* @__PURE__ */ import_react14.default.createElement(
4097
4107
  "div",
4098
4108
  {
4099
4109
  style: {
@@ -4112,7 +4122,7 @@ var FileDropzone = ({
4112
4122
  key: file.name
4113
4123
  }
4114
4124
  )));
4115
- return /* @__PURE__ */ import_react13.default.createElement("div", null, label && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react13.default.createElement(
4125
+ return /* @__PURE__ */ import_react14.default.createElement("div", null, label && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react14.default.createElement(
4116
4126
  "div",
4117
4127
  {
4118
4128
  className: (0, import_clsx2.default)(
@@ -4120,7 +4130,7 @@ var FileDropzone = ({
4120
4130
  isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
4121
4131
  )
4122
4132
  },
4123
- /* @__PURE__ */ import_react13.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react13.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react13.default.createElement(
4133
+ /* @__PURE__ */ import_react14.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react14.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react14.default.createElement(
4124
4134
  "svg",
4125
4135
  {
4126
4136
  stroke: "currentColor",
@@ -4132,28 +4142,28 @@ var FileDropzone = ({
4132
4142
  height: "1.5em",
4133
4143
  width: "1.5em"
4134
4144
  },
4135
- /* @__PURE__ */ import_react13.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
4136
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
4137
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
4138
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 3l0 .01" }),
4139
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M7 3l0 .01" }),
4140
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M11 3l0 .01" }),
4141
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M15 3l0 .01" }),
4142
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 7l0 .01" }),
4143
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 11l0 .01" }),
4144
- /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 15l0 .01" })
4145
- ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
4146
- acceptedFiles.length > 0 && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg hawa-p-2 " }, /* @__PURE__ */ import_react13.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
4147
- acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react13.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center hawa-gap-2 hawa-rounded-lg hawa-p-2" }, thumbs) : null,
4148
- /* @__PURE__ */ import_react13.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
4149
- ), disclaimer && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react13.default.createElement(
4145
+ /* @__PURE__ */ import_react14.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
4146
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
4147
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
4148
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 3l0 .01" }),
4149
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M7 3l0 .01" }),
4150
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M11 3l0 .01" }),
4151
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M15 3l0 .01" }),
4152
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 7l0 .01" }),
4153
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 11l0 .01" }),
4154
+ /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 15l0 .01" })
4155
+ ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
4156
+ acceptedFiles.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg hawa-p-2 " }, /* @__PURE__ */ import_react14.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
4157
+ acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react14.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center hawa-gap-2 hawa-rounded-lg hawa-p-2" }, thumbs) : null,
4158
+ /* @__PURE__ */ import_react14.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
4159
+ ), disclaimer && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react14.default.createElement(
4150
4160
  "a",
4151
4161
  {
4152
4162
  href: termsLink,
4153
4163
  className: "clickable-link hawa-text-muted-foreground/50"
4154
4164
  },
4155
4165
  (_d = texts.terms) != null ? _d : "Terms"
4156
- ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react13.default.createElement(
4166
+ ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react14.default.createElement(
4157
4167
  "a",
4158
4168
  {
4159
4169
  href: privacyLink,
@@ -4164,9 +4174,9 @@ var FileDropzone = ({
4164
4174
  };
4165
4175
 
4166
4176
  // elements/sortButton/SortButton.tsx
4167
- var import_react14 = __toESM(require("react"));
4177
+ var import_react15 = __toESM(require("react"));
4168
4178
  var SortButton = (props) => {
4169
- return /* @__PURE__ */ import_react14.default.createElement(
4179
+ return /* @__PURE__ */ import_react15.default.createElement(
4170
4180
  Button,
4171
4181
  {
4172
4182
  variant: "ghost",
@@ -4178,7 +4188,7 @@ var SortButton = (props) => {
4178
4188
  onClick: props.onSort
4179
4189
  },
4180
4190
  props.label,
4181
- /* @__PURE__ */ import_react14.default.createElement(
4191
+ /* @__PURE__ */ import_react15.default.createElement(
4182
4192
  "svg",
4183
4193
  {
4184
4194
  xmlns: "http://www.w3.org/2000/svg",
@@ -4190,10 +4200,10 @@ var SortButton = (props) => {
4190
4200
  strokeLinejoin: "round",
4191
4201
  className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
4192
4202
  },
4193
- /* @__PURE__ */ import_react14.default.createElement("path", { d: "m21 16-4 4-4-4" }),
4194
- /* @__PURE__ */ import_react14.default.createElement("path", { d: "M17 20V4" }),
4195
- /* @__PURE__ */ import_react14.default.createElement("path", { d: "m3 8 4-4 4 4" }),
4196
- /* @__PURE__ */ import_react14.default.createElement("path", { d: "M7 4v16" })
4203
+ /* @__PURE__ */ import_react15.default.createElement("path", { d: "m21 16-4 4-4-4" }),
4204
+ /* @__PURE__ */ import_react15.default.createElement("path", { d: "M17 20V4" }),
4205
+ /* @__PURE__ */ import_react15.default.createElement("path", { d: "m3 8 4-4 4 4" }),
4206
+ /* @__PURE__ */ import_react15.default.createElement("path", { d: "M7 4v16" })
4197
4207
  )
4198
4208
  );
4199
4209
  };
@@ -4202,34 +4212,34 @@ var SortButton = (props) => {
4202
4212
  var React42 = __toESM(require("react"));
4203
4213
 
4204
4214
  // hooks/useIsomorphicEffect.ts
4205
- var import_react15 = require("react");
4215
+ var import_react16 = require("react");
4206
4216
 
4207
4217
  // hooks/useDiscloser.ts
4208
- var import_react16 = require("react");
4218
+ var import_react17 = require("react");
4209
4219
 
4210
4220
  // hooks/useHover.ts
4211
- var import_react17 = require("react");
4221
+ var import_react18 = require("react");
4212
4222
 
4213
4223
  // hooks/useToast.ts
4214
4224
  var React34 = __toESM(require("react"));
4215
4225
 
4216
4226
  // hooks/useCarousel.ts
4217
- var import_react18 = require("react");
4227
+ var import_react19 = require("react");
4218
4228
 
4219
4229
  // hooks/useDialogCarousel.ts
4220
- var import_react19 = require("react");
4230
+ var import_react20 = require("react");
4221
4231
  var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
4222
4232
  var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
4223
4233
 
4224
4234
  // hooks/useDialogSteps.ts
4225
- var import_react20 = require("react");
4235
+ var import_react21 = require("react");
4226
4236
 
4227
4237
  // hooks/useClipboard.ts
4228
- var import_react21 = require("react");
4238
+ var import_react22 = require("react");
4229
4239
  function useClipboard({ timeout = 2e3 } = {}) {
4230
- const [error, setError] = (0, import_react21.useState)(null);
4231
- const [copied, setCopied] = (0, import_react21.useState)(false);
4232
- const [copyTimeout, setCopyTimeout] = (0, import_react21.useState)(null);
4240
+ const [error, setError] = (0, import_react22.useState)(null);
4241
+ const [copied, setCopied] = (0, import_react22.useState)(false);
4242
+ const [copyTimeout, setCopyTimeout] = (0, import_react22.useState)(null);
4233
4243
  const handleCopyResult = (value) => {
4234
4244
  clearTimeout(copyTimeout);
4235
4245
  setCopyTimeout(setTimeout(() => setCopied(false), timeout));
@@ -4251,31 +4261,31 @@ function useClipboard({ timeout = 2e3 } = {}) {
4251
4261
  }
4252
4262
 
4253
4263
  // hooks/useBreakpoint.ts
4254
- var import_react22 = require("react");
4264
+ var import_react23 = require("react");
4255
4265
 
4256
4266
  // hooks/useWindowSize.ts
4257
- var import_react23 = require("react");
4267
+ var import_react24 = require("react");
4258
4268
 
4259
4269
  // hooks/useFocusWithin.ts
4260
- var import_react24 = require("react");
4270
+ var import_react25 = require("react");
4261
4271
 
4262
4272
  // hooks/useMediaQuery.ts
4263
- var import_react25 = require("react");
4273
+ var import_react26 = require("react");
4264
4274
 
4265
4275
  // hooks/useScrollPosition.ts
4266
- var import_react26 = require("react");
4276
+ var import_react27 = require("react");
4267
4277
 
4268
4278
  // hooks/useTable.ts
4269
- var import_react27 = require("react");
4279
+ var import_react28 = require("react");
4270
4280
 
4271
4281
  // hooks/useTabs.ts
4272
- var import_react28 = require("react");
4282
+ var import_react29 = require("react");
4273
4283
 
4274
4284
  // hooks/useMeasureDirty.ts
4275
- var import_react29 = require("react");
4285
+ var import_react30 = require("react");
4276
4286
  var useMeasureDirty = (ref) => {
4277
- const frame = (0, import_react29.useRef)(0);
4278
- const [rect, set] = (0, import_react29.useState)({
4287
+ const frame = (0, import_react30.useRef)(0);
4288
+ const [rect, set] = (0, import_react30.useState)({
4279
4289
  width: 0,
4280
4290
  height: 0,
4281
4291
  top: 0,
@@ -4283,7 +4293,7 @@ var useMeasureDirty = (ref) => {
4283
4293
  bottom: 0,
4284
4294
  right: 0
4285
4295
  });
4286
- const [observer] = (0, import_react29.useState)(
4296
+ const [observer] = (0, import_react30.useState)(
4287
4297
  () => new ResizeObserver((entries) => {
4288
4298
  const entry = entries[0];
4289
4299
  if (entry) {
@@ -4296,7 +4306,7 @@ var useMeasureDirty = (ref) => {
4296
4306
  }
4297
4307
  })
4298
4308
  );
4299
- (0, import_react29.useEffect)(() => {
4309
+ (0, import_react30.useEffect)(() => {
4300
4310
  observer.disconnect();
4301
4311
  if (ref.current) {
4302
4312
  observer.observe(ref.current);
@@ -4306,7 +4316,7 @@ var useMeasureDirty = (ref) => {
4306
4316
  };
4307
4317
 
4308
4318
  // hooks/useOutsideClick.ts
4309
- var import_react30 = __toESM(require("react"));
4319
+ var import_react31 = __toESM(require("react"));
4310
4320
 
4311
4321
  // elements/tabs/Tabs.tsx
4312
4322
  var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
@@ -4502,7 +4512,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
4502
4512
  TabsContent.displayName = TabsPrimitive.Content.displayName;
4503
4513
 
4504
4514
  // elements/select/Select.tsx
4505
- var import_react31 = __toESM(require("react"));
4515
+ var import_react32 = __toESM(require("react"));
4506
4516
  var import_react_select = __toESM(require("react-select"));
4507
4517
  var import_creatable = __toESM(require("react-select/creatable"));
4508
4518
  var import_clsx3 = __toESM(require("clsx"));
@@ -4513,10 +4523,10 @@ var Select = ({
4513
4523
  }) => {
4514
4524
  const NoOption = () => {
4515
4525
  var _a, _b;
4516
- return /* @__PURE__ */ import_react31.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
4526
+ return /* @__PURE__ */ import_react32.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
4517
4527
  };
4518
4528
  const Control = ({ children, innerProps, innerRef }) => {
4519
- return /* @__PURE__ */ import_react31.default.createElement(
4529
+ return /* @__PURE__ */ import_react32.default.createElement(
4520
4530
  "div",
4521
4531
  {
4522
4532
  ref: innerRef,
@@ -4529,7 +4539,7 @@ var Select = ({
4529
4539
  );
4530
4540
  };
4531
4541
  const Option = ({ children, innerProps, innerRef }) => {
4532
- return /* @__PURE__ */ import_react31.default.createElement(
4542
+ return /* @__PURE__ */ import_react32.default.createElement(
4533
4543
  "div",
4534
4544
  {
4535
4545
  ref: innerRef,
@@ -4550,7 +4560,7 @@ var Select = ({
4550
4560
  ...menuProps
4551
4561
  }) => {
4552
4562
  const menuOpen = menuProps.selectProps.menuIsOpen;
4553
- return /* @__PURE__ */ import_react31.default.createElement(
4563
+ return /* @__PURE__ */ import_react32.default.createElement(
4554
4564
  "div",
4555
4565
  {
4556
4566
  className: cn(
@@ -4564,7 +4574,7 @@ var Select = ({
4564
4574
  children
4565
4575
  );
4566
4576
  };
4567
- return /* @__PURE__ */ import_react31.default.createElement(
4577
+ return /* @__PURE__ */ import_react32.default.createElement(
4568
4578
  "div",
4569
4579
  {
4570
4580
  className: cn(
@@ -4572,10 +4582,10 @@ var Select = ({
4572
4582
  props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
4573
4583
  )
4574
4584
  },
4575
- props.label && /* @__PURE__ */ import_react31.default.createElement(Label2, { ...labelProps }, props.label),
4576
- props.isLoading ? /* @__PURE__ */ import_react31.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
4585
+ props.label && /* @__PURE__ */ import_react32.default.createElement(Label2, { ...labelProps }, props.label),
4586
+ props.isLoading ? /* @__PURE__ */ import_react32.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
4577
4587
  // TODO: enable keyboard to go to the next item in the list
4578
- /* @__PURE__ */ import_react31.default.createElement(
4588
+ /* @__PURE__ */ import_react32.default.createElement(
4579
4589
  import_react_select.default,
4580
4590
  {
4581
4591
  noOptionsMessage: NoOption,
@@ -4614,7 +4624,7 @@ var Select = ({
4614
4624
  // {...e}
4615
4625
  // />
4616
4626
  // ),
4617
- ValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
4627
+ ValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
4618
4628
  "div",
4619
4629
  {
4620
4630
  className: cn(
@@ -4624,7 +4634,7 @@ var Select = ({
4624
4634
  ...e
4625
4635
  }
4626
4636
  ),
4627
- MultiValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
4637
+ MultiValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
4628
4638
  "div",
4629
4639
  {
4630
4640
  className: cn(
@@ -4646,7 +4656,7 @@ var Select = ({
4646
4656
  isSearchable: props.isSearchable
4647
4657
  }
4648
4658
  )
4649
- ) : /* @__PURE__ */ import_react31.default.createElement(
4659
+ ) : /* @__PURE__ */ import_react32.default.createElement(
4650
4660
  import_creatable.default,
4651
4661
  {
4652
4662
  formatCreateLabel: (inputValue) => {
@@ -4676,7 +4686,7 @@ var Select = ({
4676
4686
  onInputChange: (newValue, action) => props.onInputChange(newValue, action)
4677
4687
  }
4678
4688
  ),
4679
- !props.hideHelperText && /* @__PURE__ */ import_react31.default.createElement(
4689
+ !props.hideHelperText && /* @__PURE__ */ import_react32.default.createElement(
4680
4690
  "p",
4681
4691
  {
4682
4692
  className: cn(
@@ -4926,7 +4936,7 @@ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @_
4926
4936
  Progress.displayName = ProgressPrimitive.Root.displayName;
4927
4937
 
4928
4938
  // elements/breadcrumb/Breadcrumb.tsx
4929
- var import_react32 = __toESM(require("react"));
4939
+ var import_react33 = __toESM(require("react"));
4930
4940
  var Breadcrumb = ({
4931
4941
  breadcrumbLinks,
4932
4942
  separator = ">",
@@ -4937,7 +4947,7 @@ var Breadcrumb = ({
4937
4947
  small: "hawa-text-sm",
4938
4948
  xs: "hawa-text-xs"
4939
4949
  };
4940
- return /* @__PURE__ */ import_react32.default.createElement(
4950
+ return /* @__PURE__ */ import_react33.default.createElement(
4941
4951
  "div",
4942
4952
  {
4943
4953
  className: cn(
@@ -4945,13 +4955,13 @@ var Breadcrumb = ({
4945
4955
  textStyles[size]
4946
4956
  )
4947
4957
  },
4948
- breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react32.default.createElement(
4958
+ breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react33.default.createElement(
4949
4959
  "div",
4950
4960
  {
4951
4961
  key: index,
4952
4962
  className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
4953
4963
  },
4954
- /* @__PURE__ */ import_react32.default.createElement(
4964
+ /* @__PURE__ */ import_react33.default.createElement(
4955
4965
  "a",
4956
4966
  {
4957
4967
  href: singleBreadcrumbLink.href,
@@ -4959,49 +4969,49 @@ var Breadcrumb = ({
4959
4969
  },
4960
4970
  singleBreadcrumbLink.label
4961
4971
  ),
4962
- index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react32.default.createElement("div", null, separator) : /* @__PURE__ */ import_react32.default.createElement("div", null, separator) : null
4972
+ index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react33.default.createElement("div", null, separator) : /* @__PURE__ */ import_react33.default.createElement("div", null, separator) : null
4963
4973
  ))
4964
4974
  );
4965
4975
  };
4966
4976
 
4967
4977
  // elements/appStores/AppStores.tsx
4968
- var import_react33 = __toESM(require("react"));
4978
+ var import_react34 = __toESM(require("react"));
4969
4979
  var AppStores = (props) => {
4970
- return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react33.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react33.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react33.default.createElement(
4980
+ return /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react34.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react34.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react34.default.createElement(
4971
4981
  "path",
4972
4982
  {
4973
4983
  fill: "currentColor",
4974
4984
  d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
4975
4985
  }
4976
- ))), /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react33.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react33.default.createElement(
4986
+ ))), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react34.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react34.default.createElement(
4977
4987
  "path",
4978
4988
  {
4979
4989
  fill: "#FFD400",
4980
4990
  d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
4981
4991
  }
4982
- ), /* @__PURE__ */ import_react33.default.createElement(
4992
+ ), /* @__PURE__ */ import_react34.default.createElement(
4983
4993
  "path",
4984
4994
  {
4985
4995
  fill: "#FF3333",
4986
4996
  d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
4987
4997
  }
4988
- ), /* @__PURE__ */ import_react33.default.createElement(
4998
+ ), /* @__PURE__ */ import_react34.default.createElement(
4989
4999
  "path",
4990
5000
  {
4991
5001
  fill: "#48FF48",
4992
5002
  d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
4993
5003
  }
4994
- ), /* @__PURE__ */ import_react33.default.createElement(
5004
+ ), /* @__PURE__ */ import_react34.default.createElement(
4995
5005
  "path",
4996
5006
  {
4997
5007
  fill: "#3BCCFF",
4998
5008
  d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
4999
5009
  }
5000
- ))), /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
5010
+ ))), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
5001
5011
  };
5002
5012
 
5003
5013
  // elements/badge/Badge.tsx
5004
- var import_react34 = __toESM(require("react"));
5014
+ var import_react35 = __toESM(require("react"));
5005
5015
  var Badge = ({
5006
5016
  anchor,
5007
5017
  position = "right",
@@ -5009,14 +5019,14 @@ var Badge = ({
5009
5019
  text,
5010
5020
  className
5011
5021
  }) => {
5012
- const [badgePosition, setBadgePosition] = (0, import_react34.useState)(null);
5013
- const indicatorRef = (0, import_react34.useRef)(null);
5022
+ const [badgePosition, setBadgePosition] = (0, import_react35.useState)(null);
5023
+ const indicatorRef = (0, import_react35.useRef)(null);
5014
5024
  const sizeStyles2 = {
5015
5025
  small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
5016
5026
  default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
5017
5027
  large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
5018
5028
  };
5019
- (0, import_react34.useEffect)(() => {
5029
+ (0, import_react35.useEffect)(() => {
5020
5030
  const handlePositioning = () => {
5021
5031
  var _a;
5022
5032
  if (anchor.current && indicatorRef.current) {
@@ -5039,7 +5049,7 @@ var Badge = ({
5039
5049
  window.removeEventListener("resize", handlePositioning);
5040
5050
  };
5041
5051
  }, [anchor]);
5042
- return /* @__PURE__ */ import_react34.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react34.default.createElement(
5052
+ return /* @__PURE__ */ import_react35.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react35.default.createElement(
5043
5053
  "div",
5044
5054
  {
5045
5055
  style: {
@@ -5064,8 +5074,8 @@ var BadgedComponent = ({
5064
5074
  size,
5065
5075
  text
5066
5076
  }) => {
5067
- const ref = (0, import_react34.useRef)(null);
5068
- return /* @__PURE__ */ import_react34.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react34.default.createElement(
5077
+ const ref = (0, import_react35.useRef)(null);
5078
+ return /* @__PURE__ */ import_react35.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react35.default.createElement(
5069
5079
  Badge,
5070
5080
  {
5071
5081
  size,
@@ -5078,7 +5088,7 @@ var BadgedComponent = ({
5078
5088
  };
5079
5089
 
5080
5090
  // elements/phoneInput/PhoneInput.tsx
5081
- var import_react35 = __toESM(require("react"));
5091
+ var import_react36 = __toESM(require("react"));
5082
5092
 
5083
5093
  // countries.ts
5084
5094
  var countries = [
@@ -6780,9 +6790,9 @@ var PhoneInput = ({
6780
6790
  countryCodes,
6781
6791
  ...props
6782
6792
  }) => {
6783
- const [phoneNumber, setPhoneNumber] = (0, import_react35.useState)("");
6784
- const [countryCode, setCountryCode] = (0, import_react35.useState)(props.preferredCountry);
6785
- const inputRef = (0, import_react35.useRef)(null);
6793
+ const [phoneNumber, setPhoneNumber] = (0, import_react36.useState)("");
6794
+ const [countryCode, setCountryCode] = (0, import_react36.useState)(props.preferredCountry);
6795
+ const inputRef = (0, import_react36.useRef)(null);
6786
6796
  const handleInputChange = (e) => {
6787
6797
  console.log("test e ", e.target.value);
6788
6798
  const validChars = /^[0-9-()]+$/;
@@ -6796,7 +6806,7 @@ var PhoneInput = ({
6796
6806
  console.log("handleChange prop was not provided in <PhoneInput/>");
6797
6807
  }
6798
6808
  };
6799
- return /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react35.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react35.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react35.default.createElement(
6809
+ return /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react36.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react36.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react36.default.createElement(
6800
6810
  Select,
6801
6811
  {
6802
6812
  phoneCode: true,
@@ -6812,7 +6822,7 @@ var PhoneInput = ({
6812
6822
  value: countryCode == null ? void 0 : countryCode.label,
6813
6823
  defaultValue: props.preferredCountry
6814
6824
  }
6815
- ), /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react35.default.createElement(
6825
+ ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react36.default.createElement(
6816
6826
  "input",
6817
6827
  {
6818
6828
  type: "tel",
@@ -6826,7 +6836,7 @@ var PhoneInput = ({
6826
6836
  ),
6827
6837
  ...inputProps
6828
6838
  }
6829
- ))), /* @__PURE__ */ import_react35.default.createElement(
6839
+ ))), /* @__PURE__ */ import_react36.default.createElement(
6830
6840
  "p",
6831
6841
  {
6832
6842
  className: cn(
@@ -6839,7 +6849,7 @@ var PhoneInput = ({
6839
6849
  };
6840
6850
 
6841
6851
  // elements/pinInput/PinInput.tsx
6842
- var import_react36 = __toESM(require("react"));
6852
+ var import_react37 = __toESM(require("react"));
6843
6853
  var PinInput = ({
6844
6854
  label,
6845
6855
  icon,
@@ -6849,7 +6859,7 @@ var PinInput = ({
6849
6859
  inputProps,
6850
6860
  ...props
6851
6861
  }) => {
6852
- const [pin, setPin] = (0, import_react36.useState)(Array.from(Array(digits)));
6862
+ const [pin, setPin] = (0, import_react37.useState)(Array.from(Array(digits)));
6853
6863
  const handleKeyDown = (e, index) => {
6854
6864
  let backTo = 0;
6855
6865
  if (e.key === "Backspace") {
@@ -6858,7 +6868,7 @@ var PinInput = ({
6858
6868
  previousInput == null ? void 0 : previousInput.focus();
6859
6869
  }
6860
6870
  };
6861
- (0, import_react36.useEffect)(() => {
6871
+ (0, import_react37.useEffect)(() => {
6862
6872
  let unfilled = pin.includes(void 0);
6863
6873
  if (!unfilled && getPins) {
6864
6874
  getPins(pin);
@@ -6883,13 +6893,13 @@ var PinInput = ({
6883
6893
  }
6884
6894
  }
6885
6895
  };
6886
- return /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react36.default.createElement(
6896
+ return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react37.default.createElement(
6887
6897
  "div",
6888
6898
  {
6889
6899
  className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
6890
6900
  dir: "ltr"
6891
6901
  },
6892
- pin.map((value, index) => /* @__PURE__ */ import_react36.default.createElement(
6902
+ pin.map((value, index) => /* @__PURE__ */ import_react37.default.createElement(
6893
6903
  "input",
6894
6904
  {
6895
6905
  key: index,
@@ -6909,7 +6919,7 @@ var PinInput = ({
6909
6919
  ...inputProps
6910
6920
  }
6911
6921
  ))
6912
- ), /* @__PURE__ */ import_react36.default.createElement(
6922
+ ), /* @__PURE__ */ import_react37.default.createElement(
6913
6923
  "p",
6914
6924
  {
6915
6925
  className: cn(
@@ -6922,12 +6932,12 @@ var PinInput = ({
6922
6932
  };
6923
6933
 
6924
6934
  // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
6925
- var import_react37 = __toESM(require("react"));
6935
+ var import_react38 = __toESM(require("react"));
6926
6936
  var StopPropagationWrapper = (props) => {
6927
6937
  const handleClick = (e) => {
6928
6938
  e.stopPropagation();
6929
6939
  };
6930
- return /* @__PURE__ */ import_react37.default.createElement("div", { onClick: handleClick }, props.children);
6940
+ return /* @__PURE__ */ import_react38.default.createElement("div", { onClick: handleClick }, props.children);
6931
6941
  };
6932
6942
 
6933
6943
  // elements/scrollArea/ScrollArea.tsx
@@ -6971,7 +6981,7 @@ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...pr
6971
6981
  ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
6972
6982
 
6973
6983
  // elements/colorPicker/ColorPicker.tsx
6974
- var import_react38 = __toESM(require("react"));
6984
+ var import_react39 = __toESM(require("react"));
6975
6985
  var ColorPicker = ({
6976
6986
  containerProps,
6977
6987
  colorPickerProps,
@@ -6982,8 +6992,8 @@ var ColorPicker = ({
6982
6992
  preview = false,
6983
6993
  ...props
6984
6994
  }) => {
6985
- const [selectedColor, setSelectedColor] = (0, import_react38.useState)(props.color);
6986
- (0, import_react38.useEffect)(() => {
6995
+ const [selectedColor, setSelectedColor] = (0, import_react39.useState)(props.color);
6996
+ (0, import_react39.useEffect)(() => {
6987
6997
  if (selectedColor && selectedColor[0] !== "#") {
6988
6998
  setSelectedColor(`#${selectedColor}`);
6989
6999
  }
@@ -7000,13 +7010,13 @@ var ColorPicker = ({
7000
7010
  props.handleChange(e);
7001
7011
  }
7002
7012
  };
7003
- return /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react38.default.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ import_react38.default.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ import_react38.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react38.default.createElement(
7013
+ return /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react39.default.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ import_react39.default.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ import_react39.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react39.default.createElement(
7004
7014
  "div",
7005
7015
  {
7006
7016
  style: { height: 40, backgroundColor: selectedColor },
7007
7017
  className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
7008
7018
  },
7009
- /* @__PURE__ */ import_react38.default.createElement(
7019
+ /* @__PURE__ */ import_react39.default.createElement(
7010
7020
  "input",
7011
7021
  {
7012
7022
  disabled: preview,
@@ -7025,7 +7035,7 @@ var ColorPicker = ({
7025
7035
  ...colorPickerProps
7026
7036
  }
7027
7037
  )
7028
- ), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react38.default.createElement(
7038
+ ), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react39.default.createElement(
7029
7039
  "input",
7030
7040
  {
7031
7041
  disabled: preview,
@@ -7044,7 +7054,7 @@ var ColorPicker = ({
7044
7054
  },
7045
7055
  ...textInputProps
7046
7056
  }
7047
- ))), !forceHideHelperText && /* @__PURE__ */ import_react38.default.createElement(
7057
+ ))), !forceHideHelperText && /* @__PURE__ */ import_react39.default.createElement(
7048
7058
  "p",
7049
7059
  {
7050
7060
  className: cn(
@@ -7057,7 +7067,7 @@ var ColorPicker = ({
7057
7067
  };
7058
7068
 
7059
7069
  // elements/progressCircle/ProgressCircle.tsx
7060
- var import_react39 = __toESM(require("react"));
7070
+ var import_react40 = __toESM(require("react"));
7061
7071
  var size2config = {
7062
7072
  xs: { radius: 15, strokeWidth: 3 },
7063
7073
  sm: { radius: 19, strokeWidth: 4 },
@@ -7074,7 +7084,7 @@ function getLimitedValue(input) {
7074
7084
  return input;
7075
7085
  }
7076
7086
  }
7077
- var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7087
+ var ProgressCircle = import_react40.default.forwardRef((props, ref) => {
7078
7088
  const {
7079
7089
  value: inputValue,
7080
7090
  size = "md",
@@ -7094,7 +7104,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7094
7104
  const circumference = normalizedRadius * 2 * Math.PI;
7095
7105
  const strokeDashoffset = value / 100 * circumference;
7096
7106
  const offset = circumference - strokeDashoffset;
7097
- return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(
7107
+ return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(
7098
7108
  "div",
7099
7109
  {
7100
7110
  ref,
@@ -7103,7 +7113,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7103
7113
  className
7104
7114
  )
7105
7115
  },
7106
- /* @__PURE__ */ import_react39.default.createElement(
7116
+ /* @__PURE__ */ import_react40.default.createElement(
7107
7117
  "svg",
7108
7118
  {
7109
7119
  width: radius * 2,
@@ -7111,7 +7121,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7111
7121
  viewBox: `0 0 ${radius * 2} ${radius * 2}`,
7112
7122
  className: "hawa-rotate-180 hawa-transform"
7113
7123
  },
7114
- /* @__PURE__ */ import_react39.default.createElement(
7124
+ /* @__PURE__ */ import_react40.default.createElement(
7115
7125
  "circle",
7116
7126
  {
7117
7127
  r: normalizedRadius,
@@ -7127,7 +7137,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7127
7137
  )
7128
7138
  }
7129
7139
  ),
7130
- value > 0 ? /* @__PURE__ */ import_react39.default.createElement(
7140
+ value > 0 ? /* @__PURE__ */ import_react40.default.createElement(
7131
7141
  "circle",
7132
7142
  {
7133
7143
  r: normalizedRadius,
@@ -7147,24 +7157,24 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
7147
7157
  }
7148
7158
  ) : null
7149
7159
  ),
7150
- /* @__PURE__ */ import_react39.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
7160
+ /* @__PURE__ */ import_react40.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
7151
7161
  ));
7152
7162
  });
7153
7163
  ProgressCircle.displayName = "ProgressCircle";
7154
7164
 
7155
7165
  // elements/pagination/Pagination.tsx
7156
- var import_react40 = __toESM(require("react"));
7166
+ var import_react41 = __toESM(require("react"));
7157
7167
  var import_react_headless_pagination = require("react-headless-pagination");
7158
7168
  var Pagination = ({
7159
7169
  direction,
7160
7170
  totalPages,
7161
7171
  currentPage
7162
7172
  }) => {
7163
- const [page, setPage] = import_react40.default.useState(currentPage || 0);
7173
+ const [page, setPage] = import_react41.default.useState(currentPage || 0);
7164
7174
  const handlePageChange = (page2) => {
7165
7175
  setPage(page2);
7166
7176
  };
7167
- return /* @__PURE__ */ import_react40.default.createElement(
7177
+ return /* @__PURE__ */ import_react41.default.createElement(
7168
7178
  import_react_headless_pagination.Pagination,
7169
7179
  {
7170
7180
  totalPages,
@@ -7176,10 +7186,10 @@ var Pagination = ({
7176
7186
  truncableText: "...",
7177
7187
  truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
7178
7188
  },
7179
- /* @__PURE__ */ import_react40.default.createElement(
7189
+ /* @__PURE__ */ import_react41.default.createElement(
7180
7190
  import_react_headless_pagination.Pagination.PrevButton,
7181
7191
  {
7182
- as: /* @__PURE__ */ import_react40.default.createElement(
7192
+ as: /* @__PURE__ */ import_react41.default.createElement(
7183
7193
  "button",
7184
7194
  {
7185
7195
  "aria-label": "Previous Table Page",
@@ -7189,7 +7199,7 @@ var Pagination = ({
7189
7199
  ),
7190
7200
  style: { minWidth: 36 }
7191
7201
  },
7192
- /* @__PURE__ */ import_react40.default.createElement(
7202
+ /* @__PURE__ */ import_react41.default.createElement(
7193
7203
  "svg",
7194
7204
  {
7195
7205
  xmlns: "http://www.w3.org/2000/svg",
@@ -7202,7 +7212,7 @@ var Pagination = ({
7202
7212
  strokeLinecap: "round",
7203
7213
  strokeLinejoin: "round"
7204
7214
  },
7205
- /* @__PURE__ */ import_react40.default.createElement("path", { d: "m15 18-6-6 6-6" })
7215
+ /* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
7206
7216
  )
7207
7217
  ),
7208
7218
  className: cn(
@@ -7215,17 +7225,17 @@ var Pagination = ({
7215
7225
  },
7216
7226
  "Previous"
7217
7227
  ),
7218
- /* @__PURE__ */ import_react40.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react40.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react40.default.createElement(
7228
+ /* @__PURE__ */ import_react41.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react41.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react41.default.createElement(
7219
7229
  import_react_headless_pagination.Pagination.PageButton,
7220
7230
  {
7221
7231
  className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
7222
7232
  activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
7223
7233
  }
7224
7234
  ))),
7225
- /* @__PURE__ */ import_react40.default.createElement(
7235
+ /* @__PURE__ */ import_react41.default.createElement(
7226
7236
  import_react_headless_pagination.Pagination.NextButton,
7227
7237
  {
7228
- as: /* @__PURE__ */ import_react40.default.createElement(
7238
+ as: /* @__PURE__ */ import_react41.default.createElement(
7229
7239
  "button",
7230
7240
  {
7231
7241
  "aria-label": "Previous Table Page",
@@ -7235,7 +7245,7 @@ var Pagination = ({
7235
7245
  ),
7236
7246
  style: { minWidth: 36 }
7237
7247
  },
7238
- /* @__PURE__ */ import_react40.default.createElement(
7248
+ /* @__PURE__ */ import_react41.default.createElement(
7239
7249
  "svg",
7240
7250
  {
7241
7251
  xmlns: "http://www.w3.org/2000/svg",
@@ -7248,7 +7258,7 @@ var Pagination = ({
7248
7258
  strokeLinecap: "round",
7249
7259
  strokeLinejoin: "round"
7250
7260
  },
7251
- /* @__PURE__ */ import_react40.default.createElement("path", { d: "m15 18-6-6 6-6" })
7261
+ /* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
7252
7262
  )
7253
7263
  ),
7254
7264
  className: cn(
@@ -7265,14 +7275,14 @@ var Pagination = ({
7265
7275
  };
7266
7276
 
7267
7277
  // elements/passwordInput/PasswordInput.tsx
7268
- var import_react44 = __toESM(require("react"));
7278
+ var import_react45 = __toESM(require("react"));
7269
7279
 
7270
7280
  // icons/Emojis.tsx
7271
- var import_react41 = __toESM(require("react"));
7281
+ var import_react42 = __toESM(require("react"));
7272
7282
 
7273
7283
  // icons/InputIcons.tsx
7274
- var import_react42 = __toESM(require("react"));
7275
- var EyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react42.default.createElement(
7284
+ var import_react43 = __toESM(require("react"));
7285
+ var EyeIcon = (props) => /* @__PURE__ */ import_react43.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react43.default.createElement(
7276
7286
  "svg",
7277
7287
  {
7278
7288
  xmlns: "http://www.w3.org/2000/svg",
@@ -7283,10 +7293,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("d
7283
7293
  strokeLinecap: "round",
7284
7294
  strokeLinejoin: "round"
7285
7295
  },
7286
- /* @__PURE__ */ import_react42.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
7287
- /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
7296
+ /* @__PURE__ */ import_react43.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
7297
+ /* @__PURE__ */ import_react43.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
7288
7298
  ));
7289
- var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react42.default.createElement(
7299
+ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react43.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react43.default.createElement(
7290
7300
  "svg",
7291
7301
  {
7292
7302
  xmlns: "http://www.w3.org/2000/svg",
@@ -7297,20 +7307,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElem
7297
7307
  strokeLinecap: "round",
7298
7308
  strokeLinejoin: "round"
7299
7309
  },
7300
- /* @__PURE__ */ import_react42.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
7301
- /* @__PURE__ */ import_react42.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
7302
- /* @__PURE__ */ import_react42.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
7303
- /* @__PURE__ */ import_react42.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
7310
+ /* @__PURE__ */ import_react43.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
7311
+ /* @__PURE__ */ import_react43.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
7312
+ /* @__PURE__ */ import_react43.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
7313
+ /* @__PURE__ */ import_react43.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
7304
7314
  ));
7305
7315
 
7306
7316
  // icons/CommonIcons.tsx
7307
- var import_react43 = __toESM(require("react"));
7317
+ var import_react44 = __toESM(require("react"));
7308
7318
  var CheckMark = ({ size = "default", className }) => {
7309
7319
  let sizeStyles2 = {
7310
7320
  default: "hawa-h-5 hawa-w-5",
7311
7321
  sm: "hawa-h-3 hawa-w-3"
7312
7322
  };
7313
- return /* @__PURE__ */ import_react43.default.createElement(
7323
+ return /* @__PURE__ */ import_react44.default.createElement(
7314
7324
  "svg",
7315
7325
  {
7316
7326
  className: cn(sizeStyles2[size], className),
@@ -7318,7 +7328,7 @@ var CheckMark = ({ size = "default", className }) => {
7318
7328
  fill: "currentColor",
7319
7329
  viewBox: "0 0 20 20"
7320
7330
  },
7321
- /* @__PURE__ */ import_react43.default.createElement(
7331
+ /* @__PURE__ */ import_react44.default.createElement(
7322
7332
  "path",
7323
7333
  {
7324
7334
  fillRule: "evenodd",
@@ -7333,7 +7343,7 @@ var UncheckMark = ({ size = "default", className }) => {
7333
7343
  default: "hawa-h-5 hawa-w-5",
7334
7344
  sm: "hawa-h-3 hawa-w-3"
7335
7345
  };
7336
- return /* @__PURE__ */ import_react43.default.createElement(
7346
+ return /* @__PURE__ */ import_react44.default.createElement(
7337
7347
  "svg",
7338
7348
  {
7339
7349
  className: cn(sizeStyles2[size], className),
@@ -7341,7 +7351,7 @@ var UncheckMark = ({ size = "default", className }) => {
7341
7351
  fill: "currentColor",
7342
7352
  viewBox: "0 0 20 20"
7343
7353
  },
7344
- /* @__PURE__ */ import_react43.default.createElement(
7354
+ /* @__PURE__ */ import_react44.default.createElement(
7345
7355
  "path",
7346
7356
  {
7347
7357
  fillRule: "evenodd",
@@ -7379,7 +7389,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
7379
7389
  strong: "80%",
7380
7390
  "very-strong": "100%"
7381
7391
  }[currentStrengthLevel];
7382
- return /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react44.default.createElement(
7392
+ return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react45.default.createElement(
7383
7393
  "div",
7384
7394
  {
7385
7395
  className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -7391,16 +7401,16 @@ var PasswordInput = ({
7391
7401
  hidePopover,
7392
7402
  ...props
7393
7403
  }) => {
7394
- const [inputValue, setInputValue] = (0, import_react44.useState)("");
7395
- const [isInputFocused, setIsInputFocused] = (0, import_react44.useState)(false);
7396
- const [currentStr, setCurrentStr] = (0, import_react44.useState)(0);
7397
- const [passwordVisible, setPasswordVisible] = (0, import_react44.useState)(false);
7398
- const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react44.useState)(false);
7399
- const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react44.useState)(false);
7400
- const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react44.useState)(false);
7401
- const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react44.useState)(false);
7402
- const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react44.useState)(false);
7403
- (0, import_react44.useEffect)(() => {
7404
+ const [inputValue, setInputValue] = (0, import_react45.useState)("");
7405
+ const [isInputFocused, setIsInputFocused] = (0, import_react45.useState)(false);
7406
+ const [currentStr, setCurrentStr] = (0, import_react45.useState)(0);
7407
+ const [passwordVisible, setPasswordVisible] = (0, import_react45.useState)(false);
7408
+ const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react45.useState)(false);
7409
+ const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react45.useState)(false);
7410
+ const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react45.useState)(false);
7411
+ const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react45.useState)(false);
7412
+ const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react45.useState)(false);
7413
+ (0, import_react45.useEffect)(() => {
7404
7414
  const calculateStrength = () => {
7405
7415
  let strengthScore = 0;
7406
7416
  if (lengthCriteriaMet)
@@ -7439,7 +7449,7 @@ var PasswordInput = ({
7439
7449
  setIsInputFocused(false);
7440
7450
  };
7441
7451
  const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
7442
- return /* @__PURE__ */ import_react44.default.createElement("div", null, /* @__PURE__ */ import_react44.default.createElement(
7452
+ return /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement(
7443
7453
  Popover,
7444
7454
  {
7445
7455
  width: "trigger",
@@ -7448,7 +7458,7 @@ var PasswordInput = ({
7448
7458
  onOpenChange: setIsInputFocused,
7449
7459
  triggerProps: { asChild: true },
7450
7460
  contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
7451
- trigger: /* @__PURE__ */ import_react44.default.createElement(
7461
+ trigger: /* @__PURE__ */ import_react45.default.createElement(
7452
7462
  "div",
7453
7463
  {
7454
7464
  onClick: (e) => {
@@ -7458,7 +7468,7 @@ var PasswordInput = ({
7458
7468
  }
7459
7469
  }
7460
7470
  },
7461
- /* @__PURE__ */ import_react44.default.createElement(
7471
+ /* @__PURE__ */ import_react45.default.createElement(
7462
7472
  Input,
7463
7473
  {
7464
7474
  width: "full",
@@ -7468,21 +7478,21 @@ var PasswordInput = ({
7468
7478
  onFocus: handleInputFocus,
7469
7479
  onBlur: handleInputBlur,
7470
7480
  type: passwordVisible ? "text" : "password",
7471
- endIcon: /* @__PURE__ */ import_react44.default.createElement(
7481
+ endIcon: /* @__PURE__ */ import_react45.default.createElement(
7472
7482
  "div",
7473
7483
  {
7474
7484
  className: "hawa-cursor-pointer",
7475
7485
  onClick: () => setPasswordVisible(!passwordVisible)
7476
7486
  },
7477
- passwordVisible ? /* @__PURE__ */ import_react44.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react44.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
7487
+ passwordVisible ? /* @__PURE__ */ import_react45.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react45.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
7478
7488
  " "
7479
7489
  )
7480
7490
  }
7481
7491
  )
7482
7492
  )
7483
7493
  },
7484
- /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react44.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
7485
- ), /* @__PURE__ */ import_react44.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
7494
+ /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react45.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
7495
+ ), /* @__PURE__ */ import_react45.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
7486
7496
  };
7487
7497
 
7488
7498
  // elements/slider/Slider.tsx
@@ -7597,12 +7607,12 @@ var Separator2 = ({
7597
7607
  );
7598
7608
 
7599
7609
  // elements/scrollIndicator/ScrollIndicator.tsx
7600
- var import_react45 = __toESM(require("react"));
7610
+ var import_react46 = __toESM(require("react"));
7601
7611
  var ScrollIndicator = ({
7602
7612
  anchor,
7603
7613
  inContainer = false
7604
7614
  }) => {
7605
- const [scrollPercentage, setScrollPercentage] = (0, import_react45.useState)(0);
7615
+ const [scrollPercentage, setScrollPercentage] = (0, import_react46.useState)(0);
7606
7616
  const onScroll = () => {
7607
7617
  const scrollElement = anchor.current;
7608
7618
  if (scrollElement) {
@@ -7613,7 +7623,7 @@ var ScrollIndicator = ({
7613
7623
  setScrollPercentage(percentageScrolled);
7614
7624
  }
7615
7625
  };
7616
- (0, import_react45.useEffect)(() => {
7626
+ (0, import_react46.useEffect)(() => {
7617
7627
  if (!anchor.current)
7618
7628
  return;
7619
7629
  anchor.current.addEventListener("scroll", onScroll);
@@ -7622,7 +7632,7 @@ var ScrollIndicator = ({
7622
7632
  (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
7623
7633
  };
7624
7634
  }, [anchor]);
7625
- return /* @__PURE__ */ import_react45.default.createElement(
7635
+ return /* @__PURE__ */ import_react46.default.createElement(
7626
7636
  "div",
7627
7637
  {
7628
7638
  style: {
@@ -7638,11 +7648,11 @@ var ScrollIndicator = ({
7638
7648
  };
7639
7649
 
7640
7650
  // elements/codeBlock/CodeBlock.tsx
7641
- var import_react46 = __toESM(require("react"));
7651
+ var import_react47 = __toESM(require("react"));
7642
7652
  var import_prism_react_renderer = require("prism-react-renderer");
7643
7653
  (typeof global !== "undefined" ? global : window).Prism = import_prism_react_renderer.Prism;
7644
7654
  require("prismjs/components/prism-bash");
7645
- var CopyIcon = () => /* @__PURE__ */ import_react46.default.createElement(
7655
+ var CopyIcon = () => /* @__PURE__ */ import_react47.default.createElement(
7646
7656
  "svg",
7647
7657
  {
7648
7658
  "aria-label": "Copy",
@@ -7655,8 +7665,8 @@ var CopyIcon = () => /* @__PURE__ */ import_react46.default.createElement(
7655
7665
  height: "1em",
7656
7666
  width: "1em"
7657
7667
  },
7658
- /* @__PURE__ */ import_react46.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
7659
- /* @__PURE__ */ import_react46.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
7668
+ /* @__PURE__ */ import_react47.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
7669
+ /* @__PURE__ */ import_react47.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
7660
7670
  );
7661
7671
  var CodeBlock = ({
7662
7672
  tabs,
@@ -7670,7 +7680,7 @@ var CodeBlock = ({
7670
7680
  ...props
7671
7681
  }) => {
7672
7682
  const clipboard = useClipboard();
7673
- const [selectedTab, setSelectedTab] = (0, import_react46.useState)(0);
7683
+ const [selectedTab, setSelectedTab] = (0, import_react47.useState)(0);
7674
7684
  const theme = import_prism_react_renderer.themes.oceanicNext;
7675
7685
  let widthStyles = {
7676
7686
  full: "hawa-w-full",
@@ -7678,7 +7688,7 @@ var CodeBlock = ({
7678
7688
  sm: "hawa-w-full hawa-max-w-sm",
7679
7689
  xs: "hawa-w-full hawa-max-w-xs"
7680
7690
  };
7681
- return /* @__PURE__ */ import_react46.default.createElement(
7691
+ return /* @__PURE__ */ import_react47.default.createElement(
7682
7692
  "div",
7683
7693
  {
7684
7694
  className: cn(
@@ -7687,7 +7697,7 @@ var CodeBlock = ({
7687
7697
  classNames == null ? void 0 : classNames.root
7688
7698
  )
7689
7699
  },
7690
- fileName && /* @__PURE__ */ import_react46.default.createElement(
7700
+ fileName && /* @__PURE__ */ import_react47.default.createElement(
7691
7701
  "div",
7692
7702
  {
7693
7703
  className: cn(
@@ -7696,7 +7706,7 @@ var CodeBlock = ({
7696
7706
  classNames == null ? void 0 : classNames.fileName
7697
7707
  )
7698
7708
  },
7699
- /* @__PURE__ */ import_react46.default.createElement(
7709
+ /* @__PURE__ */ import_react47.default.createElement(
7700
7710
  "div",
7701
7711
  {
7702
7712
  className: cn(
@@ -7706,7 +7716,7 @@ var CodeBlock = ({
7706
7716
  fileName
7707
7717
  )
7708
7718
  ),
7709
- tabs && /* @__PURE__ */ import_react46.default.createElement(
7719
+ tabs && /* @__PURE__ */ import_react47.default.createElement(
7710
7720
  "div",
7711
7721
  {
7712
7722
  className: cn(
@@ -7715,7 +7725,7 @@ var CodeBlock = ({
7715
7725
  classNames == null ? void 0 : classNames.tabs
7716
7726
  )
7717
7727
  },
7718
- tabs.map((tab, i) => /* @__PURE__ */ import_react46.default.createElement(
7728
+ tabs.map((tab, i) => /* @__PURE__ */ import_react47.default.createElement(
7719
7729
  "div",
7720
7730
  {
7721
7731
  key: i,
@@ -7724,7 +7734,7 @@ var CodeBlock = ({
7724
7734
  classNames == null ? void 0 : classNames.tab
7725
7735
  )
7726
7736
  },
7727
- /* @__PURE__ */ import_react46.default.createElement(
7737
+ /* @__PURE__ */ import_react47.default.createElement(
7728
7738
  "div",
7729
7739
  {
7730
7740
  onClick: () => setSelectedTab(i),
@@ -7736,7 +7746,7 @@ var CodeBlock = ({
7736
7746
  )
7737
7747
  ))
7738
7748
  ),
7739
- /* @__PURE__ */ import_react46.default.createElement(
7749
+ /* @__PURE__ */ import_react47.default.createElement(
7740
7750
  "div",
7741
7751
  {
7742
7752
  className: cn(
@@ -7746,22 +7756,22 @@ var CodeBlock = ({
7746
7756
  "hawa-overflow-y-auto"
7747
7757
  )
7748
7758
  },
7749
- /* @__PURE__ */ import_react46.default.createElement(
7759
+ /* @__PURE__ */ import_react47.default.createElement(
7750
7760
  "div",
7751
7761
  {
7752
7762
  className: cn(
7753
7763
  "hawa-flex hawa-absolute hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50 hawa-right-3 hawa-top-3"
7754
7764
  )
7755
7765
  },
7756
- /* @__PURE__ */ import_react46.default.createElement(
7766
+ /* @__PURE__ */ import_react47.default.createElement(
7757
7767
  Tooltip,
7758
7768
  {
7759
7769
  open: clipboard.copied,
7760
7770
  side: "left",
7761
- content: /* @__PURE__ */ import_react46.default.createElement("div", null, "Copied!"),
7771
+ content: /* @__PURE__ */ import_react47.default.createElement("div", null, "Copied!"),
7762
7772
  triggerProps: { asChild: true }
7763
7773
  },
7764
- /* @__PURE__ */ import_react46.default.createElement(
7774
+ /* @__PURE__ */ import_react47.default.createElement(
7765
7775
  Button,
7766
7776
  {
7767
7777
  size: "smallIcon",
@@ -7769,18 +7779,18 @@ var CodeBlock = ({
7769
7779
  variant: "outline",
7770
7780
  className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
7771
7781
  },
7772
- /* @__PURE__ */ import_react46.default.createElement(CopyIcon, null)
7782
+ /* @__PURE__ */ import_react47.default.createElement(CopyIcon, null)
7773
7783
  )
7774
7784
  )
7775
7785
  ),
7776
- /* @__PURE__ */ import_react46.default.createElement(
7786
+ /* @__PURE__ */ import_react47.default.createElement(
7777
7787
  import_prism_react_renderer.Highlight,
7778
7788
  {
7779
7789
  theme,
7780
7790
  code: tabs ? tabs[selectedTab].code : code || "",
7781
7791
  language
7782
7792
  },
7783
- ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react46.default.createElement(
7793
+ ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react47.default.createElement(
7784
7794
  "pre",
7785
7795
  {
7786
7796
  className: cn(
@@ -7790,7 +7800,7 @@ var CodeBlock = ({
7790
7800
  wrapText && "hawa-text-wrap"
7791
7801
  )
7792
7802
  },
7793
- tokens.map((line, i) => /* @__PURE__ */ import_react46.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react46.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react46.default.createElement("span", { key, ...getTokenProps({ token }) }))))
7803
+ tokens.map((line, i) => /* @__PURE__ */ import_react47.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react47.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react47.default.createElement("span", { key, ...getTokenProps({ token }) }))))
7794
7804
  )
7795
7805
  )
7796
7806
  )
@@ -7798,7 +7808,7 @@ var CodeBlock = ({
7798
7808
  };
7799
7809
 
7800
7810
  // elements/carousel/Carousel.tsx
7801
- var import_react47 = __toESM(require("react"));
7811
+ var import_react48 = __toESM(require("react"));
7802
7812
  var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
7803
7813
  var Carousel = ({
7804
7814
  items,
@@ -7814,8 +7824,8 @@ var Carousel = ({
7814
7824
  direction,
7815
7825
  loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
7816
7826
  });
7817
- const [selectedIndex, setSelectedIndex] = (0, import_react47.useState)(0);
7818
- (0, import_react47.useEffect)(() => {
7827
+ const [selectedIndex, setSelectedIndex] = (0, import_react48.useState)(0);
7828
+ (0, import_react48.useEffect)(() => {
7819
7829
  function selectHandler() {
7820
7830
  const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
7821
7831
  setSelectedIndex(index || 0);
@@ -7825,7 +7835,7 @@ var Carousel = ({
7825
7835
  emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
7826
7836
  };
7827
7837
  }, [emblaApi]);
7828
- (0, import_react47.useEffect)(() => {
7838
+ (0, import_react48.useEffect)(() => {
7829
7839
  let autoplayTimer;
7830
7840
  if (autoplay && emblaApi) {
7831
7841
  autoplayTimer = setInterval(() => {
@@ -7837,17 +7847,17 @@ var Carousel = ({
7837
7847
  clearInterval(autoplayTimer);
7838
7848
  };
7839
7849
  }, [emblaApi, autoplay, autoplayInterval]);
7840
- const length = import_react47.default.Children.count(items);
7850
+ const length = import_react48.default.Children.count(items);
7841
7851
  const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
7842
7852
  const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
7843
- return /* @__PURE__ */ import_react47.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react47.default.createElement(
7853
+ return /* @__PURE__ */ import_react48.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react48.default.createElement(
7844
7854
  "div",
7845
7855
  {
7846
7856
  key: i,
7847
7857
  className: "hawa-flex hawa-h-full hawa-min-w-0 hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
7848
7858
  },
7849
7859
  item
7850
- ))))), /* @__PURE__ */ import_react47.default.createElement(
7860
+ ))))), /* @__PURE__ */ import_react48.default.createElement(
7851
7861
  Dots,
7852
7862
  {
7853
7863
  direction,
@@ -7855,7 +7865,7 @@ var Carousel = ({
7855
7865
  selectedIndex,
7856
7866
  onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
7857
7867
  }
7858
- ), showArrows && /* @__PURE__ */ import_react47.default.createElement(
7868
+ ), showArrows && /* @__PURE__ */ import_react48.default.createElement(
7859
7869
  CarouselControls,
7860
7870
  {
7861
7871
  canScrollNext,
@@ -7872,7 +7882,7 @@ var Dots = ({
7872
7882
  direction
7873
7883
  }) => {
7874
7884
  const arr = new Array(itemsLength).fill(0);
7875
- return /* @__PURE__ */ import_react47.default.createElement(
7885
+ return /* @__PURE__ */ import_react48.default.createElement(
7876
7886
  "div",
7877
7887
  {
7878
7888
  dir: direction,
@@ -7880,7 +7890,7 @@ var Dots = ({
7880
7890
  },
7881
7891
  arr.map((_, index) => {
7882
7892
  const selected = index === selectedIndex;
7883
- return /* @__PURE__ */ import_react47.default.createElement(
7893
+ return /* @__PURE__ */ import_react48.default.createElement(
7884
7894
  "div",
7885
7895
  {
7886
7896
  key: index,
@@ -7895,7 +7905,7 @@ var Dots = ({
7895
7905
  );
7896
7906
  };
7897
7907
  var CarouselControls = (props) => {
7898
- return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react47.default.createElement(
7908
+ return /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react48.default.createElement(
7899
7909
  "button",
7900
7910
  {
7901
7911
  onClick: () => props.canScrollPrev && props.onPrev(),
@@ -7906,7 +7916,7 @@ var CarouselControls = (props) => {
7906
7916
  props.canScrollPrev && "hawa-bg-primary"
7907
7917
  )
7908
7918
  },
7909
- /* @__PURE__ */ import_react47.default.createElement(
7919
+ /* @__PURE__ */ import_react48.default.createElement(
7910
7920
  "svg",
7911
7921
  {
7912
7922
  "aria-label": "Chevron Right Icon",
@@ -7915,9 +7925,9 @@ var CarouselControls = (props) => {
7915
7925
  viewBox: "0 0 16 16",
7916
7926
  className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
7917
7927
  },
7918
- /* @__PURE__ */ import_react47.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
7928
+ /* @__PURE__ */ import_react48.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
7919
7929
  )
7920
- ), /* @__PURE__ */ import_react47.default.createElement(
7930
+ ), /* @__PURE__ */ import_react48.default.createElement(
7921
7931
  "button",
7922
7932
  {
7923
7933
  onClick: () => props.canScrollNext && props.onNext(),
@@ -7928,7 +7938,7 @@ var CarouselControls = (props) => {
7928
7938
  props.canScrollNext && "hawa-bg-primary"
7929
7939
  )
7930
7940
  },
7931
- /* @__PURE__ */ import_react47.default.createElement(
7941
+ /* @__PURE__ */ import_react48.default.createElement(
7932
7942
  "svg",
7933
7943
  {
7934
7944
  "aria-label": "Chevron Right Icon",
@@ -7937,15 +7947,15 @@ var CarouselControls = (props) => {
7937
7947
  viewBox: "0 0 16 16",
7938
7948
  className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
7939
7949
  },
7940
- /* @__PURE__ */ import_react47.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
7950
+ /* @__PURE__ */ import_react48.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
7941
7951
  )
7942
7952
  ));
7943
7953
  };
7944
7954
 
7945
7955
  // elements/count/Count.tsx
7946
- var import_react48 = __toESM(require("react"));
7956
+ var import_react49 = __toESM(require("react"));
7947
7957
  var Count = (props) => {
7948
- return /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react48.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-text-sm" }, props.count));
7958
+ return /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react49.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-sm" }, props.count));
7949
7959
  };
7950
7960
 
7951
7961
  // elements/toast/Toast.tsx
@@ -8086,11 +8096,11 @@ var ToastDescription = React68.forwardRef(({ className, size = "default", ...pro
8086
8096
  ToastDescription.displayName = ToastPrimitives.Description.displayName;
8087
8097
 
8088
8098
  // elements/toaster/Toaster.tsx
8089
- var import_react49 = __toESM(require("react"));
8099
+ var import_react50 = __toESM(require("react"));
8090
8100
  function Toaster(props) {
8091
8101
  var _a;
8092
8102
  let isRTL = props.direction === "rtl";
8093
- return /* @__PURE__ */ import_react49.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
8103
+ return /* @__PURE__ */ import_react50.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
8094
8104
  id,
8095
8105
  title,
8096
8106
  description,
@@ -8098,7 +8108,7 @@ function Toaster(props) {
8098
8108
  action,
8099
8109
  ...toastProps
8100
8110
  }) {
8101
- return /* @__PURE__ */ import_react49.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react49.default.createElement(
8111
+ return /* @__PURE__ */ import_react50.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react50.default.createElement(
8102
8112
  "div",
8103
8113
  {
8104
8114
  className: cn(
@@ -8106,9 +8116,9 @@ function Toaster(props) {
8106
8116
  action && "hawa-justify-between"
8107
8117
  )
8108
8118
  },
8109
- /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ import_react49.default.createElement(ToastClose, null)),
8110
- /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
8111
- /* @__PURE__ */ import_react49.default.createElement(
8119
+ /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ import_react50.default.createElement(ToastClose, null)),
8120
+ /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
8121
+ /* @__PURE__ */ import_react50.default.createElement(
8112
8122
  "div",
8113
8123
  {
8114
8124
  className: cn(
@@ -8116,11 +8126,11 @@ function Toaster(props) {
8116
8126
  { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
8117
8127
  )
8118
8128
  },
8119
- /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react49.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react49.default.createElement(ToastDescription, { size }, description)),
8120
- action && /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-justify-center" }, action)
8129
+ /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react50.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react50.default.createElement(ToastDescription, { size }, description)),
8130
+ action && /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-justify-center" }, action)
8121
8131
  )
8122
8132
  ));
8123
- }), /* @__PURE__ */ import_react49.default.createElement(
8133
+ }), /* @__PURE__ */ import_react50.default.createElement(
8124
8134
  ToastViewport,
8125
8135
  {
8126
8136
  className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -8129,20 +8139,20 @@ function Toaster(props) {
8129
8139
  }
8130
8140
 
8131
8141
  // elements/destroyableCard/DestroyableCard.tsx
8132
- var import_react50 = __toESM(require("react"));
8142
+ var import_react51 = __toESM(require("react"));
8133
8143
  var DestroyableCard = ({
8134
8144
  position = "bottom-right",
8135
8145
  fixed,
8136
8146
  direction,
8137
8147
  ...props
8138
8148
  }) => {
8139
- const [closed, setClosed] = (0, import_react50.useState)(false);
8140
- const popUpRef = (0, import_react50.useRef)(null);
8149
+ const [closed, setClosed] = (0, import_react51.useState)(false);
8150
+ const popUpRef = (0, import_react51.useRef)(null);
8141
8151
  const boxPosition = {
8142
8152
  "bottom-right": "hawa-right-4 hawa-bottom-4",
8143
8153
  "bottom-left": "hawa-left-4 hawa-bottom-4"
8144
8154
  };
8145
- return /* @__PURE__ */ import_react50.default.createElement(
8155
+ return /* @__PURE__ */ import_react51.default.createElement(
8146
8156
  "div",
8147
8157
  {
8148
8158
  className: cn(
@@ -8151,7 +8161,7 @@ var DestroyableCard = ({
8151
8161
  ),
8152
8162
  ref: popUpRef
8153
8163
  },
8154
- /* @__PURE__ */ import_react50.default.createElement(
8164
+ /* @__PURE__ */ import_react51.default.createElement(
8155
8165
  Card,
8156
8166
  {
8157
8167
  className: cn(
@@ -8160,7 +8170,7 @@ var DestroyableCard = ({
8160
8170
  ),
8161
8171
  dir: direction
8162
8172
  },
8163
- /* @__PURE__ */ import_react50.default.createElement(
8173
+ /* @__PURE__ */ import_react51.default.createElement(
8164
8174
  "button",
8165
8175
  {
8166
8176
  type: "button",
@@ -8179,7 +8189,7 @@ var DestroyableCard = ({
8179
8189
  }, 200);
8180
8190
  }
8181
8191
  },
8182
- /* @__PURE__ */ import_react50.default.createElement(
8192
+ /* @__PURE__ */ import_react51.default.createElement(
8183
8193
  "svg",
8184
8194
  {
8185
8195
  "aria-hidden": "true",
@@ -8187,7 +8197,7 @@ var DestroyableCard = ({
8187
8197
  fill: "currentColor",
8188
8198
  viewBox: "0 0 20 20"
8189
8199
  },
8190
- /* @__PURE__ */ import_react50.default.createElement(
8200
+ /* @__PURE__ */ import_react51.default.createElement(
8191
8201
  "path",
8192
8202
  {
8193
8203
  fillRule: "evenodd",
@@ -8197,13 +8207,13 @@ var DestroyableCard = ({
8197
8207
  )
8198
8208
  )
8199
8209
  ),
8200
- /* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true }, props.children)
8210
+ /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, props.children)
8201
8211
  )
8202
8212
  );
8203
8213
  };
8204
8214
 
8205
8215
  // elements/interfaceSettings/InterfaceSettings.tsx
8206
- var import_react51 = __toESM(require("react"));
8216
+ var import_react52 = __toESM(require("react"));
8207
8217
  var InterfaceSettings = ({
8208
8218
  orientation = "horizontal",
8209
8219
  width = "default",
@@ -8211,13 +8221,13 @@ var InterfaceSettings = ({
8211
8221
  handleLanguage,
8212
8222
  ...props
8213
8223
  }) => {
8214
- const [color, setColor] = (0, import_react51.useState)(props.currentColorMode);
8215
- const [language, setLanguage] = (0, import_react51.useState)(props.currentLanguage);
8224
+ const [color, setColor] = (0, import_react52.useState)(props.currentColorMode);
8225
+ const [language, setLanguage] = (0, import_react52.useState)(props.currentLanguage);
8216
8226
  let orientationStyle = {
8217
8227
  horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
8218
8228
  vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
8219
8229
  };
8220
- return /* @__PURE__ */ import_react51.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react51.default.createElement(
8230
+ return /* @__PURE__ */ import_react52.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react52.default.createElement(
8221
8231
  Radio,
8222
8232
  {
8223
8233
  name: "language",
@@ -8235,7 +8245,7 @@ var InterfaceSettings = ({
8235
8245
  { value: "en", label: "English" }
8236
8246
  ]
8237
8247
  }
8238
- ), /* @__PURE__ */ import_react51.default.createElement(
8248
+ ), /* @__PURE__ */ import_react52.default.createElement(
8239
8249
  Radio,
8240
8250
  {
8241
8251
  name: "theme",
@@ -8251,7 +8261,7 @@ var InterfaceSettings = ({
8251
8261
  options: [
8252
8262
  {
8253
8263
  value: "light",
8254
- label: /* @__PURE__ */ import_react51.default.createElement(
8264
+ label: /* @__PURE__ */ import_react52.default.createElement(
8255
8265
  "svg",
8256
8266
  {
8257
8267
  width: "15",
@@ -8261,7 +8271,7 @@ var InterfaceSettings = ({
8261
8271
  xmlns: "http://www.w3.org/2000/svg",
8262
8272
  className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
8263
8273
  },
8264
- /* @__PURE__ */ import_react51.default.createElement(
8274
+ /* @__PURE__ */ import_react52.default.createElement(
8265
8275
  "path",
8266
8276
  {
8267
8277
  d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
@@ -8272,7 +8282,7 @@ var InterfaceSettings = ({
8272
8282
  },
8273
8283
  {
8274
8284
  value: "dark",
8275
- label: /* @__PURE__ */ import_react51.default.createElement(
8285
+ label: /* @__PURE__ */ import_react52.default.createElement(
8276
8286
  "svg",
8277
8287
  {
8278
8288
  xmlns: "http://www.w3.org/2000/svg",
@@ -8283,7 +8293,7 @@ var InterfaceSettings = ({
8283
8293
  stroke: "currentColor",
8284
8294
  className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
8285
8295
  },
8286
- /* @__PURE__ */ import_react51.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
8296
+ /* @__PURE__ */ import_react52.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
8287
8297
  )
8288
8298
  }
8289
8299
  ]
@@ -8292,14 +8302,14 @@ var InterfaceSettings = ({
8292
8302
  };
8293
8303
 
8294
8304
  // elements/phoneMockup/PhoneMockup.tsx
8295
- var import_react52 = __toESM(require("react"));
8305
+ var import_react53 = __toESM(require("react"));
8296
8306
  var PhoneMockup = ({
8297
8307
  children,
8298
8308
  upperOverlayGradiant,
8299
8309
  lowerOverlayGradiant,
8300
8310
  phone,
8301
8311
  hideButtons
8302
- }) => /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react52.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
8312
+ }) => /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react53.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
8303
8313
  // Annotate the CommonJS export names for ESM import in node:
8304
8314
  0 && (module.exports = {
8305
8315
  Accordion,