@sikka/hawa 0.19.14-next → 0.19.16-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 +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +377 -354
- package/dist/index.mjs +523 -500
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -169,7 +169,7 @@ __export(components_exports, {
|
|
|
169
169
|
ScrollBar: () => ScrollBar,
|
|
170
170
|
ScrollIndicator: () => ScrollIndicator,
|
|
171
171
|
Select: () => Select,
|
|
172
|
-
Separator: () =>
|
|
172
|
+
Separator: () => Separator,
|
|
173
173
|
Sheet: () => Sheet,
|
|
174
174
|
SheetClose: () => SheetClose,
|
|
175
175
|
SheetContent: () => SheetContent,
|
|
@@ -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,10 +794,80 @@ 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
|
+
|
|
848
|
+
// components/elements/Separator.tsx
|
|
849
|
+
var React10 = __toESM(require("react"));
|
|
850
|
+
var Separator = ({
|
|
851
|
+
className,
|
|
852
|
+
orientation = "horizontal",
|
|
853
|
+
...props
|
|
854
|
+
}) => /* @__PURE__ */ React10.createElement(
|
|
855
|
+
"div",
|
|
856
|
+
{
|
|
857
|
+
className: cn(
|
|
858
|
+
"hawa-shrink-0 hawa-bg-border",
|
|
859
|
+
orientation === "horizontal" ? "hawa-h-[1px] hawa-w-full" : "hawa-h-full hawa-w-[1px]",
|
|
860
|
+
className
|
|
861
|
+
),
|
|
862
|
+
...props
|
|
863
|
+
}
|
|
864
|
+
);
|
|
865
|
+
|
|
797
866
|
// components/elements/cards/PricingCard.tsx
|
|
798
867
|
var PricingCard = ({
|
|
799
868
|
size = "medium",
|
|
800
869
|
direction = "ltr",
|
|
870
|
+
endButton = true,
|
|
801
871
|
currentPlan = false,
|
|
802
872
|
...props
|
|
803
873
|
}) => {
|
|
@@ -807,64 +877,88 @@ var PricingCard = ({
|
|
|
807
877
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
|
808
878
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
|
809
879
|
};
|
|
810
|
-
return /* @__PURE__ */
|
|
880
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
811
881
|
Card,
|
|
812
882
|
{
|
|
813
883
|
dir: direction,
|
|
814
884
|
className: cn(
|
|
815
885
|
currentPlan ? "hawa-border-primary dark:hawa-border-primary/70 hawa-border-2 " : "hawa-border",
|
|
816
886
|
cardSizes[size],
|
|
817
|
-
"hawa-flex
|
|
887
|
+
"hawa-flex hawa-gap-4 hawa-rounded hawa-p-4 hawa-justify-between hawa-flex-col"
|
|
818
888
|
)
|
|
819
889
|
},
|
|
820
|
-
/* @__PURE__ */
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
"svg",
|
|
890
|
+
/* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-h-full" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react7.default.createElement("span", null, props.texts.title), /* @__PURE__ */ import_react7.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle), 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("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-end" }, props.oldPrice && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + props.texts.currencyText), /* @__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))), endButton && /* @__PURE__ */ import_react7.default.createElement(Separator, null), /* @__PURE__ */ import_react7.default.createElement(
|
|
891
|
+
"div",
|
|
892
|
+
{
|
|
893
|
+
className: cn(
|
|
894
|
+
"hawa-flex hawa-gap-4 hawa-justify-between hawa-h-full",
|
|
895
|
+
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
|
896
|
+
)
|
|
897
|
+
},
|
|
898
|
+
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) => {
|
|
899
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
900
|
+
"li",
|
|
832
901
|
{
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
902
|
+
key: o,
|
|
903
|
+
className: cn(
|
|
904
|
+
"hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
|
|
905
|
+
!feature.included && "hawa-line-through"
|
|
906
|
+
)
|
|
838
907
|
},
|
|
839
|
-
/* @__PURE__ */
|
|
840
|
-
"
|
|
908
|
+
/* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react7.default.createElement(
|
|
909
|
+
"svg",
|
|
841
910
|
{
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
911
|
+
"aria-label": "Check Icon",
|
|
912
|
+
"aria-hidden": "true",
|
|
913
|
+
className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
|
|
914
|
+
fill: "currentColor",
|
|
915
|
+
viewBox: "0 0 20 20"
|
|
916
|
+
},
|
|
917
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
918
|
+
"path",
|
|
919
|
+
{
|
|
920
|
+
fillRule: "evenodd",
|
|
921
|
+
d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
|
|
922
|
+
clipRule: "evenodd"
|
|
923
|
+
}
|
|
924
|
+
)
|
|
925
|
+
) : /* @__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" }))),
|
|
926
|
+
feature.hint && /* @__PURE__ */ import_react7.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react7.default.createElement(
|
|
927
|
+
"svg",
|
|
928
|
+
{
|
|
929
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
930
|
+
className: "hawa-w-[14px] hawa-h-[14px] hawa-cursor-help",
|
|
931
|
+
viewBox: "0 0 24 24",
|
|
932
|
+
fill: "none",
|
|
933
|
+
stroke: "currentColor",
|
|
934
|
+
strokeWidth: "2",
|
|
935
|
+
strokeLinecap: "round",
|
|
936
|
+
strokeLinejoin: "round"
|
|
937
|
+
},
|
|
938
|
+
/* @__PURE__ */ import_react7.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
|
939
|
+
/* @__PURE__ */ import_react7.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
940
|
+
/* @__PURE__ */ import_react7.default.createElement("path", { d: "M12 17h.01" })
|
|
941
|
+
))
|
|
942
|
+
);
|
|
943
|
+
})),
|
|
944
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
|
945
|
+
Button,
|
|
946
|
+
{
|
|
947
|
+
onClick: props.onPlanClicked,
|
|
948
|
+
disabled: currentPlan,
|
|
949
|
+
className: "hawa-w-full"
|
|
950
|
+
},
|
|
951
|
+
props.texts.buttonText
|
|
952
|
+
)
|
|
953
|
+
))
|
|
860
954
|
);
|
|
861
955
|
};
|
|
862
956
|
|
|
863
957
|
// components/elements/cards/ItemCard.tsx
|
|
864
|
-
var
|
|
958
|
+
var import_react9 = __toESM(require("react"));
|
|
865
959
|
|
|
866
960
|
// components/elements/DropdownMenu.tsx
|
|
867
|
-
var
|
|
961
|
+
var React12 = __toESM(require("react"));
|
|
868
962
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
869
963
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
|
870
964
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
@@ -872,7 +966,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
872
966
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
873
967
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
874
968
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
875
|
-
var DropdownMenuSubTrigger =
|
|
969
|
+
var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
876
970
|
DropdownMenuPrimitive.SubTrigger,
|
|
877
971
|
{
|
|
878
972
|
ref,
|
|
@@ -883,9 +977,9 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
883
977
|
),
|
|
884
978
|
...props
|
|
885
979
|
},
|
|
886
|
-
/* @__PURE__ */
|
|
980
|
+
/* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
|
887
981
|
" ",
|
|
888
|
-
/* @__PURE__ */
|
|
982
|
+
/* @__PURE__ */ React12.createElement(
|
|
889
983
|
"svg",
|
|
890
984
|
{
|
|
891
985
|
"aria-label": "Chevron Right Icon",
|
|
@@ -897,7 +991,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
897
991
|
width: "1em",
|
|
898
992
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
|
899
993
|
},
|
|
900
|
-
/* @__PURE__ */
|
|
994
|
+
/* @__PURE__ */ React12.createElement(
|
|
901
995
|
"path",
|
|
902
996
|
{
|
|
903
997
|
fillRule: "evenodd",
|
|
@@ -907,7 +1001,7 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, .
|
|
|
907
1001
|
)
|
|
908
1002
|
));
|
|
909
1003
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
910
|
-
var DropdownMenuSubContent =
|
|
1004
|
+
var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
911
1005
|
DropdownMenuPrimitive.SubContent,
|
|
912
1006
|
{
|
|
913
1007
|
ref,
|
|
@@ -919,7 +1013,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
|
|
|
919
1013
|
}
|
|
920
1014
|
));
|
|
921
1015
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
922
|
-
var DropdownMenuContent =
|
|
1016
|
+
var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React12.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React12.createElement(
|
|
923
1017
|
DropdownMenuPrimitive.Content,
|
|
924
1018
|
{
|
|
925
1019
|
ref,
|
|
@@ -932,8 +1026,8 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...pr
|
|
|
932
1026
|
}
|
|
933
1027
|
)));
|
|
934
1028
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
935
|
-
var DropdownMenuItem =
|
|
936
|
-
return /* @__PURE__ */
|
|
1029
|
+
var DropdownMenuItem = React12.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
|
|
1030
|
+
return /* @__PURE__ */ React12.createElement("a", { href: slug }, /* @__PURE__ */ React12.createElement(
|
|
937
1031
|
DropdownMenuPrimitive.Item,
|
|
938
1032
|
{
|
|
939
1033
|
disabled: props.disabled,
|
|
@@ -946,14 +1040,14 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, badged, slug, ...
|
|
|
946
1040
|
),
|
|
947
1041
|
...props
|
|
948
1042
|
},
|
|
949
|
-
/* @__PURE__ */
|
|
1043
|
+
/* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
|
950
1044
|
props.end && props.end,
|
|
951
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
|
952
|
-
!props.end && badged && /* @__PURE__ */
|
|
1045
|
+
!props.end && props.shortcut && /* @__PURE__ */ React12.createElement(DropdownMenuShortcut, null, props.shortcut),
|
|
1046
|
+
!props.end && badged && /* @__PURE__ */ React12.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
|
|
953
1047
|
));
|
|
954
1048
|
});
|
|
955
1049
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
956
|
-
var DropdownMenuCheckboxItem =
|
|
1050
|
+
var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
957
1051
|
DropdownMenuPrimitive.CheckboxItem,
|
|
958
1052
|
{
|
|
959
1053
|
ref,
|
|
@@ -964,7 +1058,7 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
964
1058
|
checked,
|
|
965
1059
|
...props
|
|
966
1060
|
},
|
|
967
|
-
/* @__PURE__ */
|
|
1061
|
+
/* @__PURE__ */ React12.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__ */ React12.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React12.createElement(
|
|
968
1062
|
"svg",
|
|
969
1063
|
{
|
|
970
1064
|
"aria-label": "Check Mark",
|
|
@@ -975,12 +1069,12 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checke
|
|
|
975
1069
|
height: "0.60em",
|
|
976
1070
|
width: "0.60em"
|
|
977
1071
|
},
|
|
978
|
-
/* @__PURE__ */
|
|
1072
|
+
/* @__PURE__ */ React12.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
1073
|
), " ")),
|
|
980
1074
|
children
|
|
981
1075
|
));
|
|
982
1076
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
983
|
-
var DropdownMenuRadioItem =
|
|
1077
|
+
var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
984
1078
|
DropdownMenuPrimitive.RadioItem,
|
|
985
1079
|
{
|
|
986
1080
|
ref,
|
|
@@ -990,7 +1084,7 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
990
1084
|
),
|
|
991
1085
|
...props
|
|
992
1086
|
},
|
|
993
|
-
/* @__PURE__ */
|
|
1087
|
+
/* @__PURE__ */ React12.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__ */ React12.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React12.createElement(
|
|
994
1088
|
"svg",
|
|
995
1089
|
{
|
|
996
1090
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1005,12 +1099,12 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props
|
|
|
1005
1099
|
strokeLinejoin: "round",
|
|
1006
1100
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
|
1007
1101
|
},
|
|
1008
|
-
/* @__PURE__ */
|
|
1102
|
+
/* @__PURE__ */ React12.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
|
1009
1103
|
))),
|
|
1010
1104
|
children
|
|
1011
1105
|
));
|
|
1012
1106
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
1013
|
-
var DropdownMenuLabel =
|
|
1107
|
+
var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
1014
1108
|
DropdownMenuPrimitive.Label,
|
|
1015
1109
|
{
|
|
1016
1110
|
ref,
|
|
@@ -1023,7 +1117,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref)
|
|
|
1023
1117
|
}
|
|
1024
1118
|
));
|
|
1025
1119
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1026
|
-
var DropdownMenuSeparator =
|
|
1120
|
+
var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
|
|
1027
1121
|
DropdownMenuPrimitive.Separator,
|
|
1028
1122
|
{
|
|
1029
1123
|
ref,
|
|
@@ -1036,7 +1130,7 @@ var DropdownMenuShortcut = ({
|
|
|
1036
1130
|
className,
|
|
1037
1131
|
...props
|
|
1038
1132
|
}) => {
|
|
1039
|
-
return /* @__PURE__ */
|
|
1133
|
+
return /* @__PURE__ */ React12.createElement(
|
|
1040
1134
|
"span",
|
|
1041
1135
|
{
|
|
1042
1136
|
className: cn(
|
|
@@ -1075,7 +1169,7 @@ var DropdownMenu = ({
|
|
|
1075
1169
|
default: "hawa-px-2 hawa-py-3 ",
|
|
1076
1170
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
|
1077
1171
|
};
|
|
1078
|
-
return /* @__PURE__ */
|
|
1172
|
+
return /* @__PURE__ */ React12.createElement(
|
|
1079
1173
|
DropdownMenuRoot,
|
|
1080
1174
|
{
|
|
1081
1175
|
onOpenChange,
|
|
@@ -1083,8 +1177,8 @@ var DropdownMenu = ({
|
|
|
1083
1177
|
modal: false,
|
|
1084
1178
|
dir: direction
|
|
1085
1179
|
},
|
|
1086
|
-
/* @__PURE__ */
|
|
1087
|
-
/* @__PURE__ */
|
|
1180
|
+
/* @__PURE__ */ React12.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
|
|
1181
|
+
/* @__PURE__ */ React12.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React12.createElement(
|
|
1088
1182
|
DropdownMenuContent,
|
|
1089
1183
|
{
|
|
1090
1184
|
side,
|
|
@@ -1100,13 +1194,13 @@ var DropdownMenu = ({
|
|
|
1100
1194
|
header && header,
|
|
1101
1195
|
items && items.map((item, index) => {
|
|
1102
1196
|
if (item.itemType === "separator") {
|
|
1103
|
-
return /* @__PURE__ */
|
|
1197
|
+
return /* @__PURE__ */ React12.createElement(DropdownMenuSeparator, { key: index });
|
|
1104
1198
|
} else if (item.itemType === "label") {
|
|
1105
|
-
return /* @__PURE__ */
|
|
1199
|
+
return /* @__PURE__ */ React12.createElement(DropdownMenuLabel, { key: index }, item.label);
|
|
1106
1200
|
} else if (item.itemType === "custom") {
|
|
1107
|
-
return /* @__PURE__ */
|
|
1201
|
+
return /* @__PURE__ */ React12.createElement("div", { key: index }, item.content);
|
|
1108
1202
|
} else {
|
|
1109
|
-
return item.subitems ? /* @__PURE__ */
|
|
1203
|
+
return item.subitems ? /* @__PURE__ */ React12.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React12.createElement(
|
|
1110
1204
|
DropdownMenuSubTrigger,
|
|
1111
1205
|
{
|
|
1112
1206
|
className: cn(sizeStyles[size]),
|
|
@@ -1114,7 +1208,7 @@ var DropdownMenu = ({
|
|
|
1114
1208
|
},
|
|
1115
1209
|
item.icon && item.icon,
|
|
1116
1210
|
item.label && item.label
|
|
1117
|
-
), /* @__PURE__ */
|
|
1211
|
+
), /* @__PURE__ */ React12.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React12.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React12.createElement(
|
|
1118
1212
|
DropdownMenuItem,
|
|
1119
1213
|
{
|
|
1120
1214
|
slug: subitem.slug,
|
|
@@ -1141,7 +1235,7 @@ var DropdownMenu = ({
|
|
|
1141
1235
|
},
|
|
1142
1236
|
subitem.icon && subitem.icon,
|
|
1143
1237
|
subitem.label && subitem.label
|
|
1144
|
-
))))) : /* @__PURE__ */
|
|
1238
|
+
))))) : /* @__PURE__ */ React12.createElement(
|
|
1145
1239
|
DropdownMenuItem,
|
|
1146
1240
|
{
|
|
1147
1241
|
slug: item.slug,
|
|
@@ -1193,23 +1287,23 @@ var DropdownMenu = ({
|
|
|
1193
1287
|
);
|
|
1194
1288
|
};
|
|
1195
1289
|
var DropdownMenuRadio = (props) => {
|
|
1196
|
-
return /* @__PURE__ */
|
|
1290
|
+
return /* @__PURE__ */ React12.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React12.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React12.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React12.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React12.createElement(
|
|
1197
1291
|
DropdownMenuRadioGroup,
|
|
1198
1292
|
{
|
|
1199
1293
|
value: props.value,
|
|
1200
1294
|
onValueChange: props.onValueChange
|
|
1201
1295
|
},
|
|
1202
|
-
props.options.map((opt, i) => /* @__PURE__ */
|
|
1296
|
+
props.options.map((opt, i) => /* @__PURE__ */ React12.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
|
1203
1297
|
)));
|
|
1204
1298
|
};
|
|
1205
1299
|
|
|
1206
1300
|
// components/elements/StopPropagationWrapper.tsx
|
|
1207
|
-
var
|
|
1301
|
+
var import_react8 = __toESM(require("react"));
|
|
1208
1302
|
var StopPropagationWrapper = (props) => {
|
|
1209
1303
|
const handleClick = (e) => {
|
|
1210
1304
|
e.stopPropagation();
|
|
1211
1305
|
};
|
|
1212
|
-
return /* @__PURE__ */
|
|
1306
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", { onClick: handleClick }, props.children);
|
|
1213
1307
|
};
|
|
1214
1308
|
|
|
1215
1309
|
// components/elements/cards/ItemCard.tsx
|
|
@@ -1241,12 +1335,12 @@ var ItemCard = ({
|
|
|
1241
1335
|
)
|
|
1242
1336
|
};
|
|
1243
1337
|
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,
|
|
1338
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react9.useState)(false);
|
|
1245
1339
|
function handleOpenActionHeader(e) {
|
|
1246
1340
|
e.stopPropagation();
|
|
1247
1341
|
setOpenActionHeader(!openActionHeader);
|
|
1248
1342
|
}
|
|
1249
|
-
(0,
|
|
1343
|
+
(0, import_react9.useEffect)(() => {
|
|
1250
1344
|
window.onclick = () => {
|
|
1251
1345
|
if (openActionHeader) {
|
|
1252
1346
|
setOpenActionHeader(false);
|
|
@@ -1254,7 +1348,7 @@ var ItemCard = ({
|
|
|
1254
1348
|
};
|
|
1255
1349
|
return () => window.onclick = null;
|
|
1256
1350
|
}, [openActionHeader]);
|
|
1257
|
-
return /* @__PURE__ */
|
|
1351
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
1258
1352
|
"div",
|
|
1259
1353
|
{
|
|
1260
1354
|
className: cn(
|
|
@@ -1270,7 +1364,7 @@ var ItemCard = ({
|
|
|
1270
1364
|
}
|
|
1271
1365
|
}
|
|
1272
1366
|
},
|
|
1273
|
-
cardImage && /* @__PURE__ */
|
|
1367
|
+
cardImage && /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react9.default.createElement(
|
|
1274
1368
|
"img",
|
|
1275
1369
|
{
|
|
1276
1370
|
src: cardImage,
|
|
@@ -1279,7 +1373,7 @@ var ItemCard = ({
|
|
|
1279
1373
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
|
1280
1374
|
)
|
|
1281
1375
|
}
|
|
1282
|
-
), clickableImage && /* @__PURE__ */
|
|
1376
|
+
), 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
1377
|
Button,
|
|
1284
1378
|
{
|
|
1285
1379
|
variant: "secondary",
|
|
@@ -1289,19 +1383,19 @@ var ItemCard = ({
|
|
|
1289
1383
|
clickableImageActionIcon,
|
|
1290
1384
|
clickableImageActionText || "Click"
|
|
1291
1385
|
)))),
|
|
1292
|
-
/* @__PURE__ */
|
|
1386
|
+
/* @__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
1387
|
DropdownMenu,
|
|
1294
1388
|
{
|
|
1295
1389
|
items: headerActions,
|
|
1296
|
-
trigger: /* @__PURE__ */
|
|
1390
|
+
trigger: /* @__PURE__ */ import_react9.default.createElement(
|
|
1297
1391
|
Button,
|
|
1298
1392
|
{
|
|
1299
1393
|
variant: "ghost",
|
|
1300
1394
|
size: "smallIcon",
|
|
1301
1395
|
onClick: handleOpenActionHeader
|
|
1302
1396
|
},
|
|
1303
|
-
/* @__PURE__ */
|
|
1304
|
-
/* @__PURE__ */
|
|
1397
|
+
/* @__PURE__ */ import_react9.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
|
1398
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
1305
1399
|
"svg",
|
|
1306
1400
|
{
|
|
1307
1401
|
className: "hawa-h-5 hawa-w-5",
|
|
@@ -1309,11 +1403,11 @@ var ItemCard = ({
|
|
|
1309
1403
|
fill: "currentColor",
|
|
1310
1404
|
viewBox: "0 0 20 20"
|
|
1311
1405
|
},
|
|
1312
|
-
/* @__PURE__ */
|
|
1406
|
+
/* @__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
1407
|
)
|
|
1314
1408
|
)
|
|
1315
1409
|
}
|
|
1316
|
-
))), /* @__PURE__ */
|
|
1410
|
+
))), /* @__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
1411
|
"div",
|
|
1318
1412
|
{
|
|
1319
1413
|
className: cn(
|
|
@@ -1322,19 +1416,19 @@ var ItemCard = ({
|
|
|
1322
1416
|
)
|
|
1323
1417
|
},
|
|
1324
1418
|
counts,
|
|
1325
|
-
/* @__PURE__ */
|
|
1419
|
+
/* @__PURE__ */ import_react9.default.createElement(StopPropagationWrapper, null, actions)
|
|
1326
1420
|
) : null)
|
|
1327
1421
|
);
|
|
1328
1422
|
};
|
|
1329
1423
|
|
|
1330
1424
|
// components/elements/cards/LandingCard.tsx
|
|
1331
|
-
var
|
|
1425
|
+
var import_react10 = __toESM(require("react"));
|
|
1332
1426
|
var LandingCard = (props) => {
|
|
1333
|
-
return /* @__PURE__ */
|
|
1427
|
+
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
1428
|
};
|
|
1335
1429
|
|
|
1336
1430
|
// components/elements/PinInput.tsx
|
|
1337
|
-
var
|
|
1431
|
+
var import_react11 = __toESM(require("react"));
|
|
1338
1432
|
var PinInput = ({
|
|
1339
1433
|
label,
|
|
1340
1434
|
icon,
|
|
@@ -1344,7 +1438,7 @@ var PinInput = ({
|
|
|
1344
1438
|
inputProps,
|
|
1345
1439
|
...props
|
|
1346
1440
|
}) => {
|
|
1347
|
-
const [pin, setPin] = (0,
|
|
1441
|
+
const [pin, setPin] = (0, import_react11.useState)(Array.from(Array(digits)));
|
|
1348
1442
|
const handleKeyDown = (e, index) => {
|
|
1349
1443
|
let backTo = 0;
|
|
1350
1444
|
if (e.key === "Backspace") {
|
|
@@ -1353,7 +1447,7 @@ var PinInput = ({
|
|
|
1353
1447
|
previousInput == null ? void 0 : previousInput.focus();
|
|
1354
1448
|
}
|
|
1355
1449
|
};
|
|
1356
|
-
(0,
|
|
1450
|
+
(0, import_react11.useEffect)(() => {
|
|
1357
1451
|
let unfilled = pin.includes(void 0);
|
|
1358
1452
|
if (!unfilled && getPins) {
|
|
1359
1453
|
getPins(pin);
|
|
@@ -1378,13 +1472,13 @@ var PinInput = ({
|
|
|
1378
1472
|
}
|
|
1379
1473
|
}
|
|
1380
1474
|
};
|
|
1381
|
-
return /* @__PURE__ */
|
|
1475
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1382
1476
|
"div",
|
|
1383
1477
|
{
|
|
1384
1478
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
|
1385
1479
|
dir: "ltr"
|
|
1386
1480
|
},
|
|
1387
|
-
pin.map((value, index) => /* @__PURE__ */
|
|
1481
|
+
pin.map((value, index) => /* @__PURE__ */ import_react11.default.createElement(
|
|
1388
1482
|
"input",
|
|
1389
1483
|
{
|
|
1390
1484
|
key: index,
|
|
@@ -1403,7 +1497,7 @@ var PinInput = ({
|
|
|
1403
1497
|
...inputProps
|
|
1404
1498
|
}
|
|
1405
1499
|
))
|
|
1406
|
-
), /* @__PURE__ */
|
|
1500
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
|
1407
1501
|
"p",
|
|
1408
1502
|
{
|
|
1409
1503
|
className: cn(
|
|
@@ -3118,61 +3212,8 @@ var import_react_select = __toESM(require("react-select"));
|
|
|
3118
3212
|
var import_creatable = __toESM(require("react-select/creatable"));
|
|
3119
3213
|
|
|
3120
3214
|
// components/elements/Label.tsx
|
|
3121
|
-
var
|
|
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
|
-
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(
|
|
3215
|
+
var React17 = __toESM(require("react"));
|
|
3216
|
+
var Label2 = React17.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React17.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React17.createElement(
|
|
3176
3217
|
"label",
|
|
3177
3218
|
{
|
|
3178
3219
|
ref,
|
|
@@ -3183,8 +3224,8 @@ var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children
|
|
|
3183
3224
|
...props
|
|
3184
3225
|
},
|
|
3185
3226
|
children,
|
|
3186
|
-
required && /* @__PURE__ */
|
|
3187
|
-
), hint && /* @__PURE__ */
|
|
3227
|
+
required && /* @__PURE__ */ React17.createElement("span", { className: "hawa-text-red-500 hawa-mx-0.5" }, "*")
|
|
3228
|
+
), hint && /* @__PURE__ */ React17.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React17.createElement(
|
|
3188
3229
|
"svg",
|
|
3189
3230
|
{
|
|
3190
3231
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3196,9 +3237,9 @@ var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children
|
|
|
3196
3237
|
strokeLinecap: "round",
|
|
3197
3238
|
strokeLinejoin: "round"
|
|
3198
3239
|
},
|
|
3199
|
-
/* @__PURE__ */
|
|
3200
|
-
/* @__PURE__ */
|
|
3201
|
-
/* @__PURE__ */
|
|
3240
|
+
/* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
|
3241
|
+
/* @__PURE__ */ React17.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
3242
|
+
/* @__PURE__ */ React17.createElement("path", { d: "M12 17h.01" })
|
|
3202
3243
|
))));
|
|
3203
3244
|
Label2.displayName = "Label";
|
|
3204
3245
|
|
|
@@ -3417,7 +3458,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
|
|
|
3417
3458
|
};
|
|
3418
3459
|
|
|
3419
3460
|
// components/elements/Checkbox.tsx
|
|
3420
|
-
var
|
|
3461
|
+
var React20 = __toESM(require("react"));
|
|
3421
3462
|
var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
|
|
3422
3463
|
var Checkbox = ({
|
|
3423
3464
|
id,
|
|
@@ -3427,7 +3468,7 @@ var Checkbox = ({
|
|
|
3427
3468
|
disabled,
|
|
3428
3469
|
...props
|
|
3429
3470
|
}) => {
|
|
3430
|
-
return /* @__PURE__ */
|
|
3471
|
+
return /* @__PURE__ */ React20.createElement("div", { className: "hawa-items-top hawa-flex hawa-gap-2 " }, /* @__PURE__ */ React20.createElement(CheckboxElement, { ...props, disabled, id }), (label || helperText) && /* @__PURE__ */ React20.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React20.createElement(
|
|
3431
3472
|
"label",
|
|
3432
3473
|
{
|
|
3433
3474
|
htmlFor: id,
|
|
@@ -3437,7 +3478,7 @@ var Checkbox = ({
|
|
|
3437
3478
|
)
|
|
3438
3479
|
},
|
|
3439
3480
|
label
|
|
3440
|
-
), sublabel && /* @__PURE__ */
|
|
3481
|
+
), sublabel && /* @__PURE__ */ React20.createElement(
|
|
3441
3482
|
"label",
|
|
3442
3483
|
{
|
|
3443
3484
|
htmlFor: id,
|
|
@@ -3447,7 +3488,7 @@ var Checkbox = ({
|
|
|
3447
3488
|
)
|
|
3448
3489
|
},
|
|
3449
3490
|
sublabel
|
|
3450
|
-
), helperText && !disabled && /* @__PURE__ */
|
|
3491
|
+
), helperText && !disabled && /* @__PURE__ */ React20.createElement(
|
|
3451
3492
|
"label",
|
|
3452
3493
|
{
|
|
3453
3494
|
htmlFor: id,
|
|
@@ -3459,7 +3500,7 @@ var Checkbox = ({
|
|
|
3459
3500
|
helperText
|
|
3460
3501
|
)));
|
|
3461
3502
|
};
|
|
3462
|
-
var CheckboxElement =
|
|
3503
|
+
var CheckboxElement = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
|
|
3463
3504
|
CheckboxPrimitive.Root,
|
|
3464
3505
|
{
|
|
3465
3506
|
ref,
|
|
@@ -3469,14 +3510,14 @@ var CheckboxElement = React19.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
3469
3510
|
),
|
|
3470
3511
|
...props
|
|
3471
3512
|
},
|
|
3472
|
-
/* @__PURE__ */
|
|
3513
|
+
/* @__PURE__ */ React20.createElement(
|
|
3473
3514
|
CheckboxPrimitive.Indicator,
|
|
3474
3515
|
{
|
|
3475
3516
|
className: cn(
|
|
3476
3517
|
"hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
|
|
3477
3518
|
)
|
|
3478
3519
|
},
|
|
3479
|
-
/* @__PURE__ */
|
|
3520
|
+
/* @__PURE__ */ React20.createElement(
|
|
3480
3521
|
"svg",
|
|
3481
3522
|
{
|
|
3482
3523
|
"aria-label": "Check Mark",
|
|
@@ -3487,7 +3528,7 @@ var CheckboxElement = React19.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
3487
3528
|
height: "0.60em",
|
|
3488
3529
|
width: "0.60em"
|
|
3489
3530
|
},
|
|
3490
|
-
/* @__PURE__ */
|
|
3531
|
+
/* @__PURE__ */ React20.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" })
|
|
3491
3532
|
),
|
|
3492
3533
|
" "
|
|
3493
3534
|
)
|
|
@@ -3681,15 +3722,15 @@ var Radio = ({
|
|
|
3681
3722
|
};
|
|
3682
3723
|
|
|
3683
3724
|
// components/elements/Switch.tsx
|
|
3684
|
-
var
|
|
3725
|
+
var React22 = __toESM(require("react"));
|
|
3685
3726
|
var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
|
|
3686
|
-
var Switch =
|
|
3727
|
+
var Switch = React22.forwardRef(
|
|
3687
3728
|
({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
|
|
3688
|
-
const [parentDirection, setParentDirection] =
|
|
3729
|
+
const [parentDirection, setParentDirection] = React22.useState(
|
|
3689
3730
|
null
|
|
3690
3731
|
);
|
|
3691
|
-
const parentRef =
|
|
3692
|
-
|
|
3732
|
+
const parentRef = React22.useRef(null);
|
|
3733
|
+
React22.useEffect(() => {
|
|
3693
3734
|
var _a;
|
|
3694
3735
|
const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
|
|
3695
3736
|
if (parentNode) {
|
|
@@ -3717,13 +3758,13 @@ var Switch = React21.forwardRef(
|
|
|
3717
3758
|
full: "hawa-rounded-full",
|
|
3718
3759
|
inherit: "hawa-rounded-inner"
|
|
3719
3760
|
};
|
|
3720
|
-
return /* @__PURE__ */
|
|
3761
|
+
return /* @__PURE__ */ React22.createElement(
|
|
3721
3762
|
"div",
|
|
3722
3763
|
{
|
|
3723
3764
|
className: "hawa-flex hawa-flex-row hawa-items-center",
|
|
3724
3765
|
ref: parentRef
|
|
3725
3766
|
},
|
|
3726
|
-
/* @__PURE__ */
|
|
3767
|
+
/* @__PURE__ */ React22.createElement(
|
|
3727
3768
|
SwitchPrimitives.Root,
|
|
3728
3769
|
{
|
|
3729
3770
|
className: cn(
|
|
@@ -3737,7 +3778,7 @@ var Switch = React21.forwardRef(
|
|
|
3737
3778
|
...props,
|
|
3738
3779
|
ref
|
|
3739
3780
|
},
|
|
3740
|
-
/* @__PURE__ */
|
|
3781
|
+
/* @__PURE__ */ React22.createElement(
|
|
3741
3782
|
SwitchPrimitives.Thumb,
|
|
3742
3783
|
{
|
|
3743
3784
|
className: cn(
|
|
@@ -3751,15 +3792,15 @@ var Switch = React21.forwardRef(
|
|
|
3751
3792
|
}
|
|
3752
3793
|
)
|
|
3753
3794
|
),
|
|
3754
|
-
label && /* @__PURE__ */
|
|
3795
|
+
label && /* @__PURE__ */ React22.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
|
|
3755
3796
|
);
|
|
3756
3797
|
}
|
|
3757
3798
|
);
|
|
3758
3799
|
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
3759
3800
|
|
|
3760
3801
|
// components/elements/Textarea.tsx
|
|
3761
|
-
var
|
|
3762
|
-
var Textarea =
|
|
3802
|
+
var React23 = __toESM(require("react"));
|
|
3803
|
+
var Textarea = React23.forwardRef(
|
|
3763
3804
|
({
|
|
3764
3805
|
className,
|
|
3765
3806
|
labelProps,
|
|
@@ -3769,7 +3810,7 @@ var Textarea = React22.forwardRef(
|
|
|
3769
3810
|
countPosition = "bottom",
|
|
3770
3811
|
...props
|
|
3771
3812
|
}, ref) => {
|
|
3772
|
-
return /* @__PURE__ */
|
|
3813
|
+
return /* @__PURE__ */ React23.createElement("div", { className: "hawa-relative hawa-flex hawa-w-full hawa-flex-col hawa-gap-2 hawa-h-full" }, props.label && /* @__PURE__ */ React23.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React23.createElement(
|
|
3773
3814
|
"textarea",
|
|
3774
3815
|
{
|
|
3775
3816
|
className: cn(
|
|
@@ -3779,7 +3820,7 @@ var Textarea = React22.forwardRef(
|
|
|
3779
3820
|
ref,
|
|
3780
3821
|
...textareaProps
|
|
3781
3822
|
}
|
|
3782
|
-
), /* @__PURE__ */
|
|
3823
|
+
), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React23.createElement(
|
|
3783
3824
|
"p",
|
|
3784
3825
|
{
|
|
3785
3826
|
className: cn(
|
|
@@ -3788,7 +3829,7 @@ var Textarea = React22.forwardRef(
|
|
|
3788
3829
|
)
|
|
3789
3830
|
},
|
|
3790
3831
|
props.helperText
|
|
3791
|
-
), showCount && /* @__PURE__ */
|
|
3832
|
+
), showCount && /* @__PURE__ */ React23.createElement(
|
|
3792
3833
|
"div",
|
|
3793
3834
|
{
|
|
3794
3835
|
className: cn(
|
|
@@ -3807,9 +3848,9 @@ var Textarea = React22.forwardRef(
|
|
|
3807
3848
|
Textarea.displayName = "Textarea";
|
|
3808
3849
|
|
|
3809
3850
|
// components/elements/Slider.tsx
|
|
3810
|
-
var
|
|
3851
|
+
var React24 = __toESM(require("react"));
|
|
3811
3852
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
3812
|
-
var Slider =
|
|
3853
|
+
var Slider = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
|
|
3813
3854
|
SliderPrimitive.Root,
|
|
3814
3855
|
{
|
|
3815
3856
|
ref,
|
|
@@ -3819,8 +3860,8 @@ var Slider = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
3819
3860
|
),
|
|
3820
3861
|
...props
|
|
3821
3862
|
},
|
|
3822
|
-
/* @__PURE__ */
|
|
3823
|
-
/* @__PURE__ */
|
|
3863
|
+
/* @__PURE__ */ React24.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border" }, /* @__PURE__ */ React24.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
|
|
3864
|
+
/* @__PURE__ */ React24.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
|
|
3824
3865
|
));
|
|
3825
3866
|
Slider.displayName = SliderPrimitive.Root.displayName;
|
|
3826
3867
|
|
|
@@ -4022,20 +4063,20 @@ var Input = (0, import_react16.forwardRef)(
|
|
|
4022
4063
|
);
|
|
4023
4064
|
|
|
4024
4065
|
// components/elements/Combobox.tsx
|
|
4025
|
-
var
|
|
4066
|
+
var React30 = __toESM(require("react"));
|
|
4026
4067
|
var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
|
|
4027
4068
|
|
|
4028
4069
|
// components/elements/Command.tsx
|
|
4029
|
-
var
|
|
4070
|
+
var React28 = __toESM(require("react"));
|
|
4030
4071
|
var import_cmdk = require("cmdk");
|
|
4031
4072
|
|
|
4032
4073
|
// components/elements/Dialog.tsx
|
|
4033
|
-
var
|
|
4074
|
+
var React27 = __toESM(require("react"));
|
|
4034
4075
|
var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
4035
4076
|
var Dialog = DialogPrimitive.Root;
|
|
4036
4077
|
var DialogTrigger = DialogPrimitive.Trigger;
|
|
4037
|
-
var DialogPortal = ({ ...props }) => /* @__PURE__ */
|
|
4038
|
-
var DialogOverlay =
|
|
4078
|
+
var DialogPortal = ({ ...props }) => /* @__PURE__ */ React27.createElement(DialogPrimitive.Portal, { ...props });
|
|
4079
|
+
var DialogOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
|
|
4039
4080
|
DialogPrimitive.Overlay,
|
|
4040
4081
|
{
|
|
4041
4082
|
ref,
|
|
@@ -4046,7 +4087,7 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
4046
4087
|
...props
|
|
4047
4088
|
}
|
|
4048
4089
|
));
|
|
4049
|
-
var DialogContent =
|
|
4090
|
+
var DialogContent = React27.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React27.createElement(DialogPortal, null, /* @__PURE__ */ React27.createElement(DialogOverlay, null), /* @__PURE__ */ React27.createElement(
|
|
4050
4091
|
DialogPrimitive.Content,
|
|
4051
4092
|
{
|
|
4052
4093
|
onPointerDownOutside: (e) => {
|
|
@@ -4062,7 +4103,7 @@ var DialogContent = React26.forwardRef(({ className, children, persist, hideClos
|
|
|
4062
4103
|
...props
|
|
4063
4104
|
},
|
|
4064
4105
|
children,
|
|
4065
|
-
!hideCloseButton && /* @__PURE__ */
|
|
4106
|
+
!hideCloseButton && /* @__PURE__ */ React27.createElement(
|
|
4066
4107
|
DialogPrimitive.Close,
|
|
4067
4108
|
{
|
|
4068
4109
|
className: cn(
|
|
@@ -4070,7 +4111,7 @@ var DialogContent = React26.forwardRef(({ className, children, persist, hideClos
|
|
|
4070
4111
|
props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
|
|
4071
4112
|
)
|
|
4072
4113
|
},
|
|
4073
|
-
/* @__PURE__ */
|
|
4114
|
+
/* @__PURE__ */ React27.createElement(
|
|
4074
4115
|
"svg",
|
|
4075
4116
|
{
|
|
4076
4117
|
"aria-label": "Close Icon",
|
|
@@ -4079,7 +4120,7 @@ var DialogContent = React26.forwardRef(({ className, children, persist, hideClos
|
|
|
4079
4120
|
fill: "currentColor",
|
|
4080
4121
|
viewBox: "0 0 20 20"
|
|
4081
4122
|
},
|
|
4082
|
-
/* @__PURE__ */
|
|
4123
|
+
/* @__PURE__ */ React27.createElement(
|
|
4083
4124
|
"path",
|
|
4084
4125
|
{
|
|
4085
4126
|
fillRule: "evenodd",
|
|
@@ -4088,10 +4129,10 @@ var DialogContent = React26.forwardRef(({ className, children, persist, hideClos
|
|
|
4088
4129
|
}
|
|
4089
4130
|
)
|
|
4090
4131
|
),
|
|
4091
|
-
/* @__PURE__ */
|
|
4132
|
+
/* @__PURE__ */ React27.createElement("span", { className: "hawa-sr-only" }, "Close")
|
|
4092
4133
|
)
|
|
4093
4134
|
)));
|
|
4094
|
-
var DialogCarouselContent =
|
|
4135
|
+
var DialogCarouselContent = React27.forwardRef(
|
|
4095
4136
|
({
|
|
4096
4137
|
className,
|
|
4097
4138
|
children,
|
|
@@ -4100,7 +4141,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4100
4141
|
hideCloseButton,
|
|
4101
4142
|
hidePrevButton,
|
|
4102
4143
|
...props
|
|
4103
|
-
}, ref) => /* @__PURE__ */
|
|
4144
|
+
}, ref) => /* @__PURE__ */ React27.createElement(DialogPortal, null, /* @__PURE__ */ React27.createElement(DialogOverlay, null), /* @__PURE__ */ React27.createElement(
|
|
4104
4145
|
DialogPrimitive.Content,
|
|
4105
4146
|
{
|
|
4106
4147
|
onPointerDownOutside: (e) => {
|
|
@@ -4116,7 +4157,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4116
4157
|
...props
|
|
4117
4158
|
},
|
|
4118
4159
|
children,
|
|
4119
|
-
/* @__PURE__ */
|
|
4160
|
+
/* @__PURE__ */ React27.createElement(
|
|
4120
4161
|
"div",
|
|
4121
4162
|
{
|
|
4122
4163
|
className: cn(
|
|
@@ -4124,7 +4165,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4124
4165
|
onPrev ? "hawa-justify-between" : "hawa-justify-end"
|
|
4125
4166
|
)
|
|
4126
4167
|
},
|
|
4127
|
-
hidePrevButton ? /* @__PURE__ */
|
|
4168
|
+
hidePrevButton ? /* @__PURE__ */ React27.createElement("div", null) : /* @__PURE__ */ React27.createElement(
|
|
4128
4169
|
"div",
|
|
4129
4170
|
{
|
|
4130
4171
|
onClick: onPrev,
|
|
@@ -4133,7 +4174,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4133
4174
|
props.dir === "rtl" && "hawa-rotate-180"
|
|
4134
4175
|
)
|
|
4135
4176
|
},
|
|
4136
|
-
/* @__PURE__ */
|
|
4177
|
+
/* @__PURE__ */ React27.createElement(
|
|
4137
4178
|
"svg",
|
|
4138
4179
|
{
|
|
4139
4180
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4147,10 +4188,10 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4147
4188
|
strokeLinecap: "round",
|
|
4148
4189
|
strokeLinejoin: "round"
|
|
4149
4190
|
},
|
|
4150
|
-
/* @__PURE__ */
|
|
4191
|
+
/* @__PURE__ */ React27.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
4151
4192
|
)
|
|
4152
4193
|
),
|
|
4153
|
-
!hideCloseButton && /* @__PURE__ */
|
|
4194
|
+
!hideCloseButton && /* @__PURE__ */ React27.createElement(
|
|
4154
4195
|
DialogPrimitive.Close,
|
|
4155
4196
|
{
|
|
4156
4197
|
className: cn(
|
|
@@ -4158,7 +4199,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4158
4199
|
props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
|
|
4159
4200
|
)
|
|
4160
4201
|
},
|
|
4161
|
-
/* @__PURE__ */
|
|
4202
|
+
/* @__PURE__ */ React27.createElement(
|
|
4162
4203
|
"svg",
|
|
4163
4204
|
{
|
|
4164
4205
|
"aria-label": "Close Icon",
|
|
@@ -4167,7 +4208,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4167
4208
|
fill: "currentColor",
|
|
4168
4209
|
viewBox: "0 0 20 20"
|
|
4169
4210
|
},
|
|
4170
|
-
/* @__PURE__ */
|
|
4211
|
+
/* @__PURE__ */ React27.createElement(
|
|
4171
4212
|
"path",
|
|
4172
4213
|
{
|
|
4173
4214
|
fillRule: "evenodd",
|
|
@@ -4176,7 +4217,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4176
4217
|
}
|
|
4177
4218
|
)
|
|
4178
4219
|
),
|
|
4179
|
-
/* @__PURE__ */
|
|
4220
|
+
/* @__PURE__ */ React27.createElement("span", { className: "hawa-sr-only" }, "Close")
|
|
4180
4221
|
)
|
|
4181
4222
|
)
|
|
4182
4223
|
))
|
|
@@ -4184,7 +4225,7 @@ var DialogCarouselContent = React26.forwardRef(
|
|
|
4184
4225
|
var DialogHeader = ({
|
|
4185
4226
|
className,
|
|
4186
4227
|
...props
|
|
4187
|
-
}) => /* @__PURE__ */
|
|
4228
|
+
}) => /* @__PURE__ */ React27.createElement(
|
|
4188
4229
|
"div",
|
|
4189
4230
|
{
|
|
4190
4231
|
className: cn(
|
|
@@ -4194,7 +4235,7 @@ var DialogHeader = ({
|
|
|
4194
4235
|
...props
|
|
4195
4236
|
}
|
|
4196
4237
|
);
|
|
4197
|
-
var DialogTitle =
|
|
4238
|
+
var DialogTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
|
|
4198
4239
|
DialogPrimitive.Title,
|
|
4199
4240
|
{
|
|
4200
4241
|
ref,
|
|
@@ -4205,7 +4246,7 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
4205
4246
|
...props
|
|
4206
4247
|
}
|
|
4207
4248
|
));
|
|
4208
|
-
var DialogDescription =
|
|
4249
|
+
var DialogDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
|
|
4209
4250
|
DialogPrimitive.Description,
|
|
4210
4251
|
{
|
|
4211
4252
|
ref,
|
|
@@ -4219,7 +4260,7 @@ var DialogDescription = React26.forwardRef(({ className, ...props }, ref) => /*
|
|
|
4219
4260
|
var DialogFooter = ({
|
|
4220
4261
|
className,
|
|
4221
4262
|
...props
|
|
4222
|
-
}) => /* @__PURE__ */
|
|
4263
|
+
}) => /* @__PURE__ */ React27.createElement(
|
|
4223
4264
|
"div",
|
|
4224
4265
|
{
|
|
4225
4266
|
className: cn(
|
|
@@ -4235,12 +4276,12 @@ var DialogCarousel = ({
|
|
|
4235
4276
|
children,
|
|
4236
4277
|
direction
|
|
4237
4278
|
}) => {
|
|
4238
|
-
|
|
4279
|
+
React27.useEffect(() => {
|
|
4239
4280
|
if (stepsApi) {
|
|
4240
4281
|
stepsApi.reInit();
|
|
4241
4282
|
}
|
|
4242
4283
|
}, [stepsApi, children]);
|
|
4243
|
-
return /* @__PURE__ */
|
|
4284
|
+
return /* @__PURE__ */ React27.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React27.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React27.createElement(
|
|
4244
4285
|
"div",
|
|
4245
4286
|
{
|
|
4246
4287
|
className: "hawa-flex",
|
|
@@ -4248,7 +4289,7 @@ var DialogCarousel = ({
|
|
|
4248
4289
|
transition: "height 0.2s"
|
|
4249
4290
|
}
|
|
4250
4291
|
},
|
|
4251
|
-
|
|
4292
|
+
React27.Children.map(children, (child, index) => /* @__PURE__ */ React27.createElement(
|
|
4252
4293
|
"div",
|
|
4253
4294
|
{
|
|
4254
4295
|
className: cn(
|
|
@@ -4265,14 +4306,14 @@ var DialogSteps = ({
|
|
|
4265
4306
|
visibleStepRef,
|
|
4266
4307
|
children
|
|
4267
4308
|
}) => {
|
|
4268
|
-
const [dialogHeight, setDialogHeight] =
|
|
4269
|
-
|
|
4309
|
+
const [dialogHeight, setDialogHeight] = React27.useState(null);
|
|
4310
|
+
React27.useEffect(() => {
|
|
4270
4311
|
if (visibleStepRef.current) {
|
|
4271
4312
|
setDialogHeight(visibleStepRef.current.offsetHeight);
|
|
4272
4313
|
console.log("height is ", visibleStepRef.current.offsetHeight);
|
|
4273
4314
|
}
|
|
4274
4315
|
}, [currentStep, visibleStepRef]);
|
|
4275
|
-
return /* @__PURE__ */
|
|
4316
|
+
return /* @__PURE__ */ React27.createElement(
|
|
4276
4317
|
"div",
|
|
4277
4318
|
{
|
|
4278
4319
|
className: "hawa-relative hawa-overflow-clip",
|
|
@@ -4281,7 +4322,7 @@ var DialogSteps = ({
|
|
|
4281
4322
|
transition: "height 0.2s"
|
|
4282
4323
|
}
|
|
4283
4324
|
},
|
|
4284
|
-
|
|
4325
|
+
React27.Children.map(children, (child, index) => /* @__PURE__ */ React27.createElement(
|
|
4285
4326
|
"div",
|
|
4286
4327
|
{
|
|
4287
4328
|
ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
|
|
@@ -4299,7 +4340,7 @@ var DialogStep = ({
|
|
|
4299
4340
|
className,
|
|
4300
4341
|
stepRef
|
|
4301
4342
|
}) => {
|
|
4302
|
-
return /* @__PURE__ */
|
|
4343
|
+
return /* @__PURE__ */ React27.createElement(
|
|
4303
4344
|
"div",
|
|
4304
4345
|
{
|
|
4305
4346
|
id,
|
|
@@ -4310,7 +4351,7 @@ var DialogStep = ({
|
|
|
4310
4351
|
);
|
|
4311
4352
|
};
|
|
4312
4353
|
var DialogBody = ({ children, className }) => {
|
|
4313
|
-
return /* @__PURE__ */
|
|
4354
|
+
return /* @__PURE__ */ React27.createElement("div", { className: cn("hawa-py-6", className) }, children);
|
|
4314
4355
|
};
|
|
4315
4356
|
DialogBody.displayName = "DialogBody";
|
|
4316
4357
|
DialogStep.displayName = "DialogStep";
|
|
@@ -4326,7 +4367,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
|
4326
4367
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
4327
4368
|
|
|
4328
4369
|
// components/elements/Command.tsx
|
|
4329
|
-
var Command =
|
|
4370
|
+
var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4330
4371
|
import_cmdk.Command,
|
|
4331
4372
|
{
|
|
4332
4373
|
ref,
|
|
@@ -4339,15 +4380,15 @@ var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
4339
4380
|
));
|
|
4340
4381
|
Command.displayName = import_cmdk.Command.displayName;
|
|
4341
4382
|
var CommandDialog = ({ children, ...props }) => {
|
|
4342
|
-
return /* @__PURE__ */
|
|
4383
|
+
return /* @__PURE__ */ React28.createElement(Dialog, { ...props }, /* @__PURE__ */ React28.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React28.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
|
|
4343
4384
|
};
|
|
4344
|
-
var CommandInput =
|
|
4385
|
+
var CommandInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4345
4386
|
"div",
|
|
4346
4387
|
{
|
|
4347
4388
|
className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
|
|
4348
4389
|
"cmdk-input-wrapper": ""
|
|
4349
4390
|
},
|
|
4350
|
-
/* @__PURE__ */
|
|
4391
|
+
/* @__PURE__ */ React28.createElement(
|
|
4351
4392
|
"svg",
|
|
4352
4393
|
{
|
|
4353
4394
|
"aria-label": "Search Icon",
|
|
@@ -4362,10 +4403,10 @@ var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
4362
4403
|
strokeLinejoin: "round",
|
|
4363
4404
|
className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
|
|
4364
4405
|
},
|
|
4365
|
-
/* @__PURE__ */
|
|
4366
|
-
/* @__PURE__ */
|
|
4406
|
+
/* @__PURE__ */ React28.createElement("circle", { cx: "11", cy: "11", r: "8" }),
|
|
4407
|
+
/* @__PURE__ */ React28.createElement("path", { d: "m21 21-4.3-4.3" })
|
|
4367
4408
|
),
|
|
4368
|
-
/* @__PURE__ */
|
|
4409
|
+
/* @__PURE__ */ React28.createElement(
|
|
4369
4410
|
import_cmdk.Command.Input,
|
|
4370
4411
|
{
|
|
4371
4412
|
ref,
|
|
@@ -4378,7 +4419,7 @@ var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
4378
4419
|
)
|
|
4379
4420
|
));
|
|
4380
4421
|
CommandInput.displayName = import_cmdk.Command.Input.displayName;
|
|
4381
|
-
var CommandList =
|
|
4422
|
+
var CommandList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4382
4423
|
import_cmdk.Command.List,
|
|
4383
4424
|
{
|
|
4384
4425
|
ref,
|
|
@@ -4390,7 +4431,7 @@ var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
4390
4431
|
}
|
|
4391
4432
|
));
|
|
4392
4433
|
CommandList.displayName = import_cmdk.Command.List.displayName;
|
|
4393
|
-
var CommandEmpty =
|
|
4434
|
+
var CommandEmpty = React28.forwardRef((props, ref) => /* @__PURE__ */ React28.createElement(
|
|
4394
4435
|
import_cmdk.Command.Empty,
|
|
4395
4436
|
{
|
|
4396
4437
|
ref,
|
|
@@ -4399,7 +4440,7 @@ var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.cr
|
|
|
4399
4440
|
}
|
|
4400
4441
|
));
|
|
4401
4442
|
CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
|
|
4402
|
-
var CommandGroup =
|
|
4443
|
+
var CommandGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4403
4444
|
import_cmdk.Command.Group,
|
|
4404
4445
|
{
|
|
4405
4446
|
ref,
|
|
@@ -4411,7 +4452,7 @@ var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
4411
4452
|
}
|
|
4412
4453
|
));
|
|
4413
4454
|
CommandGroup.displayName = import_cmdk.Command.Group.displayName;
|
|
4414
|
-
var CommandSeparator =
|
|
4455
|
+
var CommandSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4415
4456
|
import_cmdk.Command.Separator,
|
|
4416
4457
|
{
|
|
4417
4458
|
ref,
|
|
@@ -4420,7 +4461,7 @@ var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
4420
4461
|
}
|
|
4421
4462
|
));
|
|
4422
4463
|
CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
|
|
4423
|
-
var CommandItem =
|
|
4464
|
+
var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
|
|
4424
4465
|
import_cmdk.Command.Item,
|
|
4425
4466
|
{
|
|
4426
4467
|
ref,
|
|
@@ -4436,7 +4477,7 @@ var CommandShortcut = ({
|
|
|
4436
4477
|
className,
|
|
4437
4478
|
...props
|
|
4438
4479
|
}) => {
|
|
4439
|
-
return /* @__PURE__ */
|
|
4480
|
+
return /* @__PURE__ */ React28.createElement(
|
|
4440
4481
|
"span",
|
|
4441
4482
|
{
|
|
4442
4483
|
className: cn(
|
|
@@ -4450,9 +4491,9 @@ var CommandShortcut = ({
|
|
|
4450
4491
|
CommandShortcut.displayName = "CommandShortcut";
|
|
4451
4492
|
|
|
4452
4493
|
// components/elements/Popover.tsx
|
|
4453
|
-
var
|
|
4494
|
+
var React29 = __toESM(require("react"));
|
|
4454
4495
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
|
|
4455
|
-
var PopoverContent =
|
|
4496
|
+
var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React29.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React29.createElement(
|
|
4456
4497
|
PopoverPrimitive.Content,
|
|
4457
4498
|
{
|
|
4458
4499
|
ref,
|
|
@@ -4484,7 +4525,7 @@ var Popover = ({
|
|
|
4484
4525
|
trigger: "var(--radix-popover-trigger-width)",
|
|
4485
4526
|
default: "auto"
|
|
4486
4527
|
};
|
|
4487
|
-
return /* @__PURE__ */
|
|
4528
|
+
return /* @__PURE__ */ React29.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React29.createElement(
|
|
4488
4529
|
PopoverPrimitive.Trigger,
|
|
4489
4530
|
{
|
|
4490
4531
|
className: "hawa-w-full",
|
|
@@ -4492,7 +4533,7 @@ var Popover = ({
|
|
|
4492
4533
|
...triggerProps
|
|
4493
4534
|
},
|
|
4494
4535
|
trigger
|
|
4495
|
-
), /* @__PURE__ */
|
|
4536
|
+
), /* @__PURE__ */ React29.createElement(
|
|
4496
4537
|
PopoverContent,
|
|
4497
4538
|
{
|
|
4498
4539
|
side,
|
|
@@ -4510,7 +4551,7 @@ var Popover = ({
|
|
|
4510
4551
|
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
4511
4552
|
|
|
4512
4553
|
// components/elements/Combobox.tsx
|
|
4513
|
-
var Combobox =
|
|
4554
|
+
var Combobox = React30.forwardRef(
|
|
4514
4555
|
({
|
|
4515
4556
|
labelKey = "label",
|
|
4516
4557
|
valueKey = "value",
|
|
@@ -4521,8 +4562,8 @@ var Combobox = React29.forwardRef(
|
|
|
4521
4562
|
...props
|
|
4522
4563
|
}, ref) => {
|
|
4523
4564
|
var _a, _b, _c;
|
|
4524
|
-
const [open, setOpen] =
|
|
4525
|
-
const [value, setValue] =
|
|
4565
|
+
const [open, setOpen] = React30.useState(false);
|
|
4566
|
+
const [value, setValue] = React30.useState(defaultValue);
|
|
4526
4567
|
function getProperty(obj, key) {
|
|
4527
4568
|
return obj[key];
|
|
4528
4569
|
}
|
|
@@ -4531,7 +4572,7 @@ var Combobox = React29.forwardRef(
|
|
|
4531
4572
|
setOpen(open2);
|
|
4532
4573
|
}
|
|
4533
4574
|
};
|
|
4534
|
-
return /* @__PURE__ */
|
|
4575
|
+
return /* @__PURE__ */ React30.createElement(
|
|
4535
4576
|
"div",
|
|
4536
4577
|
{
|
|
4537
4578
|
className: cn(
|
|
@@ -4539,8 +4580,8 @@ var Combobox = React29.forwardRef(
|
|
|
4539
4580
|
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
|
4540
4581
|
)
|
|
4541
4582
|
},
|
|
4542
|
-
props.label && /* @__PURE__ */
|
|
4543
|
-
/* @__PURE__ */
|
|
4583
|
+
props.label && /* @__PURE__ */ React30.createElement(Label2, { ...labelProps }, props.label),
|
|
4584
|
+
/* @__PURE__ */ React30.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React30.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React30.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React30.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React30.createElement(
|
|
4544
4585
|
"div",
|
|
4545
4586
|
{
|
|
4546
4587
|
className: cn(
|
|
@@ -4548,7 +4589,7 @@ var Combobox = React29.forwardRef(
|
|
|
4548
4589
|
props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
|
|
4549
4590
|
)
|
|
4550
4591
|
}
|
|
4551
|
-
), /* @__PURE__ */
|
|
4592
|
+
), /* @__PURE__ */ React30.createElement(
|
|
4552
4593
|
"button",
|
|
4553
4594
|
{
|
|
4554
4595
|
role: "combobox",
|
|
@@ -4562,7 +4603,7 @@ var Combobox = React29.forwardRef(
|
|
|
4562
4603
|
data.find((item) => item[valueKey] === value) || {},
|
|
4563
4604
|
labelKey
|
|
4564
4605
|
) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
|
|
4565
|
-
/* @__PURE__ */
|
|
4606
|
+
/* @__PURE__ */ React30.createElement(
|
|
4566
4607
|
"svg",
|
|
4567
4608
|
{
|
|
4568
4609
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4578,9 +4619,9 @@ var Combobox = React29.forwardRef(
|
|
|
4578
4619
|
strokeLinecap: "round",
|
|
4579
4620
|
strokeLinejoin: "round"
|
|
4580
4621
|
},
|
|
4581
|
-
/* @__PURE__ */
|
|
4622
|
+
/* @__PURE__ */ React30.createElement("path", { d: "m6 9 6 6 6-6" })
|
|
4582
4623
|
)
|
|
4583
|
-
), /* @__PURE__ */
|
|
4624
|
+
), /* @__PURE__ */ React30.createElement(
|
|
4584
4625
|
"p",
|
|
4585
4626
|
{
|
|
4586
4627
|
className: cn(
|
|
@@ -4589,17 +4630,17 @@ var Combobox = React29.forwardRef(
|
|
|
4589
4630
|
)
|
|
4590
4631
|
},
|
|
4591
4632
|
props.helperText
|
|
4592
|
-
))), /* @__PURE__ */
|
|
4633
|
+
))), /* @__PURE__ */ React30.createElement(
|
|
4593
4634
|
PopoverContent,
|
|
4594
4635
|
{
|
|
4595
4636
|
className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
|
|
4596
4637
|
},
|
|
4597
|
-
/* @__PURE__ */
|
|
4638
|
+
/* @__PURE__ */ React30.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React30.createElement(
|
|
4598
4639
|
CommandInput,
|
|
4599
4640
|
{
|
|
4600
4641
|
placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
|
|
4601
4642
|
}
|
|
4602
|
-
), /* @__PURE__ */
|
|
4643
|
+
), /* @__PURE__ */ React30.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React30.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React30.createElement(
|
|
4603
4644
|
CommandItem,
|
|
4604
4645
|
{
|
|
4605
4646
|
key: i,
|
|
@@ -4614,7 +4655,7 @@ var Combobox = React29.forwardRef(
|
|
|
4614
4655
|
setOpen(false);
|
|
4615
4656
|
}
|
|
4616
4657
|
},
|
|
4617
|
-
/* @__PURE__ */
|
|
4658
|
+
/* @__PURE__ */ React30.createElement(
|
|
4618
4659
|
"svg",
|
|
4619
4660
|
{
|
|
4620
4661
|
"aria-label": "Check Icon",
|
|
@@ -4632,7 +4673,7 @@ var Combobox = React29.forwardRef(
|
|
|
4632
4673
|
value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
|
|
4633
4674
|
)
|
|
4634
4675
|
},
|
|
4635
|
-
/* @__PURE__ */
|
|
4676
|
+
/* @__PURE__ */ React30.createElement("polyline", { points: "20 6 9 17 4 12" })
|
|
4636
4677
|
),
|
|
4637
4678
|
getProperty(item, labelKey)
|
|
4638
4679
|
))))
|
|
@@ -4758,20 +4799,20 @@ var Avatar = ({
|
|
|
4758
4799
|
};
|
|
4759
4800
|
|
|
4760
4801
|
// components/elements/SplitButton.tsx
|
|
4761
|
-
var
|
|
4802
|
+
var React33 = __toESM(require("react"));
|
|
4762
4803
|
var SplitButton = ({
|
|
4763
4804
|
variant,
|
|
4764
4805
|
direction = "ltr",
|
|
4765
4806
|
menuItems = [],
|
|
4766
4807
|
children,
|
|
4767
4808
|
...props
|
|
4768
|
-
}) => /* @__PURE__ */
|
|
4809
|
+
}) => /* @__PURE__ */ React33.createElement(
|
|
4769
4810
|
"div",
|
|
4770
4811
|
{
|
|
4771
4812
|
dir: "ltr",
|
|
4772
4813
|
className: cn("hawa-h-fit hawa-flex hawa-justify-center hawa-row")
|
|
4773
4814
|
},
|
|
4774
|
-
/* @__PURE__ */
|
|
4815
|
+
/* @__PURE__ */ React33.createElement(
|
|
4775
4816
|
Button,
|
|
4776
4817
|
{
|
|
4777
4818
|
variant,
|
|
@@ -4780,14 +4821,14 @@ var SplitButton = ({
|
|
|
4780
4821
|
},
|
|
4781
4822
|
children
|
|
4782
4823
|
),
|
|
4783
|
-
/* @__PURE__ */
|
|
4824
|
+
/* @__PURE__ */ React33.createElement(
|
|
4784
4825
|
DropdownMenu,
|
|
4785
4826
|
{
|
|
4786
4827
|
size: "sm",
|
|
4787
4828
|
width: "sm",
|
|
4788
4829
|
direction,
|
|
4789
4830
|
items: menuItems,
|
|
4790
|
-
trigger: /* @__PURE__ */
|
|
4831
|
+
trigger: /* @__PURE__ */ React33.createElement(
|
|
4791
4832
|
Button,
|
|
4792
4833
|
{
|
|
4793
4834
|
asChild: true,
|
|
@@ -4798,7 +4839,7 @@ var SplitButton = ({
|
|
|
4798
4839
|
props.className
|
|
4799
4840
|
)
|
|
4800
4841
|
},
|
|
4801
|
-
/* @__PURE__ */
|
|
4842
|
+
/* @__PURE__ */ React33.createElement(
|
|
4802
4843
|
"svg",
|
|
4803
4844
|
{
|
|
4804
4845
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4811,7 +4852,7 @@ var SplitButton = ({
|
|
|
4811
4852
|
strokeLinecap: "round",
|
|
4812
4853
|
strokeLinejoin: "round"
|
|
4813
4854
|
},
|
|
4814
|
-
/* @__PURE__ */
|
|
4855
|
+
/* @__PURE__ */ React33.createElement("path", { d: "m6 9 6 6 6-6" })
|
|
4815
4856
|
)
|
|
4816
4857
|
)
|
|
4817
4858
|
}
|
|
@@ -5007,7 +5048,7 @@ var CodeBlock = ({
|
|
|
5007
5048
|
};
|
|
5008
5049
|
|
|
5009
5050
|
// components/elements/Toast.tsx
|
|
5010
|
-
var
|
|
5051
|
+
var React36 = __toESM(require("react"));
|
|
5011
5052
|
var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
|
|
5012
5053
|
var import_class_variance_authority2 = require("class-variance-authority");
|
|
5013
5054
|
var toastVariants = (0, import_class_variance_authority2.cva)(
|
|
@@ -5032,7 +5073,7 @@ var toastVariants = (0, import_class_variance_authority2.cva)(
|
|
|
5032
5073
|
}
|
|
5033
5074
|
);
|
|
5034
5075
|
var ToastProvider = ToastPrimitives.Provider;
|
|
5035
|
-
var ToastViewport =
|
|
5076
|
+
var ToastViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
|
|
5036
5077
|
ToastPrimitives.Viewport,
|
|
5037
5078
|
{
|
|
5038
5079
|
ref,
|
|
@@ -5044,8 +5085,8 @@ var ToastViewport = React35.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
5044
5085
|
}
|
|
5045
5086
|
));
|
|
5046
5087
|
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
5047
|
-
var Toast =
|
|
5048
|
-
return /* @__PURE__ */
|
|
5088
|
+
var Toast = React36.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
|
|
5089
|
+
return /* @__PURE__ */ React36.createElement(
|
|
5049
5090
|
ToastPrimitives.Root,
|
|
5050
5091
|
{
|
|
5051
5092
|
ref,
|
|
@@ -5060,8 +5101,8 @@ var Toast = React35.forwardRef(({ className, variant, severity = "none", directi
|
|
|
5060
5101
|
);
|
|
5061
5102
|
});
|
|
5062
5103
|
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
5063
|
-
var ToastAction =
|
|
5064
|
-
return /* @__PURE__ */
|
|
5104
|
+
var ToastAction = React36.forwardRef(({ className, ...props }, ref) => {
|
|
5105
|
+
return /* @__PURE__ */ React36.createElement(
|
|
5065
5106
|
ToastPrimitives.Action,
|
|
5066
5107
|
{
|
|
5067
5108
|
ref,
|
|
@@ -5078,7 +5119,7 @@ var ToastAction = React35.forwardRef(({ className, ...props }, ref) => {
|
|
|
5078
5119
|
);
|
|
5079
5120
|
});
|
|
5080
5121
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
5081
|
-
var ToastClose =
|
|
5122
|
+
var ToastClose = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
|
|
5082
5123
|
ToastPrimitives.Close,
|
|
5083
5124
|
{
|
|
5084
5125
|
ref,
|
|
@@ -5089,7 +5130,7 @@ var ToastClose = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
5089
5130
|
"toast-close": "",
|
|
5090
5131
|
...props
|
|
5091
5132
|
},
|
|
5092
|
-
/* @__PURE__ */
|
|
5133
|
+
/* @__PURE__ */ React36.createElement(
|
|
5093
5134
|
"svg",
|
|
5094
5135
|
{
|
|
5095
5136
|
"aria-label": "Close Icon",
|
|
@@ -5098,7 +5139,7 @@ var ToastClose = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
5098
5139
|
fill: "currentColor",
|
|
5099
5140
|
viewBox: "0 0 20 20"
|
|
5100
5141
|
},
|
|
5101
|
-
/* @__PURE__ */
|
|
5142
|
+
/* @__PURE__ */ React36.createElement(
|
|
5102
5143
|
"path",
|
|
5103
5144
|
{
|
|
5104
5145
|
fillRule: "evenodd",
|
|
@@ -5109,7 +5150,7 @@ var ToastClose = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
5109
5150
|
)
|
|
5110
5151
|
));
|
|
5111
5152
|
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
5112
|
-
var ToastTitle =
|
|
5153
|
+
var ToastTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
|
|
5113
5154
|
ToastPrimitives.Title,
|
|
5114
5155
|
{
|
|
5115
5156
|
ref,
|
|
@@ -5121,7 +5162,7 @@ var ToastTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
5121
5162
|
}
|
|
5122
5163
|
));
|
|
5123
5164
|
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|
|
5124
|
-
var ToastDescription =
|
|
5165
|
+
var ToastDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
|
|
5125
5166
|
ToastPrimitives.Description,
|
|
5126
5167
|
{
|
|
5127
5168
|
ref,
|
|
@@ -5135,7 +5176,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
|
|
5135
5176
|
var import_react22 = __toESM(require("react"));
|
|
5136
5177
|
|
|
5137
5178
|
// components/hooks/useToast.ts
|
|
5138
|
-
var
|
|
5179
|
+
var React37 = __toESM(require("react"));
|
|
5139
5180
|
var TOAST_LIMIT = 5;
|
|
5140
5181
|
var TOAST_REMOVE_DELAY = 1e5;
|
|
5141
5182
|
var count = 0;
|
|
@@ -5231,8 +5272,8 @@ function toast({ ...props }) {
|
|
|
5231
5272
|
};
|
|
5232
5273
|
}
|
|
5233
5274
|
function useToast() {
|
|
5234
|
-
const [state, setState] =
|
|
5235
|
-
|
|
5275
|
+
const [state, setState] = React37.useState(memoryState);
|
|
5276
|
+
React37.useEffect(() => {
|
|
5236
5277
|
listeners.push(setState);
|
|
5237
5278
|
return () => {
|
|
5238
5279
|
const index = listeners.indexOf(setState);
|
|
@@ -5908,12 +5949,12 @@ var SortButton = (props) => {
|
|
|
5908
5949
|
};
|
|
5909
5950
|
|
|
5910
5951
|
// components/elements/DataTable.tsx
|
|
5911
|
-
var
|
|
5952
|
+
var React46 = __toESM(require("react"));
|
|
5912
5953
|
var import_react_table = require("@tanstack/react-table");
|
|
5913
5954
|
|
|
5914
5955
|
// components/elements/Table.tsx
|
|
5915
|
-
var
|
|
5916
|
-
var Table =
|
|
5956
|
+
var React45 = __toESM(require("react"));
|
|
5957
|
+
var Table = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React45.createElement(
|
|
5917
5958
|
"table",
|
|
5918
5959
|
{
|
|
5919
5960
|
ref,
|
|
@@ -5922,7 +5963,7 @@ var Table = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
5922
5963
|
}
|
|
5923
5964
|
)));
|
|
5924
5965
|
Table.displayName = "Table";
|
|
5925
|
-
var TableHeader =
|
|
5966
|
+
var TableHeader = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement(
|
|
5926
5967
|
"thead",
|
|
5927
5968
|
{
|
|
5928
5969
|
ref,
|
|
@@ -5931,8 +5972,8 @@ var TableHeader = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
5931
5972
|
}
|
|
5932
5973
|
));
|
|
5933
5974
|
TableHeader.displayName = "TableHeader";
|
|
5934
|
-
var TableHead =
|
|
5935
|
-
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */
|
|
5975
|
+
var TableHead = React45.forwardRef(
|
|
5976
|
+
({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React45.createElement(
|
|
5936
5977
|
"th",
|
|
5937
5978
|
{
|
|
5938
5979
|
ref,
|
|
@@ -5951,9 +5992,9 @@ var TableHead = React44.forwardRef(
|
|
|
5951
5992
|
)
|
|
5952
5993
|
);
|
|
5953
5994
|
TableHead.displayName = "TableHead";
|
|
5954
|
-
var TableBody =
|
|
5995
|
+
var TableBody = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
|
|
5955
5996
|
TableBody.displayName = "TableBody";
|
|
5956
|
-
var TableFooter =
|
|
5997
|
+
var TableFooter = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement(
|
|
5957
5998
|
"tfoot",
|
|
5958
5999
|
{
|
|
5959
6000
|
ref,
|
|
@@ -5965,7 +6006,7 @@ var TableFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
5965
6006
|
}
|
|
5966
6007
|
));
|
|
5967
6008
|
TableFooter.displayName = "TableFooter";
|
|
5968
|
-
var TableRow =
|
|
6009
|
+
var TableRow = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement(
|
|
5969
6010
|
"tr",
|
|
5970
6011
|
{
|
|
5971
6012
|
ref,
|
|
@@ -5979,14 +6020,14 @@ var TableRow = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
5979
6020
|
}
|
|
5980
6021
|
));
|
|
5981
6022
|
TableRow.displayName = "TableRow";
|
|
5982
|
-
var TableCell =
|
|
6023
|
+
var TableCell = React45.forwardRef(
|
|
5983
6024
|
({ className, enablePadding = true, padding = "default", ...props }, ref) => {
|
|
5984
6025
|
let paddingStyles = {
|
|
5985
6026
|
condensed: "hawa-p-0 hawa-px-4",
|
|
5986
6027
|
default: "hawa-p-4",
|
|
5987
6028
|
noPadding: "hawa-p-0"
|
|
5988
6029
|
};
|
|
5989
|
-
return /* @__PURE__ */
|
|
6030
|
+
return /* @__PURE__ */ React45.createElement(
|
|
5990
6031
|
"td",
|
|
5991
6032
|
{
|
|
5992
6033
|
ref,
|
|
@@ -6008,7 +6049,7 @@ var TableCell = React44.forwardRef(
|
|
|
6008
6049
|
}
|
|
6009
6050
|
);
|
|
6010
6051
|
TableCell.displayName = "TableCell";
|
|
6011
|
-
var TableCaption =
|
|
6052
|
+
var TableCaption = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement(
|
|
6012
6053
|
"caption",
|
|
6013
6054
|
{
|
|
6014
6055
|
ref,
|
|
@@ -6033,16 +6074,16 @@ var DataTable = ({
|
|
|
6033
6074
|
...props
|
|
6034
6075
|
}) => {
|
|
6035
6076
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
6036
|
-
const [sorting, setSorting] =
|
|
6077
|
+
const [sorting, setSorting] = React46.useState(
|
|
6037
6078
|
props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
|
|
6038
6079
|
);
|
|
6039
|
-
const [columnFilters, setColumnFilters] =
|
|
6080
|
+
const [columnFilters, setColumnFilters] = React46.useState(
|
|
6040
6081
|
[]
|
|
6041
6082
|
);
|
|
6042
|
-
const [globalFilter, setGlobalFilter] =
|
|
6043
|
-
const [expanded, setExpanded] =
|
|
6044
|
-
const [columnVisibility, setColumnVisibility] =
|
|
6045
|
-
const [rowSelection, setRowSelection] =
|
|
6083
|
+
const [globalFilter, setGlobalFilter] = React46.useState("");
|
|
6084
|
+
const [expanded, setExpanded] = React46.useState({});
|
|
6085
|
+
const [columnVisibility, setColumnVisibility] = React46.useState({});
|
|
6086
|
+
const [rowSelection, setRowSelection] = React46.useState({});
|
|
6046
6087
|
const table = (0, import_react_table.useReactTable)({
|
|
6047
6088
|
data,
|
|
6048
6089
|
columns,
|
|
@@ -6071,7 +6112,7 @@ var DataTable = ({
|
|
|
6071
6112
|
label: `${item} / ${pageText}`,
|
|
6072
6113
|
value: item
|
|
6073
6114
|
}));
|
|
6074
|
-
return /* @__PURE__ */
|
|
6115
|
+
return /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-items-center hawa-flex-row hawa-gap-4" }, enableSearch && /* @__PURE__ */ React46.createElement(
|
|
6075
6116
|
Input,
|
|
6076
6117
|
{
|
|
6077
6118
|
forceHideHelperText: true,
|
|
@@ -6081,14 +6122,14 @@ var DataTable = ({
|
|
|
6081
6122
|
margin: "none",
|
|
6082
6123
|
className: "hawa-w-full md:hawa-max-w-sm"
|
|
6083
6124
|
}
|
|
6084
|
-
), enableHideColumns && /* @__PURE__ */
|
|
6125
|
+
), enableHideColumns && /* @__PURE__ */ React46.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React46.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React46.createElement(
|
|
6085
6126
|
Button,
|
|
6086
6127
|
{
|
|
6087
6128
|
variant: "outline",
|
|
6088
6129
|
className: "hawa-flex hawa-flex-row hawa-gap-2"
|
|
6089
6130
|
},
|
|
6090
6131
|
((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
|
|
6091
|
-
/* @__PURE__ */
|
|
6132
|
+
/* @__PURE__ */ React46.createElement(
|
|
6092
6133
|
"svg",
|
|
6093
6134
|
{
|
|
6094
6135
|
"aria-label": "Chevron Down Icon",
|
|
@@ -6103,15 +6144,15 @@ var DataTable = ({
|
|
|
6103
6144
|
strokeLinejoin: "round",
|
|
6104
6145
|
className: "hawa-icon hawa-rotate-90"
|
|
6105
6146
|
},
|
|
6106
|
-
/* @__PURE__ */
|
|
6147
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m9 18 6-6-6-6" })
|
|
6107
6148
|
)
|
|
6108
|
-
)), /* @__PURE__ */
|
|
6149
|
+
)), /* @__PURE__ */ React46.createElement(
|
|
6109
6150
|
DropdownMenuContent,
|
|
6110
6151
|
{
|
|
6111
6152
|
align: props.direction === "rtl" ? "start" : "end"
|
|
6112
6153
|
},
|
|
6113
6154
|
table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
|
|
6114
|
-
return /* @__PURE__ */
|
|
6155
|
+
return /* @__PURE__ */ React46.createElement(
|
|
6115
6156
|
DropdownMenuCheckboxItem,
|
|
6116
6157
|
{
|
|
6117
6158
|
key: column.id,
|
|
@@ -6121,7 +6162,7 @@ var DataTable = ({
|
|
|
6121
6162
|
translateFn ? translateFn(column.id) : column.id
|
|
6122
6163
|
);
|
|
6123
6164
|
})
|
|
6124
|
-
))), props.isLoading ? /* @__PURE__ */
|
|
6165
|
+
))), props.isLoading ? /* @__PURE__ */ React46.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React46.createElement(
|
|
6125
6166
|
"div",
|
|
6126
6167
|
{
|
|
6127
6168
|
className: cn(
|
|
@@ -6129,10 +6170,10 @@ var DataTable = ({
|
|
|
6129
6170
|
paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
|
|
6130
6171
|
)
|
|
6131
6172
|
},
|
|
6132
|
-
/* @__PURE__ */
|
|
6173
|
+
/* @__PURE__ */ React46.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React46.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React46.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React46.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
|
|
6133
6174
|
var _a2;
|
|
6134
6175
|
let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
|
|
6135
|
-
return /* @__PURE__ */
|
|
6176
|
+
return /* @__PURE__ */ React46.createElement(
|
|
6136
6177
|
TableHead,
|
|
6137
6178
|
{
|
|
6138
6179
|
dir: props.direction,
|
|
@@ -6145,7 +6186,7 @@ var DataTable = ({
|
|
|
6145
6186
|
header.getContext()
|
|
6146
6187
|
)
|
|
6147
6188
|
);
|
|
6148
|
-
})))), /* @__PURE__ */
|
|
6189
|
+
})))), /* @__PURE__ */ React46.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React46.createElement(
|
|
6149
6190
|
TableRow,
|
|
6150
6191
|
{
|
|
6151
6192
|
key: row.id,
|
|
@@ -6153,7 +6194,7 @@ var DataTable = ({
|
|
|
6153
6194
|
},
|
|
6154
6195
|
row.getVisibleCells().map((cell) => {
|
|
6155
6196
|
var _a2;
|
|
6156
|
-
return /* @__PURE__ */
|
|
6197
|
+
return /* @__PURE__ */ React46.createElement(
|
|
6157
6198
|
TableCell,
|
|
6158
6199
|
{
|
|
6159
6200
|
dir: props.direction,
|
|
@@ -6166,7 +6207,7 @@ var DataTable = ({
|
|
|
6166
6207
|
)
|
|
6167
6208
|
);
|
|
6168
6209
|
})
|
|
6169
|
-
)) : /* @__PURE__ */
|
|
6210
|
+
)) : /* @__PURE__ */ React46.createElement(TableRow, null, /* @__PURE__ */ React46.createElement(
|
|
6170
6211
|
TableCell,
|
|
6171
6212
|
{
|
|
6172
6213
|
colSpan: columns.length,
|
|
@@ -6174,16 +6215,16 @@ var DataTable = ({
|
|
|
6174
6215
|
},
|
|
6175
6216
|
(_f = props.texts) == null ? void 0 : _f.noData
|
|
6176
6217
|
))))),
|
|
6177
|
-
/* @__PURE__ */
|
|
6218
|
+
/* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React46.createElement(
|
|
6178
6219
|
"div",
|
|
6179
6220
|
{
|
|
6180
6221
|
className: "text-sm text-muted-foreground",
|
|
6181
6222
|
dir: props.direction
|
|
6182
6223
|
},
|
|
6183
|
-
/* @__PURE__ */
|
|
6224
|
+
/* @__PURE__ */ React46.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
|
|
6184
6225
|
" ",
|
|
6185
|
-
/* @__PURE__ */
|
|
6186
|
-
), /* @__PURE__ */
|
|
6226
|
+
/* @__PURE__ */ React46.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
|
|
6227
|
+
), /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React46.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React46.createElement(
|
|
6187
6228
|
"input",
|
|
6188
6229
|
{
|
|
6189
6230
|
max: table.getPageCount(),
|
|
@@ -6200,7 +6241,7 @@ var DataTable = ({
|
|
|
6200
6241
|
},
|
|
6201
6242
|
className: "hawa-w-16 hawa-text-sm hawa-border hawa-rounded hawa-p-1 hawa-px-2"
|
|
6202
6243
|
}
|
|
6203
|
-
)), /* @__PURE__ */
|
|
6244
|
+
)), /* @__PURE__ */ React46.createElement(
|
|
6204
6245
|
DropdownMenu,
|
|
6205
6246
|
{
|
|
6206
6247
|
size: "sm",
|
|
@@ -6213,7 +6254,7 @@ var DataTable = ({
|
|
|
6213
6254
|
{ label: `40 / ${pageText}`, value: 40 },
|
|
6214
6255
|
{ label: `50 / ${pageText}`, value: 50 }
|
|
6215
6256
|
],
|
|
6216
|
-
trigger: /* @__PURE__ */
|
|
6257
|
+
trigger: /* @__PURE__ */ React46.createElement(
|
|
6217
6258
|
Button,
|
|
6218
6259
|
{
|
|
6219
6260
|
variant: "outline",
|
|
@@ -6224,7 +6265,7 @@ var DataTable = ({
|
|
|
6224
6265
|
),
|
|
6225
6266
|
onItemSelect: (e) => table.setPageSize(Number(e))
|
|
6226
6267
|
}
|
|
6227
|
-
), table.getPageCount() > 1 && /* @__PURE__ */
|
|
6268
|
+
), table.getPageCount() > 1 && /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React46.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React46.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React46.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React46.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React46.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React46.createElement(
|
|
6228
6269
|
Button,
|
|
6229
6270
|
{
|
|
6230
6271
|
"aria-label": "Next Table Page",
|
|
@@ -6236,7 +6277,7 @@ var DataTable = ({
|
|
|
6236
6277
|
props.direction === "rtl" && "hawa-rotate-180"
|
|
6237
6278
|
)
|
|
6238
6279
|
},
|
|
6239
|
-
/* @__PURE__ */
|
|
6280
|
+
/* @__PURE__ */ React46.createElement(
|
|
6240
6281
|
"svg",
|
|
6241
6282
|
{
|
|
6242
6283
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6249,10 +6290,10 @@ var DataTable = ({
|
|
|
6249
6290
|
strokeLinecap: "round",
|
|
6250
6291
|
strokeLinejoin: "round"
|
|
6251
6292
|
},
|
|
6252
|
-
/* @__PURE__ */
|
|
6253
|
-
/* @__PURE__ */
|
|
6293
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
6294
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
6254
6295
|
)
|
|
6255
|
-
), /* @__PURE__ */
|
|
6296
|
+
), /* @__PURE__ */ React46.createElement(
|
|
6256
6297
|
Button,
|
|
6257
6298
|
{
|
|
6258
6299
|
"aria-label": "Previous Table Page",
|
|
@@ -6264,7 +6305,7 @@ var DataTable = ({
|
|
|
6264
6305
|
props.direction === "rtl" && "hawa-rotate-180"
|
|
6265
6306
|
)
|
|
6266
6307
|
},
|
|
6267
|
-
/* @__PURE__ */
|
|
6308
|
+
/* @__PURE__ */ React46.createElement(
|
|
6268
6309
|
"svg",
|
|
6269
6310
|
{
|
|
6270
6311
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6278,9 +6319,9 @@ var DataTable = ({
|
|
|
6278
6319
|
strokeLinecap: "round",
|
|
6279
6320
|
strokeLinejoin: "round"
|
|
6280
6321
|
},
|
|
6281
|
-
/* @__PURE__ */
|
|
6322
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
6282
6323
|
)
|
|
6283
|
-
), /* @__PURE__ */
|
|
6324
|
+
), /* @__PURE__ */ React46.createElement(
|
|
6284
6325
|
Button,
|
|
6285
6326
|
{
|
|
6286
6327
|
"aria-label": "Next Table Page",
|
|
@@ -6292,7 +6333,7 @@ var DataTable = ({
|
|
|
6292
6333
|
props.direction === "ltr" && "hawa-rotate-180"
|
|
6293
6334
|
)
|
|
6294
6335
|
},
|
|
6295
|
-
/* @__PURE__ */
|
|
6336
|
+
/* @__PURE__ */ React46.createElement(
|
|
6296
6337
|
"svg",
|
|
6297
6338
|
{
|
|
6298
6339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6306,9 +6347,9 @@ var DataTable = ({
|
|
|
6306
6347
|
strokeLinecap: "round",
|
|
6307
6348
|
strokeLinejoin: "round"
|
|
6308
6349
|
},
|
|
6309
|
-
/* @__PURE__ */
|
|
6350
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
6310
6351
|
)
|
|
6311
|
-
), /* @__PURE__ */
|
|
6352
|
+
), /* @__PURE__ */ React46.createElement(
|
|
6312
6353
|
Button,
|
|
6313
6354
|
{
|
|
6314
6355
|
"aria-label": "Next Table Page",
|
|
@@ -6320,7 +6361,7 @@ var DataTable = ({
|
|
|
6320
6361
|
props.direction === "ltr" && "hawa-rotate-180"
|
|
6321
6362
|
)
|
|
6322
6363
|
},
|
|
6323
|
-
/* @__PURE__ */
|
|
6364
|
+
/* @__PURE__ */ React46.createElement(
|
|
6324
6365
|
"svg",
|
|
6325
6366
|
{
|
|
6326
6367
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6333,15 +6374,15 @@ var DataTable = ({
|
|
|
6333
6374
|
strokeLinecap: "round",
|
|
6334
6375
|
strokeLinejoin: "round"
|
|
6335
6376
|
},
|
|
6336
|
-
/* @__PURE__ */
|
|
6337
|
-
/* @__PURE__ */
|
|
6377
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
6378
|
+
/* @__PURE__ */ React46.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
6338
6379
|
)
|
|
6339
6380
|
))))
|
|
6340
6381
|
));
|
|
6341
6382
|
};
|
|
6342
6383
|
|
|
6343
6384
|
// components/elements/SimpleTable.tsx
|
|
6344
|
-
var
|
|
6385
|
+
var React47 = __toESM(require("react"));
|
|
6345
6386
|
var import_react_table2 = require("@tanstack/react-table");
|
|
6346
6387
|
var SimpleTable = ({
|
|
6347
6388
|
columns,
|
|
@@ -6355,7 +6396,7 @@ var SimpleTable = ({
|
|
|
6355
6396
|
columns,
|
|
6356
6397
|
getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
|
|
6357
6398
|
});
|
|
6358
|
-
return /* @__PURE__ */
|
|
6399
|
+
return /* @__PURE__ */ React47.createElement(
|
|
6359
6400
|
"div",
|
|
6360
6401
|
{
|
|
6361
6402
|
className: cn(
|
|
@@ -6363,8 +6404,8 @@ var SimpleTable = ({
|
|
|
6363
6404
|
classNames
|
|
6364
6405
|
)
|
|
6365
6406
|
},
|
|
6366
|
-
props.isLoading ? /* @__PURE__ */
|
|
6367
|
-
return /* @__PURE__ */
|
|
6407
|
+
props.isLoading ? /* @__PURE__ */ React47.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React47.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React47.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React47.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React47.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
|
|
6408
|
+
return /* @__PURE__ */ React47.createElement(
|
|
6368
6409
|
TableHead,
|
|
6369
6410
|
{
|
|
6370
6411
|
condensed: props.condensed,
|
|
@@ -6376,7 +6417,7 @@ var SimpleTable = ({
|
|
|
6376
6417
|
header.getContext()
|
|
6377
6418
|
)
|
|
6378
6419
|
);
|
|
6379
|
-
})))), /* @__PURE__ */
|
|
6420
|
+
})))), /* @__PURE__ */ React47.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React47.createElement(
|
|
6380
6421
|
TableRow,
|
|
6381
6422
|
{
|
|
6382
6423
|
key: row.id,
|
|
@@ -6384,7 +6425,7 @@ var SimpleTable = ({
|
|
|
6384
6425
|
},
|
|
6385
6426
|
row.getVisibleCells().map((cell) => {
|
|
6386
6427
|
var _a2;
|
|
6387
|
-
return /* @__PURE__ */
|
|
6428
|
+
return /* @__PURE__ */ React47.createElement(
|
|
6388
6429
|
TableCell,
|
|
6389
6430
|
{
|
|
6390
6431
|
dir: props.direction,
|
|
@@ -6397,7 +6438,7 @@ var SimpleTable = ({
|
|
|
6397
6438
|
)
|
|
6398
6439
|
);
|
|
6399
6440
|
})
|
|
6400
|
-
)) : /* @__PURE__ */
|
|
6441
|
+
)) : /* @__PURE__ */ React47.createElement(TableRow, null, /* @__PURE__ */ React47.createElement(
|
|
6401
6442
|
TableCell,
|
|
6402
6443
|
{
|
|
6403
6444
|
colSpan: columns.length,
|
|
@@ -6409,9 +6450,9 @@ var SimpleTable = ({
|
|
|
6409
6450
|
};
|
|
6410
6451
|
|
|
6411
6452
|
// components/elements/Accordion.tsx
|
|
6412
|
-
var
|
|
6453
|
+
var React48 = __toESM(require("react"));
|
|
6413
6454
|
var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
|
|
6414
|
-
var Accordion =
|
|
6455
|
+
var Accordion = React48.forwardRef(
|
|
6415
6456
|
({
|
|
6416
6457
|
items,
|
|
6417
6458
|
itemClassNames,
|
|
@@ -6419,21 +6460,21 @@ var Accordion = React47.forwardRef(
|
|
|
6419
6460
|
contentclassNames,
|
|
6420
6461
|
className,
|
|
6421
6462
|
...props
|
|
6422
|
-
}, ref) => /* @__PURE__ */
|
|
6463
|
+
}, ref) => /* @__PURE__ */ React48.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, items.map((item, index) => /* @__PURE__ */ React48.createElement(
|
|
6423
6464
|
AccordionItem,
|
|
6424
6465
|
{
|
|
6425
6466
|
className: itemClassNames,
|
|
6426
6467
|
key: index,
|
|
6427
6468
|
value: `item-${index}`
|
|
6428
6469
|
},
|
|
6429
|
-
/* @__PURE__ */
|
|
6430
|
-
/* @__PURE__ */
|
|
6470
|
+
/* @__PURE__ */ React48.createElement(AccordionTrigger, { className: triggerclassNames }, item.trigger),
|
|
6471
|
+
/* @__PURE__ */ React48.createElement(AccordionContent, { className: contentclassNames }, item.content)
|
|
6431
6472
|
)))
|
|
6432
6473
|
);
|
|
6433
6474
|
Accordion.displayName = "Accordion";
|
|
6434
|
-
var AccordionItem =
|
|
6475
|
+
var AccordionItem = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
|
|
6435
6476
|
AccordionItem.displayName = "AccordionItem";
|
|
6436
|
-
var AccordionTrigger =
|
|
6477
|
+
var AccordionTrigger = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React48.createElement(AccordionPrimitive.Header, { className: "hawa-flex" }, /* @__PURE__ */ React48.createElement(
|
|
6437
6478
|
AccordionPrimitive.Trigger,
|
|
6438
6479
|
{
|
|
6439
6480
|
ref,
|
|
@@ -6444,7 +6485,7 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
|
|
|
6444
6485
|
...props
|
|
6445
6486
|
},
|
|
6446
6487
|
children,
|
|
6447
|
-
/* @__PURE__ */
|
|
6488
|
+
/* @__PURE__ */ React48.createElement(
|
|
6448
6489
|
"svg",
|
|
6449
6490
|
{
|
|
6450
6491
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6458,11 +6499,11 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
|
|
|
6458
6499
|
strokeLinejoin: "round",
|
|
6459
6500
|
className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
|
|
6460
6501
|
},
|
|
6461
|
-
/* @__PURE__ */
|
|
6502
|
+
/* @__PURE__ */ React48.createElement("path", { d: "m6 9 6 6 6-6" })
|
|
6462
6503
|
)
|
|
6463
6504
|
)));
|
|
6464
6505
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
6465
|
-
var AccordionContent =
|
|
6506
|
+
var AccordionContent = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React48.createElement(
|
|
6466
6507
|
AccordionPrimitive.Content,
|
|
6467
6508
|
{
|
|
6468
6509
|
ref,
|
|
@@ -6472,29 +6513,11 @@ var AccordionContent = React47.forwardRef(({ className, children, ...props }, re
|
|
|
6472
6513
|
),
|
|
6473
6514
|
...props
|
|
6474
6515
|
},
|
|
6475
|
-
/* @__PURE__ */
|
|
6516
|
+
/* @__PURE__ */ React48.createElement("div", { className: "hawa-bg-background hawa-border hawa-p-4" }, children)
|
|
6476
6517
|
));
|
|
6477
6518
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
6478
6519
|
var AccordionRoot = AccordionPrimitive.Root;
|
|
6479
6520
|
|
|
6480
|
-
// components/elements/Separator.tsx
|
|
6481
|
-
var React48 = __toESM(require("react"));
|
|
6482
|
-
var Separator2 = ({
|
|
6483
|
-
className,
|
|
6484
|
-
orientation = "horizontal",
|
|
6485
|
-
...props
|
|
6486
|
-
}) => /* @__PURE__ */ React48.createElement(
|
|
6487
|
-
"div",
|
|
6488
|
-
{
|
|
6489
|
-
className: cn(
|
|
6490
|
-
"hawa-shrink-0 hawa-bg-border",
|
|
6491
|
-
orientation === "horizontal" ? "hawa-h-[1px] hawa-w-full" : "hawa-h-full hawa-w-[1px]",
|
|
6492
|
-
className
|
|
6493
|
-
),
|
|
6494
|
-
...props
|
|
6495
|
-
}
|
|
6496
|
-
);
|
|
6497
|
-
|
|
6498
6521
|
// components/elements/Progress.tsx
|
|
6499
6522
|
var React49 = __toESM(require("react"));
|
|
6500
6523
|
var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
|