@sikka/hawa 0.35.4-next → 0.35.6-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.
@@ -652,29 +652,40 @@ var Navbar = ({
652
652
  };
653
653
 
654
654
  // layout/appLayout/AppLayout.tsx
655
- var import_react11 = __toESM(require("react"));
655
+ var import_react14 = __toESM(require("react"));
656
656
 
657
- // hooks/useOutsideClick.ts
658
- var import_react6 = __toESM(require("react"));
659
- var useOutsideClick = (callback) => {
660
- const ref = import_react6.default.useRef(null);
661
- import_react6.default.useEffect(() => {
662
- const handleClick = (event) => {
663
- if (ref.current && !ref.current.contains(event.target)) {
664
- callback();
657
+ // hooks/useClickOutside.ts
658
+ var import_react6 = require("react");
659
+ var DEFAULT_EVENTS = ["mousedown", "touchstart"];
660
+ function useClickOutside(handler, events, nodes) {
661
+ const ref = (0, import_react6.useRef)();
662
+ (0, import_react6.useEffect)(() => {
663
+ const listener = (event) => {
664
+ const { target } = event != null ? event : {};
665
+ if (Array.isArray(nodes)) {
666
+ const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
667
+ const shouldTrigger = nodes.every(
668
+ (node) => !!node && !event.composedPath().includes(node)
669
+ );
670
+ shouldTrigger && !shouldIgnore && handler();
671
+ } else if (ref.current && !ref.current.contains(target)) {
672
+ handler();
665
673
  }
666
674
  };
667
- document.addEventListener("click", handleClick, true);
675
+ (events || DEFAULT_EVENTS).forEach(
676
+ (fn) => document.addEventListener(fn, listener)
677
+ );
668
678
  return () => {
669
- document.removeEventListener("click", handleClick, true);
679
+ (events || DEFAULT_EVENTS).forEach(
680
+ (fn) => document.removeEventListener(fn, listener)
681
+ );
670
682
  };
671
- }, [ref]);
683
+ }, [ref, handler, nodes]);
672
684
  return ref;
673
- };
674
- var useOutsideClick_default = useOutsideClick;
685
+ }
675
686
 
676
687
  // elements/button/Button.tsx
677
- var React13 = __toESM(require("react"));
688
+ var React12 = __toESM(require("react"));
678
689
  var import_class_variance_authority = require("class-variance-authority");
679
690
 
680
691
  // elements/helperText/HelperText.tsx
@@ -691,7 +702,7 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.creat
691
702
  );
692
703
 
693
704
  // elements/label/Label.tsx
694
- var React11 = __toESM(require("react"));
705
+ var React10 = __toESM(require("react"));
695
706
 
696
707
  // elements/tooltip/Tooltip.tsx
697
708
  var import_react8 = __toESM(require("react"));
@@ -765,7 +776,7 @@ var Tooltip = ({
765
776
  };
766
777
 
767
778
  // elements/label/Label.tsx
768
- var Label = React11.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React11.createElement(
779
+ var Label = React10.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React10.createElement(
769
780
  "label",
770
781
  {
771
782
  ref,
@@ -776,8 +787,8 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
776
787
  ...props
777
788
  },
778
789
  children,
779
- required && /* @__PURE__ */ React11.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
780
- ), hint && /* @__PURE__ */ React11.createElement(
790
+ required && /* @__PURE__ */ React10.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
791
+ ), hint && /* @__PURE__ */ React10.createElement(
781
792
  Tooltip,
782
793
  {
783
794
  content: hint,
@@ -787,7 +798,7 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
787
798
  onClick: (event) => event.preventDefault()
788
799
  }
789
800
  },
790
- /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(
801
+ /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement(
791
802
  "svg",
792
803
  {
793
804
  xmlns: "http://www.w3.org/2000/svg",
@@ -799,9 +810,9 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
799
810
  strokeLinecap: "round",
800
811
  strokeLinejoin: "round"
801
812
  },
802
- /* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" }),
803
- /* @__PURE__ */ React11.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
804
- /* @__PURE__ */ React11.createElement("path", { d: "M12 17h.01" })
813
+ /* @__PURE__ */ React10.createElement("circle", { cx: "12", cy: "12", r: "10" }),
814
+ /* @__PURE__ */ React10.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
815
+ /* @__PURE__ */ React10.createElement("path", { d: "M12 17h.01" })
805
816
  ))
806
817
  )));
807
818
  Label.displayName = "Label";
@@ -1055,7 +1066,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
1055
1066
  defaultVariants: { variant: "default", size: "default" }
1056
1067
  }
1057
1068
  );
1058
- var Button = React13.forwardRef(
1069
+ var Button = React12.forwardRef(
1059
1070
  ({
1060
1071
  className,
1061
1072
  label,
@@ -1071,7 +1082,7 @@ var Button = React13.forwardRef(
1071
1082
  }, ref) => {
1072
1083
  const Comp = "button";
1073
1084
  const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
1074
- return /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React13.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React13.createElement(
1085
+ return /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React12.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React12.createElement(
1075
1086
  Comp,
1076
1087
  {
1077
1088
  className: cn(
@@ -1081,7 +1092,7 @@ var Button = React13.forwardRef(
1081
1092
  ref,
1082
1093
  ...props
1083
1094
  },
1084
- isLoading ? /* @__PURE__ */ React13.createElement(
1095
+ isLoading ? /* @__PURE__ */ React12.createElement(
1085
1096
  Loading,
1086
1097
  {
1087
1098
  design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1090,20 +1101,20 @@ var Button = React13.forwardRef(
1090
1101
  size: size === "sm" || size === "xs" ? "xs" : "button"
1091
1102
  }
1092
1103
  ) : children
1093
- ), showHelperText && /* @__PURE__ */ React13.createElement(HelperText, { helperText: props.helperText }));
1104
+ ), showHelperText && /* @__PURE__ */ React12.createElement(HelperText, { helperText: props.helperText }));
1094
1105
  }
1095
1106
  );
1096
1107
  Button.displayName = "Button";
1097
1108
 
1098
1109
  // elements/dropdownMenu/DropdownMenu.tsx
1099
- var React14 = __toESM(require("react"));
1110
+ var React13 = __toESM(require("react"));
1100
1111
  var import_react10 = require("@headlessui/react");
1101
1112
  var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
1102
1113
  var DropdownMenuRoot = DropdownMenuPrimitive.Root;
1103
1114
  var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
1104
1115
  var DropdownMenuSub = DropdownMenuPrimitive.Sub;
1105
1116
  var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
1106
- var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1117
+ var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1107
1118
  DropdownMenuPrimitive.SubTrigger,
1108
1119
  {
1109
1120
  ref,
@@ -1114,9 +1125,9 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
1114
1125
  ),
1115
1126
  ...props
1116
1127
  },
1117
- /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
1128
+ /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
1118
1129
  " ",
1119
- /* @__PURE__ */ React14.createElement(
1130
+ /* @__PURE__ */ React13.createElement(
1120
1131
  "svg",
1121
1132
  {
1122
1133
  "aria-label": "Chevron Right Icon",
@@ -1128,7 +1139,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
1128
1139
  width: "1em",
1129
1140
  className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
1130
1141
  },
1131
- /* @__PURE__ */ React14.createElement(
1142
+ /* @__PURE__ */ React13.createElement(
1132
1143
  "path",
1133
1144
  {
1134
1145
  fillRule: "evenodd",
@@ -1138,7 +1149,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
1138
1149
  )
1139
1150
  ));
1140
1151
  DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
1141
- var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1152
+ var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1142
1153
  DropdownMenuPrimitive.SubContent,
1143
1154
  {
1144
1155
  ref,
@@ -1150,7 +1161,7 @@ var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =
1150
1161
  }
1151
1162
  ));
1152
1163
  DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
1153
- var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React14.createElement(import_react10.Portal, null, /* @__PURE__ */ React14.createElement(
1164
+ var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
1154
1165
  DropdownMenuPrimitive.Content,
1155
1166
  {
1156
1167
  ref,
@@ -1163,8 +1174,8 @@ var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...pr
1163
1174
  }
1164
1175
  )));
1165
1176
  DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
1166
- var DropdownMenuItem = React14.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
1167
- return /* @__PURE__ */ React14.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React14.createElement(
1177
+ var DropdownMenuItem = React13.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
1178
+ return /* @__PURE__ */ React13.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React13.createElement(
1168
1179
  DropdownMenuPrimitive.Item,
1169
1180
  {
1170
1181
  disabled: props.disabled,
@@ -1177,14 +1188,14 @@ var DropdownMenuItem = React14.forwardRef(({ className, inset, badged, slug, Lin
1177
1188
  ),
1178
1189
  ...props
1179
1190
  },
1180
- /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
1191
+ /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
1181
1192
  props.end && props.end,
1182
- !props.end && props.shortcut && /* @__PURE__ */ React14.createElement(DropdownMenuShortcut, null, props.shortcut),
1183
- !props.end && badged && /* @__PURE__ */ React14.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
1193
+ !props.end && props.shortcut && /* @__PURE__ */ React13.createElement(DropdownMenuShortcut, null, props.shortcut),
1194
+ !props.end && badged && /* @__PURE__ */ React13.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
1184
1195
  ));
1185
1196
  });
1186
1197
  DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
1187
- var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1198
+ var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1188
1199
  DropdownMenuPrimitive.CheckboxItem,
1189
1200
  {
1190
1201
  ref,
@@ -1195,7 +1206,7 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
1195
1206
  checked,
1196
1207
  ...props
1197
1208
  },
1198
- /* @__PURE__ */ React14.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement(
1209
+ /* @__PURE__ */ React13.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React13.createElement(
1199
1210
  "svg",
1200
1211
  {
1201
1212
  "aria-label": "Check Mark",
@@ -1206,12 +1217,12 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
1206
1217
  height: "0.60em",
1207
1218
  width: "0.60em"
1208
1219
  },
1209
- /* @__PURE__ */ React14.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
1220
+ /* @__PURE__ */ React13.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
1210
1221
  ), " ")),
1211
1222
  children
1212
1223
  ));
1213
1224
  DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
1214
- var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1225
+ var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1215
1226
  DropdownMenuPrimitive.RadioItem,
1216
1227
  {
1217
1228
  ref,
@@ -1221,7 +1232,7 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
1221
1232
  ),
1222
1233
  ...props
1223
1234
  },
1224
- /* @__PURE__ */ React14.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement(
1235
+ /* @__PURE__ */ React13.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React13.createElement(
1225
1236
  "svg",
1226
1237
  {
1227
1238
  xmlns: "http://www.w3.org/2000/svg",
@@ -1236,12 +1247,12 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
1236
1247
  strokeLinejoin: "round",
1237
1248
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
1238
1249
  },
1239
- /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" })
1250
+ /* @__PURE__ */ React13.createElement("circle", { cx: "12", cy: "12", r: "10" })
1240
1251
  ))),
1241
1252
  children
1242
1253
  ));
1243
1254
  DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
1244
- var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1255
+ var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1245
1256
  DropdownMenuPrimitive.Label,
1246
1257
  {
1247
1258
  ref,
@@ -1254,7 +1265,7 @@ var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
1254
1265
  }
1255
1266
  ));
1256
1267
  DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
1257
- var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
1268
+ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
1258
1269
  DropdownMenuPrimitive.Separator,
1259
1270
  {
1260
1271
  ref,
@@ -1267,7 +1278,7 @@ var DropdownMenuShortcut = ({
1267
1278
  className,
1268
1279
  ...props
1269
1280
  }) => {
1270
- return /* @__PURE__ */ React14.createElement(
1281
+ return /* @__PURE__ */ React13.createElement(
1271
1282
  "span",
1272
1283
  {
1273
1284
  className: cn(
@@ -1308,10 +1319,10 @@ var DropdownMenu = ({
1308
1319
  default: "hawa-px-2 hawa-py-3 ",
1309
1320
  sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
1310
1321
  };
1311
- let [values, setValues] = React14.useState(
1322
+ let [values, setValues] = React13.useState(
1312
1323
  items.map((item) => item.currentOption)
1313
1324
  );
1314
- return /* @__PURE__ */ React14.createElement(
1325
+ return /* @__PURE__ */ React13.createElement(
1315
1326
  DropdownMenuRoot,
1316
1327
  {
1317
1328
  onOpenChange,
@@ -1319,7 +1330,7 @@ var DropdownMenu = ({
1319
1330
  modal: false,
1320
1331
  dir: direction
1321
1332
  },
1322
- /* @__PURE__ */ React14.createElement(
1333
+ /* @__PURE__ */ React13.createElement(
1323
1334
  DropdownMenuTrigger,
1324
1335
  {
1325
1336
  asChild: true,
@@ -1328,7 +1339,7 @@ var DropdownMenu = ({
1328
1339
  },
1329
1340
  trigger
1330
1341
  ),
1331
- /* @__PURE__ */ React14.createElement(import_react10.Portal, null, /* @__PURE__ */ React14.createElement(
1342
+ /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
1332
1343
  DropdownMenuContent,
1333
1344
  {
1334
1345
  side,
@@ -1349,12 +1360,12 @@ var DropdownMenu = ({
1349
1360
  var _a;
1350
1361
  const ItemLinkComponent = item.slug ? LinkComponent : "a";
1351
1362
  if (item.itemType === "separator") {
1352
- return /* @__PURE__ */ React14.createElement(DropdownMenuSeparator, { key: index });
1363
+ return /* @__PURE__ */ React13.createElement(DropdownMenuSeparator, { key: index });
1353
1364
  } else if (item.itemType === "label") {
1354
- return /* @__PURE__ */ React14.createElement(DropdownMenuLabel, { key: index }, item.label);
1365
+ return /* @__PURE__ */ React13.createElement(DropdownMenuLabel, { key: index }, item.label);
1355
1366
  } else if (item.itemType === "radio") {
1356
1367
  let dd = item.currentOption;
1357
- return /* @__PURE__ */ React14.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React14.createElement(
1368
+ return /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
1358
1369
  DropdownMenuSubTrigger,
1359
1370
  {
1360
1371
  dir: direction,
@@ -1362,7 +1373,7 @@ var DropdownMenu = ({
1362
1373
  },
1363
1374
  item.icon && item.icon,
1364
1375
  item.label && item.label
1365
- ), /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React14.createElement(
1376
+ ), /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React13.createElement(
1366
1377
  DropdownMenuRadioGroup,
1367
1378
  {
1368
1379
  value: values[index],
@@ -1376,12 +1387,12 @@ var DropdownMenu = ({
1376
1387
  }
1377
1388
  }
1378
1389
  },
1379
- (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React14.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
1390
+ (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React13.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
1380
1391
  )));
1381
1392
  } else if (item.itemType === "custom") {
1382
- return /* @__PURE__ */ React14.createElement("div", { key: index }, item.content);
1393
+ return /* @__PURE__ */ React13.createElement("div", { key: index }, item.content);
1383
1394
  } else {
1384
- return item.subitems ? /* @__PURE__ */ React14.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React14.createElement(
1395
+ return item.subitems ? /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
1385
1396
  DropdownMenuSubTrigger,
1386
1397
  {
1387
1398
  dir: direction,
@@ -1389,9 +1400,9 @@ var DropdownMenu = ({
1389
1400
  },
1390
1401
  item.icon && item.icon,
1391
1402
  item.label && item.label
1392
- ), /* @__PURE__ */ React14.createElement(import_react10.Portal, null, /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
1403
+ ), /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
1393
1404
  const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
1394
- return /* @__PURE__ */ React14.createElement(
1405
+ return /* @__PURE__ */ React13.createElement(
1395
1406
  DropdownMenuItem,
1396
1407
  {
1397
1408
  key: subIndex,
@@ -1420,7 +1431,7 @@ var DropdownMenu = ({
1420
1431
  subitem.icon && subitem.icon,
1421
1432
  subitem.label && subitem.label
1422
1433
  );
1423
- })))) : /* @__PURE__ */ React14.createElement(
1434
+ })))) : /* @__PURE__ */ React13.createElement(
1424
1435
  DropdownMenuItem,
1425
1436
  {
1426
1437
  LinkComponent: ItemLinkComponent,
@@ -1473,6 +1484,36 @@ var DropdownMenu = ({
1473
1484
  );
1474
1485
  };
1475
1486
 
1487
+ // icons/Emojis.tsx
1488
+ var import_react11 = __toESM(require("react"));
1489
+
1490
+ // icons/InputIcons.tsx
1491
+ var import_react12 = __toESM(require("react"));
1492
+
1493
+ // icons/CommonIcons.tsx
1494
+ var import_react13 = __toESM(require("react"));
1495
+ var MenuIcon = () => /* @__PURE__ */ import_react13.default.createElement(
1496
+ "svg",
1497
+ {
1498
+ "aria-label": "Menu Button",
1499
+ stroke: "currentColor",
1500
+ fill: "currentColor",
1501
+ strokeWidth: 0,
1502
+ viewBox: "0 0 20 20",
1503
+ "aria-hidden": "true",
1504
+ height: "1.6em",
1505
+ width: "1.6em"
1506
+ },
1507
+ /* @__PURE__ */ import_react13.default.createElement(
1508
+ "path",
1509
+ {
1510
+ fillRule: "evenodd",
1511
+ clipRule: "evenodd",
1512
+ d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1513
+ }
1514
+ )
1515
+ );
1516
+
1476
1517
  // layout/appLayout/AppLayout.tsx
1477
1518
  var AppLayout = ({
1478
1519
  profileMenuWidth = "default",
@@ -1503,13 +1544,22 @@ var AppLayout = ({
1503
1544
  }
1504
1545
  };
1505
1546
  const isRTL = direction === "rtl";
1506
- const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react11.useState)("");
1507
- const [size, setSize] = (0, import_react11.useState)(
1547
+ const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react14.useState)("");
1548
+ const [size, setSize] = (0, import_react14.useState)(
1508
1549
  typeof window !== "undefined" && window.innerWidth || 1200
1509
1550
  );
1510
- const [openSideMenu, setOpenSideMenu] = (0, import_react11.useState)(true);
1511
- const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react11.useState)(keepOpen);
1512
- (0, import_react11.useEffect)(() => {
1551
+ const [openSideMenu, setOpenSideMenu] = (0, import_react14.useState)(true);
1552
+ const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react14.useState)(keepOpen);
1553
+ const handleClickOutside = () => {
1554
+ if (typeof window !== "undefined") {
1555
+ if (window.innerWidth < 600) {
1556
+ setKeepDrawerOpen(false);
1557
+ setOpenSideMenu(false);
1558
+ }
1559
+ }
1560
+ };
1561
+ const ref = useClickOutside(handleClickOutside);
1562
+ (0, import_react14.useEffect)(() => {
1513
1563
  if (typeof window !== "undefined") {
1514
1564
  const resize = () => {
1515
1565
  setSize(window.innerWidth);
@@ -1524,29 +1574,18 @@ var AppLayout = ({
1524
1574
  };
1525
1575
  }
1526
1576
  }, []);
1527
- (0, import_react11.useEffect)(() => {
1577
+ (0, import_react14.useEffect)(() => {
1528
1578
  setKeepDrawerOpen(keepOpen);
1529
1579
  }, [setKeepOpen]);
1530
- const handleClickOutside = () => {
1531
- if (typeof window !== "undefined") {
1532
- if (keepDrawerOpen)
1533
- return;
1534
- if (window.innerWidth < 600) {
1535
- setKeepDrawerOpen(false);
1536
- setOpenSideMenu(false);
1537
- }
1538
- }
1539
- };
1540
- const ref = useOutsideClick_default(handleClickOutside);
1541
- const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
1542
- (0, import_react11.useEffect)(() => {
1580
+ (0, import_react14.useEffect)(() => {
1543
1581
  if (size > 600) {
1544
1582
  setOpenSideMenu(keepDrawerOpen);
1545
1583
  } else {
1546
1584
  setOpenSideMenu(false);
1547
1585
  }
1548
- }, [size]);
1549
- return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react11.default.createElement(
1586
+ }, [size, keepDrawerOpen]);
1587
+ const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
1588
+ return /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react14.default.createElement(
1550
1589
  "div",
1551
1590
  {
1552
1591
  dir: direction,
@@ -1555,7 +1594,7 @@ var AppLayout = ({
1555
1594
  bordered && "hawa-border-b-[1px]"
1556
1595
  )
1557
1596
  },
1558
- size > 600 ? /* @__PURE__ */ import_react11.default.createElement(
1597
+ size > 600 ? /* @__PURE__ */ import_react14.default.createElement(
1559
1598
  "div",
1560
1599
  {
1561
1600
  className: cn(
@@ -1569,44 +1608,42 @@ var AppLayout = ({
1569
1608
  props.pageTitle
1570
1609
  ) : (
1571
1610
  // Mobile Drawer Menu Button
1572
- /* @__PURE__ */ import_react11.default.createElement(
1611
+ /* @__PURE__ */ import_react14.default.createElement(
1573
1612
  "div",
1574
1613
  {
1575
1614
  dir: direction,
1576
1615
  className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
1577
1616
  },
1578
- /* @__PURE__ */ import_react11.default.createElement(
1617
+ /* @__PURE__ */ import_react14.default.createElement(
1579
1618
  "div",
1580
1619
  {
1581
1620
  onClick: () => setOpenSideMenu(true),
1582
1621
  className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
1583
1622
  },
1584
- /* @__PURE__ */ import_react11.default.createElement(MenuIcon, null)
1623
+ /* @__PURE__ */ import_react14.default.createElement(MenuIcon, null)
1585
1624
  ),
1586
- props.pageTitle ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react11.default.createElement("div", null)
1625
+ props.pageTitle ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react14.default.createElement("div", null)
1587
1626
  )
1588
1627
  ),
1589
- /* @__PURE__ */ import_react11.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react11.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react11.default.createElement(
1628
+ /* @__PURE__ */ import_react14.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react14.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react14.default.createElement(
1590
1629
  DropdownMenu,
1591
1630
  {
1592
1631
  LinkComponent: MenuLinkComponent,
1593
1632
  triggerClassname: "hawa-mx-2",
1594
1633
  align: "end",
1595
- alignOffset: 8,
1596
1634
  side: "bottom",
1597
- sideOffset: 5,
1635
+ sideOffset: 10,
1598
1636
  width: profileMenuWidth,
1599
1637
  direction,
1600
1638
  items: props.profileMenuItems || [],
1601
1639
  onItemSelect: (e) => console.log("selecting item ", e),
1602
- triggerProps: { asChild: true },
1603
- trigger: /* @__PURE__ */ import_react11.default.createElement(
1640
+ trigger: /* @__PURE__ */ import_react14.default.createElement(
1604
1641
  "div",
1605
1642
  {
1606
1643
  onClick: onAvatarClick,
1607
1644
  className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
1608
1645
  },
1609
- props.avatarImage ? /* @__PURE__ */ import_react11.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react11.default.createElement(
1646
+ props.avatarImage ? /* @__PURE__ */ import_react14.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react14.default.createElement(
1610
1647
  "svg",
1611
1648
  {
1612
1649
  "aria-label": "Avatar Icon",
@@ -1614,7 +1651,7 @@ var AppLayout = ({
1614
1651
  fill: "currentColor",
1615
1652
  viewBox: "0 0 20 20"
1616
1653
  },
1617
- /* @__PURE__ */ import_react11.default.createElement(
1654
+ /* @__PURE__ */ import_react14.default.createElement(
1618
1655
  "path",
1619
1656
  {
1620
1657
  fillRule: "evenodd",
@@ -1626,20 +1663,19 @@ var AppLayout = ({
1626
1663
  )
1627
1664
  }
1628
1665
  ))
1629
- ), /* @__PURE__ */ import_react11.default.createElement(
1666
+ ), /* @__PURE__ */ import_react14.default.createElement(
1630
1667
  "div",
1631
1668
  {
1632
1669
  className: cn(
1633
- "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all hawa-top-0 hawa-h-[calc(100dvh)] hawa-bg-primary-foreground",
1670
+ "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all hawa-top-0 hawa-h-[calc(100dvh)] hawa-bg-red-500",
1671
+ // 'hawa-bg-primary-foreground',
1634
1672
  isRTL ? "hawa-right-0" : "hawa-left-0",
1635
1673
  bordered ? direction === "rtl" ? "hawa-border-s-[1px]" : "hawa-border-e-[1px]" : ""
1636
1674
  ),
1637
1675
  style: {
1638
1676
  width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
1639
1677
  },
1640
- onMouseEnter: () => {
1641
- setOpenSideMenu(true);
1642
- },
1678
+ onMouseEnter: () => setOpenSideMenu(true),
1643
1679
  onMouseLeave: () => {
1644
1680
  if (size > 600) {
1645
1681
  if (keepDrawerOpen) {
@@ -1654,7 +1690,7 @@ var AppLayout = ({
1654
1690
  },
1655
1691
  ref
1656
1692
  },
1657
- /* @__PURE__ */ import_react11.default.createElement(
1693
+ /* @__PURE__ */ import_react14.default.createElement(
1658
1694
  "div",
1659
1695
  {
1660
1696
  onClick: props.onLogoClick,
@@ -1669,30 +1705,30 @@ var AppLayout = ({
1669
1705
  }
1670
1706
  },
1671
1707
  openSideMenu && props.header && props.header,
1672
- !props.header && /* @__PURE__ */ import_react11.default.createElement(
1708
+ !props.header && /* @__PURE__ */ import_react14.default.createElement(
1673
1709
  "img",
1674
1710
  {
1711
+ src: props.logoLink,
1675
1712
  className: cn(
1676
1713
  "hawa-h-9 hawa-opacity-0 hawa-transition-all",
1677
1714
  !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
1678
1715
  classNames == null ? void 0 : classNames.fullLogoImg
1679
- ),
1680
- src: props.logoLink
1716
+ )
1681
1717
  }
1682
1718
  ),
1683
- size > 600 ? /* @__PURE__ */ import_react11.default.createElement(
1719
+ size > 600 ? /* @__PURE__ */ import_react14.default.createElement(
1684
1720
  "img",
1685
1721
  {
1722
+ src: props.logoSymbol,
1686
1723
  className: cn(
1687
1724
  "hawa-fixed hawa-h-9 hawa-transition-all hawa-start-2.5 hawa-top-2.5",
1688
1725
  openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
1689
1726
  classNames == null ? void 0 : classNames.symbolLogoImg
1690
- ),
1691
- src: props.logoSymbol
1727
+ )
1692
1728
  }
1693
1729
  ) : null
1694
1730
  ),
1695
- /* @__PURE__ */ import_react11.default.createElement(
1731
+ /* @__PURE__ */ import_react14.default.createElement(
1696
1732
  "div",
1697
1733
  {
1698
1734
  className: cn(
@@ -1703,30 +1739,22 @@ var AppLayout = ({
1703
1739
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
1704
1740
  }
1705
1741
  },
1706
- /* @__PURE__ */ import_react11.default.createElement(
1742
+ /* @__PURE__ */ import_react14.default.createElement(
1707
1743
  SidebarGroup,
1708
1744
  {
1709
1745
  direction,
1710
- onItemClick: (values) => {
1711
- if (clickedItem) {
1712
- clickedItem(values);
1713
- }
1714
- },
1715
- onSubItemClick: (values) => {
1716
- if (clickedItem) {
1717
- clickedItem(values);
1718
- }
1719
- },
1720
1746
  selectedItem: currentPage,
1721
1747
  openedItem: openedSidebarItem,
1722
1748
  setOpenedItem: (e) => setOpenedSidebarItem(e),
1723
1749
  isOpen: keepDrawerOpen || openSideMenu,
1724
1750
  items: props.drawerItems,
1725
- LinkComponent: DrawerLinkComponent
1751
+ LinkComponent: DrawerLinkComponent,
1752
+ onItemClick: (values) => clickedItem && clickedItem(values),
1753
+ onSubItemClick: (values) => clickedItem && clickedItem(values)
1726
1754
  }
1727
1755
  )
1728
1756
  ),
1729
- /* @__PURE__ */ import_react11.default.createElement(
1757
+ /* @__PURE__ */ import_react14.default.createElement(
1730
1758
  "div",
1731
1759
  {
1732
1760
  className: cn(
@@ -1737,8 +1765,8 @@ var AppLayout = ({
1737
1765
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
1738
1766
  }
1739
1767
  },
1740
- DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, DrawerFooterActions) : null,
1741
- size > 600 && openSideMenu ? /* @__PURE__ */ import_react11.default.createElement(
1768
+ DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, DrawerFooterActions) : null,
1769
+ size > 600 && openSideMenu ? /* @__PURE__ */ import_react14.default.createElement(
1742
1770
  Tooltip,
1743
1771
  {
1744
1772
  side: "left",
@@ -1746,7 +1774,7 @@ var AppLayout = ({
1746
1774
  triggerProps: { asChild: true },
1747
1775
  content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar"
1748
1776
  },
1749
- /* @__PURE__ */ import_react11.default.createElement(
1777
+ /* @__PURE__ */ import_react14.default.createElement(
1750
1778
  Button,
1751
1779
  {
1752
1780
  variant: "outline",
@@ -1759,7 +1787,7 @@ var AppLayout = ({
1759
1787
  setKeepDrawerOpen(newKeepOpenState);
1760
1788
  }
1761
1789
  },
1762
- /* @__PURE__ */ import_react11.default.createElement(
1790
+ /* @__PURE__ */ import_react14.default.createElement(
1763
1791
  "svg",
1764
1792
  {
1765
1793
  className: cn(
@@ -1769,7 +1797,7 @@ var AppLayout = ({
1769
1797
  fill: "currentColor",
1770
1798
  viewBox: "0 0 20 20"
1771
1799
  },
1772
- /* @__PURE__ */ import_react11.default.createElement(
1800
+ /* @__PURE__ */ import_react14.default.createElement(
1773
1801
  "path",
1774
1802
  {
1775
1803
  fillRule: "evenodd",
@@ -1781,7 +1809,7 @@ var AppLayout = ({
1781
1809
  )
1782
1810
  ) : null
1783
1811
  )
1784
- ), /* @__PURE__ */ import_react11.default.createElement(
1812
+ ), /* @__PURE__ */ import_react14.default.createElement(
1785
1813
  "div",
1786
1814
  {
1787
1815
  className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
@@ -1800,34 +1828,13 @@ var AppLayout = ({
1800
1828
  props.children
1801
1829
  ));
1802
1830
  };
1803
- var MenuIcon = () => /* @__PURE__ */ import_react11.default.createElement(
1804
- "svg",
1805
- {
1806
- "aria-label": "Menu Button",
1807
- stroke: "currentColor",
1808
- fill: "currentColor",
1809
- strokeWidth: 0,
1810
- viewBox: "0 0 20 20",
1811
- "aria-hidden": "true",
1812
- height: "1.6em",
1813
- width: "1.6em"
1814
- },
1815
- /* @__PURE__ */ import_react11.default.createElement(
1816
- "path",
1817
- {
1818
- fillRule: "evenodd",
1819
- clipRule: "evenodd",
1820
- d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1821
- }
1822
- )
1823
- );
1824
1831
 
1825
1832
  // layout/appTopbar/AppTopbar.tsx
1826
- var import_react12 = __toESM(require("react"));
1833
+ var import_react15 = __toESM(require("react"));
1827
1834
  var AppTopbar = ({ ...props }) => {
1828
1835
  const isRTL = props.direction === "ltr";
1829
1836
  const size = 1200;
1830
- return /* @__PURE__ */ import_react12.default.createElement(
1837
+ return /* @__PURE__ */ import_react15.default.createElement(
1831
1838
  "div",
1832
1839
  {
1833
1840
  className: cn(
@@ -1835,24 +1842,24 @@ var AppTopbar = ({ ...props }) => {
1835
1842
  isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
1836
1843
  )
1837
1844
  },
1838
- size > 600 ? /* @__PURE__ */ import_react12.default.createElement(
1845
+ size > 600 ? /* @__PURE__ */ import_react15.default.createElement(
1839
1846
  "div",
1840
1847
  null,
1841
1848
  "page title"
1842
1849
  ) : (
1843
1850
  // Mobile Drawer Menu Button
1844
- /* @__PURE__ */ import_react12.default.createElement(
1851
+ /* @__PURE__ */ import_react15.default.createElement(
1845
1852
  "div",
1846
1853
  {
1847
1854
  dir: props.direction,
1848
1855
  className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
1849
1856
  },
1850
- /* @__PURE__ */ import_react12.default.createElement(
1857
+ /* @__PURE__ */ import_react15.default.createElement(
1851
1858
  "div",
1852
1859
  {
1853
1860
  className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
1854
1861
  },
1855
- /* @__PURE__ */ import_react12.default.createElement(
1862
+ /* @__PURE__ */ import_react15.default.createElement(
1856
1863
  "svg",
1857
1864
  {
1858
1865
  stroke: "currentColor",
@@ -1863,7 +1870,7 @@ var AppTopbar = ({ ...props }) => {
1863
1870
  height: "1.6em",
1864
1871
  width: "1.6em"
1865
1872
  },
1866
- /* @__PURE__ */ import_react12.default.createElement(
1873
+ /* @__PURE__ */ import_react15.default.createElement(
1867
1874
  "path",
1868
1875
  {
1869
1876
  fillRule: "evenodd",
@@ -1876,7 +1883,7 @@ var AppTopbar = ({ ...props }) => {
1876
1883
  "Mobile title"
1877
1884
  )
1878
1885
  ),
1879
- /* @__PURE__ */ import_react12.default.createElement(
1886
+ /* @__PURE__ */ import_react15.default.createElement(
1880
1887
  "div",
1881
1888
  {
1882
1889
  className: cn(
@@ -1884,16 +1891,16 @@ var AppTopbar = ({ ...props }) => {
1884
1891
  isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
1885
1892
  )
1886
1893
  },
1887
- size > 600 ? /* @__PURE__ */ import_react12.default.createElement(
1894
+ size > 600 ? /* @__PURE__ */ import_react15.default.createElement(
1888
1895
  "div",
1889
1896
  {
1890
1897
  className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
1891
1898
  },
1892
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-font-bold" }, props.username),
1899
+ /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-font-bold" }, props.username),
1893
1900
  " ",
1894
- /* @__PURE__ */ import_react12.default.createElement("div", null, props.email)
1901
+ /* @__PURE__ */ import_react15.default.createElement("div", null, props.email)
1895
1902
  ) : null,
1896
- /* @__PURE__ */ import_react12.default.createElement(
1903
+ /* @__PURE__ */ import_react15.default.createElement(
1897
1904
  DropdownMenu,
1898
1905
  {
1899
1906
  triggerClassname: "hawa-mx-2",
@@ -1904,7 +1911,7 @@ var AppTopbar = ({ ...props }) => {
1904
1911
  direction: isRTL ? "rtl" : "ltr",
1905
1912
  items: props.profileMenuItems || [],
1906
1913
  onItemSelect: (e) => console.log("selecting item ", e),
1907
- trigger: /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react12.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react12.default.createElement(
1914
+ trigger: /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react15.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react15.default.createElement(
1908
1915
  "svg",
1909
1916
  {
1910
1917
  "aria-label": "Avatar Icon",
@@ -1912,7 +1919,7 @@ var AppTopbar = ({ ...props }) => {
1912
1919
  fill: "currentColor",
1913
1920
  viewBox: "0 0 20 20"
1914
1921
  },
1915
- /* @__PURE__ */ import_react12.default.createElement(
1922
+ /* @__PURE__ */ import_react15.default.createElement(
1916
1923
  "path",
1917
1924
  {
1918
1925
  fillRule: "evenodd",
@@ -1928,14 +1935,14 @@ var AppTopbar = ({ ...props }) => {
1928
1935
  };
1929
1936
 
1930
1937
  // layout/appMenubar/AppMenubar.tsx
1931
- var React17 = __toESM(require("react"));
1938
+ var React19 = __toESM(require("react"));
1932
1939
  var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
1933
1940
  var MenubarMenu = MenubarPrimitive.Menu;
1934
1941
  var MenubarGroup = MenubarPrimitive.Group;
1935
1942
  var MenubarPortal = MenubarPrimitive.Portal;
1936
1943
  var MenubarSub = MenubarPrimitive.Sub;
1937
1944
  var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
1938
- var Menubar = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
1945
+ var Menubar = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
1939
1946
  MenubarPrimitive.Root,
1940
1947
  {
1941
1948
  ref,
@@ -1947,7 +1954,7 @@ var Menubar = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__
1947
1954
  }
1948
1955
  ));
1949
1956
  Menubar.displayName = MenubarPrimitive.Root.displayName;
1950
- var MenubarTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
1957
+ var MenubarTrigger = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
1951
1958
  MenubarPrimitive.Trigger,
1952
1959
  {
1953
1960
  ref,
@@ -1959,7 +1966,7 @@ var MenubarTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__
1959
1966
  }
1960
1967
  ));
1961
1968
  MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
1962
- var MenubarSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React17.createElement(
1969
+ var MenubarSubTrigger = React19.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React19.createElement(
1963
1970
  MenubarPrimitive.SubTrigger,
1964
1971
  {
1965
1972
  ref,
@@ -1971,7 +1978,7 @@ var MenubarSubTrigger = React17.forwardRef(({ className, inset, children, ...pro
1971
1978
  ...props
1972
1979
  },
1973
1980
  children,
1974
- /* @__PURE__ */ React17.createElement(
1981
+ /* @__PURE__ */ React19.createElement(
1975
1982
  "svg",
1976
1983
  {
1977
1984
  "aria-label": "Chevron Right Icon",
@@ -1986,11 +1993,11 @@ var MenubarSubTrigger = React17.forwardRef(({ className, inset, children, ...pro
1986
1993
  strokeLinejoin: "round",
1987
1994
  className: "hawa-icon hawa-ml-auto"
1988
1995
  },
1989
- /* @__PURE__ */ React17.createElement("path", { d: "m9 18 6-6-6-6" })
1996
+ /* @__PURE__ */ React19.createElement("path", { d: "m9 18 6-6-6-6" })
1990
1997
  )
1991
1998
  ));
1992
1999
  MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
1993
- var MenubarSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2000
+ var MenubarSubContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
1994
2001
  MenubarPrimitive.SubContent,
1995
2002
  {
1996
2003
  ref,
@@ -2002,8 +2009,8 @@ var MenubarSubContent = React17.forwardRef(({ className, ...props }, ref) => /*
2002
2009
  }
2003
2010
  ));
2004
2011
  MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
2005
- var MenubarContent = React17.forwardRef(
2006
- ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React17.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React17.createElement(
2012
+ var MenubarContent = React19.forwardRef(
2013
+ ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React19.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React19.createElement(
2007
2014
  MenubarPrimitive.Content,
2008
2015
  {
2009
2016
  ref,
@@ -2019,7 +2026,7 @@ var MenubarContent = React17.forwardRef(
2019
2026
  ))
2020
2027
  );
2021
2028
  MenubarContent.displayName = MenubarPrimitive.Content.displayName;
2022
- var MenubarItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2029
+ var MenubarItem = React19.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React19.createElement(
2023
2030
  MenubarPrimitive.Item,
2024
2031
  {
2025
2032
  ref,
@@ -2032,7 +2039,7 @@ var MenubarItem = React17.forwardRef(({ className, inset, ...props }, ref) => /*
2032
2039
  }
2033
2040
  ));
2034
2041
  MenubarItem.displayName = MenubarPrimitive.Item.displayName;
2035
- var MenubarCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2042
+ var MenubarCheckboxItem = React19.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React19.createElement(
2036
2043
  MenubarPrimitive.CheckboxItem,
2037
2044
  {
2038
2045
  ref,
@@ -2043,7 +2050,7 @@ var MenubarCheckboxItem = React17.forwardRef(({ className, children, checked, ..
2043
2050
  checked,
2044
2051
  ...props
2045
2052
  },
2046
- /* @__PURE__ */ React17.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React17.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React17.createElement(
2053
+ /* @__PURE__ */ React19.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React19.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React19.createElement(
2047
2054
  "svg",
2048
2055
  {
2049
2056
  xmlns: "http://www.w3.org/2000/svg",
@@ -2057,12 +2064,12 @@ var MenubarCheckboxItem = React17.forwardRef(({ className, children, checked, ..
2057
2064
  strokeLinejoin: "round",
2058
2065
  className: "hawa-icon"
2059
2066
  },
2060
- /* @__PURE__ */ React17.createElement("path", { d: "M20 6 9 17l-5-5" })
2067
+ /* @__PURE__ */ React19.createElement("path", { d: "M20 6 9 17l-5-5" })
2061
2068
  ))),
2062
2069
  children
2063
2070
  ));
2064
2071
  MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
2065
- var MenubarRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2072
+ var MenubarRadioItem = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React19.createElement(
2066
2073
  MenubarPrimitive.RadioItem,
2067
2074
  {
2068
2075
  ref,
@@ -2072,7 +2079,7 @@ var MenubarRadioItem = React17.forwardRef(({ className, children, ...props }, re
2072
2079
  ),
2073
2080
  ...props
2074
2081
  },
2075
- /* @__PURE__ */ React17.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React17.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React17.createElement(
2082
+ /* @__PURE__ */ React19.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React19.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React19.createElement(
2076
2083
  "svg",
2077
2084
  {
2078
2085
  xmlns: "http://www.w3.org/2000/svg",
@@ -2086,12 +2093,12 @@ var MenubarRadioItem = React17.forwardRef(({ className, children, ...props }, re
2086
2093
  strokeLinejoin: "round",
2087
2094
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
2088
2095
  },
2089
- /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "10" })
2096
+ /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" })
2090
2097
  ))),
2091
2098
  children
2092
2099
  ));
2093
2100
  MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
2094
- var MenubarLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2101
+ var MenubarLabel = React19.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React19.createElement(
2095
2102
  MenubarPrimitive.Label,
2096
2103
  {
2097
2104
  ref,
@@ -2104,7 +2111,7 @@ var MenubarLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /
2104
2111
  }
2105
2112
  ));
2106
2113
  MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
2107
- var MenubarSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
2114
+ var MenubarSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
2108
2115
  MenubarPrimitive.Separator,
2109
2116
  {
2110
2117
  ref,
@@ -2117,7 +2124,7 @@ var MenubarShortcut = ({
2117
2124
  className,
2118
2125
  ...props
2119
2126
  }) => {
2120
- return /* @__PURE__ */ React17.createElement(
2127
+ return /* @__PURE__ */ React19.createElement(
2121
2128
  "span",
2122
2129
  {
2123
2130
  className: cn(
@@ -2131,10 +2138,10 @@ var MenubarShortcut = ({
2131
2138
  MenubarShortcut.displayname = "MenubarShortcut";
2132
2139
 
2133
2140
  // layout/appTabs/AppTabs.tsx
2134
- var import_react13 = __toESM(require("react"));
2141
+ var import_react16 = __toESM(require("react"));
2135
2142
  var AppTabs = ({ tabs, className }) => {
2136
- const [selectedIndex, setSelectedIndex] = (0, import_react13.useState)(0);
2137
- return /* @__PURE__ */ import_react13.default.createElement(
2143
+ const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(0);
2144
+ return /* @__PURE__ */ import_react16.default.createElement(
2138
2145
  "div",
2139
2146
  {
2140
2147
  className: cn(
@@ -2142,9 +2149,9 @@ var AppTabs = ({ tabs, className }) => {
2142
2149
  className
2143
2150
  )
2144
2151
  },
2145
- /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
2152
+ /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
2146
2153
  const selected = index === selectedIndex;
2147
- return /* @__PURE__ */ import_react13.default.createElement(
2154
+ return /* @__PURE__ */ import_react16.default.createElement(
2148
2155
  "a",
2149
2156
  {
2150
2157
  href: tab.path,
@@ -2175,12 +2182,12 @@ var AppTabs = ({ tabs, className }) => {
2175
2182
  };
2176
2183
 
2177
2184
  // layout/docsLayout/DocsLayout.tsx
2178
- var import_react17 = __toESM(require("react"));
2185
+ var import_react20 = __toESM(require("react"));
2179
2186
 
2180
2187
  // elements/logos/Logos.tsx
2181
- var import_react14 = __toESM(require("react"));
2188
+ var import_react17 = __toESM(require("react"));
2182
2189
  var Logos = {
2183
- metamask: (props) => /* @__PURE__ */ import_react14.default.createElement(
2190
+ metamask: (props) => /* @__PURE__ */ import_react17.default.createElement(
2184
2191
  "svg",
2185
2192
  {
2186
2193
  xmlns: "http://www.w3.org/2000/svg",
@@ -2191,8 +2198,8 @@ var Logos = {
2191
2198
  viewBox: "0 0 318.6 318.6",
2192
2199
  ...props
2193
2200
  },
2194
- /* @__PURE__ */ import_react14.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
2195
- /* @__PURE__ */ import_react14.default.createElement(
2201
+ /* @__PURE__ */ import_react17.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
2202
+ /* @__PURE__ */ import_react17.default.createElement(
2196
2203
  "path",
2197
2204
  {
2198
2205
  fill: "#e2761b",
@@ -2202,21 +2209,21 @@ var Logos = {
2202
2209
  d: "m274.1 35.5-99.5 73.9L193 65.8z"
2203
2210
  }
2204
2211
  ),
2205
- /* @__PURE__ */ import_react14.default.createElement(
2212
+ /* @__PURE__ */ import_react17.default.createElement(
2206
2213
  "path",
2207
2214
  {
2208
2215
  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",
2209
2216
  className: "st1"
2210
2217
  }
2211
2218
  ),
2212
- /* @__PURE__ */ import_react14.default.createElement(
2219
+ /* @__PURE__ */ import_react17.default.createElement(
2213
2220
  "path",
2214
2221
  {
2215
2222
  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",
2216
2223
  className: "st1"
2217
2224
  }
2218
2225
  ),
2219
- /* @__PURE__ */ import_react14.default.createElement(
2226
+ /* @__PURE__ */ import_react17.default.createElement(
2220
2227
  "path",
2221
2228
  {
2222
2229
  fill: "#d7c1b3",
@@ -2226,7 +2233,7 @@ var Logos = {
2226
2233
  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"
2227
2234
  }
2228
2235
  ),
2229
- /* @__PURE__ */ import_react14.default.createElement(
2236
+ /* @__PURE__ */ import_react17.default.createElement(
2230
2237
  "path",
2231
2238
  {
2232
2239
  fill: "#233447",
@@ -2236,7 +2243,7 @@ var Logos = {
2236
2243
  d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
2237
2244
  }
2238
2245
  ),
2239
- /* @__PURE__ */ import_react14.default.createElement(
2246
+ /* @__PURE__ */ import_react17.default.createElement(
2240
2247
  "path",
2241
2248
  {
2242
2249
  fill: "#cd6116",
@@ -2246,7 +2253,7 @@ var Logos = {
2246
2253
  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"
2247
2254
  }
2248
2255
  ),
2249
- /* @__PURE__ */ import_react14.default.createElement(
2256
+ /* @__PURE__ */ import_react17.default.createElement(
2250
2257
  "path",
2251
2258
  {
2252
2259
  fill: "#e4751f",
@@ -2256,14 +2263,14 @@ var Logos = {
2256
2263
  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"
2257
2264
  }
2258
2265
  ),
2259
- /* @__PURE__ */ import_react14.default.createElement(
2266
+ /* @__PURE__ */ import_react17.default.createElement(
2260
2267
  "path",
2261
2268
  {
2262
2269
  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",
2263
2270
  className: "st6"
2264
2271
  }
2265
2272
  ),
2266
- /* @__PURE__ */ import_react14.default.createElement(
2273
+ /* @__PURE__ */ import_react17.default.createElement(
2267
2274
  "path",
2268
2275
  {
2269
2276
  fill: "#c0ad9e",
@@ -2273,7 +2280,7 @@ var Logos = {
2273
2280
  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"
2274
2281
  }
2275
2282
  ),
2276
- /* @__PURE__ */ import_react14.default.createElement(
2283
+ /* @__PURE__ */ import_react17.default.createElement(
2277
2284
  "path",
2278
2285
  {
2279
2286
  fill: "#161616",
@@ -2283,7 +2290,7 @@ var Logos = {
2283
2290
  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"
2284
2291
  }
2285
2292
  ),
2286
- /* @__PURE__ */ import_react14.default.createElement(
2293
+ /* @__PURE__ */ import_react17.default.createElement(
2287
2294
  "path",
2288
2295
  {
2289
2296
  fill: "#763d16",
@@ -2293,7 +2300,7 @@ var Logos = {
2293
2300
  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"
2294
2301
  }
2295
2302
  ),
2296
- /* @__PURE__ */ import_react14.default.createElement(
2303
+ /* @__PURE__ */ import_react17.default.createElement(
2297
2304
  "path",
2298
2305
  {
2299
2306
  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",
@@ -2301,7 +2308,7 @@ var Logos = {
2301
2308
  }
2302
2309
  )
2303
2310
  ),
2304
- nafath: (props) => /* @__PURE__ */ import_react14.default.createElement(
2311
+ nafath: (props) => /* @__PURE__ */ import_react17.default.createElement(
2305
2312
  "svg",
2306
2313
  {
2307
2314
  xmlns: "http://www.w3.org/2000/svg",
@@ -2312,15 +2319,15 @@ var Logos = {
2312
2319
  viewBox: "22.5 44.5 535.6 230.34",
2313
2320
  ...props
2314
2321
  },
2315
- /* @__PURE__ */ import_react14.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
2316
- /* @__PURE__ */ import_react14.default.createElement(
2322
+ /* @__PURE__ */ import_react17.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
2323
+ /* @__PURE__ */ import_react17.default.createElement(
2317
2324
  "path",
2318
2325
  {
2319
2326
  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",
2320
2327
  className: "st0"
2321
2328
  }
2322
2329
  ),
2323
- /* @__PURE__ */ import_react14.default.createElement(
2330
+ /* @__PURE__ */ import_react17.default.createElement(
2324
2331
  "path",
2325
2332
  {
2326
2333
  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",
@@ -2328,7 +2335,7 @@ var Logos = {
2328
2335
  }
2329
2336
  )
2330
2337
  ),
2331
- hawa: (props) => /* @__PURE__ */ import_react14.default.createElement(
2338
+ hawa: (props) => /* @__PURE__ */ import_react17.default.createElement(
2332
2339
  "svg",
2333
2340
  {
2334
2341
  xmlns: "http://www.w3.org/2000/svg",
@@ -2336,7 +2343,7 @@ var Logos = {
2336
2343
  viewBox: "0 0 765 765",
2337
2344
  ...props
2338
2345
  },
2339
- /* @__PURE__ */ import_react14.default.createElement(
2346
+ /* @__PURE__ */ import_react17.default.createElement(
2340
2347
  "path",
2341
2348
  {
2342
2349
  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",
@@ -2344,7 +2351,7 @@ var Logos = {
2344
2351
  }
2345
2352
  )
2346
2353
  ),
2347
- sikka: (props) => /* @__PURE__ */ import_react14.default.createElement(
2354
+ sikka: (props) => /* @__PURE__ */ import_react17.default.createElement(
2348
2355
  "svg",
2349
2356
  {
2350
2357
  xmlns: "http://www.w3.org/2000/svg",
@@ -2354,11 +2361,11 @@ var Logos = {
2354
2361
  fill: "currentColor",
2355
2362
  ...props
2356
2363
  },
2357
- /* @__PURE__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
2358
- /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react14.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
2359
- /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react14.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react14.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" })))
2364
+ /* @__PURE__ */ import_react17.default.createElement("defs", null, /* @__PURE__ */ import_react17.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
2365
+ /* @__PURE__ */ import_react17.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react17.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
2366
+ /* @__PURE__ */ import_react17.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react17.default.createElement("defs", null, /* @__PURE__ */ import_react17.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react17.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react17.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react17.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react17.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" })))
2360
2367
  ),
2361
- mail: (props) => /* @__PURE__ */ import_react14.default.createElement(
2368
+ mail: (props) => /* @__PURE__ */ import_react17.default.createElement(
2362
2369
  "svg",
2363
2370
  {
2364
2371
  stroke: "currentColor",
@@ -2370,10 +2377,10 @@ var Logos = {
2370
2377
  xmlns: "http://www.w3.org/2000/svg",
2371
2378
  ...props
2372
2379
  },
2373
- /* @__PURE__ */ import_react14.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" }),
2374
- /* @__PURE__ */ import_react14.default.createElement("polyline", { points: "22,6 12,13 2,6" })
2380
+ /* @__PURE__ */ import_react17.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" }),
2381
+ /* @__PURE__ */ import_react17.default.createElement("polyline", { points: "22,6 12,13 2,6" })
2375
2382
  ),
2376
- phone: (props) => /* @__PURE__ */ import_react14.default.createElement(
2383
+ phone: (props) => /* @__PURE__ */ import_react17.default.createElement(
2377
2384
  "svg",
2378
2385
  {
2379
2386
  stroke: "currentColor",
@@ -2384,7 +2391,7 @@ var Logos = {
2384
2391
  xmlns: "http://www.w3.org/2000/svg",
2385
2392
  ...props
2386
2393
  },
2387
- /* @__PURE__ */ import_react14.default.createElement(
2394
+ /* @__PURE__ */ import_react17.default.createElement(
2388
2395
  "path",
2389
2396
  {
2390
2397
  strokeLinecap: "round",
@@ -2393,14 +2400,14 @@ var Logos = {
2393
2400
  }
2394
2401
  )
2395
2402
  ),
2396
- twitter: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2403
+ twitter: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2397
2404
  "path",
2398
2405
  {
2399
2406
  fill: "currentColor",
2400
2407
  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"
2401
2408
  }
2402
2409
  )),
2403
- instagram: (props) => /* @__PURE__ */ import_react14.default.createElement(
2410
+ instagram: (props) => /* @__PURE__ */ import_react17.default.createElement(
2404
2411
  "svg",
2405
2412
  {
2406
2413
  xmlns: "http://www.w3.org/2000/svg",
@@ -2408,23 +2415,23 @@ var Logos = {
2408
2415
  viewBox: "0 0 16 16",
2409
2416
  ...props
2410
2417
  },
2411
- /* @__PURE__ */ import_react14.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" })
2418
+ /* @__PURE__ */ import_react17.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" })
2412
2419
  ),
2413
- microsoft: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2420
+ microsoft: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2414
2421
  "path",
2415
2422
  {
2416
2423
  fill: "currentColor",
2417
2424
  d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
2418
2425
  }
2419
2426
  )),
2420
- github: (props) => /* @__PURE__ */ import_react14.default.createElement(
2427
+ github: (props) => /* @__PURE__ */ import_react17.default.createElement(
2421
2428
  "svg",
2422
2429
  {
2423
2430
  xmlns: "http://www.w3.org/2000/svg",
2424
2431
  viewBox: "0 0 438.549 438.549",
2425
2432
  ...props
2426
2433
  },
2427
- /* @__PURE__ */ import_react14.default.createElement(
2434
+ /* @__PURE__ */ import_react17.default.createElement(
2428
2435
  "path",
2429
2436
  {
2430
2437
  fill: "currentColor",
@@ -2432,77 +2439,77 @@ var Logos = {
2432
2439
  }
2433
2440
  )
2434
2441
  ),
2435
- radix: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2442
+ radix: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2436
2443
  "path",
2437
2444
  {
2438
2445
  d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
2439
2446
  fill: "currentcolor"
2440
2447
  }
2441
- ), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react14.default.createElement(
2448
+ ), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react17.default.createElement(
2442
2449
  "path",
2443
2450
  {
2444
2451
  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",
2445
2452
  fill: "currentcolor"
2446
2453
  }
2447
2454
  )),
2448
- aria: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react14.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" })),
2449
- npm: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2455
+ aria: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react17.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" })),
2456
+ npm: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2450
2457
  "path",
2451
2458
  {
2452
2459
  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",
2453
2460
  fill: "currentColor"
2454
2461
  }
2455
2462
  )),
2456
- yarn: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2463
+ yarn: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2457
2464
  "path",
2458
2465
  {
2459
2466
  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",
2460
2467
  fill: "currentColor"
2461
2468
  }
2462
2469
  )),
2463
- pnpm: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2470
+ pnpm: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2464
2471
  "path",
2465
2472
  {
2466
2473
  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",
2467
2474
  fill: "currentColor"
2468
2475
  }
2469
2476
  )),
2470
- react: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2477
+ react: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2471
2478
  "path",
2472
2479
  {
2473
2480
  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",
2474
2481
  fill: "currentColor"
2475
2482
  }
2476
2483
  )),
2477
- tailwind: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2484
+ tailwind: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2478
2485
  "path",
2479
2486
  {
2480
2487
  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",
2481
2488
  fill: "currentColor"
2482
2489
  }
2483
2490
  )),
2484
- google: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2491
+ google: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2485
2492
  "path",
2486
2493
  {
2487
2494
  fill: "currentColor",
2488
2495
  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"
2489
2496
  }
2490
2497
  )),
2491
- apple: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2498
+ apple: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2492
2499
  "path",
2493
2500
  {
2494
2501
  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",
2495
2502
  fill: "currentColor"
2496
2503
  }
2497
2504
  )),
2498
- paypal: (props) => /* @__PURE__ */ import_react14.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react14.default.createElement(
2505
+ paypal: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
2499
2506
  "path",
2500
2507
  {
2501
2508
  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",
2502
2509
  fill: "currentColor"
2503
2510
  }
2504
2511
  )),
2505
- spinner: (props) => /* @__PURE__ */ import_react14.default.createElement(
2512
+ spinner: (props) => /* @__PURE__ */ import_react17.default.createElement(
2506
2513
  "svg",
2507
2514
  {
2508
2515
  xmlns: "http://www.w3.org/2000/svg",
@@ -2516,9 +2523,9 @@ var Logos = {
2516
2523
  strokeLinejoin: "round",
2517
2524
  ...props
2518
2525
  },
2519
- /* @__PURE__ */ import_react14.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
2526
+ /* @__PURE__ */ import_react17.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
2520
2527
  ),
2521
- whatsapp: (props) => /* @__PURE__ */ import_react14.default.createElement(
2528
+ whatsapp: (props) => /* @__PURE__ */ import_react17.default.createElement(
2522
2529
  "svg",
2523
2530
  {
2524
2531
  xmlns: "http://www.w3.org/2000/svg",
@@ -2526,18 +2533,18 @@ var Logos = {
2526
2533
  fill: "currentColor",
2527
2534
  ...props
2528
2535
  },
2529
- /* @__PURE__ */ import_react14.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" })
2536
+ /* @__PURE__ */ import_react17.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" })
2530
2537
  )
2531
2538
  };
2532
2539
 
2533
2540
  // elements/sheet/Sheet.tsx
2534
- var React20 = __toESM(require("react"));
2541
+ var React22 = __toESM(require("react"));
2535
2542
  var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
2536
2543
  var import_class_variance_authority2 = require("class-variance-authority");
2537
2544
  var Sheet = SheetPrimitive.Root;
2538
2545
  var SheetTrigger = SheetPrimitive.Trigger;
2539
2546
  var SheetPortal = SheetPrimitive.Portal;
2540
- var SheetOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
2547
+ var SheetOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2541
2548
  SheetPrimitive.Overlay,
2542
2549
  {
2543
2550
  className: cn(
@@ -2564,8 +2571,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
2564
2571
  }
2565
2572
  }
2566
2573
  );
2567
- var SheetContent = React20.forwardRef(
2568
- ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React20.createElement(SheetPortal, null, /* @__PURE__ */ React20.createElement(SheetOverlay, null), /* @__PURE__ */ React20.createElement(
2574
+ var SheetContent = React22.forwardRef(
2575
+ ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React22.createElement(SheetPortal, null, /* @__PURE__ */ React22.createElement(SheetOverlay, null), /* @__PURE__ */ React22.createElement(
2569
2576
  SheetPrimitive.Content,
2570
2577
  {
2571
2578
  ref,
@@ -2578,7 +2585,7 @@ var SheetContent = React20.forwardRef(
2578
2585
  ...props
2579
2586
  },
2580
2587
  children,
2581
- !hideCloseButton && /* @__PURE__ */ React20.createElement(
2588
+ !hideCloseButton && /* @__PURE__ */ React22.createElement(
2582
2589
  SheetPrimitive.Close,
2583
2590
  {
2584
2591
  className: cn(
@@ -2590,7 +2597,7 @@ var SheetContent = React20.forwardRef(
2590
2597
  }
2591
2598
  )
2592
2599
  },
2593
- /* @__PURE__ */ React20.createElement(
2600
+ /* @__PURE__ */ React22.createElement(
2594
2601
  "svg",
2595
2602
  {
2596
2603
  "aria-label": "Close Icon",
@@ -2599,7 +2606,7 @@ var SheetContent = React20.forwardRef(
2599
2606
  fill: "currentColor",
2600
2607
  viewBox: "0 0 20 20"
2601
2608
  },
2602
- /* @__PURE__ */ React20.createElement(
2609
+ /* @__PURE__ */ React22.createElement(
2603
2610
  "path",
2604
2611
  {
2605
2612
  fillRule: "evenodd",
@@ -2608,14 +2615,14 @@ var SheetContent = React20.forwardRef(
2608
2615
  }
2609
2616
  )
2610
2617
  ),
2611
- /* @__PURE__ */ React20.createElement("span", { className: "hawa-sr-only" }, "Close")
2618
+ /* @__PURE__ */ React22.createElement("span", { className: "hawa-sr-only" }, "Close")
2612
2619
  )
2613
2620
  ))
2614
2621
  );
2615
2622
  var SheetHeader = ({
2616
2623
  className,
2617
2624
  ...props
2618
- }) => /* @__PURE__ */ React20.createElement(
2625
+ }) => /* @__PURE__ */ React22.createElement(
2619
2626
  "div",
2620
2627
  {
2621
2628
  className: cn(
@@ -2628,7 +2635,7 @@ var SheetHeader = ({
2628
2635
  var SheetFooter = ({
2629
2636
  className,
2630
2637
  ...props
2631
- }) => /* @__PURE__ */ React20.createElement(
2638
+ }) => /* @__PURE__ */ React22.createElement(
2632
2639
  "div",
2633
2640
  {
2634
2641
  className: cn(
@@ -2638,7 +2645,7 @@ var SheetFooter = ({
2638
2645
  ...props
2639
2646
  }
2640
2647
  );
2641
- var SheetTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
2648
+ var SheetTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2642
2649
  SheetPrimitive.Title,
2643
2650
  {
2644
2651
  ref,
@@ -2649,7 +2656,7 @@ var SheetTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE
2649
2656
  ...props
2650
2657
  }
2651
2658
  ));
2652
- var SheetDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
2659
+ var SheetDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
2653
2660
  SheetPrimitive.Description,
2654
2661
  {
2655
2662
  ref,
@@ -2665,10 +2672,10 @@ SheetFooter.displayName = "SheetFooter";
2665
2672
  SheetTitle.displayName = SheetPrimitive.Title.displayName;
2666
2673
 
2667
2674
  // hooks/useBreakpoint.ts
2668
- var import_react15 = require("react");
2675
+ var import_react18 = require("react");
2669
2676
  var useBreakpoint = () => {
2670
- const [breakpoint, setBreakpoint] = (0, import_react15.useState)(null);
2671
- (0, import_react15.useEffect)(() => {
2677
+ const [breakpoint, setBreakpoint] = (0, import_react18.useState)(null);
2678
+ (0, import_react18.useEffect)(() => {
2672
2679
  if (typeof window !== "undefined") {
2673
2680
  const resize = () => {
2674
2681
  setBreakpoint(window.innerWidth);
@@ -2684,13 +2691,13 @@ var useBreakpoint = () => {
2684
2691
  };
2685
2692
 
2686
2693
  // layout/docsSidebar/DocsSidebar.tsx
2687
- var import_react16 = __toESM(require("react"));
2694
+ var import_react19 = __toESM(require("react"));
2688
2695
  var DocsSidebar = ({
2689
2696
  currentPage: propCurrentPage,
2690
2697
  pages,
2691
2698
  direction
2692
2699
  }) => {
2693
- const [activePage, setActivePage] = import_react16.default.useState(pages[0]);
2700
+ const [activePage, setActivePage] = import_react19.default.useState(pages[0]);
2694
2701
  const handlePageClick = (page, event) => {
2695
2702
  event.preventDefault();
2696
2703
  setTimeout(() => {
@@ -2712,7 +2719,7 @@ var DocsSidebar = ({
2712
2719
  }
2713
2720
  return pages[0];
2714
2721
  };
2715
- import_react16.default.useEffect(() => {
2722
+ import_react19.default.useEffect(() => {
2716
2723
  const handleScroll = () => {
2717
2724
  setActivePage(getCurrentSection());
2718
2725
  };
@@ -2725,13 +2732,13 @@ var DocsSidebar = ({
2725
2732
  rtl: "hawa-border-r-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
2726
2733
  ltr: "hawa-border-l-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
2727
2734
  };
2728
- return /* @__PURE__ */ import_react16.default.createElement(
2735
+ return /* @__PURE__ */ import_react19.default.createElement(
2729
2736
  "div",
2730
2737
  {
2731
2738
  className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
2732
2739
  dir: direction
2733
2740
  },
2734
- pages.map((page, index) => /* @__PURE__ */ import_react16.default.createElement(
2741
+ pages.map((page, index) => /* @__PURE__ */ import_react19.default.createElement(
2735
2742
  "div",
2736
2743
  {
2737
2744
  key: index,
@@ -2771,15 +2778,15 @@ var DocsLayout = ({
2771
2778
  lg: closeDrawerWidth
2772
2779
  }
2773
2780
  };
2774
- const ref = (0, import_react17.useRef)(null);
2781
+ const ref = (0, import_react20.useRef)(null);
2775
2782
  const isRTL = direction === "rtl";
2776
2783
  let size = useBreakpoint();
2777
2784
  if (typeof window == "undefined") {
2778
2785
  size = 1200;
2779
2786
  }
2780
- const [currentPage, setCurrentPage] = (0, import_react17.useState)("Introduction");
2781
- const [openSideMenu, setOpenSideMenu] = (0, import_react17.useState)(true);
2782
- (0, import_react17.useEffect)(() => {
2787
+ const [currentPage, setCurrentPage] = (0, import_react20.useState)("Introduction");
2788
+ const [openSideMenu, setOpenSideMenu] = (0, import_react20.useState)(true);
2789
+ (0, import_react20.useEffect)(() => {
2783
2790
  const handleClickOutside = (event) => {
2784
2791
  if (ref.current && !ref.current.contains(event.target) && !openSideMenu) {
2785
2792
  setOpenSideMenu(false);
@@ -2790,7 +2797,7 @@ var DocsLayout = ({
2790
2797
  document.removeEventListener("click", handleClickOutside, true);
2791
2798
  };
2792
2799
  }, [openSideMenu]);
2793
- (0, import_react17.useEffect)(() => {
2800
+ (0, import_react20.useEffect)(() => {
2794
2801
  const handleResize = () => {
2795
2802
  setOpenSideMenu(window.innerWidth > 600 ? true : false);
2796
2803
  };
@@ -2800,19 +2807,19 @@ var DocsLayout = ({
2800
2807
  window.removeEventListener("resize", handleResize);
2801
2808
  };
2802
2809
  }, [keepOpen]);
2803
- const observerRef = import_react17.default.useRef(null);
2810
+ const observerRef = import_react20.default.useRef(null);
2804
2811
  const handleIntersection = (entries) => {
2805
2812
  const entry = entries.find((entry2) => entry2.isIntersecting);
2806
2813
  if (entry) {
2807
2814
  setCurrentPage(entry.target.id);
2808
2815
  }
2809
2816
  };
2810
- (0, import_react17.useEffect)(() => {
2817
+ (0, import_react20.useEffect)(() => {
2811
2818
  observerRef.current = new IntersectionObserver(handleIntersection, {
2812
2819
  threshold: 0.5
2813
2820
  // Adjust threshold as needed to determine when a section is in view
2814
2821
  });
2815
- import_react17.default.Children.forEach(props.children, (child) => {
2822
+ import_react20.default.Children.forEach(props.children, (child) => {
2816
2823
  if (child && child.props.id) {
2817
2824
  const element = document.getElementById(child.props.id);
2818
2825
  if (element && observerRef.current) {
@@ -2827,7 +2834,7 @@ var DocsLayout = ({
2827
2834
  };
2828
2835
  }, [props.children]);
2829
2836
  let drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
2830
- return /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ import_react17.default.createElement(
2837
+ return /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ import_react20.default.createElement(
2831
2838
  "div",
2832
2839
  {
2833
2840
  className: cn(
@@ -2835,7 +2842,7 @@ var DocsLayout = ({
2835
2842
  isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
2836
2843
  )
2837
2844
  },
2838
- size > 600 ? /* @__PURE__ */ import_react17.default.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ import_react17.default.createElement(
2845
+ size > 600 ? /* @__PURE__ */ import_react20.default.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ import_react20.default.createElement(
2839
2846
  "img",
2840
2847
  {
2841
2848
  className: cn(
@@ -2846,18 +2853,18 @@ var DocsLayout = ({
2846
2853
  }
2847
2854
  )) : (
2848
2855
  // Mobile Drawer Menu Button
2849
- /* @__PURE__ */ import_react17.default.createElement(
2856
+ /* @__PURE__ */ import_react20.default.createElement(
2850
2857
  "div",
2851
2858
  {
2852
2859
  dir: direction,
2853
2860
  className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
2854
2861
  },
2855
- /* @__PURE__ */ import_react17.default.createElement(Sheet, null, /* @__PURE__ */ import_react17.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react17.default.createElement(
2862
+ /* @__PURE__ */ import_react20.default.createElement(Sheet, null, /* @__PURE__ */ import_react20.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react20.default.createElement(
2856
2863
  "div",
2857
2864
  {
2858
2865
  className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
2859
2866
  },
2860
- /* @__PURE__ */ import_react17.default.createElement(
2867
+ /* @__PURE__ */ import_react20.default.createElement(
2861
2868
  "svg",
2862
2869
  {
2863
2870
  "aria-label": "Menu Icon",
@@ -2869,7 +2876,7 @@ var DocsLayout = ({
2869
2876
  height: "1.6em",
2870
2877
  width: "1.6em"
2871
2878
  },
2872
- /* @__PURE__ */ import_react17.default.createElement(
2879
+ /* @__PURE__ */ import_react20.default.createElement(
2873
2880
  "path",
2874
2881
  {
2875
2882
  fillRule: "evenodd",
@@ -2878,17 +2885,17 @@ var DocsLayout = ({
2878
2885
  }
2879
2886
  )
2880
2887
  )
2881
- )), /* @__PURE__ */ import_react17.default.createElement(
2888
+ )), /* @__PURE__ */ import_react20.default.createElement(
2882
2889
  SheetContent,
2883
2890
  {
2884
2891
  side: isRTL ? "right" : "left",
2885
2892
  className: "hawa-pt-10"
2886
2893
  },
2887
- /* @__PURE__ */ import_react17.default.createElement(DocsSidebar, { direction, pages: pages || [] })
2894
+ /* @__PURE__ */ import_react20.default.createElement(DocsSidebar, { direction, pages: pages || [] })
2888
2895
  ))
2889
2896
  )
2890
2897
  ),
2891
- /* @__PURE__ */ import_react17.default.createElement(
2898
+ /* @__PURE__ */ import_react20.default.createElement(
2892
2899
  "div",
2893
2900
  {
2894
2901
  className: cn(
@@ -2896,9 +2903,9 @@ var DocsLayout = ({
2896
2903
  isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
2897
2904
  )
2898
2905
  },
2899
- /* @__PURE__ */ import_react17.default.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ import_react17.default.createElement(Logos.github, { className: "hawa-icon" }))
2906
+ /* @__PURE__ */ import_react20.default.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ import_react20.default.createElement(Logos.github, { className: "hawa-icon" }))
2900
2907
  )
2901
- ), /* @__PURE__ */ import_react17.default.createElement(
2908
+ ), /* @__PURE__ */ import_react20.default.createElement(
2902
2909
  "div",
2903
2910
  {
2904
2911
  className: cn(
@@ -2921,7 +2928,7 @@ var DocsLayout = ({
2921
2928
  },
2922
2929
  ref
2923
2930
  },
2924
- /* @__PURE__ */ import_react17.default.createElement(
2931
+ /* @__PURE__ */ import_react20.default.createElement(
2925
2932
  DocsSidebar,
2926
2933
  {
2927
2934
  direction,
@@ -2929,7 +2936,7 @@ var DocsLayout = ({
2929
2936
  currentPage
2930
2937
  }
2931
2938
  )
2932
- ), /* @__PURE__ */ import_react17.default.createElement(
2939
+ ), /* @__PURE__ */ import_react20.default.createElement(
2933
2940
  "div",
2934
2941
  {
2935
2942
  className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",