@sikka/hawa 0.19.13-next → 0.19.15-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/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +135 -122
- package/dist/index.mjs +131 -118
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -351,7 +351,7 @@ var AdCard = ({
|
|
|
351
351
|
};
|
|
352
352
|
|
|
353
353
|
// components/elements/cards/PricingCard.tsx
|
|
354
|
-
var
|
|
354
|
+
var import_react7 = __toESM(require("react"));
|
|
355
355
|
|
|
356
356
|
// components/elements/Button.tsx
|
|
357
357
|
var React5 = __toESM(require("react"));
|
|
@@ -794,6 +794,57 @@ function Skeleton({
|
|
|
794
794
|
);
|
|
795
795
|
}
|
|
796
796
|
|
|
797
|
+
// components/elements/Tooltip.tsx
|
|
798
|
+
var import_react6 = __toESM(require("react"));
|
|
799
|
+
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
800
|
+
var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(
|
|
801
|
+
TooltipPrimitive.Content,
|
|
802
|
+
{
|
|
803
|
+
ref,
|
|
804
|
+
sideOffset,
|
|
805
|
+
className: cn(
|
|
806
|
+
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
|
807
|
+
className
|
|
808
|
+
),
|
|
809
|
+
...props
|
|
810
|
+
}
|
|
811
|
+
));
|
|
812
|
+
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
813
|
+
var TooltipArrow = import_react6.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
814
|
+
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
815
|
+
var Tooltip = ({
|
|
816
|
+
side,
|
|
817
|
+
open,
|
|
818
|
+
content,
|
|
819
|
+
children,
|
|
820
|
+
defaultOpen,
|
|
821
|
+
onOpenChange,
|
|
822
|
+
triggerProps,
|
|
823
|
+
contentProps,
|
|
824
|
+
providerProps,
|
|
825
|
+
delayDuration = 300,
|
|
826
|
+
...props
|
|
827
|
+
}) => {
|
|
828
|
+
return /* @__PURE__ */ import_react6.default.createElement(
|
|
829
|
+
TooltipPrimitive.TooltipProvider,
|
|
830
|
+
{
|
|
831
|
+
delayDuration,
|
|
832
|
+
...providerProps
|
|
833
|
+
},
|
|
834
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
|
835
|
+
TooltipPrimitive.Root,
|
|
836
|
+
{
|
|
837
|
+
open,
|
|
838
|
+
defaultOpen,
|
|
839
|
+
onOpenChange,
|
|
840
|
+
...props
|
|
841
|
+
},
|
|
842
|
+
/* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
843
|
+
/* @__PURE__ */ import_react6.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
|
|
844
|
+
)
|
|
845
|
+
);
|
|
846
|
+
};
|
|
847
|
+
|
|
797
848
|
// components/elements/cards/PricingCard.tsx
|
|
798
849
|
var PricingCard = ({
|
|
799
850
|
size = "medium",
|
|
@@ -807,7 +858,7 @@ var PricingCard = ({
|
|
|
807
858
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
|
808
859
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
|
809
860
|
};
|
|
810
|
-
return /* @__PURE__ */
|
|
861
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
811
862
|
Card,
|
|
812
863
|
{
|
|
813
864
|
dir: direction,
|
|
@@ -817,17 +868,17 @@ var PricingCard = ({
|
|
|
817
868
|
"hawa-flex hawa-flex-col hawa-gap-4 hawa-rounded hawa-p-4 hawa-justify-between"
|
|
818
869
|
)
|
|
819
870
|
},
|
|
820
|
-
/* @__PURE__ */
|
|
821
|
-
return /* @__PURE__ */
|
|
871
|
+
/* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-row hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react7.default.createElement("span", null, props.texts.title), props.discount && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react7.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react7.default.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))), /* @__PURE__ */ import_react7.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle), props.features && /* @__PURE__ */ import_react7.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
|
|
872
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
822
873
|
"li",
|
|
823
874
|
{
|
|
824
875
|
key: o,
|
|
825
876
|
className: cn(
|
|
826
|
-
"hawa-flex",
|
|
877
|
+
"hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
|
|
827
878
|
!feature.included && "hawa-line-through"
|
|
828
879
|
)
|
|
829
880
|
},
|
|
830
|
-
feature.included ? /* @__PURE__ */
|
|
881
|
+
/* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react7.default.createElement(
|
|
831
882
|
"svg",
|
|
832
883
|
{
|
|
833
884
|
"aria-label": "Check Icon",
|
|
@@ -836,7 +887,7 @@ var PricingCard = ({
|
|
|
836
887
|
fill: "currentColor",
|
|
837
888
|
viewBox: "0 0 20 20"
|
|
838
889
|
},
|
|
839
|
-
/* @__PURE__ */
|
|
890
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
840
891
|
"path",
|
|
841
892
|
{
|
|
842
893
|
fillRule: "evenodd",
|
|
@@ -844,11 +895,26 @@ var PricingCard = ({
|
|
|
844
895
|
clipRule: "evenodd"
|
|
845
896
|
}
|
|
846
897
|
)
|
|
847
|
-
) : /* @__PURE__ */
|
|
848
|
-
/* @__PURE__ */
|
|
898
|
+
) : /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-w-4 hawa-h-4 hawa-rounded-full hawa-bg-primary/10 hawa-m-2 hawa-mx-2.5" }), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-flex hawa-items-center hawa-flex-row hawa-gap-2 hawa-text-start hawa-whitespace-nowrap hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react7.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
|
|
899
|
+
feature.hint && /* @__PURE__ */ import_react7.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react7.default.createElement(
|
|
900
|
+
"svg",
|
|
901
|
+
{
|
|
902
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
903
|
+
className: "hawa-w-[14px] hawa-h-[14px] hawa-cursor-help",
|
|
904
|
+
viewBox: "0 0 24 24",
|
|
905
|
+
fill: "none",
|
|
906
|
+
stroke: "currentColor",
|
|
907
|
+
strokeWidth: "2",
|
|
908
|
+
strokeLinecap: "round",
|
|
909
|
+
strokeLinejoin: "round"
|
|
910
|
+
},
|
|
911
|
+
/* @__PURE__ */ import_react7.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
|
912
|
+
/* @__PURE__ */ import_react7.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
913
|
+
/* @__PURE__ */ import_react7.default.createElement("path", { d: "M12 17h.01" })
|
|
914
|
+
))
|
|
849
915
|
);
|
|
850
916
|
}))),
|
|
851
|
-
/* @__PURE__ */
|
|
917
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
852
918
|
Button,
|
|
853
919
|
{
|
|
854
920
|
onClick: props.onPlanClicked,
|
|
@@ -861,10 +927,10 @@ var PricingCard = ({
|
|
|
861
927
|
};
|
|
862
928
|
|
|
863
929
|
// components/elements/cards/ItemCard.tsx
|
|
864
|
-
var
|
|
930
|
+
var import_react9 = __toESM(require("react"));
|
|
865
931
|
|
|
866
932
|
// components/elements/DropdownMenu.tsx
|
|
867
|
-
var
|
|
933
|
+
var React11 = __toESM(require("react"));
|
|
868
934
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
869
935
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
870
936
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
@@ -872,7 +938,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
872
938
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
873
939
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
874
940
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
875
|
-
var DropdownMenuSubTrigger =
|
|
941
|
+
var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
876
942
|
DropdownMenuPrimitive.SubTrigger,
|
|
877
943
|
{
|
|
878
944
|
ref,
|
|
@@ -883,9 +949,9 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
883
949
|
),
|
|
884
950
|
...props
|
|
885
951
|
},
|
|
886
|
-
/* @__PURE__ */
|
|
952
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
|
887
953
|
" ",
|
|
888
|
-
/* @__PURE__ */
|
|
954
|
+
/* @__PURE__ */ React11.createElement(
|
|
889
955
|
"svg",
|
|
890
956
|
{
|
|
891
957
|
"aria-label": "Chevron Right Icon",
|
|
@@ -897,7 +963,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
897
963
|
width: "1em",
|
|
898
964
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
|
899
965
|
},
|
|
900
|
-
/* @__PURE__ */
|
|
966
|
+
/* @__PURE__ */ React11.createElement(
|
|
901
967
|
"path",
|
|
902
968
|
{
|
|
903
969
|
fillRule: "evenodd",
|
|
@@ -907,7 +973,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
907
973
|
)
|
|
908
974
|
));
|
|
909
975
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
910
|
-
var DropdownMenuSubContent =
|
|
976
|
+
var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
911
977
|
DropdownMenuPrimitive.SubContent,
|
|
912
978
|
{
|
|
913
979
|
ref,
|
|
@@ -919,7 +985,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
|
|
|
919
985
|
}
|
|
920
986
|
));
|
|
921
987
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
922
|
-
var DropdownMenuContent =
|
|
988
|
+
var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
|
|
923
989
|
DropdownMenuPrimitive.Content,
|
|
924
990
|
{
|
|
925
991
|
ref,
|
|
@@ -932,8 +998,8 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...pr
|
|
|
932
998
|
}
|
|
933
999
|
)));
|
|
934
1000
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
935
|
-
var DropdownMenuItem =
|
|
936
|
-
return /* @__PURE__ */
|
|
1001
|
+
var DropdownMenuItem = React11.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
|
|
1002
|
+
return /* @__PURE__ */ React11.createElement("a", { href: slug }, /* @__PURE__ */ React11.createElement(
|
|
937
1003
|
DropdownMenuPrimitive.Item,
|
|
938
1004
|
{
|
|
939
1005
|
disabled: props.disabled,
|
|
@@ -946,14 +1012,14 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, badged, slug, ...
|
|
|
946
1012
|
),
|
|
947
1013
|
...props
|
|
948
1014
|
},
|
|
949
|
-
/* @__PURE__ */
|
|
1015
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
|
950
1016
|
props.end && props.end,
|
|
951
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
|
952
|
-
!props.end && badged && /* @__PURE__ */
|
|
1017
|
+
!props.end && props.shortcut && /* @__PURE__ */ React11.createElement(DropdownMenuShortcut, null, props.shortcut),
|
|
1018
|
+
!props.end && badged && /* @__PURE__ */ React11.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
|
|
953
1019
|
));
|
|
954
1020
|
});
|
|
955
1021
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
956
|
-
var DropdownMenuCheckboxItem =
|
|
1022
|
+
var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
957
1023
|
DropdownMenuPrimitive.CheckboxItem,
|
|
958
1024
|
{
|
|
959
1025
|
ref,
|
|
@@ -964,7 +1030,7 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
964
1030
|
checked,
|
|
965
1031
|
...props
|
|
966
1032
|
},
|
|
967
|
-
/* @__PURE__ */
|
|
1033
|
+
/* @__PURE__ */ React11.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
968
1034
|
"svg",
|
|
969
1035
|
{
|
|
970
1036
|
"aria-label": "Check Mark",
|
|
@@ -975,12 +1041,12 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
975
1041
|
height: "0.60em",
|
|
976
1042
|
width: "0.60em"
|
|
977
1043
|
},
|
|
978
|
-
/* @__PURE__ */
|
|
1044
|
+
/* @__PURE__ */ React11.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
|
979
1045
|
), " ")),
|
|
980
1046
|
children
|
|
981
1047
|
));
|
|
982
1048
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
983
|
-
var DropdownMenuRadioItem =
|
|
1049
|
+
var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
984
1050
|
DropdownMenuPrimitive.RadioItem,
|
|
985
1051
|
{
|
|
986
1052
|
ref,
|
|
@@ -990,7 +1056,7 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
990
1056
|
),
|
|
991
1057
|
...props
|
|
992
1058
|
},
|
|
993
|
-
/* @__PURE__ */
|
|
1059
|
+
/* @__PURE__ */ React11.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
994
1060
|
"svg",
|
|
995
1061
|
{
|
|
996
1062
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1005,12 +1071,12 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
1005
1071
|
strokeLinejoin: "round",
|
|
1006
1072
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
1007
1073
|
},
|
|
1008
|
-
/* @__PURE__ */
|
|
1074
|
+
/* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
1009
1075
|
))),
|
|
1010
1076
|
children
|
|
1011
1077
|
));
|
|
1012
1078
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
1013
|
-
var DropdownMenuLabel =
|
|
1079
|
+
var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1014
1080
|
DropdownMenuPrimitive.Label,
|
|
1015
1081
|
{
|
|
1016
1082
|
ref,
|
|
@@ -1023,7 +1089,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref)
|
|
|
1023
1089
|
}
|
|
1024
1090
|
));
|
|
1025
1091
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1026
|
-
var DropdownMenuSeparator =
|
|
1092
|
+
var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
1027
1093
|
DropdownMenuPrimitive.Separator,
|
|
1028
1094
|
{
|
|
1029
1095
|
ref,
|
|
@@ -1036,7 +1102,7 @@ var DropdownMenuShortcut = ({
|
|
|
1036
1102
|
className,
|
|
1037
1103
|
...props
|
|
1038
1104
|
}) => {
|
|
1039
|
-
return /* @__PURE__ */
|
|
1105
|
+
return /* @__PURE__ */ React11.createElement(
|
|
1040
1106
|
"span",
|
|
1041
1107
|
{
|
|
1042
1108
|
className: cn(
|
|
@@ -1075,7 +1141,7 @@ var DropdownMenu = ({
|
|
|
1075
1141
|
default: "hawa-px-2 hawa-py-3 ",
|
|
1076
1142
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
|
1077
1143
|
};
|
|
1078
|
-
return /* @__PURE__ */
|
|
1144
|
+
return /* @__PURE__ */ React11.createElement(
|
|
1079
1145
|
DropdownMenuRoot,
|
|
1080
1146
|
{
|
|
1081
1147
|
onOpenChange,
|
|
@@ -1083,8 +1149,8 @@ var DropdownMenu = ({
|
|
|
1083
1149
|
modal: false,
|
|
1084
1150
|
dir: direction
|
|
1085
1151
|
},
|
|
1086
|
-
/* @__PURE__ */
|
|
1087
|
-
/* @__PURE__ */
|
|
1152
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
|
|
1153
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(
|
|
1088
1154
|
DropdownMenuContent,
|
|
1089
1155
|
{
|
|
1090
1156
|
side,
|
|
@@ -1100,13 +1166,13 @@ var DropdownMenu = ({
|
|
|
1100
1166
|
header && header,
|
|
1101
1167
|
items && items.map((item, index) => {
|
|
1102
1168
|
if (item.itemType === "separator") {
|
|
1103
|
-
return /* @__PURE__ */
|
|
1169
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuSeparator, { key: index });
|
|
1104
1170
|
} else if (item.itemType === "label") {
|
|
1105
|
-
return /* @__PURE__ */
|
|
1171
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuLabel, { key: index }, item.label);
|
|
1106
1172
|
} else if (item.itemType === "custom") {
|
|
1107
|
-
return /* @__PURE__ */
|
|
1173
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index }, item.content);
|
|
1108
1174
|
} else {
|
|
1109
|
-
return item.subitems ? /* @__PURE__ */
|
|
1175
|
+
return item.subitems ? /* @__PURE__ */ React11.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React11.createElement(
|
|
1110
1176
|
DropdownMenuSubTrigger,
|
|
1111
1177
|
{
|
|
1112
1178
|
className: cn(sizeStyles[size]),
|
|
@@ -1114,7 +1180,7 @@ var DropdownMenu = ({
|
|
|
1114
1180
|
},
|
|
1115
1181
|
item.icon && item.icon,
|
|
1116
1182
|
item.label && item.label
|
|
1117
|
-
), /* @__PURE__ */
|
|
1183
|
+
), /* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React11.createElement(
|
|
1118
1184
|
DropdownMenuItem,
|
|
1119
1185
|
{
|
|
1120
1186
|
slug: subitem.slug,
|
|
@@ -1141,7 +1207,7 @@ var DropdownMenu = ({
|
|
|
1141
1207
|
},
|
|
1142
1208
|
subitem.icon && subitem.icon,
|
|
1143
1209
|
subitem.label && subitem.label
|
|
1144
|
-
))))) : /* @__PURE__ */
|
|
1210
|
+
))))) : /* @__PURE__ */ React11.createElement(
|
|
1145
1211
|
DropdownMenuItem,
|
|
1146
1212
|
{
|
|
1147
1213
|
slug: item.slug,
|
|
@@ -1193,23 +1259,23 @@ var DropdownMenu = ({
|
|
|
1193
1259
|
);
|
|
1194
1260
|
};
|
|
1195
1261
|
var DropdownMenuRadio = (props) => {
|
|
1196
|
-
return /* @__PURE__ */
|
|
1262
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React11.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React11.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React11.createElement(
|
|
1197
1263
|
DropdownMenuRadioGroup,
|
|
1198
1264
|
{
|
|
1199
1265
|
value: props.value,
|
|
1200
1266
|
onValueChange: props.onValueChange
|
|
1201
1267
|
},
|
|
1202
|
-
props.options.map((opt, i) => /* @__PURE__ */
|
|
1268
|
+
props.options.map((opt, i) => /* @__PURE__ */ React11.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
|
1203
1269
|
)));
|
|
1204
1270
|
};
|
|
1205
1271
|
|
|
1206
1272
|
// components/elements/StopPropagationWrapper.tsx
|
|
1207
|
-
var
|
|
1273
|
+
var import_react8 = __toESM(require("react"));
|
|
1208
1274
|
var StopPropagationWrapper = (props) => {
|
|
1209
1275
|
const handleClick = (e) => {
|
|
1210
1276
|
e.stopPropagation();
|
|
1211
1277
|
};
|
|
1212
|
-
return /* @__PURE__ */
|
|
1278
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", { onClick: handleClick }, props.children);
|
|
1213
1279
|
};
|
|
1214
1280
|
|
|
1215
1281
|
// components/elements/cards/ItemCard.tsx
|
|
@@ -1241,12 +1307,12 @@ var ItemCard = ({
|
|
|
1241
1307
|
)
|
|
1242
1308
|
};
|
|
1243
1309
|
let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
|
|
1244
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
|
1310
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react9.useState)(false);
|
|
1245
1311
|
function handleOpenActionHeader(e) {
|
|
1246
1312
|
e.stopPropagation();
|
|
1247
1313
|
setOpenActionHeader(!openActionHeader);
|
|
1248
1314
|
}
|
|
1249
|
-
(0,
|
|
1315
|
+
(0, import_react9.useEffect)(() => {
|
|
1250
1316
|
window.onclick = () => {
|
|
1251
1317
|
if (openActionHeader) {
|
|
1252
1318
|
setOpenActionHeader(false);
|
|
@@ -1254,7 +1320,7 @@ var ItemCard = ({
|
|
|
1254
1320
|
};
|
|
1255
1321
|
return () => window.onclick = null;
|
|
1256
1322
|
}, [openActionHeader]);
|
|
1257
|
-
return /* @__PURE__ */
|
|
1323
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
1258
1324
|
"div",
|
|
1259
1325
|
{
|
|
1260
1326
|
className: cn(
|
|
@@ -1270,7 +1336,7 @@ var ItemCard = ({
|
|
|
1270
1336
|
}
|
|
1271
1337
|
}
|
|
1272
1338
|
},
|
|
1273
|
-
cardImage && /* @__PURE__ */
|
|
1339
|
+
cardImage && /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react9.default.createElement(
|
|
1274
1340
|
"img",
|
|
1275
1341
|
{
|
|
1276
1342
|
src: cardImage,
|
|
@@ -1279,7 +1345,7 @@ var ItemCard = ({
|
|
|
1279
1345
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
|
1280
1346
|
)
|
|
1281
1347
|
}
|
|
1282
|
-
), clickableImage && /* @__PURE__ */
|
|
1348
|
+
), clickableImage && /* @__PURE__ */ import_react9.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react9.default.createElement(
|
|
1283
1349
|
Button,
|
|
1284
1350
|
{
|
|
1285
1351
|
variant: "secondary",
|
|
@@ -1289,19 +1355,19 @@ var ItemCard = ({
|
|
|
1289
1355
|
clickableImageActionIcon,
|
|
1290
1356
|
clickableImageActionText || "Click"
|
|
1291
1357
|
)))),
|
|
1292
|
-
/* @__PURE__ */
|
|
1358
|
+
/* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-pb-2 xs:hawa-px-2" }, headerActions && /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ import_react9.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react9.default.createElement(
|
|
1293
1359
|
DropdownMenu,
|
|
1294
1360
|
{
|
|
1295
1361
|
items: headerActions,
|
|
1296
|
-
trigger: /* @__PURE__ */
|
|
1362
|
+
trigger: /* @__PURE__ */ import_react9.default.createElement(
|
|
1297
1363
|
Button,
|
|
1298
1364
|
{
|
|
1299
1365
|
variant: "ghost",
|
|
1300
1366
|
size: "smallIcon",
|
|
1301
1367
|
onClick: handleOpenActionHeader
|
|
1302
1368
|
},
|
|
1303
|
-
/* @__PURE__ */
|
|
1304
|
-
/* @__PURE__ */
|
|
1369
|
+
/* @__PURE__ */ import_react9.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
|
1370
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1305
1371
|
"svg",
|
|
1306
1372
|
{
|
|
1307
1373
|
className: "hawa-h-5 hawa-w-5",
|
|
@@ -1309,11 +1375,11 @@ var ItemCard = ({
|
|
|
1309
1375
|
fill: "currentColor",
|
|
1310
1376
|
viewBox: "0 0 20 20"
|
|
1311
1377
|
},
|
|
1312
|
-
/* @__PURE__ */
|
|
1378
|
+
/* @__PURE__ */ import_react9.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
|
|
1313
1379
|
)
|
|
1314
1380
|
)
|
|
1315
1381
|
}
|
|
1316
|
-
))), /* @__PURE__ */
|
|
1382
|
+
))), /* @__PURE__ */ import_react9.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react9.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react9.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react9.default.createElement(
|
|
1317
1383
|
"div",
|
|
1318
1384
|
{
|
|
1319
1385
|
className: cn(
|
|
@@ -1322,19 +1388,19 @@ var ItemCard = ({
|
|
|
1322
1388
|
)
|
|
1323
1389
|
},
|
|
1324
1390
|
counts,
|
|
1325
|
-
/* @__PURE__ */
|
|
1391
|
+
/* @__PURE__ */ import_react9.default.createElement(StopPropagationWrapper, null, actions)
|
|
1326
1392
|
) : null)
|
|
1327
1393
|
);
|
|
1328
1394
|
};
|
|
1329
1395
|
|
|
1330
1396
|
// components/elements/cards/LandingCard.tsx
|
|
1331
|
-
var
|
|
1397
|
+
var import_react10 = __toESM(require("react"));
|
|
1332
1398
|
var LandingCard = (props) => {
|
|
1333
|
-
return /* @__PURE__ */
|
|
1399
|
+
return /* @__PURE__ */ import_react10.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react10.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react10.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react10.default.createElement(CardDescription, null, props.subtitle)));
|
|
1334
1400
|
};
|
|
1335
1401
|
|
|
1336
1402
|
// components/elements/PinInput.tsx
|
|
1337
|
-
var
|
|
1403
|
+
var import_react11 = __toESM(require("react"));
|
|
1338
1404
|
var PinInput = ({
|
|
1339
1405
|
label,
|
|
1340
1406
|
icon,
|
|
@@ -1344,7 +1410,7 @@ var PinInput = ({
|
|
|
1344
1410
|
inputProps,
|
|
1345
1411
|
...props
|
|
1346
1412
|
}) => {
|
|
1347
|
-
const [pin, setPin] = (0,
|
|
1413
|
+
const [pin, setPin] = (0, import_react11.useState)(Array.from(Array(digits)));
|
|
1348
1414
|
const handleKeyDown = (e, index) => {
|
|
1349
1415
|
let backTo = 0;
|
|
1350
1416
|
if (e.key === "Backspace") {
|
|
@@ -1353,7 +1419,7 @@ var PinInput = ({
|
|
|
1353
1419
|
previousInput == null ? void 0 : previousInput.focus();
|
|
1354
1420
|
}
|
|
1355
1421
|
};
|
|
1356
|
-
(0,
|
|
1422
|
+
(0, import_react11.useEffect)(() => {
|
|
1357
1423
|
let unfilled = pin.includes(void 0);
|
|
1358
1424
|
if (!unfilled && getPins) {
|
|
1359
1425
|
getPins(pin);
|
|
@@ -1378,13 +1444,13 @@ var PinInput = ({
|
|
|
1378
1444
|
}
|
|
1379
1445
|
}
|
|
1380
1446
|
};
|
|
1381
|
-
return /* @__PURE__ */
|
|
1447
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1382
1448
|
"div",
|
|
1383
1449
|
{
|
|
1384
1450
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
|
1385
1451
|
dir: "ltr"
|
|
1386
1452
|
},
|
|
1387
|
-
pin.map((value, index) => /* @__PURE__ */
|
|
1453
|
+
pin.map((value, index) => /* @__PURE__ */ import_react11.default.createElement(
|
|
1388
1454
|
"input",
|
|
1389
1455
|
{
|
|
1390
1456
|
key: index,
|
|
@@ -1403,7 +1469,7 @@ var PinInput = ({
|
|
|
1403
1469
|
...inputProps
|
|
1404
1470
|
}
|
|
1405
1471
|
))
|
|
1406
|
-
), /* @__PURE__ */
|
|
1472
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
|
1407
1473
|
"p",
|
|
1408
1474
|
{
|
|
1409
1475
|
className: cn(
|
|
@@ -3119,59 +3185,6 @@ var import_creatable = __toESM(require("react-select/creatable"));
|
|
|
3119
3185
|
|
|
3120
3186
|
// components/elements/Label.tsx
|
|
3121
3187
|
var React16 = __toESM(require("react"));
|
|
3122
|
-
|
|
3123
|
-
// components/elements/Tooltip.tsx
|
|
3124
|
-
var import_react11 = __toESM(require("react"));
|
|
3125
|
-
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
3126
|
-
var TooltipContent = import_react11.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react11.default.createElement(
|
|
3127
|
-
TooltipPrimitive.Content,
|
|
3128
|
-
{
|
|
3129
|
-
ref,
|
|
3130
|
-
sideOffset,
|
|
3131
|
-
className: cn(
|
|
3132
|
-
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
|
3133
|
-
className
|
|
3134
|
-
),
|
|
3135
|
-
...props
|
|
3136
|
-
}
|
|
3137
|
-
));
|
|
3138
|
-
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
3139
|
-
var TooltipArrow = import_react11.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react11.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
3140
|
-
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
3141
|
-
var Tooltip = ({
|
|
3142
|
-
side,
|
|
3143
|
-
open,
|
|
3144
|
-
content,
|
|
3145
|
-
children,
|
|
3146
|
-
defaultOpen,
|
|
3147
|
-
onOpenChange,
|
|
3148
|
-
triggerProps,
|
|
3149
|
-
contentProps,
|
|
3150
|
-
providerProps,
|
|
3151
|
-
delayDuration = 300,
|
|
3152
|
-
...props
|
|
3153
|
-
}) => {
|
|
3154
|
-
return /* @__PURE__ */ import_react11.default.createElement(
|
|
3155
|
-
TooltipPrimitive.TooltipProvider,
|
|
3156
|
-
{
|
|
3157
|
-
delayDuration,
|
|
3158
|
-
...providerProps
|
|
3159
|
-
},
|
|
3160
|
-
/* @__PURE__ */ import_react11.default.createElement(
|
|
3161
|
-
TooltipPrimitive.Root,
|
|
3162
|
-
{
|
|
3163
|
-
open,
|
|
3164
|
-
defaultOpen,
|
|
3165
|
-
onOpenChange,
|
|
3166
|
-
...props
|
|
3167
|
-
},
|
|
3168
|
-
/* @__PURE__ */ import_react11.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
3169
|
-
/* @__PURE__ */ import_react11.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
|
|
3170
|
-
)
|
|
3171
|
-
);
|
|
3172
|
-
};
|
|
3173
|
-
|
|
3174
|
-
// components/elements/Label.tsx
|
|
3175
3188
|
var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React16.createElement(
|
|
3176
3189
|
"label",
|
|
3177
3190
|
{
|
|
@@ -10950,7 +10963,6 @@ var PricingPlans = ({
|
|
|
10950
10963
|
defaultValue: props.currentCurrency,
|
|
10951
10964
|
options: props.currencies,
|
|
10952
10965
|
onChangeTab: (e) => {
|
|
10953
|
-
console.log("on change tab", e);
|
|
10954
10966
|
if (props.onCurrencyChange) {
|
|
10955
10967
|
props.onCurrencyChange(e);
|
|
10956
10968
|
}
|
|
@@ -10963,7 +10975,7 @@ var PricingPlans = ({
|
|
|
10963
10975
|
...cardsContainerProps
|
|
10964
10976
|
},
|
|
10965
10977
|
props.plans.map((plan, index) => {
|
|
10966
|
-
var _a, _b;
|
|
10978
|
+
var _a, _b, _c, _d;
|
|
10967
10979
|
return /* @__PURE__ */ import_react67.default.createElement(
|
|
10968
10980
|
PricingCard,
|
|
10969
10981
|
{
|
|
@@ -10981,10 +10993,11 @@ var PricingPlans = ({
|
|
|
10981
10993
|
}
|
|
10982
10994
|
},
|
|
10983
10995
|
...plan,
|
|
10996
|
+
price: plan.price[(_a = props.currentCurrency) == null ? void 0 : _a.value][(_b = props.currentCycle) == null ? void 0 : _b.value],
|
|
10984
10997
|
texts: {
|
|
10985
10998
|
...plan.texts,
|
|
10986
|
-
currencyText: (
|
|
10987
|
-
cycleText: (
|
|
10999
|
+
currencyText: (_c = props.currentCurrency) == null ? void 0 : _c.label,
|
|
11000
|
+
cycleText: (_d = props.currentCycle) == null ? void 0 : _d.label
|
|
10988
11001
|
}
|
|
10989
11002
|
}
|
|
10990
11003
|
);
|
package/dist/index.mjs
CHANGED
|
@@ -118,7 +118,7 @@ var AdCard = ({
|
|
|
118
118
|
};
|
|
119
119
|
|
|
120
120
|
// components/elements/cards/PricingCard.tsx
|
|
121
|
-
import
|
|
121
|
+
import React10 from "react";
|
|
122
122
|
|
|
123
123
|
// components/elements/Button.tsx
|
|
124
124
|
import * as React5 from "react";
|
|
@@ -561,6 +561,57 @@ function Skeleton({
|
|
|
561
561
|
);
|
|
562
562
|
}
|
|
563
563
|
|
|
564
|
+
// components/elements/Tooltip.tsx
|
|
565
|
+
import React9 from "react";
|
|
566
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
567
|
+
var TooltipContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React9.createElement(
|
|
568
|
+
TooltipPrimitive.Content,
|
|
569
|
+
{
|
|
570
|
+
ref,
|
|
571
|
+
sideOffset,
|
|
572
|
+
className: cn(
|
|
573
|
+
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
|
574
|
+
className
|
|
575
|
+
),
|
|
576
|
+
...props
|
|
577
|
+
}
|
|
578
|
+
));
|
|
579
|
+
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
580
|
+
var TooltipArrow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
581
|
+
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
582
|
+
var Tooltip = ({
|
|
583
|
+
side,
|
|
584
|
+
open,
|
|
585
|
+
content,
|
|
586
|
+
children,
|
|
587
|
+
defaultOpen,
|
|
588
|
+
onOpenChange,
|
|
589
|
+
triggerProps,
|
|
590
|
+
contentProps,
|
|
591
|
+
providerProps,
|
|
592
|
+
delayDuration = 300,
|
|
593
|
+
...props
|
|
594
|
+
}) => {
|
|
595
|
+
return /* @__PURE__ */ React9.createElement(
|
|
596
|
+
TooltipPrimitive.TooltipProvider,
|
|
597
|
+
{
|
|
598
|
+
delayDuration,
|
|
599
|
+
...providerProps
|
|
600
|
+
},
|
|
601
|
+
/* @__PURE__ */ React9.createElement(
|
|
602
|
+
TooltipPrimitive.Root,
|
|
603
|
+
{
|
|
604
|
+
open,
|
|
605
|
+
defaultOpen,
|
|
606
|
+
onOpenChange,
|
|
607
|
+
...props
|
|
608
|
+
},
|
|
609
|
+
/* @__PURE__ */ React9.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
610
|
+
/* @__PURE__ */ React9.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
|
|
611
|
+
)
|
|
612
|
+
);
|
|
613
|
+
};
|
|
614
|
+
|
|
564
615
|
// components/elements/cards/PricingCard.tsx
|
|
565
616
|
var PricingCard = ({
|
|
566
617
|
size = "medium",
|
|
@@ -574,7 +625,7 @@ var PricingCard = ({
|
|
|
574
625
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
|
575
626
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
|
576
627
|
};
|
|
577
|
-
return /* @__PURE__ */
|
|
628
|
+
return /* @__PURE__ */ React10.createElement(
|
|
578
629
|
Card,
|
|
579
630
|
{
|
|
580
631
|
dir: direction,
|
|
@@ -584,17 +635,17 @@ var PricingCard = ({
|
|
|
584
635
|
"hawa-flex hawa-flex-col hawa-gap-4 hawa-rounded hawa-p-4 hawa-justify-between"
|
|
585
636
|
)
|
|
586
637
|
},
|
|
587
|
-
/* @__PURE__ */
|
|
588
|
-
return /* @__PURE__ */
|
|
638
|
+
/* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-row hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React10.createElement("span", null, props.texts.title), props.discount && /* @__PURE__ */ React10.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React10.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React10.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ React10.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))), /* @__PURE__ */ React10.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle), props.features && /* @__PURE__ */ React10.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
|
|
639
|
+
return /* @__PURE__ */ React10.createElement(
|
|
589
640
|
"li",
|
|
590
641
|
{
|
|
591
642
|
key: o,
|
|
592
643
|
className: cn(
|
|
593
|
-
"hawa-flex",
|
|
644
|
+
"hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
|
|
594
645
|
!feature.included && "hawa-line-through"
|
|
595
646
|
)
|
|
596
647
|
},
|
|
597
|
-
feature.included ? /* @__PURE__ */
|
|
648
|
+
/* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React10.createElement(
|
|
598
649
|
"svg",
|
|
599
650
|
{
|
|
600
651
|
"aria-label": "Check Icon",
|
|
@@ -603,7 +654,7 @@ var PricingCard = ({
|
|
|
603
654
|
fill: "currentColor",
|
|
604
655
|
viewBox: "0 0 20 20"
|
|
605
656
|
},
|
|
606
|
-
/* @__PURE__ */
|
|
657
|
+
/* @__PURE__ */ React10.createElement(
|
|
607
658
|
"path",
|
|
608
659
|
{
|
|
609
660
|
fillRule: "evenodd",
|
|
@@ -611,11 +662,26 @@ var PricingCard = ({
|
|
|
611
662
|
clipRule: "evenodd"
|
|
612
663
|
}
|
|
613
664
|
)
|
|
614
|
-
) : /* @__PURE__ */
|
|
615
|
-
/* @__PURE__ */
|
|
665
|
+
) : /* @__PURE__ */ React10.createElement("div", { className: "hawa-w-4 hawa-h-4 hawa-rounded-full hawa-bg-primary/10 hawa-m-2 hawa-mx-2.5" }), /* @__PURE__ */ React10.createElement("span", { className: "hawa-flex hawa-items-center hawa-flex-row hawa-gap-2 hawa-text-start hawa-whitespace-nowrap hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React10.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
|
|
666
|
+
feature.hint && /* @__PURE__ */ React10.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React10.createElement(
|
|
667
|
+
"svg",
|
|
668
|
+
{
|
|
669
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
670
|
+
className: "hawa-w-[14px] hawa-h-[14px] hawa-cursor-help",
|
|
671
|
+
viewBox: "0 0 24 24",
|
|
672
|
+
fill: "none",
|
|
673
|
+
stroke: "currentColor",
|
|
674
|
+
strokeWidth: "2",
|
|
675
|
+
strokeLinecap: "round",
|
|
676
|
+
strokeLinejoin: "round"
|
|
677
|
+
},
|
|
678
|
+
/* @__PURE__ */ React10.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
|
679
|
+
/* @__PURE__ */ React10.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
680
|
+
/* @__PURE__ */ React10.createElement("path", { d: "M12 17h.01" })
|
|
681
|
+
))
|
|
616
682
|
);
|
|
617
683
|
}))),
|
|
618
|
-
/* @__PURE__ */
|
|
684
|
+
/* @__PURE__ */ React10.createElement(
|
|
619
685
|
Button,
|
|
620
686
|
{
|
|
621
687
|
onClick: props.onPlanClicked,
|
|
@@ -628,10 +694,10 @@ var PricingCard = ({
|
|
|
628
694
|
};
|
|
629
695
|
|
|
630
696
|
// components/elements/cards/ItemCard.tsx
|
|
631
|
-
import
|
|
697
|
+
import React13, { useEffect as useEffect2, useState as useState3 } from "react";
|
|
632
698
|
|
|
633
699
|
// components/elements/DropdownMenu.tsx
|
|
634
|
-
import * as
|
|
700
|
+
import * as React11 from "react";
|
|
635
701
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
636
702
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
637
703
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
@@ -639,7 +705,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
639
705
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
640
706
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
641
707
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
642
|
-
var DropdownMenuSubTrigger =
|
|
708
|
+
var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
643
709
|
DropdownMenuPrimitive.SubTrigger,
|
|
644
710
|
{
|
|
645
711
|
ref,
|
|
@@ -650,9 +716,9 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
650
716
|
),
|
|
651
717
|
...props
|
|
652
718
|
},
|
|
653
|
-
/* @__PURE__ */
|
|
719
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
|
654
720
|
" ",
|
|
655
|
-
/* @__PURE__ */
|
|
721
|
+
/* @__PURE__ */ React11.createElement(
|
|
656
722
|
"svg",
|
|
657
723
|
{
|
|
658
724
|
"aria-label": "Chevron Right Icon",
|
|
@@ -664,7 +730,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
664
730
|
width: "1em",
|
|
665
731
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
|
666
732
|
},
|
|
667
|
-
/* @__PURE__ */
|
|
733
|
+
/* @__PURE__ */ React11.createElement(
|
|
668
734
|
"path",
|
|
669
735
|
{
|
|
670
736
|
fillRule: "evenodd",
|
|
@@ -674,7 +740,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
674
740
|
)
|
|
675
741
|
));
|
|
676
742
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
677
|
-
var DropdownMenuSubContent =
|
|
743
|
+
var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
678
744
|
DropdownMenuPrimitive.SubContent,
|
|
679
745
|
{
|
|
680
746
|
ref,
|
|
@@ -686,7 +752,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
|
|
|
686
752
|
}
|
|
687
753
|
));
|
|
688
754
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
689
|
-
var DropdownMenuContent =
|
|
755
|
+
var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
|
|
690
756
|
DropdownMenuPrimitive.Content,
|
|
691
757
|
{
|
|
692
758
|
ref,
|
|
@@ -699,8 +765,8 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...pr
|
|
|
699
765
|
}
|
|
700
766
|
)));
|
|
701
767
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
702
|
-
var DropdownMenuItem =
|
|
703
|
-
return /* @__PURE__ */
|
|
768
|
+
var DropdownMenuItem = React11.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
|
|
769
|
+
return /* @__PURE__ */ React11.createElement("a", { href: slug }, /* @__PURE__ */ React11.createElement(
|
|
704
770
|
DropdownMenuPrimitive.Item,
|
|
705
771
|
{
|
|
706
772
|
disabled: props.disabled,
|
|
@@ -713,14 +779,14 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, badged, slug, ...
|
|
|
713
779
|
),
|
|
714
780
|
...props
|
|
715
781
|
},
|
|
716
|
-
/* @__PURE__ */
|
|
782
|
+
/* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
|
717
783
|
props.end && props.end,
|
|
718
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
|
719
|
-
!props.end && badged && /* @__PURE__ */
|
|
784
|
+
!props.end && props.shortcut && /* @__PURE__ */ React11.createElement(DropdownMenuShortcut, null, props.shortcut),
|
|
785
|
+
!props.end && badged && /* @__PURE__ */ React11.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
|
|
720
786
|
));
|
|
721
787
|
});
|
|
722
788
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
723
|
-
var DropdownMenuCheckboxItem =
|
|
789
|
+
var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
724
790
|
DropdownMenuPrimitive.CheckboxItem,
|
|
725
791
|
{
|
|
726
792
|
ref,
|
|
@@ -731,7 +797,7 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
731
797
|
checked,
|
|
732
798
|
...props
|
|
733
799
|
},
|
|
734
|
-
/* @__PURE__ */
|
|
800
|
+
/* @__PURE__ */ React11.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
735
801
|
"svg",
|
|
736
802
|
{
|
|
737
803
|
"aria-label": "Check Mark",
|
|
@@ -742,12 +808,12 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
742
808
|
height: "0.60em",
|
|
743
809
|
width: "0.60em"
|
|
744
810
|
},
|
|
745
|
-
/* @__PURE__ */
|
|
811
|
+
/* @__PURE__ */ React11.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
|
746
812
|
), " ")),
|
|
747
813
|
children
|
|
748
814
|
));
|
|
749
815
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
750
|
-
var DropdownMenuRadioItem =
|
|
816
|
+
var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
751
817
|
DropdownMenuPrimitive.RadioItem,
|
|
752
818
|
{
|
|
753
819
|
ref,
|
|
@@ -757,7 +823,7 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
757
823
|
),
|
|
758
824
|
...props
|
|
759
825
|
},
|
|
760
|
-
/* @__PURE__ */
|
|
826
|
+
/* @__PURE__ */ React11.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React11.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(
|
|
761
827
|
"svg",
|
|
762
828
|
{
|
|
763
829
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -772,12 +838,12 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
772
838
|
strokeLinejoin: "round",
|
|
773
839
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
774
840
|
},
|
|
775
|
-
/* @__PURE__ */
|
|
841
|
+
/* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
776
842
|
))),
|
|
777
843
|
children
|
|
778
844
|
));
|
|
779
845
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
780
|
-
var DropdownMenuLabel =
|
|
846
|
+
var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
781
847
|
DropdownMenuPrimitive.Label,
|
|
782
848
|
{
|
|
783
849
|
ref,
|
|
@@ -790,7 +856,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref)
|
|
|
790
856
|
}
|
|
791
857
|
));
|
|
792
858
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
793
|
-
var DropdownMenuSeparator =
|
|
859
|
+
var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
|
|
794
860
|
DropdownMenuPrimitive.Separator,
|
|
795
861
|
{
|
|
796
862
|
ref,
|
|
@@ -803,7 +869,7 @@ var DropdownMenuShortcut = ({
|
|
|
803
869
|
className,
|
|
804
870
|
...props
|
|
805
871
|
}) => {
|
|
806
|
-
return /* @__PURE__ */
|
|
872
|
+
return /* @__PURE__ */ React11.createElement(
|
|
807
873
|
"span",
|
|
808
874
|
{
|
|
809
875
|
className: cn(
|
|
@@ -842,7 +908,7 @@ var DropdownMenu = ({
|
|
|
842
908
|
default: "hawa-px-2 hawa-py-3 ",
|
|
843
909
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
|
844
910
|
};
|
|
845
|
-
return /* @__PURE__ */
|
|
911
|
+
return /* @__PURE__ */ React11.createElement(
|
|
846
912
|
DropdownMenuRoot,
|
|
847
913
|
{
|
|
848
914
|
onOpenChange,
|
|
@@ -850,8 +916,8 @@ var DropdownMenu = ({
|
|
|
850
916
|
modal: false,
|
|
851
917
|
dir: direction
|
|
852
918
|
},
|
|
853
|
-
/* @__PURE__ */
|
|
854
|
-
/* @__PURE__ */
|
|
919
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
|
|
920
|
+
/* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(
|
|
855
921
|
DropdownMenuContent,
|
|
856
922
|
{
|
|
857
923
|
side,
|
|
@@ -867,13 +933,13 @@ var DropdownMenu = ({
|
|
|
867
933
|
header && header,
|
|
868
934
|
items && items.map((item, index) => {
|
|
869
935
|
if (item.itemType === "separator") {
|
|
870
|
-
return /* @__PURE__ */
|
|
936
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuSeparator, { key: index });
|
|
871
937
|
} else if (item.itemType === "label") {
|
|
872
|
-
return /* @__PURE__ */
|
|
938
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuLabel, { key: index }, item.label);
|
|
873
939
|
} else if (item.itemType === "custom") {
|
|
874
|
-
return /* @__PURE__ */
|
|
940
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index }, item.content);
|
|
875
941
|
} else {
|
|
876
|
-
return item.subitems ? /* @__PURE__ */
|
|
942
|
+
return item.subitems ? /* @__PURE__ */ React11.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React11.createElement(
|
|
877
943
|
DropdownMenuSubTrigger,
|
|
878
944
|
{
|
|
879
945
|
className: cn(sizeStyles[size]),
|
|
@@ -881,7 +947,7 @@ var DropdownMenu = ({
|
|
|
881
947
|
},
|
|
882
948
|
item.icon && item.icon,
|
|
883
949
|
item.label && item.label
|
|
884
|
-
), /* @__PURE__ */
|
|
950
|
+
), /* @__PURE__ */ React11.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React11.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React11.createElement(
|
|
885
951
|
DropdownMenuItem,
|
|
886
952
|
{
|
|
887
953
|
slug: subitem.slug,
|
|
@@ -908,7 +974,7 @@ var DropdownMenu = ({
|
|
|
908
974
|
},
|
|
909
975
|
subitem.icon && subitem.icon,
|
|
910
976
|
subitem.label && subitem.label
|
|
911
|
-
))))) : /* @__PURE__ */
|
|
977
|
+
))))) : /* @__PURE__ */ React11.createElement(
|
|
912
978
|
DropdownMenuItem,
|
|
913
979
|
{
|
|
914
980
|
slug: item.slug,
|
|
@@ -960,23 +1026,23 @@ var DropdownMenu = ({
|
|
|
960
1026
|
);
|
|
961
1027
|
};
|
|
962
1028
|
var DropdownMenuRadio = (props) => {
|
|
963
|
-
return /* @__PURE__ */
|
|
1029
|
+
return /* @__PURE__ */ React11.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React11.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React11.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React11.createElement(
|
|
964
1030
|
DropdownMenuRadioGroup,
|
|
965
1031
|
{
|
|
966
1032
|
value: props.value,
|
|
967
1033
|
onValueChange: props.onValueChange
|
|
968
1034
|
},
|
|
969
|
-
props.options.map((opt, i) => /* @__PURE__ */
|
|
1035
|
+
props.options.map((opt, i) => /* @__PURE__ */ React11.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
|
970
1036
|
)));
|
|
971
1037
|
};
|
|
972
1038
|
|
|
973
1039
|
// components/elements/StopPropagationWrapper.tsx
|
|
974
|
-
import
|
|
1040
|
+
import React12 from "react";
|
|
975
1041
|
var StopPropagationWrapper = (props) => {
|
|
976
1042
|
const handleClick = (e) => {
|
|
977
1043
|
e.stopPropagation();
|
|
978
1044
|
};
|
|
979
|
-
return /* @__PURE__ */
|
|
1045
|
+
return /* @__PURE__ */ React12.createElement("div", { onClick: handleClick }, props.children);
|
|
980
1046
|
};
|
|
981
1047
|
|
|
982
1048
|
// components/elements/cards/ItemCard.tsx
|
|
@@ -1021,7 +1087,7 @@ var ItemCard = ({
|
|
|
1021
1087
|
};
|
|
1022
1088
|
return () => window.onclick = null;
|
|
1023
1089
|
}, [openActionHeader]);
|
|
1024
|
-
return /* @__PURE__ */
|
|
1090
|
+
return /* @__PURE__ */ React13.createElement(
|
|
1025
1091
|
"div",
|
|
1026
1092
|
{
|
|
1027
1093
|
className: cn(
|
|
@@ -1037,7 +1103,7 @@ var ItemCard = ({
|
|
|
1037
1103
|
}
|
|
1038
1104
|
}
|
|
1039
1105
|
},
|
|
1040
|
-
cardImage && /* @__PURE__ */
|
|
1106
|
+
cardImage && /* @__PURE__ */ React13.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React13.createElement(
|
|
1041
1107
|
"img",
|
|
1042
1108
|
{
|
|
1043
1109
|
src: cardImage,
|
|
@@ -1046,7 +1112,7 @@ var ItemCard = ({
|
|
|
1046
1112
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
|
1047
1113
|
)
|
|
1048
1114
|
}
|
|
1049
|
-
), clickableImage && /* @__PURE__ */
|
|
1115
|
+
), clickableImage && /* @__PURE__ */ React13.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React13.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ React13.createElement(
|
|
1050
1116
|
Button,
|
|
1051
1117
|
{
|
|
1052
1118
|
variant: "secondary",
|
|
@@ -1056,19 +1122,19 @@ var ItemCard = ({
|
|
|
1056
1122
|
clickableImageActionIcon,
|
|
1057
1123
|
clickableImageActionText || "Click"
|
|
1058
1124
|
)))),
|
|
1059
|
-
/* @__PURE__ */
|
|
1125
|
+
/* @__PURE__ */ React13.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-pb-2 xs:hawa-px-2" }, headerActions && /* @__PURE__ */ React13.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React13.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React13.createElement(
|
|
1060
1126
|
DropdownMenu,
|
|
1061
1127
|
{
|
|
1062
1128
|
items: headerActions,
|
|
1063
|
-
trigger: /* @__PURE__ */
|
|
1129
|
+
trigger: /* @__PURE__ */ React13.createElement(
|
|
1064
1130
|
Button,
|
|
1065
1131
|
{
|
|
1066
1132
|
variant: "ghost",
|
|
1067
1133
|
size: "smallIcon",
|
|
1068
1134
|
onClick: handleOpenActionHeader
|
|
1069
1135
|
},
|
|
1070
|
-
/* @__PURE__ */
|
|
1071
|
-
/* @__PURE__ */
|
|
1136
|
+
/* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
|
1137
|
+
/* @__PURE__ */ React13.createElement(
|
|
1072
1138
|
"svg",
|
|
1073
1139
|
{
|
|
1074
1140
|
className: "hawa-h-5 hawa-w-5",
|
|
@@ -1076,11 +1142,11 @@ var ItemCard = ({
|
|
|
1076
1142
|
fill: "currentColor",
|
|
1077
1143
|
viewBox: "0 0 20 20"
|
|
1078
1144
|
},
|
|
1079
|
-
/* @__PURE__ */
|
|
1145
|
+
/* @__PURE__ */ React13.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
|
|
1080
1146
|
)
|
|
1081
1147
|
)
|
|
1082
1148
|
}
|
|
1083
|
-
))), /* @__PURE__ */
|
|
1149
|
+
))), /* @__PURE__ */ React13.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React13.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React13.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React13.createElement(
|
|
1084
1150
|
"div",
|
|
1085
1151
|
{
|
|
1086
1152
|
className: cn(
|
|
@@ -1089,19 +1155,19 @@ var ItemCard = ({
|
|
|
1089
1155
|
)
|
|
1090
1156
|
},
|
|
1091
1157
|
counts,
|
|
1092
|
-
/* @__PURE__ */
|
|
1158
|
+
/* @__PURE__ */ React13.createElement(StopPropagationWrapper, null, actions)
|
|
1093
1159
|
) : null)
|
|
1094
1160
|
);
|
|
1095
1161
|
};
|
|
1096
1162
|
|
|
1097
1163
|
// components/elements/cards/LandingCard.tsx
|
|
1098
|
-
import
|
|
1164
|
+
import React14 from "react";
|
|
1099
1165
|
var LandingCard = (props) => {
|
|
1100
|
-
return /* @__PURE__ */
|
|
1166
|
+
return /* @__PURE__ */ React14.createElement(Card, { className: props.className }, /* @__PURE__ */ React14.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React14.createElement(CardTitle, null, props.title), /* @__PURE__ */ React14.createElement(CardDescription, null, props.subtitle)));
|
|
1101
1167
|
};
|
|
1102
1168
|
|
|
1103
1169
|
// components/elements/PinInput.tsx
|
|
1104
|
-
import
|
|
1170
|
+
import React15, { useEffect as useEffect3, useState as useState4 } from "react";
|
|
1105
1171
|
var PinInput = ({
|
|
1106
1172
|
label,
|
|
1107
1173
|
icon,
|
|
@@ -1145,13 +1211,13 @@ var PinInput = ({
|
|
|
1145
1211
|
}
|
|
1146
1212
|
}
|
|
1147
1213
|
};
|
|
1148
|
-
return /* @__PURE__ */
|
|
1214
|
+
return /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React15.createElement(
|
|
1149
1215
|
"div",
|
|
1150
1216
|
{
|
|
1151
1217
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
|
1152
1218
|
dir: "ltr"
|
|
1153
1219
|
},
|
|
1154
|
-
pin.map((value, index) => /* @__PURE__ */
|
|
1220
|
+
pin.map((value, index) => /* @__PURE__ */ React15.createElement(
|
|
1155
1221
|
"input",
|
|
1156
1222
|
{
|
|
1157
1223
|
key: index,
|
|
@@ -1170,7 +1236,7 @@ var PinInput = ({
|
|
|
1170
1236
|
...inputProps
|
|
1171
1237
|
}
|
|
1172
1238
|
))
|
|
1173
|
-
), /* @__PURE__ */
|
|
1239
|
+
), /* @__PURE__ */ React15.createElement(
|
|
1174
1240
|
"p",
|
|
1175
1241
|
{
|
|
1176
1242
|
className: cn(
|
|
@@ -2886,59 +2952,6 @@ import CreatableSelect from "react-select/creatable";
|
|
|
2886
2952
|
|
|
2887
2953
|
// components/elements/Label.tsx
|
|
2888
2954
|
import * as React16 from "react";
|
|
2889
|
-
|
|
2890
|
-
// components/elements/Tooltip.tsx
|
|
2891
|
-
import React15 from "react";
|
|
2892
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
2893
|
-
var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React15.createElement(
|
|
2894
|
-
TooltipPrimitive.Content,
|
|
2895
|
-
{
|
|
2896
|
-
ref,
|
|
2897
|
-
sideOffset,
|
|
2898
|
-
className: cn(
|
|
2899
|
-
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
|
2900
|
-
className
|
|
2901
|
-
),
|
|
2902
|
-
...props
|
|
2903
|
-
}
|
|
2904
|
-
));
|
|
2905
|
-
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
2906
|
-
var TooltipArrow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
2907
|
-
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
2908
|
-
var Tooltip = ({
|
|
2909
|
-
side,
|
|
2910
|
-
open,
|
|
2911
|
-
content,
|
|
2912
|
-
children,
|
|
2913
|
-
defaultOpen,
|
|
2914
|
-
onOpenChange,
|
|
2915
|
-
triggerProps,
|
|
2916
|
-
contentProps,
|
|
2917
|
-
providerProps,
|
|
2918
|
-
delayDuration = 300,
|
|
2919
|
-
...props
|
|
2920
|
-
}) => {
|
|
2921
|
-
return /* @__PURE__ */ React15.createElement(
|
|
2922
|
-
TooltipPrimitive.TooltipProvider,
|
|
2923
|
-
{
|
|
2924
|
-
delayDuration,
|
|
2925
|
-
...providerProps
|
|
2926
|
-
},
|
|
2927
|
-
/* @__PURE__ */ React15.createElement(
|
|
2928
|
-
TooltipPrimitive.Root,
|
|
2929
|
-
{
|
|
2930
|
-
open,
|
|
2931
|
-
defaultOpen,
|
|
2932
|
-
onOpenChange,
|
|
2933
|
-
...props
|
|
2934
|
-
},
|
|
2935
|
-
/* @__PURE__ */ React15.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
2936
|
-
/* @__PURE__ */ React15.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
|
|
2937
|
-
)
|
|
2938
|
-
);
|
|
2939
|
-
};
|
|
2940
|
-
|
|
2941
|
-
// components/elements/Label.tsx
|
|
2942
2955
|
var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React16.createElement(
|
|
2943
2956
|
"label",
|
|
2944
2957
|
{
|
|
@@ -10734,7 +10747,6 @@ var PricingPlans = ({
|
|
|
10734
10747
|
defaultValue: props.currentCurrency,
|
|
10735
10748
|
options: props.currencies,
|
|
10736
10749
|
onChangeTab: (e) => {
|
|
10737
|
-
console.log("on change tab", e);
|
|
10738
10750
|
if (props.onCurrencyChange) {
|
|
10739
10751
|
props.onCurrencyChange(e);
|
|
10740
10752
|
}
|
|
@@ -10747,7 +10759,7 @@ var PricingPlans = ({
|
|
|
10747
10759
|
...cardsContainerProps
|
|
10748
10760
|
},
|
|
10749
10761
|
props.plans.map((plan, index) => {
|
|
10750
|
-
var _a, _b;
|
|
10762
|
+
var _a, _b, _c, _d;
|
|
10751
10763
|
return /* @__PURE__ */ React94.createElement(
|
|
10752
10764
|
PricingCard,
|
|
10753
10765
|
{
|
|
@@ -10765,10 +10777,11 @@ var PricingPlans = ({
|
|
|
10765
10777
|
}
|
|
10766
10778
|
},
|
|
10767
10779
|
...plan,
|
|
10780
|
+
price: plan.price[(_a = props.currentCurrency) == null ? void 0 : _a.value][(_b = props.currentCycle) == null ? void 0 : _b.value],
|
|
10768
10781
|
texts: {
|
|
10769
10782
|
...plan.texts,
|
|
10770
|
-
currencyText: (
|
|
10771
|
-
cycleText: (
|
|
10783
|
+
currencyText: (_c = props.currentCurrency) == null ? void 0 : _c.label,
|
|
10784
|
+
cycleText: (_d = props.currentCycle) == null ? void 0 : _d.label
|
|
10772
10785
|
}
|
|
10773
10786
|
}
|
|
10774
10787
|
);
|