@sikka/hawa 0.35.5-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.
- package/dist/appLayout/index.js +177 -170
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +198 -191
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/blocks/index.js +60 -60
- package/dist/blocks/index.mjs +12 -12
- package/dist/blocks/misc/index.js +49 -49
- package/dist/blocks/misc/index.mjs +62 -62
- package/dist/{chunk-TERP5K6R.mjs → chunk-57EAKTAP.mjs} +1 -184
- package/dist/{chunk-G7JHUC5N.mjs → chunk-ANXGMZXS.mjs} +205 -0
- package/dist/{chunk-HSRW7X3Z.mjs → chunk-MZRUEJED.mjs} +1 -1
- package/dist/chunk-SYGWSBJL.mjs +63 -0
- package/dist/elements/index.js +74 -74
- package/dist/elements/index.mjs +9 -9
- package/dist/hooks/index.d.mts +4 -1
- package/dist/hooks/index.d.ts +4 -1
- package/dist/hooks/index.js +31 -2
- package/dist/hooks/index.mjs +4 -2
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +177 -177
- package/dist/index.mjs +723 -724
- package/dist/layout/index.js +285 -278
- package/dist/layout/index.mjs +26 -57
- package/dist/passwordInput/index.js.map +1 -1
- package/dist/passwordInput/index.mjs.map +1 -1
- package/dist/tabs/index.js +20 -20
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +25 -25
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/chunk-545D35G6.mjs +0 -54
package/dist/layout/index.js
CHANGED
|
@@ -652,31 +652,40 @@ var Navbar = ({
|
|
|
652
652
|
};
|
|
653
653
|
|
|
654
654
|
// layout/appLayout/AppLayout.tsx
|
|
655
|
-
var
|
|
655
|
+
var import_react14 = __toESM(require("react"));
|
|
656
656
|
|
|
657
|
-
// hooks/
|
|
658
|
-
var import_react6 =
|
|
659
|
-
var
|
|
660
|
-
|
|
661
|
-
import_react6.
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
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
|
-
|
|
668
|
-
|
|
675
|
+
(events || DEFAULT_EVENTS).forEach(
|
|
676
|
+
(fn) => document.addEventListener(fn, listener)
|
|
677
|
+
);
|
|
669
678
|
return () => {
|
|
670
|
-
|
|
671
|
-
|
|
679
|
+
(events || DEFAULT_EVENTS).forEach(
|
|
680
|
+
(fn) => document.removeEventListener(fn, listener)
|
|
681
|
+
);
|
|
672
682
|
};
|
|
673
|
-
}, [ref,
|
|
683
|
+
}, [ref, handler, nodes]);
|
|
674
684
|
return ref;
|
|
675
|
-
}
|
|
676
|
-
var useOutsideClick_default = useOutsideClick;
|
|
685
|
+
}
|
|
677
686
|
|
|
678
687
|
// elements/button/Button.tsx
|
|
679
|
-
var
|
|
688
|
+
var React12 = __toESM(require("react"));
|
|
680
689
|
var import_class_variance_authority = require("class-variance-authority");
|
|
681
690
|
|
|
682
691
|
// elements/helperText/HelperText.tsx
|
|
@@ -693,7 +702,7 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.creat
|
|
|
693
702
|
);
|
|
694
703
|
|
|
695
704
|
// elements/label/Label.tsx
|
|
696
|
-
var
|
|
705
|
+
var React10 = __toESM(require("react"));
|
|
697
706
|
|
|
698
707
|
// elements/tooltip/Tooltip.tsx
|
|
699
708
|
var import_react8 = __toESM(require("react"));
|
|
@@ -767,7 +776,7 @@ var Tooltip = ({
|
|
|
767
776
|
};
|
|
768
777
|
|
|
769
778
|
// elements/label/Label.tsx
|
|
770
|
-
var Label =
|
|
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(
|
|
771
780
|
"label",
|
|
772
781
|
{
|
|
773
782
|
ref,
|
|
@@ -778,8 +787,8 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
|
|
|
778
787
|
...props
|
|
779
788
|
},
|
|
780
789
|
children,
|
|
781
|
-
required && /* @__PURE__ */
|
|
782
|
-
), hint && /* @__PURE__ */
|
|
790
|
+
required && /* @__PURE__ */ React10.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
|
|
791
|
+
), hint && /* @__PURE__ */ React10.createElement(
|
|
783
792
|
Tooltip,
|
|
784
793
|
{
|
|
785
794
|
content: hint,
|
|
@@ -789,7 +798,7 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
|
|
|
789
798
|
onClick: (event) => event.preventDefault()
|
|
790
799
|
}
|
|
791
800
|
},
|
|
792
|
-
/* @__PURE__ */
|
|
801
|
+
/* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement(
|
|
793
802
|
"svg",
|
|
794
803
|
{
|
|
795
804
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -801,9 +810,9 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
|
|
|
801
810
|
strokeLinecap: "round",
|
|
802
811
|
strokeLinejoin: "round"
|
|
803
812
|
},
|
|
804
|
-
/* @__PURE__ */
|
|
805
|
-
/* @__PURE__ */
|
|
806
|
-
/* @__PURE__ */
|
|
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" })
|
|
807
816
|
))
|
|
808
817
|
)));
|
|
809
818
|
Label.displayName = "Label";
|
|
@@ -1057,7 +1066,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
1057
1066
|
defaultVariants: { variant: "default", size: "default" }
|
|
1058
1067
|
}
|
|
1059
1068
|
);
|
|
1060
|
-
var Button =
|
|
1069
|
+
var Button = React12.forwardRef(
|
|
1061
1070
|
({
|
|
1062
1071
|
className,
|
|
1063
1072
|
label,
|
|
@@ -1073,7 +1082,7 @@ var Button = React13.forwardRef(
|
|
|
1073
1082
|
}, ref) => {
|
|
1074
1083
|
const Comp = "button";
|
|
1075
1084
|
const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
|
|
1076
|
-
return /* @__PURE__ */
|
|
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(
|
|
1077
1086
|
Comp,
|
|
1078
1087
|
{
|
|
1079
1088
|
className: cn(
|
|
@@ -1083,7 +1092,7 @@ var Button = React13.forwardRef(
|
|
|
1083
1092
|
ref,
|
|
1084
1093
|
...props
|
|
1085
1094
|
},
|
|
1086
|
-
isLoading ? /* @__PURE__ */
|
|
1095
|
+
isLoading ? /* @__PURE__ */ React12.createElement(
|
|
1087
1096
|
Loading,
|
|
1088
1097
|
{
|
|
1089
1098
|
design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
|
|
@@ -1092,20 +1101,20 @@ var Button = React13.forwardRef(
|
|
|
1092
1101
|
size: size === "sm" || size === "xs" ? "xs" : "button"
|
|
1093
1102
|
}
|
|
1094
1103
|
) : children
|
|
1095
|
-
), showHelperText && /* @__PURE__ */
|
|
1104
|
+
), showHelperText && /* @__PURE__ */ React12.createElement(HelperText, { helperText: props.helperText }));
|
|
1096
1105
|
}
|
|
1097
1106
|
);
|
|
1098
1107
|
Button.displayName = "Button";
|
|
1099
1108
|
|
|
1100
1109
|
// elements/dropdownMenu/DropdownMenu.tsx
|
|
1101
|
-
var
|
|
1110
|
+
var React13 = __toESM(require("react"));
|
|
1102
1111
|
var import_react10 = require("@headlessui/react");
|
|
1103
1112
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
1104
1113
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
1105
1114
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
1106
1115
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
1107
1116
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
1108
|
-
var DropdownMenuSubTrigger =
|
|
1117
|
+
var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1109
1118
|
DropdownMenuPrimitive.SubTrigger,
|
|
1110
1119
|
{
|
|
1111
1120
|
ref,
|
|
@@ -1116,9 +1125,9 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
|
|
|
1116
1125
|
),
|
|
1117
1126
|
...props
|
|
1118
1127
|
},
|
|
1119
|
-
/* @__PURE__ */
|
|
1128
|
+
/* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
|
1120
1129
|
" ",
|
|
1121
|
-
/* @__PURE__ */
|
|
1130
|
+
/* @__PURE__ */ React13.createElement(
|
|
1122
1131
|
"svg",
|
|
1123
1132
|
{
|
|
1124
1133
|
"aria-label": "Chevron Right Icon",
|
|
@@ -1130,7 +1139,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
|
|
|
1130
1139
|
width: "1em",
|
|
1131
1140
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
|
1132
1141
|
},
|
|
1133
|
-
/* @__PURE__ */
|
|
1142
|
+
/* @__PURE__ */ React13.createElement(
|
|
1134
1143
|
"path",
|
|
1135
1144
|
{
|
|
1136
1145
|
fillRule: "evenodd",
|
|
@@ -1140,7 +1149,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
|
|
|
1140
1149
|
)
|
|
1141
1150
|
));
|
|
1142
1151
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
1143
|
-
var DropdownMenuSubContent =
|
|
1152
|
+
var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1144
1153
|
DropdownMenuPrimitive.SubContent,
|
|
1145
1154
|
{
|
|
1146
1155
|
ref,
|
|
@@ -1152,7 +1161,7 @@ var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =
|
|
|
1152
1161
|
}
|
|
1153
1162
|
));
|
|
1154
1163
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
1155
|
-
var DropdownMenuContent =
|
|
1164
|
+
var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
|
|
1156
1165
|
DropdownMenuPrimitive.Content,
|
|
1157
1166
|
{
|
|
1158
1167
|
ref,
|
|
@@ -1165,8 +1174,8 @@ var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...pr
|
|
|
1165
1174
|
}
|
|
1166
1175
|
)));
|
|
1167
1176
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1168
|
-
var DropdownMenuItem =
|
|
1169
|
-
return /* @__PURE__ */
|
|
1177
|
+
var DropdownMenuItem = React13.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
|
|
1178
|
+
return /* @__PURE__ */ React13.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React13.createElement(
|
|
1170
1179
|
DropdownMenuPrimitive.Item,
|
|
1171
1180
|
{
|
|
1172
1181
|
disabled: props.disabled,
|
|
@@ -1179,14 +1188,14 @@ var DropdownMenuItem = React14.forwardRef(({ className, inset, badged, slug, Lin
|
|
|
1179
1188
|
),
|
|
1180
1189
|
...props
|
|
1181
1190
|
},
|
|
1182
|
-
/* @__PURE__ */
|
|
1191
|
+
/* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
|
1183
1192
|
props.end && props.end,
|
|
1184
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
|
1185
|
-
!props.end && badged && /* @__PURE__ */
|
|
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" })
|
|
1186
1195
|
));
|
|
1187
1196
|
});
|
|
1188
1197
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1189
|
-
var DropdownMenuCheckboxItem =
|
|
1198
|
+
var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1190
1199
|
DropdownMenuPrimitive.CheckboxItem,
|
|
1191
1200
|
{
|
|
1192
1201
|
ref,
|
|
@@ -1197,7 +1206,7 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
|
|
|
1197
1206
|
checked,
|
|
1198
1207
|
...props
|
|
1199
1208
|
},
|
|
1200
|
-
/* @__PURE__ */
|
|
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(
|
|
1201
1210
|
"svg",
|
|
1202
1211
|
{
|
|
1203
1212
|
"aria-label": "Check Mark",
|
|
@@ -1208,12 +1217,12 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
|
|
|
1208
1217
|
height: "0.60em",
|
|
1209
1218
|
width: "0.60em"
|
|
1210
1219
|
},
|
|
1211
|
-
/* @__PURE__ */
|
|
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" })
|
|
1212
1221
|
), " ")),
|
|
1213
1222
|
children
|
|
1214
1223
|
));
|
|
1215
1224
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
1216
|
-
var DropdownMenuRadioItem =
|
|
1225
|
+
var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1217
1226
|
DropdownMenuPrimitive.RadioItem,
|
|
1218
1227
|
{
|
|
1219
1228
|
ref,
|
|
@@ -1223,7 +1232,7 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
|
|
|
1223
1232
|
),
|
|
1224
1233
|
...props
|
|
1225
1234
|
},
|
|
1226
|
-
/* @__PURE__ */
|
|
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(
|
|
1227
1236
|
"svg",
|
|
1228
1237
|
{
|
|
1229
1238
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1238,12 +1247,12 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
|
|
|
1238
1247
|
strokeLinejoin: "round",
|
|
1239
1248
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
1240
1249
|
},
|
|
1241
|
-
/* @__PURE__ */
|
|
1250
|
+
/* @__PURE__ */ React13.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
1242
1251
|
))),
|
|
1243
1252
|
children
|
|
1244
1253
|
));
|
|
1245
1254
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
1246
|
-
var DropdownMenuLabel =
|
|
1255
|
+
var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1247
1256
|
DropdownMenuPrimitive.Label,
|
|
1248
1257
|
{
|
|
1249
1258
|
ref,
|
|
@@ -1256,7 +1265,7 @@ var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
|
|
|
1256
1265
|
}
|
|
1257
1266
|
));
|
|
1258
1267
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1259
|
-
var DropdownMenuSeparator =
|
|
1268
|
+
var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
|
|
1260
1269
|
DropdownMenuPrimitive.Separator,
|
|
1261
1270
|
{
|
|
1262
1271
|
ref,
|
|
@@ -1269,7 +1278,7 @@ var DropdownMenuShortcut = ({
|
|
|
1269
1278
|
className,
|
|
1270
1279
|
...props
|
|
1271
1280
|
}) => {
|
|
1272
|
-
return /* @__PURE__ */
|
|
1281
|
+
return /* @__PURE__ */ React13.createElement(
|
|
1273
1282
|
"span",
|
|
1274
1283
|
{
|
|
1275
1284
|
className: cn(
|
|
@@ -1310,10 +1319,10 @@ var DropdownMenu = ({
|
|
|
1310
1319
|
default: "hawa-px-2 hawa-py-3 ",
|
|
1311
1320
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
|
1312
1321
|
};
|
|
1313
|
-
let [values, setValues] =
|
|
1322
|
+
let [values, setValues] = React13.useState(
|
|
1314
1323
|
items.map((item) => item.currentOption)
|
|
1315
1324
|
);
|
|
1316
|
-
return /* @__PURE__ */
|
|
1325
|
+
return /* @__PURE__ */ React13.createElement(
|
|
1317
1326
|
DropdownMenuRoot,
|
|
1318
1327
|
{
|
|
1319
1328
|
onOpenChange,
|
|
@@ -1321,7 +1330,7 @@ var DropdownMenu = ({
|
|
|
1321
1330
|
modal: false,
|
|
1322
1331
|
dir: direction
|
|
1323
1332
|
},
|
|
1324
|
-
/* @__PURE__ */
|
|
1333
|
+
/* @__PURE__ */ React13.createElement(
|
|
1325
1334
|
DropdownMenuTrigger,
|
|
1326
1335
|
{
|
|
1327
1336
|
asChild: true,
|
|
@@ -1330,7 +1339,7 @@ var DropdownMenu = ({
|
|
|
1330
1339
|
},
|
|
1331
1340
|
trigger
|
|
1332
1341
|
),
|
|
1333
|
-
/* @__PURE__ */
|
|
1342
|
+
/* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
|
|
1334
1343
|
DropdownMenuContent,
|
|
1335
1344
|
{
|
|
1336
1345
|
side,
|
|
@@ -1351,12 +1360,12 @@ var DropdownMenu = ({
|
|
|
1351
1360
|
var _a;
|
|
1352
1361
|
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
|
1353
1362
|
if (item.itemType === "separator") {
|
|
1354
|
-
return /* @__PURE__ */
|
|
1363
|
+
return /* @__PURE__ */ React13.createElement(DropdownMenuSeparator, { key: index });
|
|
1355
1364
|
} else if (item.itemType === "label") {
|
|
1356
|
-
return /* @__PURE__ */
|
|
1365
|
+
return /* @__PURE__ */ React13.createElement(DropdownMenuLabel, { key: index }, item.label);
|
|
1357
1366
|
} else if (item.itemType === "radio") {
|
|
1358
1367
|
let dd = item.currentOption;
|
|
1359
|
-
return /* @__PURE__ */
|
|
1368
|
+
return /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
|
|
1360
1369
|
DropdownMenuSubTrigger,
|
|
1361
1370
|
{
|
|
1362
1371
|
dir: direction,
|
|
@@ -1364,7 +1373,7 @@ var DropdownMenu = ({
|
|
|
1364
1373
|
},
|
|
1365
1374
|
item.icon && item.icon,
|
|
1366
1375
|
item.label && item.label
|
|
1367
|
-
), /* @__PURE__ */
|
|
1376
|
+
), /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React13.createElement(
|
|
1368
1377
|
DropdownMenuRadioGroup,
|
|
1369
1378
|
{
|
|
1370
1379
|
value: values[index],
|
|
@@ -1378,12 +1387,12 @@ var DropdownMenu = ({
|
|
|
1378
1387
|
}
|
|
1379
1388
|
}
|
|
1380
1389
|
},
|
|
1381
|
-
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */
|
|
1390
|
+
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React13.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
|
1382
1391
|
)));
|
|
1383
1392
|
} else if (item.itemType === "custom") {
|
|
1384
|
-
return /* @__PURE__ */
|
|
1393
|
+
return /* @__PURE__ */ React13.createElement("div", { key: index }, item.content);
|
|
1385
1394
|
} else {
|
|
1386
|
-
return item.subitems ? /* @__PURE__ */
|
|
1395
|
+
return item.subitems ? /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
|
|
1387
1396
|
DropdownMenuSubTrigger,
|
|
1388
1397
|
{
|
|
1389
1398
|
dir: direction,
|
|
@@ -1391,9 +1400,9 @@ var DropdownMenu = ({
|
|
|
1391
1400
|
},
|
|
1392
1401
|
item.icon && item.icon,
|
|
1393
1402
|
item.label && item.label
|
|
1394
|
-
), /* @__PURE__ */
|
|
1403
|
+
), /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
|
1395
1404
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
|
1396
|
-
return /* @__PURE__ */
|
|
1405
|
+
return /* @__PURE__ */ React13.createElement(
|
|
1397
1406
|
DropdownMenuItem,
|
|
1398
1407
|
{
|
|
1399
1408
|
key: subIndex,
|
|
@@ -1422,7 +1431,7 @@ var DropdownMenu = ({
|
|
|
1422
1431
|
subitem.icon && subitem.icon,
|
|
1423
1432
|
subitem.label && subitem.label
|
|
1424
1433
|
);
|
|
1425
|
-
})))) : /* @__PURE__ */
|
|
1434
|
+
})))) : /* @__PURE__ */ React13.createElement(
|
|
1426
1435
|
DropdownMenuItem,
|
|
1427
1436
|
{
|
|
1428
1437
|
LinkComponent: ItemLinkComponent,
|
|
@@ -1475,6 +1484,36 @@ var DropdownMenu = ({
|
|
|
1475
1484
|
);
|
|
1476
1485
|
};
|
|
1477
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
|
+
|
|
1478
1517
|
// layout/appLayout/AppLayout.tsx
|
|
1479
1518
|
var AppLayout = ({
|
|
1480
1519
|
profileMenuWidth = "default",
|
|
@@ -1505,13 +1544,22 @@ var AppLayout = ({
|
|
|
1505
1544
|
}
|
|
1506
1545
|
};
|
|
1507
1546
|
const isRTL = direction === "rtl";
|
|
1508
|
-
const [openedSidebarItem, setOpenedSidebarItem] = (0,
|
|
1509
|
-
const [size, setSize] = (0,
|
|
1547
|
+
const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react14.useState)("");
|
|
1548
|
+
const [size, setSize] = (0, import_react14.useState)(
|
|
1510
1549
|
typeof window !== "undefined" && window.innerWidth || 1200
|
|
1511
1550
|
);
|
|
1512
|
-
const [openSideMenu, setOpenSideMenu] = (0,
|
|
1513
|
-
const [keepDrawerOpen, setKeepDrawerOpen] = (0,
|
|
1514
|
-
|
|
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)(() => {
|
|
1515
1563
|
if (typeof window !== "undefined") {
|
|
1516
1564
|
const resize = () => {
|
|
1517
1565
|
setSize(window.innerWidth);
|
|
@@ -1526,29 +1574,18 @@ var AppLayout = ({
|
|
|
1526
1574
|
};
|
|
1527
1575
|
}
|
|
1528
1576
|
}, []);
|
|
1529
|
-
(0,
|
|
1577
|
+
(0, import_react14.useEffect)(() => {
|
|
1530
1578
|
setKeepDrawerOpen(keepOpen);
|
|
1531
1579
|
}, [setKeepOpen]);
|
|
1532
|
-
|
|
1533
|
-
if (typeof window !== "undefined") {
|
|
1534
|
-
if (keepDrawerOpen)
|
|
1535
|
-
return;
|
|
1536
|
-
if (window.innerWidth < 600) {
|
|
1537
|
-
setKeepDrawerOpen(false);
|
|
1538
|
-
setOpenSideMenu(false);
|
|
1539
|
-
}
|
|
1540
|
-
}
|
|
1541
|
-
};
|
|
1542
|
-
const ref = useOutsideClick_default(handleClickOutside);
|
|
1543
|
-
const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
|
|
1544
|
-
(0, import_react11.useEffect)(() => {
|
|
1580
|
+
(0, import_react14.useEffect)(() => {
|
|
1545
1581
|
if (size > 600) {
|
|
1546
1582
|
setOpenSideMenu(keepDrawerOpen);
|
|
1547
1583
|
} else {
|
|
1548
1584
|
setOpenSideMenu(false);
|
|
1549
1585
|
}
|
|
1550
|
-
}, [size]);
|
|
1551
|
-
|
|
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(
|
|
1552
1589
|
"div",
|
|
1553
1590
|
{
|
|
1554
1591
|
dir: direction,
|
|
@@ -1557,7 +1594,7 @@ var AppLayout = ({
|
|
|
1557
1594
|
bordered && "hawa-border-b-[1px]"
|
|
1558
1595
|
)
|
|
1559
1596
|
},
|
|
1560
|
-
size > 600 ? /* @__PURE__ */
|
|
1597
|
+
size > 600 ? /* @__PURE__ */ import_react14.default.createElement(
|
|
1561
1598
|
"div",
|
|
1562
1599
|
{
|
|
1563
1600
|
className: cn(
|
|
@@ -1571,24 +1608,24 @@ var AppLayout = ({
|
|
|
1571
1608
|
props.pageTitle
|
|
1572
1609
|
) : (
|
|
1573
1610
|
// Mobile Drawer Menu Button
|
|
1574
|
-
/* @__PURE__ */
|
|
1611
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
|
1575
1612
|
"div",
|
|
1576
1613
|
{
|
|
1577
1614
|
dir: direction,
|
|
1578
1615
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
1579
1616
|
},
|
|
1580
|
-
/* @__PURE__ */
|
|
1617
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
|
1581
1618
|
"div",
|
|
1582
1619
|
{
|
|
1583
1620
|
onClick: () => setOpenSideMenu(true),
|
|
1584
1621
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
1585
1622
|
},
|
|
1586
|
-
/* @__PURE__ */
|
|
1623
|
+
/* @__PURE__ */ import_react14.default.createElement(MenuIcon, null)
|
|
1587
1624
|
),
|
|
1588
|
-
props.pageTitle ? /* @__PURE__ */
|
|
1625
|
+
props.pageTitle ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react14.default.createElement("div", null)
|
|
1589
1626
|
)
|
|
1590
1627
|
),
|
|
1591
|
-
/* @__PURE__ */
|
|
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(
|
|
1592
1629
|
DropdownMenu,
|
|
1593
1630
|
{
|
|
1594
1631
|
LinkComponent: MenuLinkComponent,
|
|
@@ -1600,13 +1637,13 @@ var AppLayout = ({
|
|
|
1600
1637
|
direction,
|
|
1601
1638
|
items: props.profileMenuItems || [],
|
|
1602
1639
|
onItemSelect: (e) => console.log("selecting item ", e),
|
|
1603
|
-
trigger: /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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-
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1741
|
-
size > 600 && openSideMenu ? /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1899
|
+
/* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-font-bold" }, props.username),
|
|
1893
1900
|
" ",
|
|
1894
|
-
/* @__PURE__ */
|
|
1901
|
+
/* @__PURE__ */ import_react15.default.createElement("div", null, props.email)
|
|
1895
1902
|
) : null,
|
|
1896
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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__ */
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
2006
|
-
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */
|
|
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 =
|
|
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 =
|
|
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__ */
|
|
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__ */
|
|
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 =
|
|
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__ */
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
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__ */
|
|
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
|
|
2141
|
+
var import_react16 = __toESM(require("react"));
|
|
2135
2142
|
var AppTabs = ({ tabs, className }) => {
|
|
2136
|
-
const [selectedIndex, setSelectedIndex] = (0,
|
|
2137
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
2185
|
+
var import_react20 = __toESM(require("react"));
|
|
2179
2186
|
|
|
2180
2187
|
// elements/logos/Logos.tsx
|
|
2181
|
-
var
|
|
2188
|
+
var import_react17 = __toESM(require("react"));
|
|
2182
2189
|
var Logos = {
|
|
2183
|
-
metamask: (props) => /* @__PURE__ */
|
|
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__ */
|
|
2195
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2316
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2358
|
-
/* @__PURE__ */
|
|
2359
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
2374
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2449
|
-
npm: (props) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2526
|
+
/* @__PURE__ */ import_react17.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
|
2520
2527
|
),
|
|
2521
|
-
whatsapp: (props) => /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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 =
|
|
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 =
|
|
2568
|
-
({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
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
|
|
2675
|
+
var import_react18 = require("react");
|
|
2669
2676
|
var useBreakpoint = () => {
|
|
2670
|
-
const [breakpoint, setBreakpoint] = (0,
|
|
2671
|
-
(0,
|
|
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
|
|
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] =
|
|
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
|
-
|
|
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__ */
|
|
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__ */
|
|
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,
|
|
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,
|
|
2781
|
-
const [openSideMenu, setOpenSideMenu] = (0,
|
|
2782
|
-
(0,
|
|
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,
|
|
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 =
|
|
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,
|
|
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
|
-
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2894
|
+
/* @__PURE__ */ import_react20.default.createElement(DocsSidebar, { direction, pages: pages || [] })
|
|
2888
2895
|
))
|
|
2889
2896
|
)
|
|
2890
2897
|
),
|
|
2891
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2939
|
+
), /* @__PURE__ */ import_react20.default.createElement(
|
|
2933
2940
|
"div",
|
|
2934
2941
|
{
|
|
2935
2942
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
|