@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.
Files changed (47) hide show
  1. package/dist/blocks/auth/index.d.mts +29 -3
  2. package/dist/blocks/auth/index.d.ts +29 -3
  3. package/dist/blocks/auth/index.js +385 -382
  4. package/dist/blocks/auth/index.mjs +314 -308
  5. package/dist/blocks/feedback/index.d.mts +1 -1
  6. package/dist/blocks/feedback/index.d.ts +1 -1
  7. package/dist/blocks/feedback/index.mjs +5 -5
  8. package/dist/blocks/index.d.mts +28 -2
  9. package/dist/blocks/index.d.ts +28 -2
  10. package/dist/blocks/index.js +1244 -1174
  11. package/dist/blocks/index.mjs +19 -15
  12. package/dist/blocks/misc/index.d.mts +1 -1
  13. package/dist/blocks/misc/index.d.ts +1 -1
  14. package/dist/blocks/misc/index.js +87 -20
  15. package/dist/blocks/misc/index.mjs +92 -25
  16. package/dist/blocks/pricing/index.d.mts +1 -1
  17. package/dist/blocks/pricing/index.d.ts +1 -1
  18. package/dist/blocks/pricing/index.mjs +4 -4
  19. package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
  20. package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
  21. package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
  22. package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
  23. package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
  24. package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
  25. package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
  26. package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
  27. package/dist/{chunk-5UYZN5SQ.mjs → chunk-Y3HUZNCH.mjs} +88 -21
  28. package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
  29. package/dist/elements/index.d.mts +5 -4
  30. package/dist/elements/index.d.ts +5 -4
  31. package/dist/elements/index.js +87 -20
  32. package/dist/elements/index.mjs +3 -3
  33. package/dist/index.css +29 -0
  34. package/dist/index.d.mts +54 -27
  35. package/dist/index.d.ts +54 -27
  36. package/dist/index.js +105 -33
  37. package/dist/index.mjs +104 -33
  38. package/dist/layout/index.mjs +2 -2
  39. package/dist/tabs/index.d.mts +2 -1
  40. package/dist/tabs/index.d.ts +2 -1
  41. package/dist/tabs/index.js +89 -20
  42. package/dist/tabs/index.js.map +1 -1
  43. package/dist/tabs/index.mjs +89 -20
  44. package/dist/tabs/index.mjs.map +1 -1
  45. package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
  46. package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
  47. package/package.json +2 -1
@@ -26,7 +26,7 @@ import {
26
26
  UncheckMark,
27
27
  VeryBadEmoji,
28
28
  VeryGoodEmoji
29
- } from "../chunk-5UYZN5SQ.mjs";
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-ZOWDRDAM.mjs";
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 = (props) => {
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({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required }).email({ message: (_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid }).min(1, { message: (_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required })
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), props.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(
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,
@@ -1,5 +1,5 @@
1
1
  import React__default, { FC } from 'react';
2
- import { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.mjs';
2
+ import { T as TextInputType, R as RadioOptionType } from '../../textTypes-ah2JJr8v.mjs';
3
3
 
4
4
  type TabType = {
5
5
  title: string;
@@ -1,5 +1,5 @@
1
1
  import React__default, { FC } from 'react';
2
- import { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.js';
2
+ import { T as TextInputType, R as RadioOptionType } from '../../textTypes-ah2JJr8v.js';
3
3
 
4
4
  type TabType = {
5
5
  title: string;
@@ -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 TabsContext = React3.createContext({ orientation: "vertical" });
184
- var Tabs = React3.forwardRef(
185
- ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React3.createElement(
186
- TabsPrimitive.Root,
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
- ref,
189
- className: cn(
190
- "hawa-flex hawa-gap-2",
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
- /* @__PURE__ */ React3.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
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
- "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",
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-M6XGGAPQ.mjs";
4
+ } from "../../chunk-KZCOE6V3.mjs";
5
5
  import {
6
6
  Chip,
7
7
  ScrollArea
8
- } from "../../chunk-MMOEFJSP.mjs";
8
+ } from "../../chunk-6HOSGMTV.mjs";
9
9
  import {
10
10
  Textarea
11
- } from "../../chunk-W5I4VB5Z.mjs";
11
+ } from "../../chunk-4F7LNY2V.mjs";
12
12
  import {
13
13
  Select
14
- } from "../../chunk-DQHPOUHR.mjs";
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-7QEBDFLT.mjs";
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
- var TabsContext = React.createContext({ orientation: "vertical" });
33
- var Tabs = React.forwardRef(
34
- ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
35
- TabsPrimitive.Root,
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
- ref,
38
- className: cn(
39
- "hawa-flex hawa-gap-2",
40
- orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
41
- className
42
- ),
43
- ...props
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
- /* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
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
- "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",
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-u4OSE-rn.mjs';
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-u4OSE-rn.js';
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-MMOEFJSP.mjs";
5
+ } from "../../chunk-6HOSGMTV.mjs";
6
6
  import "../../chunk-47APBDKK.mjs";
7
7
  import {
8
8
  Radio
9
- } from "../../chunk-DUL6C2S2.mjs";
9
+ } from "../../chunk-NK7TELIV.mjs";
10
10
  import {
11
11
  CheckMark,
12
12
  UncheckMark
13
- } from "../../chunk-EFWL3FFK.mjs";
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-7QEBDFLT.mjs";
20
+ } from "../../chunk-SYZ5JMYJ.mjs";
21
21
 
22
22
  // blocks/pricing/PricingPlans.tsx
23
23
  import React8 from "react";
@@ -3,7 +3,7 @@ import {
3
3
  Label,
4
4
  Skeleton,
5
5
  cn
6
- } from "./chunk-7QEBDFLT.mjs";
6
+ } from "./chunk-SYZ5JMYJ.mjs";
7
7
 
8
8
  // elements/textarea/Textarea.tsx
9
9
  import * as React from "react";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  cn
4
- } from "./chunk-7QEBDFLT.mjs";
4
+ } from "./chunk-SYZ5JMYJ.mjs";
5
5
 
6
6
  // elements/scrollArea/ScrollArea.tsx
7
7
  import * as React from "react";
@@ -3,7 +3,7 @@ import {
3
3
  Label,
4
4
  Skeleton,
5
5
  cn
6
- } from "./chunk-7QEBDFLT.mjs";
6
+ } from "./chunk-SYZ5JMYJ.mjs";
7
7
 
8
8
  // elements/input/Input.tsx
9
9
  import React, { forwardRef } from "react";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  cn
4
- } from "./chunk-7QEBDFLT.mjs";
4
+ } from "./chunk-SYZ5JMYJ.mjs";
5
5
 
6
6
  // icons/Emojis.tsx
7
7
  import React from "react";
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  Label,
4
4
  cn
5
- } from "./chunk-7QEBDFLT.mjs";
5
+ } from "./chunk-SYZ5JMYJ.mjs";
6
6
 
7
7
  // elements/radio/Radio.tsx
8
8
  import React, { useState, useRef, useEffect } from "react";