@sikka/hawa 0.19.23-next → 0.19.25-next
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +71 -27
- package/dist/index.mjs +71 -27
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1008,11 +1008,11 @@ declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressC
|
|
|
1008
1008
|
|
|
1009
1009
|
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1010
1010
|
type NavMenuItemTypes = {
|
|
1011
|
-
icon?:
|
|
1011
|
+
icon?: React$1.ReactNode;
|
|
1012
1012
|
title: string;
|
|
1013
1013
|
subtitle?: string;
|
|
1014
1014
|
};
|
|
1015
|
-
declare const NavMenuItem: React$1.FC<NavMenuItemTypes
|
|
1015
|
+
declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
|
|
1016
1016
|
type NavigationMenuTypes = {
|
|
1017
1017
|
items: {
|
|
1018
1018
|
trigger: any;
|
package/dist/index.d.ts
CHANGED
|
@@ -1008,11 +1008,11 @@ declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressC
|
|
|
1008
1008
|
|
|
1009
1009
|
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1010
1010
|
type NavMenuItemTypes = {
|
|
1011
|
-
icon?:
|
|
1011
|
+
icon?: React$1.ReactNode;
|
|
1012
1012
|
title: string;
|
|
1013
1013
|
subtitle?: string;
|
|
1014
1014
|
};
|
|
1015
|
-
declare const NavMenuItem: React$1.FC<NavMenuItemTypes
|
|
1015
|
+
declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
|
|
1016
1016
|
type NavigationMenuTypes = {
|
|
1017
1017
|
items: {
|
|
1018
1018
|
trigger: any;
|
package/dist/index.js
CHANGED
|
@@ -7557,7 +7557,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7557
7557
|
{
|
|
7558
7558
|
ref,
|
|
7559
7559
|
className: cn(
|
|
7560
|
-
"hawa-absolute hawa-w-full
|
|
7560
|
+
"hawa-absolute hawa-w-full hawa-rounded hawa-left-0 hawa-top-0 ",
|
|
7561
7561
|
// "md:hawa-absolute md:hawa-w-auto hawa-left-0 hawa-top-0 ",
|
|
7562
7562
|
// animation
|
|
7563
7563
|
"data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
|
|
@@ -7568,7 +7568,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7568
7568
|
));
|
|
7569
7569
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
7570
7570
|
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
7571
|
-
var NavMenuItem = (
|
|
7571
|
+
var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
|
|
7572
7572
|
var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7573
7573
|
"div",
|
|
7574
7574
|
{
|
|
@@ -7580,16 +7580,19 @@ var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) =
|
|
|
7580
7580
|
NavigationMenuPrimitive.Viewport,
|
|
7581
7581
|
{
|
|
7582
7582
|
className: cn(
|
|
7583
|
-
"hawa-origin-top-center hawa-relative hawa-mt-1.5
|
|
7583
|
+
"hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
|
|
7584
|
+
// hawa-h-[var(--radix-navigation-menu-viewport-height)]
|
|
7584
7585
|
// "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
|
|
7585
7586
|
className
|
|
7586
7587
|
),
|
|
7588
|
+
style: {
|
|
7589
|
+
height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
|
|
7590
|
+
},
|
|
7587
7591
|
ref,
|
|
7588
7592
|
...props
|
|
7589
7593
|
}
|
|
7590
7594
|
)
|
|
7591
7595
|
));
|
|
7592
|
-
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7593
7596
|
var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7594
7597
|
NavigationMenuPrimitive.Indicator,
|
|
7595
7598
|
{
|
|
@@ -7602,7 +7605,6 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
|
|
|
7602
7605
|
},
|
|
7603
7606
|
/* @__PURE__ */ React59.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
|
|
7604
7607
|
));
|
|
7605
|
-
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7606
7608
|
var NavigationMenu = ({
|
|
7607
7609
|
viewportClassNames,
|
|
7608
7610
|
...props
|
|
@@ -7632,6 +7634,8 @@ var NavigationMenu = ({
|
|
|
7632
7634
|
))))
|
|
7633
7635
|
);
|
|
7634
7636
|
};
|
|
7637
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7638
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7635
7639
|
|
|
7636
7640
|
// components/elements/Pagination.tsx
|
|
7637
7641
|
var import_react36 = __toESM(require("react"));
|
|
@@ -11115,7 +11119,13 @@ var import_react70 = __toESM(require("react"));
|
|
|
11115
11119
|
var ComparingPlans = (props) => {
|
|
11116
11120
|
const [currentCurrency, setCurrentCurrency] = (0, import_react70.useState)("sar");
|
|
11117
11121
|
const [currentCycle, setCurrentCycle] = (0, import_react70.useState)("monthly");
|
|
11118
|
-
const uniqueFeatures = Array.from(
|
|
11122
|
+
const uniqueFeatures = Array.from(
|
|
11123
|
+
new Set(
|
|
11124
|
+
props.plans.flatMap(
|
|
11125
|
+
(plan) => plan.features.map((feature) => feature.text)
|
|
11126
|
+
)
|
|
11127
|
+
)
|
|
11128
|
+
);
|
|
11119
11129
|
return /* @__PURE__ */ import_react70.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
|
|
11120
11130
|
Radio,
|
|
11121
11131
|
{
|
|
@@ -11144,30 +11154,64 @@ var ComparingPlans = (props) => {
|
|
|
11144
11154
|
}
|
|
11145
11155
|
}
|
|
11146
11156
|
}
|
|
11147
|
-
)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ import_react70.default.createElement(
|
|
11148
|
-
"
|
|
11149
|
-
|
|
11150
|
-
|
|
11151
|
-
|
|
11157
|
+
)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ import_react70.default.createElement(
|
|
11158
|
+
"div",
|
|
11159
|
+
{
|
|
11160
|
+
className: cn(
|
|
11161
|
+
"hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium",
|
|
11162
|
+
"hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
|
|
11163
|
+
"dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
|
|
11164
|
+
)
|
|
11165
|
+
},
|
|
11166
|
+
/* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
|
11167
|
+
props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement("div", { key: i, className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText))))
|
|
11168
|
+
), uniqueFeatures.map((featureText, featureIndex) => {
|
|
11152
11169
|
var _a, _b;
|
|
11153
|
-
return /* @__PURE__ */ import_react70.default.createElement(
|
|
11154
|
-
|
|
11155
|
-
return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
|
|
11156
|
-
})) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint }, /* @__PURE__ */ import_react70.default.createElement(
|
|
11157
|
-
"svg",
|
|
11170
|
+
return /* @__PURE__ */ import_react70.default.createElement(
|
|
11171
|
+
"div",
|
|
11158
11172
|
{
|
|
11159
|
-
|
|
11160
|
-
|
|
11161
|
-
strokeWidth: "0",
|
|
11162
|
-
viewBox: "0 0 16 16",
|
|
11163
|
-
height: "1em",
|
|
11164
|
-
width: "1em"
|
|
11173
|
+
key: featureIndex,
|
|
11174
|
+
className: "hawa-grid hawa-grid-cols-1 md:hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700"
|
|
11165
11175
|
},
|
|
11166
|
-
/* @__PURE__ */ import_react70.default.createElement("
|
|
11167
|
-
|
|
11168
|
-
|
|
11169
|
-
|
|
11170
|
-
|
|
11176
|
+
/* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-white" }, featureText, props.plans.some(
|
|
11177
|
+
(plan) => plan.features.some(
|
|
11178
|
+
(feature) => feature.text === featureText && feature.hint
|
|
11179
|
+
)
|
|
11180
|
+
) && /* @__PURE__ */ import_react70.default.createElement(
|
|
11181
|
+
Tooltip,
|
|
11182
|
+
{
|
|
11183
|
+
side: "right",
|
|
11184
|
+
content: (_b = (_a = props.plans.find(
|
|
11185
|
+
(plan) => {
|
|
11186
|
+
var _a2;
|
|
11187
|
+
return (_a2 = plan.features.find(
|
|
11188
|
+
(feature) => feature.text === featureText
|
|
11189
|
+
)) == null ? void 0 : _a2.hint;
|
|
11190
|
+
}
|
|
11191
|
+
)) == null ? void 0 : _a.features.find(
|
|
11192
|
+
(feature) => feature.text === featureText
|
|
11193
|
+
)) == null ? void 0 : _b.hint
|
|
11194
|
+
},
|
|
11195
|
+
/* @__PURE__ */ import_react70.default.createElement(
|
|
11196
|
+
"svg",
|
|
11197
|
+
{
|
|
11198
|
+
stroke: "currentColor",
|
|
11199
|
+
fill: "currentColor",
|
|
11200
|
+
strokeWidth: "0",
|
|
11201
|
+
viewBox: "0 0 16 16",
|
|
11202
|
+
height: "1em",
|
|
11203
|
+
width: "1em"
|
|
11204
|
+
},
|
|
11205
|
+
/* @__PURE__ */ import_react70.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
|
11206
|
+
)
|
|
11207
|
+
)),
|
|
11208
|
+
props.plans.map((plan, planIndex) => {
|
|
11209
|
+
const feature = plan.features.find(
|
|
11210
|
+
(f) => f.text === featureText
|
|
11211
|
+
);
|
|
11212
|
+
return /* @__PURE__ */ import_react70.default.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "dark:hawa-text-white hawa-text-black" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "dark:hawa-text-white hawa-text-black" }));
|
|
11213
|
+
})
|
|
11214
|
+
);
|
|
11171
11215
|
})));
|
|
11172
11216
|
};
|
|
11173
11217
|
|
package/dist/index.mjs
CHANGED
|
@@ -7339,7 +7339,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7339
7339
|
{
|
|
7340
7340
|
ref,
|
|
7341
7341
|
className: cn(
|
|
7342
|
-
"hawa-absolute hawa-w-full
|
|
7342
|
+
"hawa-absolute hawa-w-full hawa-rounded hawa-left-0 hawa-top-0 ",
|
|
7343
7343
|
// "md:hawa-absolute md:hawa-w-auto hawa-left-0 hawa-top-0 ",
|
|
7344
7344
|
// animation
|
|
7345
7345
|
"data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
|
|
@@ -7350,7 +7350,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7350
7350
|
));
|
|
7351
7351
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
7352
7352
|
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
7353
|
-
var NavMenuItem = (
|
|
7353
|
+
var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
|
|
7354
7354
|
var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7355
7355
|
"div",
|
|
7356
7356
|
{
|
|
@@ -7362,16 +7362,19 @@ var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) =
|
|
|
7362
7362
|
NavigationMenuPrimitive.Viewport,
|
|
7363
7363
|
{
|
|
7364
7364
|
className: cn(
|
|
7365
|
-
"hawa-origin-top-center hawa-relative hawa-mt-1.5
|
|
7365
|
+
"hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
|
|
7366
|
+
// hawa-h-[var(--radix-navigation-menu-viewport-height)]
|
|
7366
7367
|
// "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
|
|
7367
7368
|
className
|
|
7368
7369
|
),
|
|
7370
|
+
style: {
|
|
7371
|
+
height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
|
|
7372
|
+
},
|
|
7369
7373
|
ref,
|
|
7370
7374
|
...props
|
|
7371
7375
|
}
|
|
7372
7376
|
)
|
|
7373
7377
|
));
|
|
7374
|
-
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7375
7378
|
var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7376
7379
|
NavigationMenuPrimitive.Indicator,
|
|
7377
7380
|
{
|
|
@@ -7384,7 +7387,6 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
|
|
|
7384
7387
|
},
|
|
7385
7388
|
/* @__PURE__ */ React59.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
|
|
7386
7389
|
));
|
|
7387
|
-
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7388
7390
|
var NavigationMenu = ({
|
|
7389
7391
|
viewportClassNames,
|
|
7390
7392
|
...props
|
|
@@ -7414,6 +7416,8 @@ var NavigationMenu = ({
|
|
|
7414
7416
|
))))
|
|
7415
7417
|
);
|
|
7416
7418
|
};
|
|
7419
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7420
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7417
7421
|
|
|
7418
7422
|
// components/elements/Pagination.tsx
|
|
7419
7423
|
import React60 from "react";
|
|
@@ -10899,7 +10903,13 @@ import React96, { useState as useState36 } from "react";
|
|
|
10899
10903
|
var ComparingPlans = (props) => {
|
|
10900
10904
|
const [currentCurrency, setCurrentCurrency] = useState36("sar");
|
|
10901
10905
|
const [currentCycle, setCurrentCycle] = useState36("monthly");
|
|
10902
|
-
const uniqueFeatures = Array.from(
|
|
10906
|
+
const uniqueFeatures = Array.from(
|
|
10907
|
+
new Set(
|
|
10908
|
+
props.plans.flatMap(
|
|
10909
|
+
(plan) => plan.features.map((feature) => feature.text)
|
|
10910
|
+
)
|
|
10911
|
+
)
|
|
10912
|
+
);
|
|
10903
10913
|
return /* @__PURE__ */ React96.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React96.createElement(
|
|
10904
10914
|
Radio,
|
|
10905
10915
|
{
|
|
@@ -10928,30 +10938,64 @@ var ComparingPlans = (props) => {
|
|
|
10928
10938
|
}
|
|
10929
10939
|
}
|
|
10930
10940
|
}
|
|
10931
|
-
)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React96.createElement(
|
|
10932
|
-
"
|
|
10933
|
-
|
|
10934
|
-
|
|
10935
|
-
|
|
10941
|
+
)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React96.createElement(
|
|
10942
|
+
"div",
|
|
10943
|
+
{
|
|
10944
|
+
className: cn(
|
|
10945
|
+
"hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium",
|
|
10946
|
+
"hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
|
|
10947
|
+
"dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
|
|
10948
|
+
)
|
|
10949
|
+
},
|
|
10950
|
+
/* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
|
10951
|
+
props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement("div", { key: i, className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText))))
|
|
10952
|
+
), uniqueFeatures.map((featureText, featureIndex) => {
|
|
10936
10953
|
var _a, _b;
|
|
10937
|
-
return /* @__PURE__ */ React96.createElement(
|
|
10938
|
-
|
|
10939
|
-
return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
|
|
10940
|
-
})) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint }, /* @__PURE__ */ React96.createElement(
|
|
10941
|
-
"svg",
|
|
10954
|
+
return /* @__PURE__ */ React96.createElement(
|
|
10955
|
+
"div",
|
|
10942
10956
|
{
|
|
10943
|
-
|
|
10944
|
-
|
|
10945
|
-
strokeWidth: "0",
|
|
10946
|
-
viewBox: "0 0 16 16",
|
|
10947
|
-
height: "1em",
|
|
10948
|
-
width: "1em"
|
|
10957
|
+
key: featureIndex,
|
|
10958
|
+
className: "hawa-grid hawa-grid-cols-1 md:hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700"
|
|
10949
10959
|
},
|
|
10950
|
-
/* @__PURE__ */ React96.createElement("
|
|
10951
|
-
|
|
10952
|
-
|
|
10953
|
-
|
|
10954
|
-
|
|
10960
|
+
/* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-white" }, featureText, props.plans.some(
|
|
10961
|
+
(plan) => plan.features.some(
|
|
10962
|
+
(feature) => feature.text === featureText && feature.hint
|
|
10963
|
+
)
|
|
10964
|
+
) && /* @__PURE__ */ React96.createElement(
|
|
10965
|
+
Tooltip,
|
|
10966
|
+
{
|
|
10967
|
+
side: "right",
|
|
10968
|
+
content: (_b = (_a = props.plans.find(
|
|
10969
|
+
(plan) => {
|
|
10970
|
+
var _a2;
|
|
10971
|
+
return (_a2 = plan.features.find(
|
|
10972
|
+
(feature) => feature.text === featureText
|
|
10973
|
+
)) == null ? void 0 : _a2.hint;
|
|
10974
|
+
}
|
|
10975
|
+
)) == null ? void 0 : _a.features.find(
|
|
10976
|
+
(feature) => feature.text === featureText
|
|
10977
|
+
)) == null ? void 0 : _b.hint
|
|
10978
|
+
},
|
|
10979
|
+
/* @__PURE__ */ React96.createElement(
|
|
10980
|
+
"svg",
|
|
10981
|
+
{
|
|
10982
|
+
stroke: "currentColor",
|
|
10983
|
+
fill: "currentColor",
|
|
10984
|
+
strokeWidth: "0",
|
|
10985
|
+
viewBox: "0 0 16 16",
|
|
10986
|
+
height: "1em",
|
|
10987
|
+
width: "1em"
|
|
10988
|
+
},
|
|
10989
|
+
/* @__PURE__ */ React96.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
|
10990
|
+
)
|
|
10991
|
+
)),
|
|
10992
|
+
props.plans.map((plan, planIndex) => {
|
|
10993
|
+
const feature = plan.features.find(
|
|
10994
|
+
(f) => f.text === featureText
|
|
10995
|
+
);
|
|
10996
|
+
return /* @__PURE__ */ React96.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "dark:hawa-text-white hawa-text-black" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "dark:hawa-text-white hawa-text-black" }));
|
|
10997
|
+
})
|
|
10998
|
+
);
|
|
10955
10999
|
})));
|
|
10956
11000
|
};
|
|
10957
11001
|
|