@sikka/hawa 0.31.10-next → 0.31.11-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.
- package/dist/appLayout/index.js +144 -132
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +139 -127
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/blocks/index.js +199 -196
- package/dist/blocks/index.mjs +3 -3
- package/dist/blocks/misc/index.js +145 -142
- package/dist/blocks/misc/index.mjs +63 -60
- package/dist/{chunk-UDCDD66A.mjs → chunk-JU6Q4Q3T.mjs} +21 -1
- package/dist/{chunk-JXN2PVGT.mjs → chunk-VZNDYO6H.mjs} +1 -1
- package/dist/elements/index.js +253 -250
- package/dist/elements/index.mjs +3 -3
- package/dist/hooks/index.js +3 -0
- package/dist/hooks/index.mjs +2 -2
- package/dist/index.js +730 -718
- package/dist/index.mjs +660 -648
- package/dist/layout/index.js +252 -240
- package/dist/layout/index.mjs +9 -15
- package/dist/tabs/index.js +26 -23
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +26 -23
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +12 -12
- /package/dist/{chunk-R2SKHHDK.mjs → chunk-OPYDG34F.mjs} +0 -0
package/dist/layout/index.js
CHANGED
|
@@ -652,14 +652,33 @@ var Navbar = ({
|
|
|
652
652
|
};
|
|
653
653
|
|
|
654
654
|
// layout/appLayout/AppLayout.tsx
|
|
655
|
-
var
|
|
655
|
+
var import_react9 = __toESM(require("react"));
|
|
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();
|
|
665
|
+
}
|
|
666
|
+
};
|
|
667
|
+
document.addEventListener("click", handleClick, true);
|
|
668
|
+
return () => {
|
|
669
|
+
document.removeEventListener("click", handleClick, true);
|
|
670
|
+
};
|
|
671
|
+
}, [ref]);
|
|
672
|
+
return ref;
|
|
673
|
+
};
|
|
674
|
+
var useOutsideClick_default = useOutsideClick;
|
|
656
675
|
|
|
657
676
|
// elements/button/Button.tsx
|
|
658
|
-
var
|
|
677
|
+
var React10 = __toESM(require("react"));
|
|
659
678
|
var import_class_variance_authority = require("class-variance-authority");
|
|
660
679
|
|
|
661
680
|
// elements/loading/Loading.tsx
|
|
662
|
-
var
|
|
681
|
+
var import_react7 = __toESM(require("react"));
|
|
663
682
|
var Loading = ({
|
|
664
683
|
design = "spinner",
|
|
665
684
|
size = "normal",
|
|
@@ -690,7 +709,7 @@ var Loading = ({
|
|
|
690
709
|
};
|
|
691
710
|
switch (design.split("-")[0]) {
|
|
692
711
|
case "dots":
|
|
693
|
-
return /* @__PURE__ */
|
|
712
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
694
713
|
"div",
|
|
695
714
|
{
|
|
696
715
|
className: cn(
|
|
@@ -698,7 +717,7 @@ var Loading = ({
|
|
|
698
717
|
classNames == null ? void 0 : classNames.container
|
|
699
718
|
)
|
|
700
719
|
},
|
|
701
|
-
/* @__PURE__ */
|
|
720
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
702
721
|
"div",
|
|
703
722
|
{
|
|
704
723
|
className: cn(
|
|
@@ -709,7 +728,7 @@ var Loading = ({
|
|
|
709
728
|
)
|
|
710
729
|
}
|
|
711
730
|
),
|
|
712
|
-
/* @__PURE__ */
|
|
731
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
713
732
|
"div",
|
|
714
733
|
{
|
|
715
734
|
className: cn(
|
|
@@ -720,7 +739,7 @@ var Loading = ({
|
|
|
720
739
|
)
|
|
721
740
|
}
|
|
722
741
|
),
|
|
723
|
-
/* @__PURE__ */
|
|
742
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
724
743
|
"div",
|
|
725
744
|
{
|
|
726
745
|
className: cn(
|
|
@@ -733,7 +752,7 @@ var Loading = ({
|
|
|
733
752
|
)
|
|
734
753
|
);
|
|
735
754
|
case "square":
|
|
736
|
-
return /* @__PURE__ */
|
|
755
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
737
756
|
"svg",
|
|
738
757
|
{
|
|
739
758
|
className: cn(
|
|
@@ -745,7 +764,7 @@ var Loading = ({
|
|
|
745
764
|
height: "35",
|
|
746
765
|
width: "35"
|
|
747
766
|
},
|
|
748
|
-
/* @__PURE__ */
|
|
767
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
749
768
|
"rect",
|
|
750
769
|
{
|
|
751
770
|
className: "squircle-track",
|
|
@@ -757,7 +776,7 @@ var Loading = ({
|
|
|
757
776
|
height: "32.5"
|
|
758
777
|
}
|
|
759
778
|
),
|
|
760
|
-
/* @__PURE__ */
|
|
779
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
761
780
|
"rect",
|
|
762
781
|
{
|
|
763
782
|
className: "square-car",
|
|
@@ -772,7 +791,7 @@ var Loading = ({
|
|
|
772
791
|
)
|
|
773
792
|
);
|
|
774
793
|
case "squircle":
|
|
775
|
-
return /* @__PURE__ */
|
|
794
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
776
795
|
"svg",
|
|
777
796
|
{
|
|
778
797
|
x: "0px",
|
|
@@ -787,7 +806,7 @@ var Loading = ({
|
|
|
787
806
|
classNames == null ? void 0 : classNames.container
|
|
788
807
|
)
|
|
789
808
|
},
|
|
790
|
-
/* @__PURE__ */
|
|
809
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
791
810
|
"path",
|
|
792
811
|
{
|
|
793
812
|
className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
|
|
@@ -797,7 +816,7 @@ var Loading = ({
|
|
|
797
816
|
d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
|
|
798
817
|
}
|
|
799
818
|
),
|
|
800
|
-
/* @__PURE__ */
|
|
819
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
801
820
|
"path",
|
|
802
821
|
{
|
|
803
822
|
className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
|
|
@@ -809,7 +828,7 @@ var Loading = ({
|
|
|
809
828
|
)
|
|
810
829
|
);
|
|
811
830
|
case "progress":
|
|
812
|
-
return /* @__PURE__ */
|
|
831
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
813
832
|
"div",
|
|
814
833
|
{
|
|
815
834
|
className: cn(
|
|
@@ -820,9 +839,9 @@ var Loading = ({
|
|
|
820
839
|
}
|
|
821
840
|
);
|
|
822
841
|
case "orbit":
|
|
823
|
-
return /* @__PURE__ */
|
|
842
|
+
return /* @__PURE__ */ import_react7.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
|
|
824
843
|
default:
|
|
825
|
-
return /* @__PURE__ */
|
|
844
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
826
845
|
"svg",
|
|
827
846
|
{
|
|
828
847
|
viewBox: "0 0 40 40",
|
|
@@ -834,7 +853,7 @@ var Loading = ({
|
|
|
834
853
|
classNames == null ? void 0 : classNames.container
|
|
835
854
|
)
|
|
836
855
|
},
|
|
837
|
-
/* @__PURE__ */
|
|
856
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
838
857
|
"circle",
|
|
839
858
|
{
|
|
840
859
|
className: cn(
|
|
@@ -853,7 +872,7 @@ var Loading = ({
|
|
|
853
872
|
pathLength: "100"
|
|
854
873
|
}
|
|
855
874
|
),
|
|
856
|
-
/* @__PURE__ */
|
|
875
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
857
876
|
"circle",
|
|
858
877
|
{
|
|
859
878
|
className: cn(
|
|
@@ -910,7 +929,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
910
929
|
}
|
|
911
930
|
}
|
|
912
931
|
);
|
|
913
|
-
var Button =
|
|
932
|
+
var Button = React10.forwardRef(
|
|
914
933
|
({
|
|
915
934
|
className,
|
|
916
935
|
variant,
|
|
@@ -923,7 +942,7 @@ var Button = React9.forwardRef(
|
|
|
923
942
|
}, ref) => {
|
|
924
943
|
const Comp = "button";
|
|
925
944
|
const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
|
|
926
|
-
return /* @__PURE__ */
|
|
945
|
+
return /* @__PURE__ */ React10.createElement(
|
|
927
946
|
Comp,
|
|
928
947
|
{
|
|
929
948
|
className: cn(
|
|
@@ -933,7 +952,7 @@ var Button = React9.forwardRef(
|
|
|
933
952
|
ref,
|
|
934
953
|
...props
|
|
935
954
|
},
|
|
936
|
-
isLoading ? /* @__PURE__ */
|
|
955
|
+
isLoading ? /* @__PURE__ */ React10.createElement(
|
|
937
956
|
Loading,
|
|
938
957
|
{
|
|
939
958
|
design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
|
|
@@ -948,14 +967,14 @@ var Button = React9.forwardRef(
|
|
|
948
967
|
Button.displayName = "Button";
|
|
949
968
|
|
|
950
969
|
// elements/dropdownMenu/DropdownMenu.tsx
|
|
951
|
-
var
|
|
970
|
+
var React11 = __toESM(require("react"));
|
|
952
971
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
953
972
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
954
973
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
955
974
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
956
975
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
957
976
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
958
|
-
var DropdownMenuSubTrigger =
|
|
977
|
+
var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
959
978
|
DropdownMenuPrimitive.SubTrigger,
|
|
960
979
|
{
|
|
961
980
|
ref,
|
|
@@ -966,9 +985,9 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
966
985
|
),
|
|
967
986
|
...props
|
|
968
987
|
},
|
|
969
|
-
/* @__PURE__ */
|
|
988
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
|
970
989
|
" ",
|
|
971
|
-
/* @__PURE__ */
|
|
990
|
+
/* @__PURE__ */ React11.createElement(
|
|
972
991
|
"svg",
|
|
973
992
|
{
|
|
974
993
|
"aria-label": "Chevron Right Icon",
|
|
@@ -980,7 +999,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
980
999
|
width: "1em",
|
|
981
1000
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
|
982
1001
|
},
|
|
983
|
-
/* @__PURE__ */
|
|
1002
|
+
/* @__PURE__ */ React11.createElement(
|
|
984
1003
|
"path",
|
|
985
1004
|
{
|
|
986
1005
|
fillRule: "evenodd",
|
|
@@ -990,7 +1009,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
990
1009
|
)
|
|
991
1010
|
));
|
|
992
1011
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
993
|
-
var DropdownMenuSubContent =
|
|
1012
|
+
var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
994
1013
|
DropdownMenuPrimitive.SubContent,
|
|
995
1014
|
{
|
|
996
1015
|
ref,
|
|
@@ -1002,7 +1021,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
|
|
|
1002
1021
|
}
|
|
1003
1022
|
));
|
|
1004
1023
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
1005
|
-
var DropdownMenuContent =
|
|
1024
|
+
var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
|
|
1006
1025
|
DropdownMenuPrimitive.Content,
|
|
1007
1026
|
{
|
|
1008
1027
|
ref,
|
|
@@ -1015,8 +1034,8 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...pr
|
|
|
1015
1034
|
}
|
|
1016
1035
|
)));
|
|
1017
1036
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1018
|
-
var DropdownMenuItem =
|
|
1019
|
-
return /* @__PURE__ */
|
|
1037
|
+
var DropdownMenuItem = React11.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
|
|
1038
|
+
return /* @__PURE__ */ React11.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React11.createElement(
|
|
1020
1039
|
DropdownMenuPrimitive.Item,
|
|
1021
1040
|
{
|
|
1022
1041
|
disabled: props.disabled,
|
|
@@ -1029,14 +1048,14 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, badged, slug, Lin
|
|
|
1029
1048
|
),
|
|
1030
1049
|
...props
|
|
1031
1050
|
},
|
|
1032
|
-
/* @__PURE__ */
|
|
1051
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
|
1033
1052
|
props.end && props.end,
|
|
1034
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
|
1035
|
-
!props.end && badged && /* @__PURE__ */
|
|
1053
|
+
!props.end && props.shortcut && /* @__PURE__ */ React11.createElement(DropdownMenuShortcut, null, props.shortcut),
|
|
1054
|
+
!props.end && badged && /* @__PURE__ */ React11.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
|
|
1036
1055
|
));
|
|
1037
1056
|
});
|
|
1038
1057
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1039
|
-
var DropdownMenuCheckboxItem =
|
|
1058
|
+
var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1040
1059
|
DropdownMenuPrimitive.CheckboxItem,
|
|
1041
1060
|
{
|
|
1042
1061
|
ref,
|
|
@@ -1047,7 +1066,7 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
1047
1066
|
checked,
|
|
1048
1067
|
...props
|
|
1049
1068
|
},
|
|
1050
|
-
/* @__PURE__ */
|
|
1069
|
+
/* @__PURE__ */ React11.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__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
1051
1070
|
"svg",
|
|
1052
1071
|
{
|
|
1053
1072
|
"aria-label": "Check Mark",
|
|
@@ -1058,12 +1077,12 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
1058
1077
|
height: "0.60em",
|
|
1059
1078
|
width: "0.60em"
|
|
1060
1079
|
},
|
|
1061
|
-
/* @__PURE__ */
|
|
1080
|
+
/* @__PURE__ */ React11.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" })
|
|
1062
1081
|
), " ")),
|
|
1063
1082
|
children
|
|
1064
1083
|
));
|
|
1065
1084
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
1066
|
-
var DropdownMenuRadioItem =
|
|
1085
|
+
var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1067
1086
|
DropdownMenuPrimitive.RadioItem,
|
|
1068
1087
|
{
|
|
1069
1088
|
ref,
|
|
@@ -1073,7 +1092,7 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
1073
1092
|
),
|
|
1074
1093
|
...props
|
|
1075
1094
|
},
|
|
1076
|
-
/* @__PURE__ */
|
|
1095
|
+
/* @__PURE__ */ React11.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__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
1077
1096
|
"svg",
|
|
1078
1097
|
{
|
|
1079
1098
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1088,12 +1107,12 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
1088
1107
|
strokeLinejoin: "round",
|
|
1089
1108
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
1090
1109
|
},
|
|
1091
|
-
/* @__PURE__ */
|
|
1110
|
+
/* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
1092
1111
|
))),
|
|
1093
1112
|
children
|
|
1094
1113
|
));
|
|
1095
1114
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
1096
|
-
var DropdownMenuLabel =
|
|
1115
|
+
var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1097
1116
|
DropdownMenuPrimitive.Label,
|
|
1098
1117
|
{
|
|
1099
1118
|
ref,
|
|
@@ -1106,7 +1125,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref)
|
|
|
1106
1125
|
}
|
|
1107
1126
|
));
|
|
1108
1127
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1109
|
-
var DropdownMenuSeparator =
|
|
1128
|
+
var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1110
1129
|
DropdownMenuPrimitive.Separator,
|
|
1111
1130
|
{
|
|
1112
1131
|
ref,
|
|
@@ -1119,7 +1138,7 @@ var DropdownMenuShortcut = ({
|
|
|
1119
1138
|
className,
|
|
1120
1139
|
...props
|
|
1121
1140
|
}) => {
|
|
1122
|
-
return /* @__PURE__ */
|
|
1141
|
+
return /* @__PURE__ */ React11.createElement(
|
|
1123
1142
|
"span",
|
|
1124
1143
|
{
|
|
1125
1144
|
className: cn(
|
|
@@ -1159,10 +1178,10 @@ var DropdownMenu = ({
|
|
|
1159
1178
|
default: "hawa-px-2 hawa-py-3 ",
|
|
1160
1179
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
|
1161
1180
|
};
|
|
1162
|
-
let [values, setValues] =
|
|
1181
|
+
let [values, setValues] = React11.useState(
|
|
1163
1182
|
items.map((item) => item.currentOption)
|
|
1164
1183
|
);
|
|
1165
|
-
return /* @__PURE__ */
|
|
1184
|
+
return /* @__PURE__ */ React11.createElement(
|
|
1166
1185
|
DropdownMenuRoot,
|
|
1167
1186
|
{
|
|
1168
1187
|
onOpenChange,
|
|
@@ -1170,8 +1189,8 @@ var DropdownMenu = ({
|
|
|
1170
1189
|
modal: false,
|
|
1171
1190
|
dir: direction
|
|
1172
1191
|
},
|
|
1173
|
-
/* @__PURE__ */
|
|
1174
|
-
/* @__PURE__ */
|
|
1192
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
|
|
1193
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(
|
|
1175
1194
|
DropdownMenuContent,
|
|
1176
1195
|
{
|
|
1177
1196
|
side,
|
|
@@ -1192,12 +1211,12 @@ var DropdownMenu = ({
|
|
|
1192
1211
|
var _a;
|
|
1193
1212
|
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
|
1194
1213
|
if (item.itemType === "separator") {
|
|
1195
|
-
return /* @__PURE__ */
|
|
1214
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuSeparator, { key: index });
|
|
1196
1215
|
} else if (item.itemType === "label") {
|
|
1197
|
-
return /* @__PURE__ */
|
|
1216
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuLabel, { key: index }, item.label);
|
|
1198
1217
|
} else if (item.itemType === "radio") {
|
|
1199
1218
|
let dd = item.currentOption;
|
|
1200
|
-
return /* @__PURE__ */
|
|
1219
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React11.createElement(
|
|
1201
1220
|
DropdownMenuSubTrigger,
|
|
1202
1221
|
{
|
|
1203
1222
|
dir: direction,
|
|
@@ -1205,7 +1224,7 @@ var DropdownMenu = ({
|
|
|
1205
1224
|
},
|
|
1206
1225
|
item.icon && item.icon,
|
|
1207
1226
|
item.label && item.label
|
|
1208
|
-
), /* @__PURE__ */
|
|
1227
|
+
), /* @__PURE__ */ React11.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React11.createElement(
|
|
1209
1228
|
DropdownMenuRadioGroup,
|
|
1210
1229
|
{
|
|
1211
1230
|
value: values[index],
|
|
@@ -1219,12 +1238,12 @@ var DropdownMenu = ({
|
|
|
1219
1238
|
}
|
|
1220
1239
|
}
|
|
1221
1240
|
},
|
|
1222
|
-
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */
|
|
1241
|
+
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React11.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
|
1223
1242
|
)));
|
|
1224
1243
|
} else if (item.itemType === "custom") {
|
|
1225
|
-
return /* @__PURE__ */
|
|
1244
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index }, item.content);
|
|
1226
1245
|
} else {
|
|
1227
|
-
return item.subitems ? /* @__PURE__ */
|
|
1246
|
+
return item.subitems ? /* @__PURE__ */ React11.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React11.createElement(
|
|
1228
1247
|
DropdownMenuSubTrigger,
|
|
1229
1248
|
{
|
|
1230
1249
|
dir: direction,
|
|
@@ -1232,9 +1251,9 @@ var DropdownMenu = ({
|
|
|
1232
1251
|
},
|
|
1233
1252
|
item.icon && item.icon,
|
|
1234
1253
|
item.label && item.label
|
|
1235
|
-
), /* @__PURE__ */
|
|
1254
|
+
), /* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
|
1236
1255
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
|
1237
|
-
return /* @__PURE__ */
|
|
1256
|
+
return /* @__PURE__ */ React11.createElement(
|
|
1238
1257
|
DropdownMenuItem,
|
|
1239
1258
|
{
|
|
1240
1259
|
key: subIndex,
|
|
@@ -1263,7 +1282,7 @@ var DropdownMenu = ({
|
|
|
1263
1282
|
subitem.icon && subitem.icon,
|
|
1264
1283
|
subitem.label && subitem.label
|
|
1265
1284
|
);
|
|
1266
|
-
})))) : /* @__PURE__ */
|
|
1285
|
+
})))) : /* @__PURE__ */ React11.createElement(
|
|
1267
1286
|
DropdownMenuItem,
|
|
1268
1287
|
{
|
|
1269
1288
|
LinkComponent: ItemLinkComponent,
|
|
@@ -1317,9 +1336,9 @@ var DropdownMenu = ({
|
|
|
1317
1336
|
};
|
|
1318
1337
|
|
|
1319
1338
|
// elements/tooltip/Tooltip.tsx
|
|
1320
|
-
var
|
|
1339
|
+
var import_react8 = __toESM(require("react"));
|
|
1321
1340
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
1322
|
-
var TooltipContent =
|
|
1341
|
+
var TooltipContent = import_react8.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react8.default.createElement(
|
|
1323
1342
|
TooltipPrimitive.Content,
|
|
1324
1343
|
{
|
|
1325
1344
|
ref,
|
|
@@ -1336,7 +1355,7 @@ var TooltipContent = import_react7.default.forwardRef(({ className, sideOffset =
|
|
|
1336
1355
|
}
|
|
1337
1356
|
));
|
|
1338
1357
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
1339
|
-
var TooltipArrow =
|
|
1358
|
+
var TooltipArrow = import_react8.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react8.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
1340
1359
|
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
1341
1360
|
var Tooltip = ({
|
|
1342
1361
|
side,
|
|
@@ -1353,13 +1372,13 @@ var Tooltip = ({
|
|
|
1353
1372
|
delayDuration = 300,
|
|
1354
1373
|
...props
|
|
1355
1374
|
}) => {
|
|
1356
|
-
return /* @__PURE__ */
|
|
1375
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
|
1357
1376
|
TooltipPrimitive.TooltipProvider,
|
|
1358
1377
|
{
|
|
1359
1378
|
delayDuration,
|
|
1360
1379
|
...providerProps
|
|
1361
1380
|
},
|
|
1362
|
-
/* @__PURE__ */
|
|
1381
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
|
1363
1382
|
TooltipPrimitive.Root,
|
|
1364
1383
|
{
|
|
1365
1384
|
open: !disabled && open,
|
|
@@ -1367,8 +1386,8 @@ var Tooltip = ({
|
|
|
1367
1386
|
onOpenChange,
|
|
1368
1387
|
...props
|
|
1369
1388
|
},
|
|
1370
|
-
/* @__PURE__ */
|
|
1371
|
-
/* @__PURE__ */
|
|
1389
|
+
/* @__PURE__ */ import_react8.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
1390
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
|
1372
1391
|
TooltipContent,
|
|
1373
1392
|
{
|
|
1374
1393
|
size,
|
|
@@ -1415,13 +1434,17 @@ var AppLayout = ({
|
|
|
1415
1434
|
lg: closeDrawerWidth
|
|
1416
1435
|
}
|
|
1417
1436
|
};
|
|
1418
|
-
const
|
|
1437
|
+
const drawerRef = (0, import_react9.useRef)(null);
|
|
1419
1438
|
const isRTL = direction === "rtl";
|
|
1420
|
-
const [openedSidebarItem, setOpenedSidebarItem] = (0,
|
|
1421
|
-
const [size, setSize] = (0,
|
|
1422
|
-
const [openSideMenu, setOpenSideMenu] = (0,
|
|
1439
|
+
const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react9.useState)("");
|
|
1440
|
+
const [size, setSize] = (0, import_react9.useState)(1200);
|
|
1441
|
+
const [openSideMenu, setOpenSideMenu] = (0, import_react9.useState)(true);
|
|
1442
|
+
const handleClickOutside = () => {
|
|
1443
|
+
setOpenSideMenu(false);
|
|
1444
|
+
};
|
|
1445
|
+
const ref = useOutsideClick_default(handleClickOutside);
|
|
1423
1446
|
const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
|
|
1424
|
-
(0,
|
|
1447
|
+
(0, import_react9.useEffect)(() => {
|
|
1425
1448
|
if (typeof window !== "undefined") {
|
|
1426
1449
|
const resize = () => {
|
|
1427
1450
|
setSize(window.innerWidth);
|
|
@@ -1433,25 +1456,14 @@ var AppLayout = ({
|
|
|
1433
1456
|
};
|
|
1434
1457
|
}
|
|
1435
1458
|
}, []);
|
|
1436
|
-
(0,
|
|
1459
|
+
(0, import_react9.useEffect)(() => {
|
|
1437
1460
|
if (size > 600) {
|
|
1438
1461
|
setOpenSideMenu(keepOpen);
|
|
1439
1462
|
} else {
|
|
1440
1463
|
setOpenSideMenu(false);
|
|
1441
1464
|
}
|
|
1442
1465
|
}, [size]);
|
|
1443
|
-
(0,
|
|
1444
|
-
const handleClickOutside = (event) => {
|
|
1445
|
-
if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
|
|
1446
|
-
setOpenSideMenu(false);
|
|
1447
|
-
}
|
|
1448
|
-
};
|
|
1449
|
-
document.addEventListener("click", handleClickOutside, true);
|
|
1450
|
-
return () => {
|
|
1451
|
-
document.removeEventListener("click", handleClickOutside, true);
|
|
1452
|
-
};
|
|
1453
|
-
}, [keepOpen]);
|
|
1454
|
-
return /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ import_react8.default.createElement(
|
|
1466
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ import_react9.default.createElement(
|
|
1455
1467
|
"div",
|
|
1456
1468
|
{
|
|
1457
1469
|
className: cn(
|
|
@@ -1460,7 +1472,7 @@ var AppLayout = ({
|
|
|
1460
1472
|
bordered && "hawa-border-b-[1px]"
|
|
1461
1473
|
)
|
|
1462
1474
|
},
|
|
1463
|
-
size > 600 ? /* @__PURE__ */
|
|
1475
|
+
size > 600 ? /* @__PURE__ */ import_react9.default.createElement(
|
|
1464
1476
|
"div",
|
|
1465
1477
|
{
|
|
1466
1478
|
className: cn(
|
|
@@ -1482,24 +1494,24 @@ var AppLayout = ({
|
|
|
1482
1494
|
props.pageTitle
|
|
1483
1495
|
) : (
|
|
1484
1496
|
// Mobile Drawer Menu Button
|
|
1485
|
-
/* @__PURE__ */
|
|
1497
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1486
1498
|
"div",
|
|
1487
1499
|
{
|
|
1488
1500
|
dir: direction,
|
|
1489
1501
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
1490
1502
|
},
|
|
1491
|
-
/* @__PURE__ */
|
|
1503
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1492
1504
|
"div",
|
|
1493
1505
|
{
|
|
1494
1506
|
onClick: () => setOpenSideMenu(true),
|
|
1495
1507
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
1496
1508
|
},
|
|
1497
|
-
/* @__PURE__ */
|
|
1509
|
+
/* @__PURE__ */ import_react9.default.createElement(MenuIcon, null)
|
|
1498
1510
|
),
|
|
1499
|
-
props.pageTitle ? /* @__PURE__ */
|
|
1511
|
+
props.pageTitle ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react9.default.createElement("div", null)
|
|
1500
1512
|
)
|
|
1501
1513
|
),
|
|
1502
|
-
/* @__PURE__ */
|
|
1514
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1503
1515
|
"div",
|
|
1504
1516
|
{
|
|
1505
1517
|
className: cn(
|
|
@@ -1507,16 +1519,16 @@ var AppLayout = ({
|
|
|
1507
1519
|
isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
|
|
1508
1520
|
)
|
|
1509
1521
|
},
|
|
1510
|
-
size > 600 ? /* @__PURE__ */
|
|
1522
|
+
size > 600 ? /* @__PURE__ */ import_react9.default.createElement(
|
|
1511
1523
|
"div",
|
|
1512
1524
|
{
|
|
1513
1525
|
className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
|
|
1514
1526
|
},
|
|
1515
|
-
/* @__PURE__ */
|
|
1527
|
+
/* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-font-bold" }, props.username),
|
|
1516
1528
|
" ",
|
|
1517
|
-
/* @__PURE__ */
|
|
1529
|
+
/* @__PURE__ */ import_react9.default.createElement("div", null, props.email)
|
|
1518
1530
|
) : null,
|
|
1519
|
-
/* @__PURE__ */
|
|
1531
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1520
1532
|
DropdownMenu,
|
|
1521
1533
|
{
|
|
1522
1534
|
LinkComponent: MenuLinkComponent,
|
|
@@ -1529,7 +1541,7 @@ var AppLayout = ({
|
|
|
1529
1541
|
direction: isRTL ? "rtl" : "ltr",
|
|
1530
1542
|
items: props.profileMenuItems || [],
|
|
1531
1543
|
onItemSelect: (e) => console.log("selecting item ", e),
|
|
1532
|
-
trigger: /* @__PURE__ */
|
|
1544
|
+
trigger: /* @__PURE__ */ import_react9.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_react9.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react9.default.createElement(
|
|
1533
1545
|
"svg",
|
|
1534
1546
|
{
|
|
1535
1547
|
"aria-label": "Avatar Icon",
|
|
@@ -1537,7 +1549,7 @@ var AppLayout = ({
|
|
|
1537
1549
|
fill: "currentColor",
|
|
1538
1550
|
viewBox: "0 0 20 20"
|
|
1539
1551
|
},
|
|
1540
|
-
/* @__PURE__ */
|
|
1552
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1541
1553
|
"path",
|
|
1542
1554
|
{
|
|
1543
1555
|
fillRule: "evenodd",
|
|
@@ -1549,11 +1561,11 @@ var AppLayout = ({
|
|
|
1549
1561
|
}
|
|
1550
1562
|
)
|
|
1551
1563
|
)
|
|
1552
|
-
), /* @__PURE__ */
|
|
1564
|
+
), /* @__PURE__ */ import_react9.default.createElement(
|
|
1553
1565
|
"div",
|
|
1554
1566
|
{
|
|
1555
1567
|
className: cn(
|
|
1556
|
-
"hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
|
|
1568
|
+
"hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all hawa-bg-blue-500",
|
|
1557
1569
|
isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
|
|
1558
1570
|
"hawa-h-[calc(100dvh)]",
|
|
1559
1571
|
"hawa-bg-primary-foreground",
|
|
@@ -1579,7 +1591,7 @@ var AppLayout = ({
|
|
|
1579
1591
|
},
|
|
1580
1592
|
ref
|
|
1581
1593
|
},
|
|
1582
|
-
/* @__PURE__ */
|
|
1594
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1583
1595
|
"div",
|
|
1584
1596
|
{
|
|
1585
1597
|
onClick: props.onLogoClick,
|
|
@@ -1594,7 +1606,7 @@ var AppLayout = ({
|
|
|
1594
1606
|
}
|
|
1595
1607
|
},
|
|
1596
1608
|
openSideMenu && props.header && props.header,
|
|
1597
|
-
!props.header && /* @__PURE__ */
|
|
1609
|
+
!props.header && /* @__PURE__ */ import_react9.default.createElement(
|
|
1598
1610
|
"img",
|
|
1599
1611
|
{
|
|
1600
1612
|
className: cn(
|
|
@@ -1605,7 +1617,7 @@ var AppLayout = ({
|
|
|
1605
1617
|
src: props.logoLink
|
|
1606
1618
|
}
|
|
1607
1619
|
),
|
|
1608
|
-
size > 600 ? /* @__PURE__ */
|
|
1620
|
+
size > 600 ? /* @__PURE__ */ import_react9.default.createElement(
|
|
1609
1621
|
"img",
|
|
1610
1622
|
{
|
|
1611
1623
|
className: cn(
|
|
@@ -1618,7 +1630,7 @@ var AppLayout = ({
|
|
|
1618
1630
|
}
|
|
1619
1631
|
) : null
|
|
1620
1632
|
),
|
|
1621
|
-
/* @__PURE__ */
|
|
1633
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1622
1634
|
"div",
|
|
1623
1635
|
{
|
|
1624
1636
|
className: cn(
|
|
@@ -1629,7 +1641,7 @@ var AppLayout = ({
|
|
|
1629
1641
|
width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
|
|
1630
1642
|
}
|
|
1631
1643
|
},
|
|
1632
|
-
/* @__PURE__ */
|
|
1644
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1633
1645
|
SidebarGroup,
|
|
1634
1646
|
{
|
|
1635
1647
|
direction,
|
|
@@ -1652,7 +1664,7 @@ var AppLayout = ({
|
|
|
1652
1664
|
}
|
|
1653
1665
|
)
|
|
1654
1666
|
),
|
|
1655
|
-
/* @__PURE__ */
|
|
1667
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1656
1668
|
"div",
|
|
1657
1669
|
{
|
|
1658
1670
|
className: cn(
|
|
@@ -1663,8 +1675,8 @@ var AppLayout = ({
|
|
|
1663
1675
|
width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
|
|
1664
1676
|
}
|
|
1665
1677
|
},
|
|
1666
|
-
DrawerFooterActions && openSideMenu ? /* @__PURE__ */
|
|
1667
|
-
size > 600 && openSideMenu ? /* @__PURE__ */
|
|
1678
|
+
DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, DrawerFooterActions) : null,
|
|
1679
|
+
size > 600 && openSideMenu ? /* @__PURE__ */ import_react9.default.createElement(
|
|
1668
1680
|
Tooltip,
|
|
1669
1681
|
{
|
|
1670
1682
|
side: "left",
|
|
@@ -1672,7 +1684,7 @@ var AppLayout = ({
|
|
|
1672
1684
|
content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
|
|
1673
1685
|
triggerProps: { asChild: true }
|
|
1674
1686
|
},
|
|
1675
|
-
/* @__PURE__ */
|
|
1687
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1676
1688
|
Button,
|
|
1677
1689
|
{
|
|
1678
1690
|
variant: "outline",
|
|
@@ -1685,7 +1697,7 @@ var AppLayout = ({
|
|
|
1685
1697
|
},
|
|
1686
1698
|
size: "smallIcon"
|
|
1687
1699
|
},
|
|
1688
|
-
/* @__PURE__ */
|
|
1700
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1689
1701
|
"svg",
|
|
1690
1702
|
{
|
|
1691
1703
|
className: cn(
|
|
@@ -1695,7 +1707,7 @@ var AppLayout = ({
|
|
|
1695
1707
|
fill: "currentColor",
|
|
1696
1708
|
viewBox: "0 0 20 20"
|
|
1697
1709
|
},
|
|
1698
|
-
/* @__PURE__ */
|
|
1710
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1699
1711
|
"path",
|
|
1700
1712
|
{
|
|
1701
1713
|
fillRule: "evenodd",
|
|
@@ -1707,7 +1719,7 @@ var AppLayout = ({
|
|
|
1707
1719
|
)
|
|
1708
1720
|
) : null
|
|
1709
1721
|
)
|
|
1710
|
-
), /* @__PURE__ */
|
|
1722
|
+
), /* @__PURE__ */ import_react9.default.createElement(
|
|
1711
1723
|
"div",
|
|
1712
1724
|
{
|
|
1713
1725
|
className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
|
|
@@ -1726,7 +1738,7 @@ var AppLayout = ({
|
|
|
1726
1738
|
props.children
|
|
1727
1739
|
));
|
|
1728
1740
|
};
|
|
1729
|
-
var MenuIcon = () => /* @__PURE__ */
|
|
1741
|
+
var MenuIcon = () => /* @__PURE__ */ import_react9.default.createElement(
|
|
1730
1742
|
"svg",
|
|
1731
1743
|
{
|
|
1732
1744
|
"aria-label": "Menu Button",
|
|
@@ -1738,7 +1750,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react8.default.createElement(
|
|
|
1738
1750
|
height: "1.6em",
|
|
1739
1751
|
width: "1.6em"
|
|
1740
1752
|
},
|
|
1741
|
-
/* @__PURE__ */
|
|
1753
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1742
1754
|
"path",
|
|
1743
1755
|
{
|
|
1744
1756
|
fillRule: "evenodd",
|
|
@@ -1749,11 +1761,11 @@ var MenuIcon = () => /* @__PURE__ */ import_react8.default.createElement(
|
|
|
1749
1761
|
);
|
|
1750
1762
|
|
|
1751
1763
|
// layout/appTopbar/AppTopbar.tsx
|
|
1752
|
-
var
|
|
1764
|
+
var import_react10 = __toESM(require("react"));
|
|
1753
1765
|
var AppTopbar = ({ ...props }) => {
|
|
1754
1766
|
const isRTL = props.direction === "ltr";
|
|
1755
1767
|
const size = 1200;
|
|
1756
|
-
return /* @__PURE__ */
|
|
1768
|
+
return /* @__PURE__ */ import_react10.default.createElement(
|
|
1757
1769
|
"div",
|
|
1758
1770
|
{
|
|
1759
1771
|
className: cn(
|
|
@@ -1761,24 +1773,24 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1761
1773
|
isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
|
|
1762
1774
|
)
|
|
1763
1775
|
},
|
|
1764
|
-
size > 600 ? /* @__PURE__ */
|
|
1776
|
+
size > 600 ? /* @__PURE__ */ import_react10.default.createElement(
|
|
1765
1777
|
"div",
|
|
1766
1778
|
null,
|
|
1767
1779
|
"page title"
|
|
1768
1780
|
) : (
|
|
1769
1781
|
// Mobile Drawer Menu Button
|
|
1770
|
-
/* @__PURE__ */
|
|
1782
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1771
1783
|
"div",
|
|
1772
1784
|
{
|
|
1773
1785
|
dir: props.direction,
|
|
1774
1786
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
1775
1787
|
},
|
|
1776
|
-
/* @__PURE__ */
|
|
1788
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1777
1789
|
"div",
|
|
1778
1790
|
{
|
|
1779
1791
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
1780
1792
|
},
|
|
1781
|
-
/* @__PURE__ */
|
|
1793
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1782
1794
|
"svg",
|
|
1783
1795
|
{
|
|
1784
1796
|
stroke: "currentColor",
|
|
@@ -1789,7 +1801,7 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1789
1801
|
height: "1.6em",
|
|
1790
1802
|
width: "1.6em"
|
|
1791
1803
|
},
|
|
1792
|
-
/* @__PURE__ */
|
|
1804
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1793
1805
|
"path",
|
|
1794
1806
|
{
|
|
1795
1807
|
fillRule: "evenodd",
|
|
@@ -1802,7 +1814,7 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1802
1814
|
"Mobile title"
|
|
1803
1815
|
)
|
|
1804
1816
|
),
|
|
1805
|
-
/* @__PURE__ */
|
|
1817
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1806
1818
|
"div",
|
|
1807
1819
|
{
|
|
1808
1820
|
className: cn(
|
|
@@ -1810,16 +1822,16 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1810
1822
|
isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
|
|
1811
1823
|
)
|
|
1812
1824
|
},
|
|
1813
|
-
size > 600 ? /* @__PURE__ */
|
|
1825
|
+
size > 600 ? /* @__PURE__ */ import_react10.default.createElement(
|
|
1814
1826
|
"div",
|
|
1815
1827
|
{
|
|
1816
1828
|
className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
|
|
1817
1829
|
},
|
|
1818
|
-
/* @__PURE__ */
|
|
1830
|
+
/* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-font-bold" }, props.username),
|
|
1819
1831
|
" ",
|
|
1820
|
-
/* @__PURE__ */
|
|
1832
|
+
/* @__PURE__ */ import_react10.default.createElement("div", null, props.email)
|
|
1821
1833
|
) : null,
|
|
1822
|
-
/* @__PURE__ */
|
|
1834
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1823
1835
|
DropdownMenu,
|
|
1824
1836
|
{
|
|
1825
1837
|
triggerClassname: "hawa-mx-2",
|
|
@@ -1830,7 +1842,7 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1830
1842
|
direction: isRTL ? "rtl" : "ltr",
|
|
1831
1843
|
items: props.profileMenuItems || [],
|
|
1832
1844
|
onItemSelect: (e) => console.log("selecting item ", e),
|
|
1833
|
-
trigger: /* @__PURE__ */
|
|
1845
|
+
trigger: /* @__PURE__ */ import_react10.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_react10.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react10.default.createElement(
|
|
1834
1846
|
"svg",
|
|
1835
1847
|
{
|
|
1836
1848
|
"aria-label": "Avatar Icon",
|
|
@@ -1838,7 +1850,7 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1838
1850
|
fill: "currentColor",
|
|
1839
1851
|
viewBox: "0 0 20 20"
|
|
1840
1852
|
},
|
|
1841
|
-
/* @__PURE__ */
|
|
1853
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1842
1854
|
"path",
|
|
1843
1855
|
{
|
|
1844
1856
|
fillRule: "evenodd",
|
|
@@ -1854,14 +1866,14 @@ var AppTopbar = ({ ...props }) => {
|
|
|
1854
1866
|
};
|
|
1855
1867
|
|
|
1856
1868
|
// layout/appMenubar/AppMenubar.tsx
|
|
1857
|
-
var
|
|
1869
|
+
var React15 = __toESM(require("react"));
|
|
1858
1870
|
var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
|
|
1859
1871
|
var MenubarMenu = MenubarPrimitive.Menu;
|
|
1860
1872
|
var MenubarGroup = MenubarPrimitive.Group;
|
|
1861
1873
|
var MenubarPortal = MenubarPrimitive.Portal;
|
|
1862
1874
|
var MenubarSub = MenubarPrimitive.Sub;
|
|
1863
1875
|
var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
|
|
1864
|
-
var Menubar =
|
|
1876
|
+
var Menubar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1865
1877
|
MenubarPrimitive.Root,
|
|
1866
1878
|
{
|
|
1867
1879
|
ref,
|
|
@@ -1873,7 +1885,7 @@ var Menubar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
1873
1885
|
}
|
|
1874
1886
|
));
|
|
1875
1887
|
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
1876
|
-
var MenubarTrigger =
|
|
1888
|
+
var MenubarTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1877
1889
|
MenubarPrimitive.Trigger,
|
|
1878
1890
|
{
|
|
1879
1891
|
ref,
|
|
@@ -1885,7 +1897,7 @@ var MenubarTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
1885
1897
|
}
|
|
1886
1898
|
));
|
|
1887
1899
|
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
1888
|
-
var MenubarSubTrigger =
|
|
1900
|
+
var MenubarSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1889
1901
|
MenubarPrimitive.SubTrigger,
|
|
1890
1902
|
{
|
|
1891
1903
|
ref,
|
|
@@ -1897,7 +1909,7 @@ var MenubarSubTrigger = React14.forwardRef(({ className, inset, children, ...pro
|
|
|
1897
1909
|
...props
|
|
1898
1910
|
},
|
|
1899
1911
|
children,
|
|
1900
|
-
/* @__PURE__ */
|
|
1912
|
+
/* @__PURE__ */ React15.createElement(
|
|
1901
1913
|
"svg",
|
|
1902
1914
|
{
|
|
1903
1915
|
"aria-label": "Chevron Right Icon",
|
|
@@ -1912,11 +1924,11 @@ var MenubarSubTrigger = React14.forwardRef(({ className, inset, children, ...pro
|
|
|
1912
1924
|
strokeLinejoin: "round",
|
|
1913
1925
|
className: "hawa-icon hawa-ml-auto"
|
|
1914
1926
|
},
|
|
1915
|
-
/* @__PURE__ */
|
|
1927
|
+
/* @__PURE__ */ React15.createElement("path", { d: "m9 18 6-6-6-6" })
|
|
1916
1928
|
)
|
|
1917
1929
|
));
|
|
1918
1930
|
MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
|
|
1919
|
-
var MenubarSubContent =
|
|
1931
|
+
var MenubarSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1920
1932
|
MenubarPrimitive.SubContent,
|
|
1921
1933
|
{
|
|
1922
1934
|
ref,
|
|
@@ -1928,8 +1940,8 @@ var MenubarSubContent = React14.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1928
1940
|
}
|
|
1929
1941
|
));
|
|
1930
1942
|
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
1931
|
-
var MenubarContent =
|
|
1932
|
-
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */
|
|
1943
|
+
var MenubarContent = React15.forwardRef(
|
|
1944
|
+
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React15.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React15.createElement(
|
|
1933
1945
|
MenubarPrimitive.Content,
|
|
1934
1946
|
{
|
|
1935
1947
|
ref,
|
|
@@ -1945,7 +1957,7 @@ var MenubarContent = React14.forwardRef(
|
|
|
1945
1957
|
))
|
|
1946
1958
|
);
|
|
1947
1959
|
MenubarContent.displayName = MenubarPrimitive.Content.displayName;
|
|
1948
|
-
var MenubarItem =
|
|
1960
|
+
var MenubarItem = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1949
1961
|
MenubarPrimitive.Item,
|
|
1950
1962
|
{
|
|
1951
1963
|
ref,
|
|
@@ -1958,7 +1970,7 @@ var MenubarItem = React14.forwardRef(({ className, inset, ...props }, ref) => /*
|
|
|
1958
1970
|
}
|
|
1959
1971
|
));
|
|
1960
1972
|
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
1961
|
-
var MenubarCheckboxItem =
|
|
1973
|
+
var MenubarCheckboxItem = React15.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1962
1974
|
MenubarPrimitive.CheckboxItem,
|
|
1963
1975
|
{
|
|
1964
1976
|
ref,
|
|
@@ -1969,7 +1981,7 @@ var MenubarCheckboxItem = React14.forwardRef(({ className, children, checked, ..
|
|
|
1969
1981
|
checked,
|
|
1970
1982
|
...props
|
|
1971
1983
|
},
|
|
1972
|
-
/* @__PURE__ */
|
|
1984
|
+
/* @__PURE__ */ React15.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__ */ React15.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React15.createElement(
|
|
1973
1985
|
"svg",
|
|
1974
1986
|
{
|
|
1975
1987
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1983,12 +1995,12 @@ var MenubarCheckboxItem = React14.forwardRef(({ className, children, checked, ..
|
|
|
1983
1995
|
strokeLinejoin: "round",
|
|
1984
1996
|
className: "hawa-icon"
|
|
1985
1997
|
},
|
|
1986
|
-
/* @__PURE__ */
|
|
1998
|
+
/* @__PURE__ */ React15.createElement("path", { d: "M20 6 9 17l-5-5" })
|
|
1987
1999
|
))),
|
|
1988
2000
|
children
|
|
1989
2001
|
));
|
|
1990
2002
|
MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
|
|
1991
|
-
var MenubarRadioItem =
|
|
2003
|
+
var MenubarRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
1992
2004
|
MenubarPrimitive.RadioItem,
|
|
1993
2005
|
{
|
|
1994
2006
|
ref,
|
|
@@ -1998,7 +2010,7 @@ var MenubarRadioItem = React14.forwardRef(({ className, children, ...props }, re
|
|
|
1998
2010
|
),
|
|
1999
2011
|
...props
|
|
2000
2012
|
},
|
|
2001
|
-
/* @__PURE__ */
|
|
2013
|
+
/* @__PURE__ */ React15.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__ */ React15.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React15.createElement(
|
|
2002
2014
|
"svg",
|
|
2003
2015
|
{
|
|
2004
2016
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2012,12 +2024,12 @@ var MenubarRadioItem = React14.forwardRef(({ className, children, ...props }, re
|
|
|
2012
2024
|
strokeLinejoin: "round",
|
|
2013
2025
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
2014
2026
|
},
|
|
2015
|
-
/* @__PURE__ */
|
|
2027
|
+
/* @__PURE__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
2016
2028
|
))),
|
|
2017
2029
|
children
|
|
2018
2030
|
));
|
|
2019
2031
|
MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
|
|
2020
|
-
var MenubarLabel =
|
|
2032
|
+
var MenubarLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
2021
2033
|
MenubarPrimitive.Label,
|
|
2022
2034
|
{
|
|
2023
2035
|
ref,
|
|
@@ -2030,7 +2042,7 @@ var MenubarLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /
|
|
|
2030
2042
|
}
|
|
2031
2043
|
));
|
|
2032
2044
|
MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
|
|
2033
|
-
var MenubarSeparator =
|
|
2045
|
+
var MenubarSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
2034
2046
|
MenubarPrimitive.Separator,
|
|
2035
2047
|
{
|
|
2036
2048
|
ref,
|
|
@@ -2043,7 +2055,7 @@ var MenubarShortcut = ({
|
|
|
2043
2055
|
className,
|
|
2044
2056
|
...props
|
|
2045
2057
|
}) => {
|
|
2046
|
-
return /* @__PURE__ */
|
|
2058
|
+
return /* @__PURE__ */ React15.createElement(
|
|
2047
2059
|
"span",
|
|
2048
2060
|
{
|
|
2049
2061
|
className: cn(
|
|
@@ -2057,10 +2069,10 @@ var MenubarShortcut = ({
|
|
|
2057
2069
|
MenubarShortcut.displayname = "MenubarShortcut";
|
|
2058
2070
|
|
|
2059
2071
|
// layout/appTabs/AppTabs.tsx
|
|
2060
|
-
var
|
|
2072
|
+
var import_react11 = __toESM(require("react"));
|
|
2061
2073
|
var AppTabs = ({ tabs, className }) => {
|
|
2062
|
-
const [selectedIndex, setSelectedIndex] = (0,
|
|
2063
|
-
return /* @__PURE__ */
|
|
2074
|
+
const [selectedIndex, setSelectedIndex] = (0, import_react11.useState)(0);
|
|
2075
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
|
2064
2076
|
"div",
|
|
2065
2077
|
{
|
|
2066
2078
|
className: cn(
|
|
@@ -2068,9 +2080,9 @@ var AppTabs = ({ tabs, className }) => {
|
|
|
2068
2080
|
className
|
|
2069
2081
|
)
|
|
2070
2082
|
},
|
|
2071
|
-
/* @__PURE__ */
|
|
2083
|
+
/* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
|
|
2072
2084
|
const selected = index === selectedIndex;
|
|
2073
|
-
return /* @__PURE__ */
|
|
2085
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
|
2074
2086
|
"a",
|
|
2075
2087
|
{
|
|
2076
2088
|
href: tab.path,
|
|
@@ -2101,12 +2113,12 @@ var AppTabs = ({ tabs, className }) => {
|
|
|
2101
2113
|
};
|
|
2102
2114
|
|
|
2103
2115
|
// layout/docsLayout/DocsLayout.tsx
|
|
2104
|
-
var
|
|
2116
|
+
var import_react15 = __toESM(require("react"));
|
|
2105
2117
|
|
|
2106
2118
|
// elements/logos/Logos.tsx
|
|
2107
|
-
var
|
|
2119
|
+
var import_react12 = __toESM(require("react"));
|
|
2108
2120
|
var Logos = {
|
|
2109
|
-
metamask: (props) => /* @__PURE__ */
|
|
2121
|
+
metamask: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2110
2122
|
"svg",
|
|
2111
2123
|
{
|
|
2112
2124
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2117,8 +2129,8 @@ var Logos = {
|
|
|
2117
2129
|
viewBox: "0 0 318.6 318.6",
|
|
2118
2130
|
...props
|
|
2119
2131
|
},
|
|
2120
|
-
/* @__PURE__ */
|
|
2121
|
-
/* @__PURE__ */
|
|
2132
|
+
/* @__PURE__ */ import_react12.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
|
|
2133
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2122
2134
|
"path",
|
|
2123
2135
|
{
|
|
2124
2136
|
fill: "#e2761b",
|
|
@@ -2128,21 +2140,21 @@ var Logos = {
|
|
|
2128
2140
|
d: "m274.1 35.5-99.5 73.9L193 65.8z"
|
|
2129
2141
|
}
|
|
2130
2142
|
),
|
|
2131
|
-
/* @__PURE__ */
|
|
2143
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2132
2144
|
"path",
|
|
2133
2145
|
{
|
|
2134
2146
|
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",
|
|
2135
2147
|
className: "st1"
|
|
2136
2148
|
}
|
|
2137
2149
|
),
|
|
2138
|
-
/* @__PURE__ */
|
|
2150
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2139
2151
|
"path",
|
|
2140
2152
|
{
|
|
2141
2153
|
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",
|
|
2142
2154
|
className: "st1"
|
|
2143
2155
|
}
|
|
2144
2156
|
),
|
|
2145
|
-
/* @__PURE__ */
|
|
2157
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2146
2158
|
"path",
|
|
2147
2159
|
{
|
|
2148
2160
|
fill: "#d7c1b3",
|
|
@@ -2152,7 +2164,7 @@ var Logos = {
|
|
|
2152
2164
|
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"
|
|
2153
2165
|
}
|
|
2154
2166
|
),
|
|
2155
|
-
/* @__PURE__ */
|
|
2167
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2156
2168
|
"path",
|
|
2157
2169
|
{
|
|
2158
2170
|
fill: "#233447",
|
|
@@ -2162,7 +2174,7 @@ var Logos = {
|
|
|
2162
2174
|
d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
|
|
2163
2175
|
}
|
|
2164
2176
|
),
|
|
2165
|
-
/* @__PURE__ */
|
|
2177
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2166
2178
|
"path",
|
|
2167
2179
|
{
|
|
2168
2180
|
fill: "#cd6116",
|
|
@@ -2172,7 +2184,7 @@ var Logos = {
|
|
|
2172
2184
|
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"
|
|
2173
2185
|
}
|
|
2174
2186
|
),
|
|
2175
|
-
/* @__PURE__ */
|
|
2187
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2176
2188
|
"path",
|
|
2177
2189
|
{
|
|
2178
2190
|
fill: "#e4751f",
|
|
@@ -2182,14 +2194,14 @@ var Logos = {
|
|
|
2182
2194
|
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"
|
|
2183
2195
|
}
|
|
2184
2196
|
),
|
|
2185
|
-
/* @__PURE__ */
|
|
2197
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2186
2198
|
"path",
|
|
2187
2199
|
{
|
|
2188
2200
|
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",
|
|
2189
2201
|
className: "st6"
|
|
2190
2202
|
}
|
|
2191
2203
|
),
|
|
2192
|
-
/* @__PURE__ */
|
|
2204
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2193
2205
|
"path",
|
|
2194
2206
|
{
|
|
2195
2207
|
fill: "#c0ad9e",
|
|
@@ -2199,7 +2211,7 @@ var Logos = {
|
|
|
2199
2211
|
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"
|
|
2200
2212
|
}
|
|
2201
2213
|
),
|
|
2202
|
-
/* @__PURE__ */
|
|
2214
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2203
2215
|
"path",
|
|
2204
2216
|
{
|
|
2205
2217
|
fill: "#161616",
|
|
@@ -2209,7 +2221,7 @@ var Logos = {
|
|
|
2209
2221
|
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"
|
|
2210
2222
|
}
|
|
2211
2223
|
),
|
|
2212
|
-
/* @__PURE__ */
|
|
2224
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2213
2225
|
"path",
|
|
2214
2226
|
{
|
|
2215
2227
|
fill: "#763d16",
|
|
@@ -2219,7 +2231,7 @@ var Logos = {
|
|
|
2219
2231
|
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"
|
|
2220
2232
|
}
|
|
2221
2233
|
),
|
|
2222
|
-
/* @__PURE__ */
|
|
2234
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2223
2235
|
"path",
|
|
2224
2236
|
{
|
|
2225
2237
|
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",
|
|
@@ -2227,7 +2239,7 @@ var Logos = {
|
|
|
2227
2239
|
}
|
|
2228
2240
|
)
|
|
2229
2241
|
),
|
|
2230
|
-
nafath: (props) => /* @__PURE__ */
|
|
2242
|
+
nafath: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2231
2243
|
"svg",
|
|
2232
2244
|
{
|
|
2233
2245
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2238,15 +2250,15 @@ var Logos = {
|
|
|
2238
2250
|
viewBox: "22.5 44.5 535.6 230.34",
|
|
2239
2251
|
...props
|
|
2240
2252
|
},
|
|
2241
|
-
/* @__PURE__ */
|
|
2242
|
-
/* @__PURE__ */
|
|
2253
|
+
/* @__PURE__ */ import_react12.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
|
|
2254
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2243
2255
|
"path",
|
|
2244
2256
|
{
|
|
2245
2257
|
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",
|
|
2246
2258
|
className: "st0"
|
|
2247
2259
|
}
|
|
2248
2260
|
),
|
|
2249
|
-
/* @__PURE__ */
|
|
2261
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2250
2262
|
"path",
|
|
2251
2263
|
{
|
|
2252
2264
|
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",
|
|
@@ -2254,7 +2266,7 @@ var Logos = {
|
|
|
2254
2266
|
}
|
|
2255
2267
|
)
|
|
2256
2268
|
),
|
|
2257
|
-
hawa: (props) => /* @__PURE__ */
|
|
2269
|
+
hawa: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2258
2270
|
"svg",
|
|
2259
2271
|
{
|
|
2260
2272
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2262,7 +2274,7 @@ var Logos = {
|
|
|
2262
2274
|
viewBox: "0 0 765 765",
|
|
2263
2275
|
...props
|
|
2264
2276
|
},
|
|
2265
|
-
/* @__PURE__ */
|
|
2277
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2266
2278
|
"path",
|
|
2267
2279
|
{
|
|
2268
2280
|
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",
|
|
@@ -2270,7 +2282,7 @@ var Logos = {
|
|
|
2270
2282
|
}
|
|
2271
2283
|
)
|
|
2272
2284
|
),
|
|
2273
|
-
sikka: (props) => /* @__PURE__ */
|
|
2285
|
+
sikka: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2274
2286
|
"svg",
|
|
2275
2287
|
{
|
|
2276
2288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2280,11 +2292,11 @@ var Logos = {
|
|
|
2280
2292
|
fill: "currentColor",
|
|
2281
2293
|
...props
|
|
2282
2294
|
},
|
|
2283
|
-
/* @__PURE__ */
|
|
2284
|
-
/* @__PURE__ */
|
|
2285
|
-
/* @__PURE__ */
|
|
2295
|
+
/* @__PURE__ */ import_react12.default.createElement("defs", null, /* @__PURE__ */ import_react12.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
|
2296
|
+
/* @__PURE__ */ import_react12.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react12.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
|
2297
|
+
/* @__PURE__ */ import_react12.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react12.default.createElement("defs", null, /* @__PURE__ */ import_react12.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react12.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react12.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react12.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react12.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" })))
|
|
2286
2298
|
),
|
|
2287
|
-
mail: (props) => /* @__PURE__ */
|
|
2299
|
+
mail: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2288
2300
|
"svg",
|
|
2289
2301
|
{
|
|
2290
2302
|
stroke: "currentColor",
|
|
@@ -2296,10 +2308,10 @@ var Logos = {
|
|
|
2296
2308
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2297
2309
|
...props
|
|
2298
2310
|
},
|
|
2299
|
-
/* @__PURE__ */
|
|
2300
|
-
/* @__PURE__ */
|
|
2311
|
+
/* @__PURE__ */ import_react12.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" }),
|
|
2312
|
+
/* @__PURE__ */ import_react12.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
|
2301
2313
|
),
|
|
2302
|
-
phone: (props) => /* @__PURE__ */
|
|
2314
|
+
phone: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2303
2315
|
"svg",
|
|
2304
2316
|
{
|
|
2305
2317
|
stroke: "currentColor",
|
|
@@ -2310,7 +2322,7 @@ var Logos = {
|
|
|
2310
2322
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2311
2323
|
...props
|
|
2312
2324
|
},
|
|
2313
|
-
/* @__PURE__ */
|
|
2325
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2314
2326
|
"path",
|
|
2315
2327
|
{
|
|
2316
2328
|
strokeLinecap: "round",
|
|
@@ -2319,14 +2331,14 @@ var Logos = {
|
|
|
2319
2331
|
}
|
|
2320
2332
|
)
|
|
2321
2333
|
),
|
|
2322
|
-
twitter: (props) => /* @__PURE__ */
|
|
2334
|
+
twitter: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2323
2335
|
"path",
|
|
2324
2336
|
{
|
|
2325
2337
|
fill: "currentColor",
|
|
2326
2338
|
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"
|
|
2327
2339
|
}
|
|
2328
2340
|
)),
|
|
2329
|
-
instagram: (props) => /* @__PURE__ */
|
|
2341
|
+
instagram: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2330
2342
|
"svg",
|
|
2331
2343
|
{
|
|
2332
2344
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2334,23 +2346,23 @@ var Logos = {
|
|
|
2334
2346
|
viewBox: "0 0 16 16",
|
|
2335
2347
|
...props
|
|
2336
2348
|
},
|
|
2337
|
-
/* @__PURE__ */
|
|
2349
|
+
/* @__PURE__ */ import_react12.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" })
|
|
2338
2350
|
),
|
|
2339
|
-
microsoft: (props) => /* @__PURE__ */
|
|
2351
|
+
microsoft: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2340
2352
|
"path",
|
|
2341
2353
|
{
|
|
2342
2354
|
fill: "currentColor",
|
|
2343
2355
|
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
|
2344
2356
|
}
|
|
2345
2357
|
)),
|
|
2346
|
-
github: (props) => /* @__PURE__ */
|
|
2358
|
+
github: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2347
2359
|
"svg",
|
|
2348
2360
|
{
|
|
2349
2361
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2350
2362
|
viewBox: "0 0 438.549 438.549",
|
|
2351
2363
|
...props
|
|
2352
2364
|
},
|
|
2353
|
-
/* @__PURE__ */
|
|
2365
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
2354
2366
|
"path",
|
|
2355
2367
|
{
|
|
2356
2368
|
fill: "currentColor",
|
|
@@ -2358,77 +2370,77 @@ var Logos = {
|
|
|
2358
2370
|
}
|
|
2359
2371
|
)
|
|
2360
2372
|
),
|
|
2361
|
-
radix: (props) => /* @__PURE__ */
|
|
2373
|
+
radix: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2362
2374
|
"path",
|
|
2363
2375
|
{
|
|
2364
2376
|
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
|
2365
2377
|
fill: "currentcolor"
|
|
2366
2378
|
}
|
|
2367
|
-
), /* @__PURE__ */
|
|
2379
|
+
), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react12.default.createElement(
|
|
2368
2380
|
"path",
|
|
2369
2381
|
{
|
|
2370
2382
|
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",
|
|
2371
2383
|
fill: "currentcolor"
|
|
2372
2384
|
}
|
|
2373
2385
|
)),
|
|
2374
|
-
aria: (props) => /* @__PURE__ */
|
|
2375
|
-
npm: (props) => /* @__PURE__ */
|
|
2386
|
+
aria: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react12.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" })),
|
|
2387
|
+
npm: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2376
2388
|
"path",
|
|
2377
2389
|
{
|
|
2378
2390
|
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",
|
|
2379
2391
|
fill: "currentColor"
|
|
2380
2392
|
}
|
|
2381
2393
|
)),
|
|
2382
|
-
yarn: (props) => /* @__PURE__ */
|
|
2394
|
+
yarn: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2383
2395
|
"path",
|
|
2384
2396
|
{
|
|
2385
2397
|
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",
|
|
2386
2398
|
fill: "currentColor"
|
|
2387
2399
|
}
|
|
2388
2400
|
)),
|
|
2389
|
-
pnpm: (props) => /* @__PURE__ */
|
|
2401
|
+
pnpm: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2390
2402
|
"path",
|
|
2391
2403
|
{
|
|
2392
2404
|
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",
|
|
2393
2405
|
fill: "currentColor"
|
|
2394
2406
|
}
|
|
2395
2407
|
)),
|
|
2396
|
-
react: (props) => /* @__PURE__ */
|
|
2408
|
+
react: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2397
2409
|
"path",
|
|
2398
2410
|
{
|
|
2399
2411
|
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",
|
|
2400
2412
|
fill: "currentColor"
|
|
2401
2413
|
}
|
|
2402
2414
|
)),
|
|
2403
|
-
tailwind: (props) => /* @__PURE__ */
|
|
2415
|
+
tailwind: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2404
2416
|
"path",
|
|
2405
2417
|
{
|
|
2406
2418
|
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",
|
|
2407
2419
|
fill: "currentColor"
|
|
2408
2420
|
}
|
|
2409
2421
|
)),
|
|
2410
|
-
google: (props) => /* @__PURE__ */
|
|
2422
|
+
google: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2411
2423
|
"path",
|
|
2412
2424
|
{
|
|
2413
2425
|
fill: "currentColor",
|
|
2414
2426
|
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"
|
|
2415
2427
|
}
|
|
2416
2428
|
)),
|
|
2417
|
-
apple: (props) => /* @__PURE__ */
|
|
2429
|
+
apple: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2418
2430
|
"path",
|
|
2419
2431
|
{
|
|
2420
2432
|
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",
|
|
2421
2433
|
fill: "currentColor"
|
|
2422
2434
|
}
|
|
2423
2435
|
)),
|
|
2424
|
-
paypal: (props) => /* @__PURE__ */
|
|
2436
|
+
paypal: (props) => /* @__PURE__ */ import_react12.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2425
2437
|
"path",
|
|
2426
2438
|
{
|
|
2427
2439
|
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",
|
|
2428
2440
|
fill: "currentColor"
|
|
2429
2441
|
}
|
|
2430
2442
|
)),
|
|
2431
|
-
spinner: (props) => /* @__PURE__ */
|
|
2443
|
+
spinner: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2432
2444
|
"svg",
|
|
2433
2445
|
{
|
|
2434
2446
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2442,9 +2454,9 @@ var Logos = {
|
|
|
2442
2454
|
strokeLinejoin: "round",
|
|
2443
2455
|
...props
|
|
2444
2456
|
},
|
|
2445
|
-
/* @__PURE__ */
|
|
2457
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
|
2446
2458
|
),
|
|
2447
|
-
whatsapp: (props) => /* @__PURE__ */
|
|
2459
|
+
whatsapp: (props) => /* @__PURE__ */ import_react12.default.createElement(
|
|
2448
2460
|
"svg",
|
|
2449
2461
|
{
|
|
2450
2462
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2452,18 +2464,18 @@ var Logos = {
|
|
|
2452
2464
|
fill: "currentColor",
|
|
2453
2465
|
...props
|
|
2454
2466
|
},
|
|
2455
|
-
/* @__PURE__ */
|
|
2467
|
+
/* @__PURE__ */ import_react12.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" })
|
|
2456
2468
|
)
|
|
2457
2469
|
};
|
|
2458
2470
|
|
|
2459
2471
|
// elements/sheet/Sheet.tsx
|
|
2460
|
-
var
|
|
2472
|
+
var React18 = __toESM(require("react"));
|
|
2461
2473
|
var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
2462
2474
|
var import_class_variance_authority2 = require("class-variance-authority");
|
|
2463
2475
|
var Sheet = SheetPrimitive.Root;
|
|
2464
2476
|
var SheetTrigger = SheetPrimitive.Trigger;
|
|
2465
2477
|
var SheetPortal = SheetPrimitive.Portal;
|
|
2466
|
-
var SheetOverlay =
|
|
2478
|
+
var SheetOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
|
|
2467
2479
|
SheetPrimitive.Overlay,
|
|
2468
2480
|
{
|
|
2469
2481
|
className: cn(
|
|
@@ -2490,8 +2502,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
|
|
|
2490
2502
|
}
|
|
2491
2503
|
}
|
|
2492
2504
|
);
|
|
2493
|
-
var SheetContent =
|
|
2494
|
-
({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */
|
|
2505
|
+
var SheetContent = React18.forwardRef(
|
|
2506
|
+
({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React18.createElement(SheetPortal, null, /* @__PURE__ */ React18.createElement(SheetOverlay, null), /* @__PURE__ */ React18.createElement(
|
|
2495
2507
|
SheetPrimitive.Content,
|
|
2496
2508
|
{
|
|
2497
2509
|
ref,
|
|
@@ -2504,7 +2516,7 @@ var SheetContent = React17.forwardRef(
|
|
|
2504
2516
|
...props
|
|
2505
2517
|
},
|
|
2506
2518
|
children,
|
|
2507
|
-
!hideCloseButton && /* @__PURE__ */
|
|
2519
|
+
!hideCloseButton && /* @__PURE__ */ React18.createElement(
|
|
2508
2520
|
SheetPrimitive.Close,
|
|
2509
2521
|
{
|
|
2510
2522
|
className: cn(
|
|
@@ -2516,7 +2528,7 @@ var SheetContent = React17.forwardRef(
|
|
|
2516
2528
|
}
|
|
2517
2529
|
)
|
|
2518
2530
|
},
|
|
2519
|
-
/* @__PURE__ */
|
|
2531
|
+
/* @__PURE__ */ React18.createElement(
|
|
2520
2532
|
"svg",
|
|
2521
2533
|
{
|
|
2522
2534
|
"aria-label": "Close Icon",
|
|
@@ -2525,7 +2537,7 @@ var SheetContent = React17.forwardRef(
|
|
|
2525
2537
|
fill: "currentColor",
|
|
2526
2538
|
viewBox: "0 0 20 20"
|
|
2527
2539
|
},
|
|
2528
|
-
/* @__PURE__ */
|
|
2540
|
+
/* @__PURE__ */ React18.createElement(
|
|
2529
2541
|
"path",
|
|
2530
2542
|
{
|
|
2531
2543
|
fillRule: "evenodd",
|
|
@@ -2534,14 +2546,14 @@ var SheetContent = React17.forwardRef(
|
|
|
2534
2546
|
}
|
|
2535
2547
|
)
|
|
2536
2548
|
),
|
|
2537
|
-
/* @__PURE__ */
|
|
2549
|
+
/* @__PURE__ */ React18.createElement("span", { className: "hawa-sr-only" }, "Close")
|
|
2538
2550
|
)
|
|
2539
2551
|
))
|
|
2540
2552
|
);
|
|
2541
2553
|
var SheetHeader = ({
|
|
2542
2554
|
className,
|
|
2543
2555
|
...props
|
|
2544
|
-
}) => /* @__PURE__ */
|
|
2556
|
+
}) => /* @__PURE__ */ React18.createElement(
|
|
2545
2557
|
"div",
|
|
2546
2558
|
{
|
|
2547
2559
|
className: cn(
|
|
@@ -2554,7 +2566,7 @@ var SheetHeader = ({
|
|
|
2554
2566
|
var SheetFooter = ({
|
|
2555
2567
|
className,
|
|
2556
2568
|
...props
|
|
2557
|
-
}) => /* @__PURE__ */
|
|
2569
|
+
}) => /* @__PURE__ */ React18.createElement(
|
|
2558
2570
|
"div",
|
|
2559
2571
|
{
|
|
2560
2572
|
className: cn(
|
|
@@ -2564,7 +2576,7 @@ var SheetFooter = ({
|
|
|
2564
2576
|
...props
|
|
2565
2577
|
}
|
|
2566
2578
|
);
|
|
2567
|
-
var SheetTitle =
|
|
2579
|
+
var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
|
|
2568
2580
|
SheetPrimitive.Title,
|
|
2569
2581
|
{
|
|
2570
2582
|
ref,
|
|
@@ -2575,7 +2587,7 @@ var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
2575
2587
|
...props
|
|
2576
2588
|
}
|
|
2577
2589
|
));
|
|
2578
|
-
var SheetDescription =
|
|
2590
|
+
var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
|
|
2579
2591
|
SheetPrimitive.Description,
|
|
2580
2592
|
{
|
|
2581
2593
|
ref,
|
|
@@ -2591,10 +2603,10 @@ SheetFooter.displayName = "SheetFooter";
|
|
|
2591
2603
|
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
2592
2604
|
|
|
2593
2605
|
// hooks/useBreakpoint.ts
|
|
2594
|
-
var
|
|
2606
|
+
var import_react13 = require("react");
|
|
2595
2607
|
var useBreakpoint = () => {
|
|
2596
|
-
const [breakpoint, setBreakpoint] = (0,
|
|
2597
|
-
(0,
|
|
2608
|
+
const [breakpoint, setBreakpoint] = (0, import_react13.useState)(null);
|
|
2609
|
+
(0, import_react13.useEffect)(() => {
|
|
2598
2610
|
if (typeof window !== "undefined") {
|
|
2599
2611
|
const resize = () => {
|
|
2600
2612
|
setBreakpoint(window.innerWidth);
|
|
@@ -2610,13 +2622,13 @@ var useBreakpoint = () => {
|
|
|
2610
2622
|
};
|
|
2611
2623
|
|
|
2612
2624
|
// layout/docsSidebar/DocsSidebar.tsx
|
|
2613
|
-
var
|
|
2625
|
+
var import_react14 = __toESM(require("react"));
|
|
2614
2626
|
var DocsSidebar = ({
|
|
2615
2627
|
currentPage: propCurrentPage,
|
|
2616
2628
|
pages,
|
|
2617
2629
|
direction
|
|
2618
2630
|
}) => {
|
|
2619
|
-
const [activePage, setActivePage] =
|
|
2631
|
+
const [activePage, setActivePage] = import_react14.default.useState(pages[0]);
|
|
2620
2632
|
const handlePageClick = (page, event) => {
|
|
2621
2633
|
event.preventDefault();
|
|
2622
2634
|
setTimeout(() => {
|
|
@@ -2638,7 +2650,7 @@ var DocsSidebar = ({
|
|
|
2638
2650
|
}
|
|
2639
2651
|
return pages[0];
|
|
2640
2652
|
};
|
|
2641
|
-
|
|
2653
|
+
import_react14.default.useEffect(() => {
|
|
2642
2654
|
const handleScroll = () => {
|
|
2643
2655
|
setActivePage(getCurrentSection());
|
|
2644
2656
|
};
|
|
@@ -2651,13 +2663,13 @@ var DocsSidebar = ({
|
|
|
2651
2663
|
rtl: "hawa-border-r-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
|
|
2652
2664
|
ltr: "hawa-border-l-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
|
|
2653
2665
|
};
|
|
2654
|
-
return /* @__PURE__ */
|
|
2666
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
2655
2667
|
"div",
|
|
2656
2668
|
{
|
|
2657
2669
|
className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
|
|
2658
2670
|
dir: direction
|
|
2659
2671
|
},
|
|
2660
|
-
pages.map((page, index) => /* @__PURE__ */
|
|
2672
|
+
pages.map((page, index) => /* @__PURE__ */ import_react14.default.createElement(
|
|
2661
2673
|
"div",
|
|
2662
2674
|
{
|
|
2663
2675
|
key: index,
|
|
@@ -2697,15 +2709,15 @@ var DocsLayout = ({
|
|
|
2697
2709
|
lg: closeDrawerWidth
|
|
2698
2710
|
}
|
|
2699
2711
|
};
|
|
2700
|
-
const ref = (0,
|
|
2712
|
+
const ref = (0, import_react15.useRef)(null);
|
|
2701
2713
|
const isRTL = direction === "rtl";
|
|
2702
2714
|
let size = useBreakpoint();
|
|
2703
2715
|
if (typeof window == "undefined") {
|
|
2704
2716
|
size = 1200;
|
|
2705
2717
|
}
|
|
2706
|
-
const [currentPage, setCurrentPage] = (0,
|
|
2707
|
-
const [openSideMenu, setOpenSideMenu] = (0,
|
|
2708
|
-
(0,
|
|
2718
|
+
const [currentPage, setCurrentPage] = (0, import_react15.useState)("Introduction");
|
|
2719
|
+
const [openSideMenu, setOpenSideMenu] = (0, import_react15.useState)(true);
|
|
2720
|
+
(0, import_react15.useEffect)(() => {
|
|
2709
2721
|
const handleClickOutside = (event) => {
|
|
2710
2722
|
if (ref.current && !ref.current.contains(event.target) && !openSideMenu) {
|
|
2711
2723
|
setOpenSideMenu(false);
|
|
@@ -2716,7 +2728,7 @@ var DocsLayout = ({
|
|
|
2716
2728
|
document.removeEventListener("click", handleClickOutside, true);
|
|
2717
2729
|
};
|
|
2718
2730
|
}, [openSideMenu]);
|
|
2719
|
-
(0,
|
|
2731
|
+
(0, import_react15.useEffect)(() => {
|
|
2720
2732
|
const handleResize = () => {
|
|
2721
2733
|
setOpenSideMenu(window.innerWidth > 600 ? true : false);
|
|
2722
2734
|
};
|
|
@@ -2726,19 +2738,19 @@ var DocsLayout = ({
|
|
|
2726
2738
|
window.removeEventListener("resize", handleResize);
|
|
2727
2739
|
};
|
|
2728
2740
|
}, [keepOpen]);
|
|
2729
|
-
const observerRef =
|
|
2741
|
+
const observerRef = import_react15.default.useRef(null);
|
|
2730
2742
|
const handleIntersection = (entries) => {
|
|
2731
2743
|
const entry = entries.find((entry2) => entry2.isIntersecting);
|
|
2732
2744
|
if (entry) {
|
|
2733
2745
|
setCurrentPage(entry.target.id);
|
|
2734
2746
|
}
|
|
2735
2747
|
};
|
|
2736
|
-
(0,
|
|
2748
|
+
(0, import_react15.useEffect)(() => {
|
|
2737
2749
|
observerRef.current = new IntersectionObserver(handleIntersection, {
|
|
2738
2750
|
threshold: 0.5
|
|
2739
2751
|
// Adjust threshold as needed to determine when a section is in view
|
|
2740
2752
|
});
|
|
2741
|
-
|
|
2753
|
+
import_react15.default.Children.forEach(props.children, (child) => {
|
|
2742
2754
|
if (child && child.props.id) {
|
|
2743
2755
|
const element = document.getElementById(child.props.id);
|
|
2744
2756
|
if (element && observerRef.current) {
|
|
@@ -2753,7 +2765,7 @@ var DocsLayout = ({
|
|
|
2753
2765
|
};
|
|
2754
2766
|
}, [props.children]);
|
|
2755
2767
|
let drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
|
|
2756
|
-
return /* @__PURE__ */
|
|
2768
|
+
return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ import_react15.default.createElement(
|
|
2757
2769
|
"div",
|
|
2758
2770
|
{
|
|
2759
2771
|
className: cn(
|
|
@@ -2761,7 +2773,7 @@ var DocsLayout = ({
|
|
|
2761
2773
|
isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
|
|
2762
2774
|
)
|
|
2763
2775
|
},
|
|
2764
|
-
size > 600 ? /* @__PURE__ */
|
|
2776
|
+
size > 600 ? /* @__PURE__ */ import_react15.default.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ import_react15.default.createElement(
|
|
2765
2777
|
"img",
|
|
2766
2778
|
{
|
|
2767
2779
|
className: cn(
|
|
@@ -2772,18 +2784,18 @@ var DocsLayout = ({
|
|
|
2772
2784
|
}
|
|
2773
2785
|
)) : (
|
|
2774
2786
|
// Mobile Drawer Menu Button
|
|
2775
|
-
/* @__PURE__ */
|
|
2787
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
2776
2788
|
"div",
|
|
2777
2789
|
{
|
|
2778
2790
|
dir: direction,
|
|
2779
2791
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
2780
2792
|
},
|
|
2781
|
-
/* @__PURE__ */
|
|
2793
|
+
/* @__PURE__ */ import_react15.default.createElement(Sheet, null, /* @__PURE__ */ import_react15.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react15.default.createElement(
|
|
2782
2794
|
"div",
|
|
2783
2795
|
{
|
|
2784
2796
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
2785
2797
|
},
|
|
2786
|
-
/* @__PURE__ */
|
|
2798
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
2787
2799
|
"svg",
|
|
2788
2800
|
{
|
|
2789
2801
|
"aria-label": "Menu Icon",
|
|
@@ -2795,7 +2807,7 @@ var DocsLayout = ({
|
|
|
2795
2807
|
height: "1.6em",
|
|
2796
2808
|
width: "1.6em"
|
|
2797
2809
|
},
|
|
2798
|
-
/* @__PURE__ */
|
|
2810
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
2799
2811
|
"path",
|
|
2800
2812
|
{
|
|
2801
2813
|
fillRule: "evenodd",
|
|
@@ -2804,17 +2816,17 @@ var DocsLayout = ({
|
|
|
2804
2816
|
}
|
|
2805
2817
|
)
|
|
2806
2818
|
)
|
|
2807
|
-
)), /* @__PURE__ */
|
|
2819
|
+
)), /* @__PURE__ */ import_react15.default.createElement(
|
|
2808
2820
|
SheetContent,
|
|
2809
2821
|
{
|
|
2810
2822
|
side: isRTL ? "right" : "left",
|
|
2811
2823
|
className: "hawa-pt-10"
|
|
2812
2824
|
},
|
|
2813
|
-
/* @__PURE__ */
|
|
2825
|
+
/* @__PURE__ */ import_react15.default.createElement(DocsSidebar, { direction, pages: pages || [] })
|
|
2814
2826
|
))
|
|
2815
2827
|
)
|
|
2816
2828
|
),
|
|
2817
|
-
/* @__PURE__ */
|
|
2829
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
2818
2830
|
"div",
|
|
2819
2831
|
{
|
|
2820
2832
|
className: cn(
|
|
@@ -2822,9 +2834,9 @@ var DocsLayout = ({
|
|
|
2822
2834
|
isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
|
|
2823
2835
|
)
|
|
2824
2836
|
},
|
|
2825
|
-
/* @__PURE__ */
|
|
2837
|
+
/* @__PURE__ */ import_react15.default.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ import_react15.default.createElement(Logos.github, { className: "hawa-icon" }))
|
|
2826
2838
|
)
|
|
2827
|
-
), /* @__PURE__ */
|
|
2839
|
+
), /* @__PURE__ */ import_react15.default.createElement(
|
|
2828
2840
|
"div",
|
|
2829
2841
|
{
|
|
2830
2842
|
className: cn(
|
|
@@ -2847,7 +2859,7 @@ var DocsLayout = ({
|
|
|
2847
2859
|
},
|
|
2848
2860
|
ref
|
|
2849
2861
|
},
|
|
2850
|
-
/* @__PURE__ */
|
|
2862
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
2851
2863
|
DocsSidebar,
|
|
2852
2864
|
{
|
|
2853
2865
|
direction,
|
|
@@ -2855,7 +2867,7 @@ var DocsLayout = ({
|
|
|
2855
2867
|
currentPage
|
|
2856
2868
|
}
|
|
2857
2869
|
)
|
|
2858
|
-
), /* @__PURE__ */
|
|
2870
|
+
), /* @__PURE__ */ import_react15.default.createElement(
|
|
2859
2871
|
"div",
|
|
2860
2872
|
{
|
|
2861
2873
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
|