@sikka/hawa 0.26.28 → 0.26.29

package/dist/blocks/index.mjs

@@ -1,2550 +0,0 @@
-import {
-  Alert,
-  BadEmoji,
-  CheckMark,
-  Checkbox,
-  EyeIcon,
-  GoodEmoji,
-  HiddenEyeIcon,
-  Input,
-  Label,
-  PhoneInput,
-  PinInput,
-  Popover,
-  Progress,
-  Radio,
-  ScrollArea,
-  Select,
-  Separator,
-  StopPropagationWrapper,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  Textarea,
-  UncheckMark,
-  VeryBadEmoji,
-  VeryGoodEmoji
-} from "../chunk-F3DQJHTG.mjs";
-import {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Chip,
-  DropdownMenu,
-  Loading,
-  Logos,
-  Skeleton,
-  Tooltip,
-  cn
-} from "../chunk-MQUAGP7K.mjs";
-import "../chunk-ZFXKCRJC.mjs";
-
-// blocks/auth/LoginForm.tsx
-import React2, { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { parsePhoneNumber } from "libphonenumber-js";
-import * as z from "zod";
-
-// blocks/auth/AuthButtons.tsx
-import React from "react";
-var AuthButtons = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isGoogleLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleGoogle
-    },
-    props.isGoogleLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.google, { className: "hawa-icon" }),
-    (_b = (_a = props.texts) == null ? void 0 : _a.continueWithGoogle) != null ? _b : "Continue With Google"
-  ), props.viaGithub && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isGithubLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleGithub
-    },
-    props.isGithubLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.github, { className: "hawa-icon" }),
-    (_d = (_c = props.texts) == null ? void 0 : _c.continueWithGithub) != null ? _d : "Continue With Github"
-  ), props.viaTwitter && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isTwitterLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleTwitter
-    },
-    props.isTwitterLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.twitter, { className: "hawa-icon" }),
-    (_f = (_e = props.texts) == null ? void 0 : _e.continueWithTwitter) != null ? _f : "Continue With Twitter"
-  ), props.viaApple && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isAppleLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleApple
-    },
-    props.isAppleLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.apple, { className: "hawa-icon" }),
-    (_h = (_g = props.texts) == null ? void 0 : _g.continueWithApple) != null ? _h : "Continue With Apple"
-  ), props.viaMicrosoft && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isMicrosoftLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleMicrosoft
-    },
-    props.isMicrosoftLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.microsoft, { className: "hawa-icon" }),
-    (_j = (_i = props.texts) == null ? void 0 : _i.continueWithMicrosoft) != null ? _j : "Continue With Microsoft"
-  ), props.viaEmail && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isEmailLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handleEmail
-    },
-    props.isEmailLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.mail, { className: "hawa-icon" }),
-    (_l = (_k = props.texts) == null ? void 0 : _k.continueWithEmail) != null ? _l : "Continue With Email"
-  ), props.viaPhone && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: props.isPhoneLoading,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
-      variant: "outline",
-      onClick: props.handlePhone
-    },
-    props.isPhoneLoading ? /* @__PURE__ */ React.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React.createElement(Logos.phone, { className: "hawa-icon" }),
-    (_n = (_m = props.texts) == null ? void 0 : _m.continueWithPhone) != null ? _n : "Continue With Phone"
-  ));
-};
-
-// blocks/auth/LoginForm.tsx
-var LoginForm = ({
-  loginType,
-  texts,
-  passwordLength = 8,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  const [passwordVisible, setPasswordVisible] = useState(false);
-  const thirdPartyAuthTexts = {
-    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
-    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
-    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
-    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
-    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
-    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
-    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
-  };
-  let formSchema;
-  if (loginType === "email") {
-    formSchema = z.object({
-      email: z.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }),
-      password: z.string({ required_error: (_d = texts == null ? void 0 : texts.password) == null ? void 0 : _d.required }).min(1, { message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required }).min(passwordLength, { message: (_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort })
-    });
-  } else if (loginType === "username") {
-    formSchema = z.object({
-      username: z.string({ required_error: (_g = texts == null ? void 0 : texts.username) == null ? void 0 : _g.required }).min(2, { message: (_h = texts == null ? void 0 : texts.username) == null ? void 0 : _h.tooShort }).refine(
-        (value) => {
-          const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
-          return isValid;
-        },
-        { message: (_i = texts == null ? void 0 : texts.username) == null ? void 0 : _i.invalid }
-      ),
-      password: z.string({ required_error: (_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required }).min(1, { message: (_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required }).min(passwordLength, { message: (_l = texts == null ? void 0 : texts.password) == null ? void 0 : _l.tooShort })
-    });
-  } else if (loginType === "phone") {
-    formSchema = z.object({
-      phone: z.string({ required_error: (_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required }).refine(
-        (value) => {
-          let phoneNumber = parsePhoneNumber(value);
-          return phoneNumber.isValid();
-        },
-        { message: (_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid }
-      )
-    });
-  } else if (loginType === "link") {
-    formSchema = z.object({
-      email: z.string({ required_error: (_o = texts == null ? void 0 : texts.email) == null ? void 0 : _o.required }).min(1, { message: (_p = texts == null ? void 0 : texts.email) == null ? void 0 : _p.required }).email({ message: (_q = texts == null ? void 0 : texts.email) == null ? void 0 : _q.invalid })
-    });
-  } else {
-    formSchema = z.object({});
-  }
-  const { handleSubmit, control, formState } = useForm({
-    resolver: zodResolver(formSchema)
-  });
-  const renderFields = () => {
-    switch (loginType) {
-      case "email":
-        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "email",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React2.createElement(
-                Input,
-                {
-                  inputProps: {
-                    className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                  },
-                  dir: "ltr",
-                  width: "full",
-                  autoComplete: "email",
-                  label: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
-                }
-              );
-            }
-          }
-        ), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React2.createElement(
-                Input,
-                {
-                  width: "full",
-                  autoComplete: "current-password",
-                  type: passwordVisible ? "text" : "password",
-                  label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  endIcon: /* @__PURE__ */ React2.createElement(
-                    "div",
-                    {
-                      className: "hawa-cursor-pointer",
-                      onClick: () => setPasswordVisible(!passwordVisible)
-                    },
-                    passwordVisible ? /* @__PURE__ */ React2.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React2.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
-                  ),
-                  placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
-                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        ), !props.withoutResetPassword && /* @__PURE__ */ React2.createElement(
-          "div",
-          {
-            onClick: props.onForgotPassword,
-            className: "hawa-mb-3  hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-select-none hawa-text-xs dark:hawa-text-gray-300"
-          },
-          (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
-        )));
-      case "username":
-        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "username",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React2.createElement(
-                Input,
-                {
-                  width: "full",
-                  autoComplete: "username",
-                  label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
-                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
-                  placeholder: ((_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder) || "sikka_sa",
-                  ...field
-                }
-              );
-            }
-          }
-        ), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React2.createElement(
-                Input,
-                {
-                  width: "full",
-                  autoComplete: "current-password",
-                  type: passwordVisible ? "text" : "password",
-                  label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-                  endIcon: /* @__PURE__ */ React2.createElement(
-                    "div",
-                    {
-                      className: "hawa-cursor-pointer",
-                      onClick: () => setPasswordVisible(!passwordVisible)
-                    },
-                    passwordVisible ? /* @__PURE__ */ React2.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React2.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
-                  ),
-                  placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
-                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        ), !props.withoutResetPassword && /* @__PURE__ */ React2.createElement(
-          "div",
-          {
-            onClick: props.onForgotPassword,
-            className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-select-none hawa-text-xs dark:hawa-text-gray-300"
-          },
-          (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
-        )));
-      case "phone":
-        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "phone",
-            render: ({ field }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ React2.createElement(
-                PhoneInput,
-                {
-                  label: (_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
-                  preferredCountry: { label: "+966" },
-                  handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
-                }
-              );
-            }
-          }
-        ));
-      case "link":
-        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-          Controller,
-          {
-            control,
-            name: "email",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React2.createElement(
-                Input,
-                {
-                  width: "full",
-                  autoComplete: "email",
-                  label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
-                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
-                  ...field
-                }
-              );
-            }
-          }
-        ));
-      default:
-        break;
-    }
-  };
-  return /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React2.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React2.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React2.createElement(
-    Alert,
-    {
-      direction: props.direction,
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ React2.createElement(
-    "form",
-    {
-      noValidate: true,
-      className: "hawa-flex hawa-flex-col hawa-gap-4",
-      onSubmit: handleSubmit((e) => {
-        if (props.onLogin) {
-          return props.onLogin(e);
-        } else {
-          console.log("Form is submitted but onLogin prop is missing");
-        }
-      })
-    },
-    renderFields(),
-    /* @__PURE__ */ React2.createElement(
-      Button,
-      {
-        className: "hawa-mt-0 hawa-w-full",
-        type: "submit",
-        isLoading: props.isLoading,
-        disabled: props.isLoading
-      },
-      (texts == null ? void 0 : texts.loginText) || "Login"
-    ),
-    props.additionalButtons,
-    props.allowRegister && /* @__PURE__ */ React2.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React2.createElement(
-      "span",
-      {
-        onClick: props.onRouteToRegister,
-        className: "clickable-link"
-      },
-      (texts == null ? void 0 : texts.createAccount) || "Create Account"
-    ))
-  )), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React2.createElement(
-    CardFooter,
-    {
-      className: cn(
-        props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
-      )
-    },
-    /* @__PURE__ */ React2.createElement(
-      AuthButtons,
-      {
-        texts: thirdPartyAuthTexts,
-        viaGoogle: props.viaGoogle,
-        viaGithub: props.viaGithub,
-        viaTwitter: props.viaTwitter,
-        isGoogleLoading: props.isGoogleLoading,
-        isGithubLoading: props.isGithubLoading,
-        isTwitterLoading: props.isTwitterLoading,
-        handleGoogle: props.onGoogleLogin,
-        handleGithub: props.onGithubLogin,
-        handleTwitter: props.onTwitterLogin
-      }
-    )
-  ) : null));
-};
-
-// blocks/auth/RegisterForm.tsx
-import React3, { useState as useState2 } from "react";
-import { Controller as Controller2, FormProvider, useForm as useForm2 } from "react-hook-form";
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
-import * as z2 from "zod";
-var RegisterForm = ({
-  texts,
-  registerFields = ["email"],
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f;
-  const [passwordVisible, setPasswordVisible] = useState2(false);
-  const thirdPartyAuthTexts = {
-    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
-    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
-    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
-    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
-    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
-    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
-    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
-  };
-  const methods = useForm2();
-  let fieldSchemas = {};
-  registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    switch (field) {
-      case "fullname":
-        fieldSchemas["fullName"] = z2.string().optional();
-        break;
-      case "email":
-        fieldSchemas["email"] = z2.string({ required_error: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.required }).email({ message: (_b2 = texts == null ? void 0 : texts.email) == null ? void 0 : _b2.invalid }).min(1, { message: (_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.required });
-        break;
-      case "username":
-        fieldSchemas["username"] = z2.string({ required_error: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required }).min(1, { message: (_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required }).refine(
-          (value) => {
-            const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
-            return isValid;
-          },
-          { message: (_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid }
-        );
-        break;
-    }
-  });
-  const formSchema = z2.object({
-    ...fieldSchemas,
-    password: z2.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(5, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort }).refine((value) => value !== "", {
-      message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required
-    }),
-    confirm_password: z2.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
-      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
-    }),
-    refCode: z2.string().optional(),
-    reference: z2.string().optional(),
-    terms_accepted: z2.boolean({ required_error: texts == null ? void 0 : texts.termsRequired }).refine((value) => value, { message: texts == null ? void 0 : texts.termsRequired }),
-    newsletter_accepted: z2.boolean().optional()
-  }).refine((data) => data.password === data.confirm_password, {
-    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
-    path: ["confirm_password"]
-  });
-  const { handleSubmit, control, formState } = useForm2({
-    resolver: zodResolver2(formSchema)
-  });
-  return /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React3.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React3.createElement(CardContent, { headless: true }, /* @__PURE__ */ React3.createElement("div", null, props.showError && /* @__PURE__ */ React3.createElement(
-    Alert,
-    {
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ React3.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React3.createElement(
-    "form",
-    {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onRegister) {
-          return props.onRegister(e);
-        } else {
-          console.log(
-            "Form is submitted but onRegister prop is missing"
-          );
-        }
-      }),
-      className: "hawa-flex hawa-flex-col hawa-gap-4"
-    },
-    /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-      if (fld === "fullname") {
-        return /* @__PURE__ */ React3.createElement(
-          Controller2,
-          {
-            key: i,
-            control,
-            name: "fullName",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React3.createElement(
-                Input,
-                {
-                  width: "full",
-                  label: (_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label,
-                  placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
-                  helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
-                  ...field
-                }
-              );
-            }
-          }
-        );
-      }
-      if (fld === "email") {
-        return /* @__PURE__ */ React3.createElement(
-          Controller2,
-          {
-            key: i,
-            control,
-            name: "email",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React3.createElement(
-                Input,
-                {
-                  dir: "ltr",
-                  inputProps: {
-                    className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                  },
-                  width: "full",
-                  autoComplete: "email",
-                  label: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                  ...field
-                }
-              );
-            }
-          }
-        );
-      }
-      if (fld === "username") {
-        return /* @__PURE__ */ React3.createElement(
-          Controller2,
-          {
-            key: i,
-            control,
-            name: "username",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ React3.createElement(
-                Input,
-                {
-                  width: "full",
-                  autoComplete: "username",
-                  label: (_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
-                  placeholder: (_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder,
-                  ...field
-                }
-              );
-            }
-          }
-        );
-      }
-    })),
-    /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "password",
-        render: ({ field }) => {
-          var _a2, _b2, _c2;
-          return /* @__PURE__ */ React3.createElement(
-            Input,
-            {
-              width: "full",
-              type: passwordVisible ? "text" : "password",
-              endIcon: /* @__PURE__ */ React3.createElement(
-                "div",
-                {
-                  className: "hawa-cursor-pointer",
-                  onClick: () => setPasswordVisible(!passwordVisible)
-                },
-                passwordVisible ? /* @__PURE__ */ React3.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React3.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                " "
-              ),
-              autoComplete: "new-password",
-              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "confirm_password",
-        render: ({ field }) => {
-          var _a2, _b2, _c2;
-          return /* @__PURE__ */ React3.createElement(
-            Input,
-            {
-              width: "full",
-              type: "password",
-              autoComplete: "new-password",
-              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
-              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
-              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    props.additionalInputs,
-    props.showRefCode && /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "refCode",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ React3.createElement(
-            Input,
-            {
-              width: "full",
-              label: texts == null ? void 0 : texts.refCode,
-              placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
-              helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    props.showUserSource && /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "reference",
-        render: ({ field }) => {
-          var _a2, _b2;
-          return /* @__PURE__ */ React3.createElement(
-            Select,
-            {
-              label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-              placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-              isCreatable: false,
-              isMulti: false,
-              isSearchable: false,
-              isClearable: false,
-              options: props.userReferenceOptions,
-              onChange: (e) => {
-                field.onChange(e.value);
-              }
-            }
-          );
-        }
-      }
-    ),
-    /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3" }, props.showTermsOption && /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "terms_accepted",
-        render: ({ field }) => {
-          var _a2, _b2;
-          return /* @__PURE__ */ React3.createElement(
-            Checkbox,
-            {
-              id: "terms_accepted",
-              helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-              onCheckedChange: (e) => field.onChange(e),
-              label: /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ React3.createElement("span", null, texts == null ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ React3.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React3.createElement(
-                "a",
-                {
-                  onClick: props.onRouteToTOS,
-                  className: "clickable-link"
-                },
-                texts == null ? void 0 : texts.termsText
-              )))
-            }
-          );
-        }
-      }
-    ), props.showNewsletterOption && /* @__PURE__ */ React3.createElement(
-      Controller2,
-      {
-        control,
-        name: "newsletter_accepted",
-        render: ({ field }) => /* @__PURE__ */ React3.createElement(
-          Checkbox,
-          {
-            id: "newsletter_accepted",
-            label: texts == null ? void 0 : texts.subscribeToNewsletter,
-            onCheckedChange: field.onChange
-          }
-        )
-      }
-    )),
-    /* @__PURE__ */ React3.createElement(
-      Button,
-      {
-        className: "hawa-mt-4 hawa-w-full",
-        type: "submit",
-        isLoading: props.isLoading,
-        disabled: props.isLoading
-      },
-      (texts == null ? void 0 : texts.registerText) || "Register"
-    ),
-    props.additionalButtons
-  )), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ React3.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ React3.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React3.createElement(
-    CardFooter,
-    {
-      className: cn(
-        props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
-      )
-    },
-    /* @__PURE__ */ React3.createElement(
-      AuthButtons,
-      {
-        texts: thirdPartyAuthTexts,
-        viaGoogle: props.viaGoogle,
-        viaGithub: props.viaGithub,
-        viaTwitter: props.viaTwitter,
-        isGoogleLoading: props.isGoogleLoading,
-        isGithubLoading: props.isGithubLoading,
-        isTwitterLoading: props.isTwitterLoading,
-        handleGoogle: props.onGoogleRegister,
-        handleGithub: props.onGithubRegister,
-        handleTwitter: props.onTwitterRegister
-      }
-    )
-  ) : null));
-};
-
-// blocks/auth/AppLanding.tsx
-import React4 from "react";
-var AppLanding = ({ texts, ...props }) => {
-  const thirdPartyAuthTexts = {
-    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
-    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
-    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
-    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
-    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
-    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
-    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
-  };
-  return /* @__PURE__ */ React4.createElement("div", { dir: props.direction }, /* @__PURE__ */ React4.createElement(Card, null, /* @__PURE__ */ React4.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ React4.createElement(
-    AuthButtons,
-    {
-      texts: thirdPartyAuthTexts,
-      viaApple: props.viaApple,
-      viaGoogle: props.viaGoogle,
-      viaEmail: props.viaEmail,
-      viaGithub: props.viaGithub,
-      viaMicrosoft: props.viaMicrosoft,
-      viaPhone: props.viaPhone,
-      viaTwitter: props.viaTwitter,
-      handleApple: props.handleApple,
-      handleGoogle: props.handleGoogle,
-      handleTwitter: props.handleTwitter,
-      handleMicrosoft: props.handleMicrosoft,
-      handleGithub: props.handleGithub,
-      handleEmail: props.handleEmail,
-      handlePhone: props.handlePhone
-    }
-  ), props.allowRegister && /* @__PURE__ */ React4.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ React4.createElement(
-    "span",
-    {
-      onClick: props.handleRouteToRegister,
-      className: "clickable-link"
-    },
-    texts == null ? void 0 : texts.createAccount
-  )))));
-};
-
-// blocks/auth/CheckEmail.tsx
-import React5 from "react";
-var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ React5.createElement(Card, null, /* @__PURE__ */ React5.createElement(CardContent, { headless: true }, /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React5.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "none",
-      strokeWidth: "2",
-      viewBox: "0 0 24 24",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      height: "0.5em",
-      width: "0.5em",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React5.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ React5.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ React5.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React5.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ React5.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React5.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
-};
-
-// blocks/auth/NewPassword.tsx
-import React6, { useState as useState3 } from "react";
-import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
-import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
-import * as z3 from "zod";
-var NewPasswordForm = ({ texts, ...props }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const formSchema = z3.object({
-    password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
-    confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
-      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
-    })
-  }).refine((data) => data.password === data.confirm_password, {
-    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
-    path: ["confirm_password"]
-  });
-  const { handleSubmit, control, formState } = useForm3({
-    resolver: zodResolver3(formSchema)
-  });
-  const [matchError, setMatchError] = useState3(false);
-  return /* @__PURE__ */ React6.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React6.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React6.createElement(CardContent, { headless: true }, /* @__PURE__ */ React6.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React6.createElement(
-    "form",
-    {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.handleNewPassword) {
-          return props.handleNewPassword(e);
-        } else {
-          console.log(
-            "Form is submitted but handleSubmission prop is missing"
-          );
-        }
-      })
-    },
-    !props.headless && /* @__PURE__ */ React6.createElement(CardHeader, null, /* @__PURE__ */ React6.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React6.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ React6.createElement(
-      CardContent,
-      {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ React6.createElement(
-        Controller3,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React6.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ React6.createElement(
-        Controller3,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React6.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
-        }
-      )
-    ),
-    /* @__PURE__ */ React6.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React6.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
-    )))
-  ));
-};
-
-// blocks/auth/ResetPassword.tsx
-import React7 from "react";
-import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
-import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
-import * as z4 from "zod";
-var ResetPasswordForm = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const formSchema = z4.object({
-    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 })
-  });
-  const { handleSubmit, control, formState } = useForm4({
-    resolver: zodResolver4(formSchema)
-  });
-  return /* @__PURE__ */ React7.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, !props.headless && /* @__PURE__ */ React7.createElement(CardHeader, null, /* @__PURE__ */ React7.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React7.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React7.createElement(
-    "form",
-    {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.handleResetPassword) {
-          return props.handleResetPassword(e);
-        } else {
-          console.log("handleResetPassword prop is missing");
-        }
-      })
-    },
-    /* @__PURE__ */ React7.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React7.createElement(
-      Controller4,
-      {
-        control,
-        name: "email",
-        render: ({ field }) => {
-          var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ React7.createElement(
-            Input,
-            {
-              width: "full",
-              label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
-              helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
-              placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
-              ...field
-            }
-          );
-        }
-      }
-    )),
-    /* @__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(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
-    )))
-  )) : /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
-};
-
-// blocks/auth/CodeConfirmation.tsx
-import React8, { useEffect, useState as useState4 } from "react";
-import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
-import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
-import * as z5 from "zod";
-var CodeConfirmation = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const formSchema = z5.object({
-    otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(6, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
-  });
-  const { handleSubmit, control, formState, setValue } = useForm5({
-    resolver: zodResolver5(formSchema)
-  });
-  const [resendTimer, setResendTimer] = useState4(null);
-  const [remainingTime, setRemainingTime] = useState4(0);
-  const [showResendTimer, setShowResendTimer] = useState4(false);
-  const startResendTimer = () => {
-    if (resendTimer !== null) {
-      clearInterval(resendTimer);
-      setResendTimer(null);
-    }
-    const timerDuration = 60;
-    setRemainingTime(timerDuration);
-    setShowResendTimer(true);
-    const newTimer = window.setInterval(() => {
-      setRemainingTime((prevTime) => {
-        if (prevTime > 0) {
-          return prevTime - 1;
-        } else {
-          clearInterval(newTimer);
-          setShowResendTimer(false);
-          return 0;
-        }
-      });
-    }, 1e3);
-    setResendTimer(newTimer);
-  };
-  useEffect(() => {
-    return () => {
-      if (resendTimer !== null) {
-        clearInterval(resendTimer);
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React8.createElement(
-    Alert,
-    {
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React8.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React8.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React8.createElement(
-    "form",
-    {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.handleConfirm) {
-          return props.handleConfirm(e);
-        } else {
-          console.log(
-            "Form is submitted but handleConfirm prop is missing"
-          );
-        }
-      })
-    },
-    /* @__PURE__ */ React8.createElement(
-      Controller5,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ React8.createElement(
-            PinInput,
-            {
-              width: "full",
-              digits: 6,
-              getPins: (e) => setValue("otp_code", e.join("")),
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ React8.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React8.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React8.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React8.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React8.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.handleResend();
-        }
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ React8.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React8.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React8.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
-};
-
-// blocks/feedback/UserReferralSource.tsx
-import React9, { useRef, useState as useState5 } from "react";
-import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
-import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
-import * as z6 from "zod";
-var UserReferralSource = ({
-  position = "bottom-right",
-  options = [],
-  ...props
-}) => {
-  var _a, _b;
-  const [closed, setClosed] = useState5(false);
-  const popUpRef = useRef(null);
-  const formSchema = z6.object({
-    source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
-    feedback: z6.string().optional()
-  });
-  const { handleSubmit, control, formState, watch } = useForm6({
-    resolver: zodResolver6(formSchema)
-  });
-  const selectedSource = watch("source");
-  const boxPosition = {
-    "bottom-right": "hawa-right-4",
-    "bottom-left": "hawa-left-4"
-  };
-  const optionsWithOther = [
-    ...options,
-    {
-      value: "other",
-      label: "Other"
-    }
-  ];
-  return /* @__PURE__ */ React9.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
-      ref: popUpRef
-    },
-    /* @__PURE__ */ React9.createElement(
-      Card,
-      {
-        className: cn(
-          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-          boxPosition[position]
-        ),
-        dir: props.direction
-      },
-      /* @__PURE__ */ React9.createElement(
-        "button",
-        {
-          type: "button",
-          className: cn(
-            props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
-          ),
-          "data-dismiss-target": "#toast-default",
-          "aria-label": "Close",
-          onClick: () => {
-            setClosed(true);
-            setTimeout(() => {
-              if (popUpRef == null ? void 0 : popUpRef.current) {
-                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
-              }
-            }, 200);
-          }
-        },
-        /* @__PURE__ */ React9.createElement(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "hawa-h-5 hawa-w-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ React9.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        )
-      ),
-      /* @__PURE__ */ React9.createElement(CardContent, { headless: true }, /* @__PURE__ */ React9.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onSubmitForm) {
-              props.onSubmitForm(e);
-            } else {
-              console.log("onSubmitForm was not provided");
-            }
-          })
-        },
-        /* @__PURE__ */ React9.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
-              closed ? "hawa-opacity-0" : "hawa-opacity-100"
-            )
-          },
-          /* @__PURE__ */ React9.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React9.createElement(
-            Controller6,
-            {
-              control,
-              name: "source",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ React9.createElement(
-                  Radio,
-                  {
-                    direction: props.direction,
-                    orientation: "vertical",
-                    options: optionsWithOther,
-                    defaultValue: field.value,
-                    onChange: (e) => field.onChange(e.value),
-                    helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
-                  }
-                );
-              }
-            }
-          )),
-          /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(
-            Controller6,
-            {
-              control,
-              name: "feedback",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ React9.createElement(
-                  Textarea,
-                  {
-                    ...field,
-                    textareaProps: {
-                      onChange: (e) => field.onChange(e.target.value),
-                      disabled: selectedSource !== "other"
-                    },
-                    helperText: (_b2 = (_a2 = formState.errors.feedback) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
-                  }
-                );
-              }
-            }
-          ))
-        ),
-        /* @__PURE__ */ React9.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
-      ))
-    )
-  );
-};
-
-// blocks/feedback/FeedbackRating.tsx
-import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState6 } from "react";
-var FeedbackRating = ({
-  position = "bottom-right",
-  ...props
-}) => {
-  const [closed, setClosed] = useState6(false);
-  const [answered, setAnswered] = useState6(false);
-  const [clickedOption, setClickedOption] = useState6(null);
-  const [closingTimer, setClosingTimer] = useState6(5);
-  const popUpRef = useRef2(null);
-  const boxPosition = {
-    "bottom-right": "hawa-right-4",
-    "bottom-left": "hawa-left-4"
-  };
-  useEffect2(() => {
-    const timeoutHide = setTimeout(() => {
-      if (closingTimer >= 0) {
-        setClosingTimer(closingTimer - 1);
-      }
-    }, 1e3);
-    return () => {
-      clearTimeout(timeoutHide);
-    };
-  }, [closingTimer]);
-  const slowClose = () => {
-    setClosed(true);
-    setTimeout(() => {
-      if (popUpRef.current) {
-        popUpRef.current.removeChild(popUpRef.current.children[0]);
-      }
-    }, 200);
-  };
-  return /* @__PURE__ */ React10.createElement(
-    "div",
-    {
-      ref: popUpRef,
-      className: cn(
-        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ",
-        boxPosition[position]
-      )
-    },
-    /* @__PURE__ */ React10.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
-          closed ? "hawa-opacity-0" : "hawa-opacity-100",
-          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
-        )
-      },
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ React10.createElement(
-        "button",
-        {
-          type: "button",
-          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
-          "data-dismiss-target": "#toast-default",
-          "aria-label": "Close",
-          onClick: () => slowClose()
-        },
-        /* @__PURE__ */ React10.createElement(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "hawa-h-5 hawa-w-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ React10.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        )
-      ),
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ React10.createElement(
-        "span",
-        {
-          key: i,
-          onClick: () => {
-            if (props.onOptionClicked) {
-              props.onOptionClicked(op);
-            }
-            setClickedOption(op);
-            setAnswered(true);
-            const timeoutDestroy = setTimeout(() => {
-              setClosed(true);
-            }, 4800);
-            setTimeout(() => {
-              var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
-              clearTimeout(timeoutDestroy);
-            }, 5300);
-          },
-          className: cn(
-            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ",
-            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
-          )
-        },
-        op
-      ))),
-      props.texts && /* @__PURE__ */ React10.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React10.createElement("span", null, props.texts.least), /* @__PURE__ */ React10.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ React10.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ React10.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React10.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
-    )
-  );
-};
-
-// blocks/feedback/FeedbackEmoji.tsx
-import React11, { useState as useState7 } from "react";
-var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = useState7(null);
-  const [loadingSubmit, setLoadingSubmit] = useState7(false);
-  const [feedbackText, setFeedbackText] = useState7("");
-  const [helperText, setHelperText] = useState7(false);
-  let emojis = [
-    { icon: /* @__PURE__ */ React11.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ React11.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ React11.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ React11.createElement(VeryBadEmoji, null), value: "very-bad" }
-  ];
-  const onFeedbackSubmit = async () => {
-    if (feedbackText) {
-      setLoadingSubmit(true);
-      try {
-        await props.handleSubmit({
-          choice: selectedEmoji,
-          feedback: feedbackText
-        });
-      } catch (error) {
-        console.error("Error during submission:", error);
-        setLoadingSubmit(false);
-      }
-      await setLoadingSubmit(false);
-    } else {
-      setLoadingSubmit(false);
-      setHelperText(true);
-    }
-  };
-  return /* @__PURE__ */ React11.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex  hawa-flex-col hawa-rounded hawa-border  hawa-p-2 hawa-transition-all",
-        selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
-      )
-    },
-    /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ React11.createElement(
-      Button,
-      {
-        key: i,
-        onClick: () => {
-          if (selectedEmoji === emoji.value) {
-            setSelectedEmoji("");
-          } else {
-            setSelectedEmoji(emoji.value);
-          }
-        },
-        variant: "ghost",
-        size: "smallIcon",
-        className: cn(
-          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]"
-        )
-      },
-      emoji.icon
-    )))),
-    /* @__PURE__ */ React11.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-flex-col hawa-overflow-clip  hawa-transition-all hawa-duration-500 hawa-ease-in-out ",
-          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
-        )
-      },
-      props.showSuccess ? /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ React11.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React11.createElement(
-        "svg",
-        {
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: "0.5em",
-          width: "0.5em"
-        },
-        /* @__PURE__ */ React11.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-      )), /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ React11.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ React11.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ React11.createElement(
-        Popover,
-        {
-          className: "hawa-select-none hawa-p-1 hawa-text-xs ",
-          open: helperText,
-          trigger: /* @__PURE__ */ React11.createElement(
-            Textarea,
-            {
-              classNames: {
-                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
-              },
-              placeholder: "Your feedback",
-              onChange: (e) => {
-                if (e.target.value) {
-                  setHelperText(false);
-                }
-                setFeedbackText(e.target.value);
-              }
-            }
-          )
-        },
-        /* @__PURE__ */ React11.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ React11.createElement(
-        Button,
-        {
-          isLoading: loadingSubmit,
-          onClick: onFeedbackSubmit,
-          className: "hawa-w-full",
-          size: "sm"
-        },
-        "Submit"
-      ))
-    )
-  );
-};
-
-// blocks/feedback/FeedbackForm.tsx
-import React12 from "react";
-import { useForm as useForm7, Controller as Controller7 } from "react-hook-form";
-import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
-import * as z7 from "zod";
-var FeedbackForm = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const formSchema = z7.object({
-    requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
-    description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
-  });
-  const { handleSubmit, control, formState } = useForm7({
-    resolver: zodResolver7(formSchema)
-  });
-  return /* @__PURE__ */ React12.createElement(
-    Card,
-    {
-      className: cn(
-        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
-      ),
-      style: props.cardless ? { boxShadow: "none" } : void 0
-    },
-    /* @__PURE__ */ React12.createElement(CardContent, { headless: true }, /* @__PURE__ */ React12.createElement(
-      "form",
-      {
-        noValidate: true,
-        onSubmit: handleSubmit((e) => {
-          if (props.onSubmit) {
-            return props.onSubmit(e);
-          } else {
-            console.log("Form is submitted but onSubmit prop is missing");
-          }
-        }),
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ React12.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
-      /* @__PURE__ */ React12.createElement(
-        Controller7,
-        {
-          name: "requestType",
-          control,
-          render: ({ field }) => {
-            var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ React12.createElement(
-              Select,
-              {
-                ...field,
-                ...props.selectProps,
-                onChange: (option) => field.onChange(option.value),
-                options: props.requestTypes,
-                helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-                placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
-                texts: {
-                  noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
-                }
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ React12.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
-      /* @__PURE__ */ React12.createElement(
-        Controller7,
-        {
-          name: "description",
-          control,
-          render: ({ field }) => {
-            var _a2, _b2, _c2, _d2;
-            return /* @__PURE__ */ React12.createElement(
-              Textarea,
-              {
-                ...field,
-                helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
-                placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
-    ))
-  );
-};
-
-// blocks/misc/LegalTexts.tsx
-import React13 from "react";
-var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ React13.createElement(
-    Tabs,
-    {
-      value: props.activeTab,
-      onValueChange: props.handleTabChange,
-      defaultValue: props.defaultTab || tabs[0].value,
-      dir: props.direction
-    },
-    /* @__PURE__ */ React13.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React13.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ React13.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React13.createElement(
-      ScrollArea,
-      {
-        className: cn(
-          "hawa-rounded  hawa-border hawa-bg-muted hawa-p-4",
-          props.scrollAreaClassName
-        )
-      },
-      tab.content
-    )))
-  );
-};
-
-// blocks/misc/EmptyState.tsx
-import React14 from "react";
-var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ React14.createElement(Card, null, /* @__PURE__ */ React14.createElement(CardContent, { headless: true }, /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React14.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 512 512",
-      height: "0.35em",
-      width: "0.35em"
-    },
-    /* @__PURE__ */ React14.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" })
-  )), /* @__PURE__ */ React14.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React14.createElement(CardFooter, null, /* @__PURE__ */ React14.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
-};
-
-// blocks/misc/Testimonial.tsx
-import React15 from "react";
-var Testimonial = () => {
-  return /* @__PURE__ */ React15.createElement(Card, null, /* @__PURE__ */ React15.createElement(CardContent, { headless: true }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React15.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React15.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React15.createElement(
-    "path",
-    {
-      d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
-      fill: "#FFFFFF"
-    }
-  ), /* @__PURE__ */ React15.createElement(
-    "path",
-    {
-      d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
-      fill: "#FFFFFF"
-    }
-  )), /* @__PURE__ */ React15.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React15.createElement("div", null, " Chief Information Security Officer")))));
-};
-
-// blocks/misc/LeadGenerator.tsx
-import React16 from "react";
-import { useForm as useForm8, Controller as Controller8 } from "react-hook-form";
-var LeadGenerator = ({ texts, submitHandler }) => {
-  var _a;
-  const { handleSubmit, control, formState } = useForm8();
-  const onSubmit = (data) => {
-    if (submitHandler) {
-      submitHandler(data.email);
-    } else {
-      console.log("handleNewsletterSub props was not provided");
-    }
-  };
-  return /* @__PURE__ */ React16.createElement(Card, null, /* @__PURE__ */ React16.createElement(CardHeader, null, /* @__PURE__ */ React16.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React16.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React16.createElement(CardContent, null, /* @__PURE__ */ React16.createElement(
-    "form",
-    {
-      noValidate: true,
-      className: "hawa-flex hawa-flex-row hawa-gap-2",
-      onSubmit: handleSubmit(onSubmit)
-    },
-    /* @__PURE__ */ React16.createElement(
-      Controller8,
-      {
-        name: "email",
-        control,
-        rules: {
-          required: true,
-          pattern: {
-            value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-            message: (texts == null ? void 0 : texts.invalidEmail) || "Invalid email address"
-          }
-        },
-        defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ React16.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
-      }
-    ),
-    /* @__PURE__ */ React16.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
-  )));
-};
-
-// blocks/misc/Announcement.tsx
-import React17 from "react";
-var Announcement = ({
-  onActionClick,
-  ...props
-}) => {
-  return /* @__PURE__ */ React17.createElement(Card, null, /* @__PURE__ */ React17.createElement(
-    CardContent,
-    {
-      headless: true,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
-    },
-    /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React17.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React17.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ React17.createElement(
-      Button,
-      {
-        onClick: () => onActionClick(),
-        className: "hawa-whitespace-nowrap"
-      },
-      props.actionText
-    )
-  ));
-};
-
-// blocks/misc/NotFound.tsx
-import React18 from "react";
-var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React18.createElement(Card, null, /* @__PURE__ */ React18.createElement(CardContent, { headless: true }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React18.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React18.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React18.createElement(React18.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React18.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React18.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
-};
-
-// blocks/misc/NoPermission.tsx
-import React19 from "react";
-var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ React19.createElement(Card, null, /* @__PURE__ */ React19.createElement(CardContent, { headless: true }, /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React19.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 448 512",
-      height: "0.35em",
-      width: "0.35em"
-    },
-    /* @__PURE__ */ React19.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
-  )), /* @__PURE__ */ React19.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React19.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
-};
-
-// blocks/misc/ContactForm.tsx
-import React20 from "react";
-import { useForm as useForm9, Controller as Controller9 } from "react-hook-form";
-import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
-import * as z8 from "zod";
-var ContactForm = ({
-  cardless,
-  size = "default",
-  texts,
-  formId,
-  formAutoComplete,
-  onSubmit
-}) => {
-  var _a, _b, _c;
-  const contactFormSchema = z8.object({
-    name: z8.string({ required_error: texts == null ? void 0 : texts.name.required }).min(1, texts == null ? void 0 : texts.name.required).default(""),
-    email: z8.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }).default(""),
-    message: z8.string({ required_error: texts == null ? void 0 : texts.message.required }).min(10, texts == null ? void 0 : texts.message.invalid).default("")
-  });
-  const {
-    control,
-    handleSubmit,
-    formState: { errors },
-    reset
-  } = useForm9({
-    resolver: zodResolver8(contactFormSchema),
-    defaultValues: {
-      name: "",
-      email: "",
-      message: ""
-    }
-  });
-  const handleFormSubmit = (data) => {
-    if (onSubmit) {
-      onSubmit(data);
-      reset();
-    } else {
-      console.log("Form is submitted but onSubmit prop is missing");
-    }
-  };
-  let sizeStyle = {
-    sm: "hawa-max-w-sm",
-    default: "hawa-w-full"
-  };
-  return /* @__PURE__ */ React20.createElement(
-    Card,
-    {
-      className: cn(
-        // sizeStyle[size],
-        "hawa-w-full",
-        cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
-      ),
-      style: cardless ? { boxShadow: "none" } : void 0
-    },
-    /* @__PURE__ */ React20.createElement(CardContent, { headless: true }, /* @__PURE__ */ React20.createElement(
-      "form",
-      {
-        noValidate: true,
-        onSubmit: handleSubmit(handleFormSubmit),
-        className: "hawa-space-y-2",
-        id: formId,
-        autoComplete: formAutoComplete
-      },
-      /* @__PURE__ */ React20.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-flex hawa-items-start hawa-justify-start hawa-gap-2",
-            {
-              "hawa-flex-row": size === "default",
-              "hawa-flex-col": size === "sm"
-            }
-          )
-        },
-        /* @__PURE__ */ React20.createElement(
-          Controller9,
-          {
-            control,
-            name: "name",
-            render: ({ field }) => {
-              var _a2;
-              return /* @__PURE__ */ React20.createElement(
-                Input,
-                {
-                  label: texts == null ? void 0 : texts.name.label,
-                  id: texts == null ? void 0 : texts.name.label,
-                  ...field,
-                  placeholder: texts == null ? void 0 : texts.name.placeholder,
-                  helperText: (_a2 = errors.name) == null ? void 0 : _a2.message
-                }
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ React20.createElement(
-          Controller9,
-          {
-            control,
-            name: "email",
-            render: ({ field }) => {
-              var _a2;
-              return /* @__PURE__ */ React20.createElement(
-                Input,
-                {
-                  label: texts == null ? void 0 : texts.email.label,
-                  id: texts == null ? void 0 : texts.email.label,
-                  ...field,
-                  placeholder: texts == null ? void 0 : texts.email.placeholder,
-                  helperText: (_a2 = errors.email) == null ? void 0 : _a2.message
-                }
-              );
-            }
-          }
-        )
-      ),
-      /* @__PURE__ */ React20.createElement(
-        Controller9,
-        {
-          control,
-          name: "message",
-          render: ({ field }) => {
-            var _a2;
-            return /* @__PURE__ */ React20.createElement(
-              Textarea,
-              {
-                label: texts == null ? void 0 : texts.message.label,
-                id: texts == null ? void 0 : texts.message.label,
-                textareaProps: {
-                  placeholder: texts == null ? void 0 : texts.message.placeholder,
-                  ...field
-                },
-                helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
-              }
-            );
-          }
-        }
-      ),
-      /* @__PURE__ */ React20.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
-    ))
-  );
-};
-
-// blocks/pricing/PricingPlans.tsx
-import React26 from "react";
-
-// blocks/cards/ActionCard.tsx
-import React21, { useState as useState8 } from "react";
-var ActionCard = (props) => {
-  const [hovered, setHovered] = useState8(false);
-  return /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React21.createElement(
-    "div",
-    {
-      className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
-      style: {
-        backgroundImage: `url(${props.blank ? "" : props.cardImage})`
-      },
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false)
-    },
-    props.blank ? /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React21.createElement(
-      "svg",
-      {
-        className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 24 24",
-        height: "1em",
-        width: "1em",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      /* @__PURE__ */ React21.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ React21.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ React21.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
-    !props.blank && /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React21.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React21.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ React21.createElement(
-    "div",
-    {
-      className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
-    },
-    props.bottomElement
-  ));
-};
-
-// blocks/cards/AdCard.tsx
-import React22, { useState as useState9, useEffect as useEffect3, useRef as useRef3 } from "react";
-var AdCard = ({
-  orientation = "vertical",
-  ...props
-}) => {
-  const adRef = useRef3(null);
-  const [closed, setClosed] = useState9(false);
-  let duration = 0;
-  useEffect3(() => {
-    if (duration) {
-      const timeoutHide = setTimeout(() => {
-        setClosed(true);
-      }, duration);
-      const timeoutDestroy = setTimeout(() => {
-        setClosed(true);
-        if (adRef.current) {
-          adRef.current.removeChild(adRef.current.children[0]);
-        }
-      }, duration + 1e3);
-      return () => {
-        clearTimeout(timeoutHide);
-        clearTimeout(timeoutDestroy);
-      };
-    }
-  }, [duration]);
-  let cardStyles = {
-    horizontal: "hawa-flex hawa-flex-row  hawa-max-w-xl hawa-rounded hawa-border hawa-bg-card hawa-p-2 hawa-gap-2 hawa-items-center hawa-relative ",
-    vertical: "hawa-flex hawa-flex-col hawa-max-w-[200px] hawa-justify-start hawa-rounded hawa-border hawa-bg-card hawa-gap-2 hawa-p-2 hawa-relative"
-  };
-  let imageStyles = {
-    horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
-    vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
-  };
-  return /* @__PURE__ */ React22.createElement("div", { ref: adRef }, /* @__PURE__ */ React22.createElement(
-    "div",
-    {
-      className: cn(cardStyles[orientation], props.className),
-      onClick: props.handleClick
-    },
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React22.createElement(
-      "img",
-      {
-        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
-        className: imageStyles[orientation]
-      }
-    )),
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React22.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ React22.createElement(
-      "span",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          if (props.canHide) {
-            setClosed(true);
-            setTimeout(() => {
-              if (adRef.current) {
-                adRef.current.removeChild(adRef.current.children[0]);
-              }
-            }, 200);
-          } else {
-            if (props.handleCantHide) {
-              props.handleCantHide();
-            }
-          }
-        },
-        className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-h-fit hawa-cursor-pointer hawa-select-none hawa-rounded-bl-lg hawa-rounded-tr-lg hawa-bg-primary/50 hawa-px-2.5 hawa-py-0.5 hawa-text-[10px] hawa-font-semibold hawa-text-primary-foreground"
-      },
-      "Hide"
-    )
-  ));
-};
-
-// blocks/cards/PricingCard.tsx
-import React23 from "react";
-var PricingCard = ({
-  size = "medium",
-  direction = "ltr",
-  endButton = true,
-  recommended,
-  currentPlan = false,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  let cardSizes = {
-    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
-  };
-  return /* @__PURE__ */ React23.createElement(
-    Card,
-    {
-      dir: direction,
-      className: cn(
-        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
-        cardSizes[size],
-        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
-        recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
-      )
-    },
-    recommended && /* @__PURE__ */ React23.createElement(
-      "div",
-      {
-        className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
-        style: { width: "calc(100% + 2px)" }
-      },
-      ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
-    ),
-    /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React23.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React23.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React23.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React23.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React23.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.noPrice ? /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React23.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ React23.createElement(Separator, null), /* @__PURE__ */ React23.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-h-full hawa-justify-between hawa-gap-4",
-          endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
-        )
-      },
-      props.features && /* @__PURE__ */ React23.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
-        var _a2;
-        return /* @__PURE__ */ React23.createElement(
-          "li",
-          {
-            key: o,
-            className: cn(
-              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
-              !feature.included && "hawa-line-through"
-            )
-          },
-          /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React23.createElement(
-            "svg",
-            {
-              "aria-label": "Check Icon",
-              "aria-hidden": "true",
-              className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React23.createElement(
-              "path",
-              {
-                fillRule: "evenodd",
-                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",
-                clipRule: "evenodd"
-              }
-            )
-          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(
-            Chip,
-            {
-              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
-              color: "oceanic",
-              size: "small"
-            }
-          ))),
-          feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React23.createElement(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            },
-            /* @__PURE__ */ React23.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ React23.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ React23.createElement("path", { d: "M12 17h.01" })
-          ))
-        );
-      })),
-      /* @__PURE__ */ React23.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
-    ))
-  );
-};
-
-// blocks/cards/ItemCard.tsx
-import React24, { useEffect as useEffect4, useState as useState10 } from "react";
-var ItemCard = ({
-  actions,
-  counts,
-  content,
-  headerActions,
-  clickableImage,
-  onImageClick,
-  clickableImageActionText,
-  clickableImageActionIcon,
-  header,
-  cardImage,
-  orientation = "vertical",
-  ...props
-}) => {
-  let defaultStyle = "hawa-block hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm hawa-transition-all";
-  let orientationStyles = {
-    vertical: "hawa-max-w-sm",
-    horizontal: "hawa-flex hawa-flex-row hawa-w-full"
-  };
-  let imageStyles = {
-    vertical: "hawa-h-auto hawa-max-h-56 hawa-w-full hawa-rounded-t-lg hawa-object-cover",
-    horizontal: (
-      // "h-auto w-full rounded-l-lg object-cover md:h-auto md:w-48 md:rounded-none md:rounded-l-lg",
-      // "h-full w-full rounded-l-lg object-cover md:w-48 md:rounded-none md:rounded-l-lg",
-      "hawa-h-full hawa-w-48 hawa-rounded-l hawa-object-cover"
-    )
-  };
-  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";
-  const [openActionHeader, setOpenActionHeader] = useState10(false);
-  function handleOpenActionHeader(e) {
-    e.stopPropagation();
-    setOpenActionHeader(!openActionHeader);
-  }
-  useEffect4(() => {
-    window.onclick = () => {
-      if (openActionHeader) {
-        setOpenActionHeader(false);
-      }
-    };
-    return () => window.onclick = null;
-  }, [openActionHeader]);
-  return /* @__PURE__ */ React24.createElement(
-    "div",
-    {
-      className: cn(
-        defaultStyle,
-        props.onCardClick && " hawa-cursor-pointer hover:hawa-shadow-lg",
-        orientationStyles[orientation],
-        props.className
-      ),
-      onClick: (e) => {
-        e.stopPropagation();
-        if (props.onCardClick) {
-          props.onCardClick(e);
-        }
-      }
-    },
-    cardImage && /* @__PURE__ */ React24.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React24.createElement(
-      "img",
-      {
-        src: cardImage,
-        className: cn(
-          imageStyles[orientation],
-          clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
-        )
-      }
-    ), clickableImage && /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.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__ */ React24.createElement(
-      Button,
-      {
-        variant: "secondary",
-        onClick: onImageClick,
-        className: "hawa-flex hawa-flex-row hawa-gap-2"
-      },
-      clickableImageActionIcon,
-      clickableImageActionText || "Click"
-    )))),
-    /* @__PURE__ */ React24.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.createElement(
-      DropdownMenu,
-      {
-        items: headerActions,
-        trigger: /* @__PURE__ */ React24.createElement(
-          Button,
-          {
-            variant: "ghost",
-            size: "smallIcon",
-            onClick: handleOpenActionHeader
-          },
-          /* @__PURE__ */ React24.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ React24.createElement(
-            "svg",
-            {
-              className: "hawa-h-5 hawa-w-5",
-              "aria-hidden": "true",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React24.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" })
-          )
-        )
-      }
-    ))), /* @__PURE__ */ React24.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React24.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React24.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React24.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
-          actions || counts ? "hawa-justify-between" : "hawa-justify-end",
-          !actions && counts ? "hawa-py-3" : ""
-        )
-      },
-      counts,
-      /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, actions)
-    ) : null)
-  );
-};
-
-// blocks/cards/LandingCard.tsx
-import React25 from "react";
-var LandingCard = (props) => {
-  return /* @__PURE__ */ React25.createElement(Card, { className: props.className }, /* @__PURE__ */ React25.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React25.createElement(CardTitle, null, props.title), /* @__PURE__ */ React25.createElement(CardDescription, null, props.subtitle)));
-};
-
-// blocks/pricing/PricingPlans.tsx
-var PricingPlans = ({
-  mainContainerProps,
-  cardsContainerProps,
-  ...props
-}) => {
-  return /* @__PURE__ */ React26.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React26.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React26.createElement(
-    Radio,
-    {
-      design: "tabs",
-      defaultValue: props.currentCycle.value,
-      options: props.billingCycles,
-      onChange: (e) => {
-        if (props.onCycleChange) {
-          props.onCycleChange(e);
-        }
-      }
-    }
-  ), /* @__PURE__ */ React26.createElement(
-    Radio,
-    {
-      design: "tabs",
-      defaultValue: props.currentCurrency.value,
-      options: props.currencies,
-      onChange: (e) => {
-        if (props.onCurrencyChange) {
-          props.onCurrencyChange(e);
-        }
-      }
-    }
-  )), /* @__PURE__ */ React26.createElement(
-    "div",
-    {
-      className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
-      ...cardsContainerProps
-    },
-    props.plans.map((plan, index) => {
-      var _a, _b;
-      return /* @__PURE__ */ React26.createElement(
-        PricingCard,
-        {
-          key: index,
-          onPlanClicked: () => {
-            var _a2, _b2;
-            if (props.onPlanClicked) {
-              let clickedData = {
-                // plan: plan.id,
-                currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
-                cycle: (_b2 = props.currentCycle) == null ? void 0 : _b2.value,
-                ...plan
-              };
-              props.onPlanClicked(clickedData);
-            }
-          },
-          ...plan,
-          price: plan.price,
-          texts: {
-            ...plan.texts,
-            currencyText: (_a = props.currentCurrency) == null ? void 0 : _a.label,
-            cycleText: (_b = props.currentCycle) == null ? void 0 : _b.label
-          }
-        }
-      );
-    })
-  ));
-};
-
-// blocks/pricing/ComparingPlans.tsx
-import React27 from "react";
-var ComparingPlans = (props) => {
-  const uniqueFeatures = Array.from(
-    new Set(
-      props.plans.flatMap(
-        (plan) => plan.features.map((feature) => feature.text)
-      )
-    )
-  );
-  return /* @__PURE__ */ React27.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React27.createElement(
-    Radio,
-    {
-      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
-      width: "none",
-      design: "tabs",
-      defaultValue: props.currentCycle.value,
-      options: props.billingCycles,
-      onChange: (e) => {
-        if (props.onCycleChange) {
-          props.onCycleChange(e);
-        }
-      }
-    }
-  ), /* @__PURE__ */ React27.createElement(
-    Radio,
-    {
-      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
-      width: "none",
-      design: "tabs",
-      defaultValue: props.currentCurrency.value,
-      options: props.currencies,
-      onChange: (e) => {
-        if (props.onCurrencyChange) {
-          props.onCurrencyChange(e);
-        }
-      }
-    }
-  )), /* @__PURE__ */ React27.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-sticky hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-rounded-t hawa-border hawa-p-4 hawa-text-sm hawa-font-medium",
-        "hawa-bg-primary-foreground"
-      ),
-      style: {
-        top: props.topPosition || 0
-      }
-    },
-    /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ React27.createElement(
-      "div",
-      {
-        key: i,
-        className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
-      },
-      /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React27.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React27.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React27.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
-    ))
-  ), /* @__PURE__ */ React27.createElement(
-    ScrollArea,
-    {
-      className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
-      dir: props.direction
-    },
-    uniqueFeatures.map((featureText, featureIndex) => {
-      var _a, _b, _c, _d;
-      return /* @__PURE__ */ React27.createElement(
-        "div",
-        {
-          key: featureIndex,
-          className: cn(
-            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
-            featureIndex === 0 ? "" : "hawa-border-t"
-          )
-        },
-        /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
-          (plan) => plan.features.some(
-            (feature) => feature.text === featureText && feature.hint
-          )
-        ) && /* @__PURE__ */ React27.createElement(
-          Tooltip,
-          {
-            side: "right",
-            content: (_b = (_a = props.plans.find(
-              (plan) => {
-                var _a2;
-                return (_a2 = plan.features.find(
-                  (feature) => feature.text === featureText
-                )) == null ? void 0 : _a2.hint;
-              }
-            )) == null ? void 0 : _a.features.find(
-              (feature) => feature.text === featureText
-            )) == null ? void 0 : _b.hint
-          },
-          /* @__PURE__ */ React27.createElement(
-            "svg",
-            {
-              stroke: "currentColor",
-              fill: "currentColor",
-              strokeWidth: "0",
-              viewBox: "0 0 16 16",
-              height: "1em",
-              width: "1em"
-            },
-            /* @__PURE__ */ React27.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" })
-          )
-        ), props.plans.some(
-          (plan) => plan.features.some(
-            (feature) => feature.text === featureText && feature.soon
-          )
-        ) && /* @__PURE__ */ React27.createElement(
-          Chip,
-          {
-            label: ((_d = (_c = props.plans.find(
-              (plan) => plan.features.some(
-                (feature) => feature.text === featureText && feature.soon
-              )
-            )) == null ? void 0 : _c.texts) == null ? void 0 : _d.soon) || "Soon"
-          }
-        )),
-        props.plans.map((plan, planIndex) => {
-          const feature = plan.features.find(
-            (f) => f.text === featureText
-          );
-          return /* @__PURE__ */ React27.createElement(
-            "div",
-            {
-              key: planIndex,
-              className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
-            },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React27.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React27.createElement(UncheckMark, { className: "hawa-text-foreground" })
-          );
-        })
-      );
-    })
-  ), props.showButtons && /* @__PURE__ */ React27.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
-    var _a;
-    return /* @__PURE__ */ React27.createElement(
-      "div",
-      {
-        key: i,
-        className: "hawa-flex hawa-items-center hawa-justify-center"
-      },
-      /* @__PURE__ */ React27.createElement(
-        Button,
-        {
-          className: "hawa-w-full hawa-max-w-xs",
-          onClick: () => {
-            var _a2, _b;
-            if (props.onPlanClicked) {
-              let clickedData = {
-                // plan: plan.id,
-                currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
-                cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
-                ...plan
-              };
-              props.onPlanClicked(clickedData);
-            }
-          }
-        },
-        ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
-      )
-    );
-  })));
-};
-
-// blocks/pricing/HorizontalPricing.tsx
-import React28, { useState as useState11 } from "react";
-var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = useState11("");
-  let data = [
-    { title: "basic", price: "$49", cycle: "/mo" },
-    { title: "business", price: "$99", cycle: "/mo" },
-    { title: "enterprise", price: "$149", cycle: "/mo" }
-  ];
-  return /* @__PURE__ */ React28.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React28.createElement(
-    Radio,
-    {
-      design: "tabs",
-      options: props.currencies,
-      defaultValue: props.currentCurrency
-    }
-  ), /* @__PURE__ */ React28.createElement(
-    Radio,
-    {
-      design: "tabs",
-      options: props.billingCycles,
-      defaultValue: props.currentCycle
-    }
-  )), data.map((d, i) => /* @__PURE__ */ React28.createElement(
-    "label",
-    {
-      key: i,
-      htmlFor: d.title,
-      className: "",
-      onClick: () => setSelectedCard(d.title)
-    },
-    /* @__PURE__ */ React28.createElement(
-      "input",
-      {
-        type: "radio",
-        name: "radio",
-        id: d.title,
-        className: "hawa-peer hawa-appearance-none"
-      }
-    ),
-    /* @__PURE__ */ React28.createElement(
-      "div",
-      {
-        className: cn(
-          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20 " : "",
-          "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
-        )
-      },
-      /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React28.createElement(CheckIcons, null), /* @__PURE__ */ React28.createElement(
-        CardText,
-        {
-          title: "Enterprise",
-          subtitle: "For startups and new businesses"
-        }
-      )),
-      /* @__PURE__ */ React28.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
-    )
-  ))));
-};
-var CheckIcons = () => /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
-  "svg",
-  {
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
-    stroke: "currentColor",
-    className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
-  },
-  /* @__PURE__ */ React28.createElement(
-    "path",
-    {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-    }
-  )
-), /* @__PURE__ */ React28.createElement(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
-  },
-  /* @__PURE__ */ React28.createElement(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
-    }
-  )
-));
-var CardText = (props) => /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React28.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React28.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React28.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React28.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
-
-// blocks/Usage.tsx
-import React29 from "react";
-var Usage = (props) => {
-  var _a;
-  return /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React29.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React29.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React29.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      "aria-label": "Exclamation Circle",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 16 16",
-      height: "1em",
-      width: "1em"
-    },
-    /* @__PURE__ */ React29.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" })
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React29.createElement("div", null, props.currentUsage), /* @__PURE__ */ React29.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React29.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
-};
-export {
-  ActionCard,
-  AdCard,
-  Announcement,
-  AppLanding,
-  CheckEmail,
-  CodeConfirmation,
-  ComparingPlans,
-  ContactForm,
-  EmptyState,
-  FeedbackEmoji,
-  FeedbackForm,
-  FeedbackRating,
-  HorizontalPricing,
-  ItemCard,
-  LandingCard,
-  LeadGenerator,
-  LegalTexts,
-  LoginForm,
-  NewPasswordForm,
-  NoPermission,
-  NotFound,
-  PricingCard,
-  PricingPlans,
-  RegisterForm,
-  ResetPasswordForm,
-  Testimonial,
-  Usage,
-  UserReferralSource
-};