@sikka/hawa 0.26.29 → 0.26.30

package/dist/blocks/index.mjs

@@ -0,0 +1,2550 @@
+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
+};