@sikka/hawa 0.27.23-next → 0.28.0-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/blocks/auth/index.d.mts +29 -3
- package/dist/blocks/auth/index.d.ts +29 -3
- package/dist/blocks/auth/index.js +385 -382
- package/dist/blocks/auth/index.mjs +314 -308
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.d.mts +28 -2
- package/dist/blocks/index.d.ts +28 -2
- package/dist/blocks/index.js +1244 -1174
- package/dist/blocks/index.mjs +19 -15
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/misc/index.js +87 -20
- package/dist/blocks/misc/index.mjs +92 -25
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
- package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
- package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
- package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
- package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
- package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
- package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
- package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
- package/dist/{chunk-5UYZN5SQ.mjs → chunk-Y3HUZNCH.mjs} +88 -21
- package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
- package/dist/elements/index.d.mts +5 -4
- package/dist/elements/index.d.ts +5 -4
- package/dist/elements/index.js +87 -20
- package/dist/elements/index.mjs +3 -3
- package/dist/index.css +29 -0
- package/dist/index.d.mts +54 -27
- package/dist/index.d.ts +54 -27
- package/dist/index.js +105 -33
- package/dist/index.mjs +104 -33
- package/dist/layout/index.mjs +2 -2
- package/dist/tabs/index.d.mts +2 -1
- package/dist/tabs/index.d.ts +2 -1
- package/dist/tabs/index.js +89 -20
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +89 -20
- package/dist/tabs/index.mjs.map +1 -1
- package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
- package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
- package/package.json +2 -1
package/dist/blocks/index.mjs
CHANGED
@@ -26,7 +26,7 @@ import {
|
|
26
26
|
UncheckMark,
|
27
27
|
VeryBadEmoji,
|
28
28
|
VeryGoodEmoji
|
29
|
-
} from "../chunk-
|
29
|
+
} from "../chunk-Y3HUZNCH.mjs";
|
30
30
|
import {
|
31
31
|
Button,
|
32
32
|
Card,
|
@@ -42,16 +42,9 @@ import {
|
|
42
42
|
Skeleton,
|
43
43
|
Tooltip,
|
44
44
|
cn
|
45
|
-
} from "../chunk-
|
45
|
+
} from "../chunk-R2NAPFAZ.mjs";
|
46
46
|
import "../chunk-4OOSUQZG.mjs";
|
47
47
|
|
48
|
-
// blocks/auth/LoginForm.tsx
|
49
|
-
import React2, { useState } from "react";
|
50
|
-
import { Controller, useForm } from "react-hook-form";
|
51
|
-
import { zodResolver } from "@hookform/resolvers/zod";
|
52
|
-
import { parsePhoneNumber } from "libphonenumber-js";
|
53
|
-
import * as z from "zod";
|
54
|
-
|
55
48
|
// blocks/auth/AuthButtons.tsx
|
56
49
|
import React from "react";
|
57
50
|
var AuthButtons = (props) => {
|
@@ -130,6 +123,11 @@ var AuthButtons = (props) => {
|
|
130
123
|
};
|
131
124
|
|
132
125
|
// blocks/auth/LoginForm.tsx
|
126
|
+
import React2, { useState } from "react";
|
127
|
+
import { Controller, useForm } from "react-hook-form";
|
128
|
+
import { zodResolver } from "@hookform/resolvers/zod";
|
129
|
+
import { parsePhoneNumber } from "libphonenumber-js";
|
130
|
+
import * as z from "zod";
|
133
131
|
var LoginForm = ({
|
134
132
|
loginType = "email",
|
135
133
|
texts,
|
@@ -958,10 +956,15 @@ import React7 from "react";
|
|
958
956
|
import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
|
959
957
|
import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
|
960
958
|
import * as z4 from "zod";
|
961
|
-
var ResetPasswordForm = (
|
959
|
+
var ResetPasswordForm = ({
|
960
|
+
allowRegister = true,
|
961
|
+
...props
|
962
|
+
}) => {
|
962
963
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
963
964
|
const formSchema = z4.object({
|
964
|
-
email: z4.string({
|
965
|
+
email: z4.string({
|
966
|
+
required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
|
967
|
+
}).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
|
965
968
|
});
|
966
969
|
const { handleSubmit, control, formState } = useForm4({
|
967
970
|
resolver: zodResolver4(formSchema)
|
@@ -978,7 +981,7 @@ var ResetPasswordForm = (props) => {
|
|
978
981
|
}
|
979
982
|
})
|
980
983
|
},
|
981
|
-
/* @__PURE__ */ React7.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React7.createElement(
|
984
|
+
/* @__PURE__ */ React7.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React7.createElement(
|
982
985
|
Controller4,
|
983
986
|
{
|
984
987
|
control,
|
@@ -989,7 +992,7 @@ var ResetPasswordForm = (props) => {
|
|
989
992
|
Input,
|
990
993
|
{
|
991
994
|
width: "full",
|
992
|
-
label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
|
995
|
+
label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
|
993
996
|
helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
|
994
997
|
placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
|
995
998
|
...field
|
@@ -998,7 +1001,7 @@ var ResetPasswordForm = (props) => {
|
|
998
1001
|
}
|
999
1002
|
}
|
1000
1003
|
)),
|
1001
|
-
/* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword),
|
1004
|
+
/* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React7.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React7.createElement(
|
1002
1005
|
"span",
|
1003
1006
|
{
|
1004
1007
|
className: "clickable-link",
|
@@ -1006,7 +1009,7 @@ var ResetPasswordForm = (props) => {
|
|
1006
1009
|
},
|
1007
1010
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
1008
1011
|
)))
|
1009
|
-
)) : /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
|
1012
|
+
)) : /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
|
1010
1013
|
};
|
1011
1014
|
|
1012
1015
|
// blocks/auth/CodeConfirmation.tsx
|
@@ -2667,6 +2670,7 @@ export {
|
|
2667
2670
|
AdCard,
|
2668
2671
|
Announcement,
|
2669
2672
|
AppLanding,
|
2673
|
+
AuthButtons,
|
2670
2674
|
CheckEmail,
|
2671
2675
|
CodeConfirmation,
|
2672
2676
|
ComparingPlans,
|
@@ -97,6 +97,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
97
97
|
// elements/tabs/Tabs.tsx
|
98
98
|
var React3 = __toESM(require("react"));
|
99
99
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
100
|
+
var import_tailwind_variants = require("tailwind-variants");
|
100
101
|
|
101
102
|
// elements/chip/Chip.tsx
|
102
103
|
var import_react = __toESM(require("react"));
|
@@ -180,31 +181,99 @@ var Chip = import_react.default.forwardRef(
|
|
180
181
|
);
|
181
182
|
|
182
183
|
// elements/tabs/Tabs.tsx
|
183
|
-
var
|
184
|
-
|
185
|
-
|
186
|
-
|
184
|
+
var tabsListVariant = (0, import_tailwind_variants.tv)({
|
185
|
+
base: "",
|
186
|
+
variants: {
|
187
|
+
variant: {
|
188
|
+
default: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
189
|
+
underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
190
|
+
underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
|
191
|
+
},
|
192
|
+
orientation: {
|
193
|
+
horizontal: "",
|
194
|
+
vertical: ""
|
195
|
+
}
|
196
|
+
},
|
197
|
+
compoundVariants: [
|
187
198
|
{
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
192
|
-
className
|
193
|
-
),
|
194
|
-
...props
|
199
|
+
variant: "underlined_tabs",
|
200
|
+
orientation: "vertical",
|
201
|
+
class: "hawa-border-e-2 hawa-border-e-primary"
|
195
202
|
},
|
196
|
-
|
197
|
-
|
198
|
-
|
203
|
+
{
|
204
|
+
variant: "underlined_tabs",
|
205
|
+
orientation: "horizontal",
|
206
|
+
class: "hawa-border-b-2 hawa-border-b-primary"
|
207
|
+
}
|
208
|
+
],
|
209
|
+
defaultVariants: {
|
210
|
+
variant: "default",
|
211
|
+
orientation: "horizontal"
|
212
|
+
}
|
213
|
+
});
|
214
|
+
var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
|
215
|
+
base: "",
|
216
|
+
variants: {
|
217
|
+
variant: {
|
218
|
+
default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
219
|
+
underlined: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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",
|
220
|
+
underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground dark:hawa-border-primary/10"
|
221
|
+
},
|
222
|
+
orientation: {
|
223
|
+
horizontal: "",
|
224
|
+
vertical: ""
|
225
|
+
}
|
226
|
+
},
|
227
|
+
compoundVariants: [
|
228
|
+
{
|
229
|
+
variant: "underlined",
|
230
|
+
orientation: "horizontal",
|
231
|
+
class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
|
232
|
+
},
|
233
|
+
{
|
234
|
+
variant: "underlined",
|
235
|
+
orientation: "vertical",
|
236
|
+
class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
|
237
|
+
},
|
238
|
+
{
|
239
|
+
variant: "underlined_tabs",
|
240
|
+
orientation: "horizontal",
|
241
|
+
class: "hawa-rounded-b-none"
|
242
|
+
},
|
243
|
+
{
|
244
|
+
variant: "underlined_tabs",
|
245
|
+
orientation: "vertical",
|
246
|
+
class: "hawa-rounded-e-none"
|
247
|
+
}
|
248
|
+
],
|
249
|
+
defaultVariants: {
|
250
|
+
variant: "default",
|
251
|
+
orientation: "horizontal"
|
252
|
+
}
|
253
|
+
});
|
254
|
+
var TabsContext = React3.createContext({ orientation: "horizontal", variant: "default" });
|
255
|
+
var Tabs = React3.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
256
|
+
TabsPrimitive.Root,
|
257
|
+
{
|
258
|
+
ref,
|
259
|
+
className: cn(
|
260
|
+
"hawa-flex hawa-gap-2",
|
261
|
+
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
262
|
+
className
|
263
|
+
),
|
264
|
+
...props
|
265
|
+
},
|
266
|
+
/* @__PURE__ */ React3.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
|
267
|
+
));
|
199
268
|
Tabs.displayName = TabsPrimitive.Root.displayName;
|
200
269
|
var TabsList = React3.forwardRef(({ className, ...props }, ref) => {
|
201
|
-
const { orientation } = React3.useContext(TabsContext);
|
270
|
+
const { orientation, variant } = React3.useContext(TabsContext);
|
202
271
|
return /* @__PURE__ */ React3.createElement(
|
203
272
|
TabsPrimitive.List,
|
204
273
|
{
|
205
274
|
ref,
|
206
275
|
className: cn(
|
207
|
-
|
276
|
+
tabsListVariant({ variant, orientation }),
|
208
277
|
orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
|
209
278
|
className
|
210
279
|
),
|
@@ -214,14 +283,12 @@ var TabsList = React3.forwardRef(({ className, ...props }, ref) => {
|
|
214
283
|
});
|
215
284
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
216
285
|
var TabsTrigger = React3.forwardRef(({ className, chipProps, ...props }, ref) => {
|
286
|
+
const { orientation, variant } = React3.useContext(TabsContext);
|
217
287
|
return /* @__PURE__ */ React3.createElement(
|
218
288
|
TabsPrimitive.Trigger,
|
219
289
|
{
|
220
290
|
ref,
|
221
|
-
className: cn(
|
222
|
-
"hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
223
|
-
className
|
224
|
-
),
|
291
|
+
className: cn(tabsTriggerVariant({ variant, orientation }), className),
|
225
292
|
...props
|
226
293
|
},
|
227
294
|
props.children,
|
@@ -1,17 +1,17 @@
|
|
1
1
|
"use client";
|
2
2
|
import {
|
3
3
|
Input
|
4
|
-
} from "../../chunk-
|
4
|
+
} from "../../chunk-KZCOE6V3.mjs";
|
5
5
|
import {
|
6
6
|
Chip,
|
7
7
|
ScrollArea
|
8
|
-
} from "../../chunk-
|
8
|
+
} from "../../chunk-6HOSGMTV.mjs";
|
9
9
|
import {
|
10
10
|
Textarea
|
11
|
-
} from "../../chunk-
|
11
|
+
} from "../../chunk-4F7LNY2V.mjs";
|
12
12
|
import {
|
13
13
|
Select
|
14
|
-
} from "../../chunk-
|
14
|
+
} from "../../chunk-ZV3KYZ5G.mjs";
|
15
15
|
import {
|
16
16
|
Button,
|
17
17
|
Card,
|
@@ -21,7 +21,7 @@ import {
|
|
21
21
|
CardHeader,
|
22
22
|
CardTitle,
|
23
23
|
cn
|
24
|
-
} from "../../chunk-
|
24
|
+
} from "../../chunk-SYZ5JMYJ.mjs";
|
25
25
|
|
26
26
|
// blocks/misc/LegalTexts.tsx
|
27
27
|
import React2 from "react";
|
@@ -29,31 +29,100 @@ import React2 from "react";
|
|
29
29
|
// elements/tabs/Tabs.tsx
|
30
30
|
import * as React from "react";
|
31
31
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
32
|
-
|
33
|
-
var
|
34
|
-
|
35
|
-
|
32
|
+
import { tv } from "tailwind-variants";
|
33
|
+
var tabsListVariant = tv({
|
34
|
+
base: "",
|
35
|
+
variants: {
|
36
|
+
variant: {
|
37
|
+
default: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
38
|
+
underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
39
|
+
underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
|
40
|
+
},
|
41
|
+
orientation: {
|
42
|
+
horizontal: "",
|
43
|
+
vertical: ""
|
44
|
+
}
|
45
|
+
},
|
46
|
+
compoundVariants: [
|
36
47
|
{
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
48
|
+
variant: "underlined_tabs",
|
49
|
+
orientation: "vertical",
|
50
|
+
class: "hawa-border-e-2 hawa-border-e-primary"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
variant: "underlined_tabs",
|
54
|
+
orientation: "horizontal",
|
55
|
+
class: "hawa-border-b-2 hawa-border-b-primary"
|
56
|
+
}
|
57
|
+
],
|
58
|
+
defaultVariants: {
|
59
|
+
variant: "default",
|
60
|
+
orientation: "horizontal"
|
61
|
+
}
|
62
|
+
});
|
63
|
+
var tabsTriggerVariant = tv({
|
64
|
+
base: "",
|
65
|
+
variants: {
|
66
|
+
variant: {
|
67
|
+
default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
68
|
+
underlined: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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",
|
69
|
+
underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground dark:hawa-border-primary/10"
|
70
|
+
},
|
71
|
+
orientation: {
|
72
|
+
horizontal: "",
|
73
|
+
vertical: ""
|
74
|
+
}
|
75
|
+
},
|
76
|
+
compoundVariants: [
|
77
|
+
{
|
78
|
+
variant: "underlined",
|
79
|
+
orientation: "horizontal",
|
80
|
+
class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
|
81
|
+
},
|
82
|
+
{
|
83
|
+
variant: "underlined",
|
84
|
+
orientation: "vertical",
|
85
|
+
class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
|
44
86
|
},
|
45
|
-
|
46
|
-
|
47
|
-
|
87
|
+
{
|
88
|
+
variant: "underlined_tabs",
|
89
|
+
orientation: "horizontal",
|
90
|
+
class: "hawa-rounded-b-none"
|
91
|
+
},
|
92
|
+
{
|
93
|
+
variant: "underlined_tabs",
|
94
|
+
orientation: "vertical",
|
95
|
+
class: "hawa-rounded-e-none"
|
96
|
+
}
|
97
|
+
],
|
98
|
+
defaultVariants: {
|
99
|
+
variant: "default",
|
100
|
+
orientation: "horizontal"
|
101
|
+
}
|
102
|
+
});
|
103
|
+
var TabsContext = React.createContext({ orientation: "horizontal", variant: "default" });
|
104
|
+
var Tabs = React.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React.createElement(
|
105
|
+
TabsPrimitive.Root,
|
106
|
+
{
|
107
|
+
ref,
|
108
|
+
className: cn(
|
109
|
+
"hawa-flex hawa-gap-2",
|
110
|
+
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
111
|
+
className
|
112
|
+
),
|
113
|
+
...props
|
114
|
+
},
|
115
|
+
/* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
|
116
|
+
));
|
48
117
|
Tabs.displayName = TabsPrimitive.Root.displayName;
|
49
118
|
var TabsList = React.forwardRef(({ className, ...props }, ref) => {
|
50
|
-
const { orientation } = React.useContext(TabsContext);
|
119
|
+
const { orientation, variant } = React.useContext(TabsContext);
|
51
120
|
return /* @__PURE__ */ React.createElement(
|
52
121
|
TabsPrimitive.List,
|
53
122
|
{
|
54
123
|
ref,
|
55
124
|
className: cn(
|
56
|
-
|
125
|
+
tabsListVariant({ variant, orientation }),
|
57
126
|
orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
|
58
127
|
className
|
59
128
|
),
|
@@ -63,14 +132,12 @@ var TabsList = React.forwardRef(({ className, ...props }, ref) => {
|
|
63
132
|
});
|
64
133
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
65
134
|
var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) => {
|
135
|
+
const { orientation, variant } = React.useContext(TabsContext);
|
66
136
|
return /* @__PURE__ */ React.createElement(
|
67
137
|
TabsPrimitive.Trigger,
|
68
138
|
{
|
69
139
|
ref,
|
70
|
-
className: cn(
|
71
|
-
"hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
72
|
-
className
|
73
|
-
),
|
140
|
+
className: cn(tabsTriggerVariant({ variant, orientation }), className),
|
74
141
|
...props
|
75
142
|
},
|
76
143
|
props.children,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { FC, InputHTMLAttributes } from 'react';
|
2
|
-
import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-
|
2
|
+
import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-ah2JJr8v.mjs';
|
3
3
|
|
4
4
|
type PlanFeature = {
|
5
5
|
soon?: boolean;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { FC, InputHTMLAttributes } from 'react';
|
2
|
-
import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-
|
2
|
+
import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-ah2JJr8v.js';
|
3
3
|
|
4
4
|
type PlanFeature = {
|
5
5
|
soon?: boolean;
|
@@ -2,22 +2,22 @@
|
|
2
2
|
import {
|
3
3
|
Chip,
|
4
4
|
ScrollArea
|
5
|
-
} from "../../chunk-
|
5
|
+
} from "../../chunk-6HOSGMTV.mjs";
|
6
6
|
import "../../chunk-47APBDKK.mjs";
|
7
7
|
import {
|
8
8
|
Radio
|
9
|
-
} from "../../chunk-
|
9
|
+
} from "../../chunk-NK7TELIV.mjs";
|
10
10
|
import {
|
11
11
|
CheckMark,
|
12
12
|
UncheckMark
|
13
|
-
} from "../../chunk-
|
13
|
+
} from "../../chunk-N5J4XNGU.mjs";
|
14
14
|
import {
|
15
15
|
Button,
|
16
16
|
Card,
|
17
17
|
Skeleton,
|
18
18
|
Tooltip,
|
19
19
|
cn
|
20
|
-
} from "../../chunk-
|
20
|
+
} from "../../chunk-SYZ5JMYJ.mjs";
|
21
21
|
|
22
22
|
// blocks/pricing/PricingPlans.tsx
|
23
23
|
import React8 from "react";
|