@sikka/hawa 0.31.1-next → 0.31.2-next

package/dist/index.js

@@ -10337,7 +10337,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react60.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement(CardContent, { headless: true, noPadding: props.cardless, className: "hawa-bg-red-400" }, props.showError && /* @__PURE__ */ import_react60.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -10865,7 +10865,7 @@ var NewPasswordForm = ({
   isLoading,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   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 !== "", {
@@ -10878,8 +10878,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
     resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  const [matchError, setMatchError] = (0, import_react64.useState)(false);
-  return /* @__PURE__ */ import_react64.default.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ import_react64.default.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react64.default.createElement(
     "form",
     {
       noValidate: true,
@@ -10893,65 +10892,63 @@ var NewPasswordForm = ({
         }
       })
     },
-    !props.headless && /* @__PURE__ */ import_react64.default.createElement(CardHeader, null, /* @__PURE__ */ import_react64.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react64.default.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ import_react64.default.createElement(
-      CardContent,
+    /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react64.default.createElement(
+      Alert,
       {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ import_react64.default.createElement(
-        import_react_hook_form3.Controller,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react64.default.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
-              }
-            );
-          }
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react64.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react64.default.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__ */ import_react64.default.createElement(
-        import_react_hook_form3.Controller,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react64.default.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__ */ import_react64.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react64.default.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__ */ import_react64.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react64.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react64.default.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__ */ import_react64.default.createElement(
+      }
+    )), /* @__PURE__ */ import_react64.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react64.default.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
+      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
     )))
   ));
 };
@@ -10987,7 +10984,15 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react65.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react65.default.createElement(
+      Alert,
+      {
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react65.default.createElement(
       import_react_hook_form4.Controller,
       {
         control,

package/dist/index.mjs

@@ -10114,7 +10114,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React82.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React82.createElement(CardContent, { headless: true, noPadding: props.cardless, className: "hawa-bg-red-400" }, props.showError && /* @__PURE__ */ React82.createElement(
       Alert,
       {
         direction: props.direction,
@@ -10633,7 +10633,7 @@ var CheckEmail = ({ texts, handleResend }) => {
 };
 
 // blocks/auth/NewPassword.tsx
-import React86, { useState as useState41 } from "react";
+import React86 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";
@@ -10642,7 +10642,7 @@ var NewPasswordForm = ({
   isLoading,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   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 !== "", {
@@ -10655,8 +10655,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
-  const [matchError, setMatchError] = useState41(false);
-  return /* @__PURE__ */ React86.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React86.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React86.createElement(CardContent, { headless: true }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React86.createElement(
+  return /* @__PURE__ */ React86.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ React86.createElement(CardContent, { headless: true }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React86.createElement(
     "form",
     {
       noValidate: true,
@@ -10670,65 +10669,63 @@ var NewPasswordForm = ({
         }
       })
     },
-    !props.headless && /* @__PURE__ */ React86.createElement(CardHeader, null, /* @__PURE__ */ React86.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React86.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ React86.createElement(
-      CardContent,
+    /* @__PURE__ */ React86.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ React86.createElement(
+      Alert,
       {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ React86.createElement(
-        Controller3,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React86.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
-              }
-            );
-          }
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React86.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ React86.createElement(
+      Controller3,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React86.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__ */ React86.createElement(
-        Controller3,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React86.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__ */ React86.createElement(
+      Controller3,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React86.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__ */ React86.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React86.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__ */ React86.createElement(
+      }
+    )), /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React86.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ React86.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
+      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
     )))
   ));
 };
@@ -10764,7 +10761,15 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ React87.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React87.createElement(
+    /* @__PURE__ */ React87.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ React87.createElement(
+      Alert,
+      {
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React87.createElement(
       Controller4,
       {
         control,
@@ -10804,7 +10809,7 @@ var ResetPasswordForm = ({
 };
 
 // blocks/auth/CodeConfirmation.tsx
-import React88, { useEffect as useEffect30, useState as useState42 } from "react";
+import React88, { useEffect as useEffect30, useState as useState41 } 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";
@@ -10816,9 +10821,9 @@ var CodeConfirmation = (props) => {
   const { handleSubmit, control, formState, setValue } = useForm5({
     resolver: zodResolver5(formSchema)
   });
-  const [resendTimer, setResendTimer] = useState42(null);
-  const [remainingTime, setRemainingTime] = useState42(0);
-  const [showResendTimer, setShowResendTimer] = useState42(false);
+  const [resendTimer, setResendTimer] = useState41(null);
+  const [remainingTime, setRemainingTime] = useState41(0);
+  const [showResendTimer, setShowResendTimer] = useState41(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);
@@ -10903,7 +10908,7 @@ var CodeConfirmation = (props) => {
 };
 
 // blocks/feedback/UserReferralSource.tsx
-import React89, { useRef as useRef20, useState as useState43 } from "react";
+import React89, { useRef as useRef20, useState as useState42 } 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";
@@ -10913,7 +10918,7 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = useState43(false);
+  const [closed, setClosed] = useState42(false);
   const popUpRef = useRef20(null);
   const formSchema = z6.object({
     source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
@@ -11061,15 +11066,15 @@ var UserReferralSource = ({
 };
 
 // blocks/feedback/FeedbackRating.tsx
-import React90, { useEffect as useEffect31, useRef as useRef21, useState as useState44 } from "react";
+import React90, { useEffect as useEffect31, useRef as useRef21, useState as useState43 } from "react";
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = useState44(false);
-  const [answered, setAnswered] = useState44(false);
-  const [clickedOption, setClickedOption] = useState44(null);
-  const [closingTimer, setClosingTimer] = useState44(5);
+  const [closed, setClosed] = useState43(false);
+  const [answered, setAnswered] = useState43(false);
+  const [clickedOption, setClickedOption] = useState43(null);
+  const [closingTimer, setClosingTimer] = useState43(5);
   const popUpRef = useRef21(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4",
@@ -11175,12 +11180,12 @@ var FeedbackRating = ({
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-import React91, { useState as useState45 } from "react";
+import React91, { useState as useState44 } from "react";
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = useState45(null);
-  const [loadingSubmit, setLoadingSubmit] = useState45(false);
-  const [feedbackText, setFeedbackText] = useState45("");
-  const [helperText, setHelperText] = useState45(false);
+  const [selectedEmoji, setSelectedEmoji] = useState44(null);
+  const [loadingSubmit, setLoadingSubmit] = useState44(false);
+  const [feedbackText, setFeedbackText] = useState44("");
+  const [helperText, setHelperText] = useState44(false);
   let emojis = [
     { icon: /* @__PURE__ */ React91.createElement(VeryGoodEmoji, null), value: "very-good" },
     { icon: /* @__PURE__ */ React91.createElement(GoodEmoji, null), value: "good" },
@@ -11743,9 +11748,9 @@ var ContactForm = ({
 import React106 from "react";
 
 // blocks/cards/ActionCard.tsx
-import React101, { useState as useState46 } from "react";
+import React101, { useState as useState45 } from "react";
 var ActionCard = (props) => {
-  const [hovered, setHovered] = useState46(false);
+  const [hovered, setHovered] = useState45(false);
   return /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React101.createElement(
     "div",
     {
@@ -11782,13 +11787,13 @@ var ActionCard = (props) => {
 };
 
 // blocks/cards/AdCard.tsx
-import React102, { useState as useState47, useEffect as useEffect32, useRef as useRef22 } from "react";
+import React102, { useState as useState46, useEffect as useEffect32, useRef as useRef22 } from "react";
 var AdCard = ({
   orientation = "vertical",
   ...props
 }) => {
   const adRef = useRef22(null);
-  const [closed, setClosed] = useState47(false);
+  const [closed, setClosed] = useState46(false);
   let duration = 0;
   useEffect32(() => {
     if (duration) {
@@ -11978,7 +11983,7 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-import React104, { useEffect as useEffect33, useState as useState48 } from "react";
+import React104, { useEffect as useEffect33, useState as useState47 } from "react";
 var ItemCard = ({
   actions,
   counts,
@@ -12007,7 +12012,7 @@ var ItemCard = ({
     )
   };
   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] = useState48(false);
+  const [openActionHeader, setOpenActionHeader] = useState47(false);
   function handleOpenActionHeader(e) {
     e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
@@ -12339,9 +12344,9 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-import React108, { useState as useState49 } from "react";
+import React108, { useState as useState48 } from "react";
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = useState49("");
+  const [selectedCard, setSelectedCard] = useState48("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.31.1-next",
+  "version": "0.31.2-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",