@sikka/hawa 0.11.18-next → 0.11.20-next

package/dist/index.css

@@ -2439,14 +2439,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity));
 }
-.hawa-text-neutral-700 {
-  --tw-text-opacity: 1;
-  color: rgb(64 64 64 / var(--tw-text-opacity));
-}
-.hawa-text-neutral-900 {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
-}
 .hawa-text-orange-500 {
   --tw-text-opacity: 1;
   color: rgb(249 115 22 / var(--tw-text-opacity));
@@ -2460,9 +2452,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.hawa-text-primary\/60 {
+  color: hsl(var(--primary) / 0.6);
+}
 .hawa-text-primary\/70 {
   color: hsl(var(--primary) / 0.7);
 }
+.hawa-text-primary\/90 {
+  color: hsl(var(--primary) / 0.9);
+}
 .hawa-text-purple-500 {
   --tw-text-opacity: 1;
   color: rgb(168 85 247 / var(--tw-text-opacity));
@@ -3089,18 +3087,25 @@ body {
 .hawa-group.destructive .group-\[\.destructive\]\:focus\:hawa-ring-offset-red-600:focus {
   --tw-ring-offset-color: #dc2626;
 }
-.hawa-peer:checked ~ .peer-checked\:hawa-border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity));
-}
 .hawa-peer:checked ~ .peer-checked\:hawa-border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
+.hawa-peer:checked ~ .peer-checked\:hawa-border-primary {
+  border-color: hsl(var(--primary));
+}
 .hawa-peer:checked ~ .peer-checked\:hawa-text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
+.hawa-peer:checked ~ .peer-checked\:hawa-ring-4 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.hawa-peer:checked ~ .peer-checked\:hawa-ring-primary\/20 {
+  --tw-ring-color: hsl(var(--primary) / 0.2);
+}
 .hawa-peer:disabled ~ .peer-disabled\:hawa-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -3466,10 +3471,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-gray-100) {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
-}
 :is([data-mode="dark"] .dark\:hawa-text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -1037,8 +1037,7 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
+    fullName: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
@@ -1054,6 +1053,23 @@ type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
     registerText: string;
     loginText: string;
 };
+type ResetPasswordTextsTypes = {
+    email: TextInputType;
+    emailSentText: string;
+    registerText: string;
+    resetPassword: string;
+    dontHaveAccount: string;
+    headTitle?: string;
+    headDescription?: string;
+};
+type NewPasswordTextsTypes = {
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    updatePassword: string;
+    passwordChanged: string;
+    dontHaveAccount?: string;
+    registerText?: string;
+};
 
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
@@ -1225,20 +1241,7 @@ type NewPasswordTypes = {
     headless?: boolean;
     allowRegister?: boolean;
     passwordChanged: any;
-    texts: {
-        passwordPlaceholder: string;
-        passwordRequired: string;
-        passwordLabel: string;
-        passwordMatchError: string;
-        passwordTooShort: string;
-        updatePassword: string;
-        passwordChanged: string;
-        confirmPasswordPlaceholder: string;
-        confirmPasswordLabel: string;
-        confirmPasswordRequired: string;
-        dontHaveAccount?: string;
-        registerText?: string;
-    };
+    texts: NewPasswordTextsTypes;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -1249,25 +1252,11 @@ type ResetPasswordType = {
     headless?: boolean;
     allowRegister?: boolean;
     direction?: "rtl" | "ltr";
-    texts?: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequired: string;
-        emailInvalid: string;
-        emailSentText: string;
-        registerText: string;
-        resetPassword: string;
-        dontHaveAccount: string;
-        headTitle?: string;
-        headDescription?: string;
-    };
+    texts?: ResetPasswordTextsTypes;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
-    showError?: any;
-    errorTitle?: any;
-    errorText?: any;
     texts?: {
         checkYourPhone?: string;
         weSentCode?: string;
@@ -1280,6 +1269,9 @@ type TConfirmation = {
         confirm?: string;
         cancel?: string;
     };
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
     phoneNumber?: string;
     handleConfirm?: any;
 };

package/dist/index.d.ts

@@ -1037,8 +1037,7 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
+    fullName: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
@@ -1054,6 +1053,23 @@ type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
     registerText: string;
     loginText: string;
 };
+type ResetPasswordTextsTypes = {
+    email: TextInputType;
+    emailSentText: string;
+    registerText: string;
+    resetPassword: string;
+    dontHaveAccount: string;
+    headTitle?: string;
+    headDescription?: string;
+};
+type NewPasswordTextsTypes = {
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    updatePassword: string;
+    passwordChanged: string;
+    dontHaveAccount?: string;
+    registerText?: string;
+};
 
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
@@ -1225,20 +1241,7 @@ type NewPasswordTypes = {
     headless?: boolean;
     allowRegister?: boolean;
     passwordChanged: any;
-    texts: {
-        passwordPlaceholder: string;
-        passwordRequired: string;
-        passwordLabel: string;
-        passwordMatchError: string;
-        passwordTooShort: string;
-        updatePassword: string;
-        passwordChanged: string;
-        confirmPasswordPlaceholder: string;
-        confirmPasswordLabel: string;
-        confirmPasswordRequired: string;
-        dontHaveAccount?: string;
-        registerText?: string;
-    };
+    texts: NewPasswordTextsTypes;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -1249,25 +1252,11 @@ type ResetPasswordType = {
     headless?: boolean;
     allowRegister?: boolean;
     direction?: "rtl" | "ltr";
-    texts?: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequired: string;
-        emailInvalid: string;
-        emailSentText: string;
-        registerText: string;
-        resetPassword: string;
-        dontHaveAccount: string;
-        headTitle?: string;
-        headDescription?: string;
-    };
+    texts?: ResetPasswordTextsTypes;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
-    showError?: any;
-    errorTitle?: any;
-    errorText?: any;
     texts?: {
         checkYourPhone?: string;
         weSentCode?: string;
@@ -1280,6 +1269,9 @@ type TConfirmation = {
         confirm?: string;
         cancel?: string;
     };
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
     phoneNumber?: string;
     handleConfirm?: any;
 };

package/dist/index.js

@@ -7394,11 +7394,11 @@ var RegisterForm = function(_param) {
                 name: "fullName",
                 render: function(param) {
                     var field = param.field;
-                    var _formState_errors_fullName;
+                    var _texts_fullName, _texts_fullName1, _formState_errors_fullName;
                     return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
                         width: "full",
-                        label: texts === null || texts === void 0 ? void 0 : texts.fullNameLabel,
-                        placeholder: texts === null || texts === void 0 ? void 0 : texts.fullNamePlaceholder,
+                        label: texts === null || texts === void 0 ? void 0 : (_texts_fullName = texts.fullName) === null || _texts_fullName === void 0 ? void 0 : _texts_fullName.label,
+                        placeholder: texts === null || texts === void 0 ? void 0 : (_texts_fullName1 = texts.fullName) === null || _texts_fullName1 === void 0 ? void 0 : _texts_fullName1.placeholder,
                         helperText: (_formState_errors_fullName = formState.errors.fullName) === null || _formState_errors_fullName === void 0 ? void 0 : _formState_errors_fullName.message
                     }, field));
                 }
@@ -7700,25 +7700,26 @@ var NewPasswordForm = function(_param) {
     var texts = _param.texts, props = _object_without_properties(_param, [
         "texts"
     ]);
+    var _texts_password, _texts_password1, _texts_password2, _texts_confirm, _texts_password3, _texts_confirm1, _texts_confirm2;
     var formSchema = z3.object({
         password: z3.string({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            required_error: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.required
         }).min(1, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.required
         }).min(8, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordTooShort
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password2 = texts.password) === null || _texts_password2 === void 0 ? void 0 : _texts_password2.tooShort
         }),
         confirm_password: z3.string({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordRequired
+            required_error: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.required
         }).refine(function(value) {
             return value !== "";
         }, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password3 = texts.password) === null || _texts_password3 === void 0 ? void 0 : _texts_password3.required
         })
     }).refine(function(data) {
         return data.password === data.confirm_password;
     }, {
-        message: "Passwords don't match",
+        message: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.dontMatch,
         path: [
             "confirm_password"
         ]
@@ -7731,7 +7732,7 @@ var NewPasswordForm = function(_param) {
     return /* @__PURE__ */ import_react42.default.createElement(Card, {
         dir: props.direction
     }, matchError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
-        text: texts === null || texts === void 0 ? void 0 : texts.passwordMatchError,
+        text: texts === null || texts === void 0 ? void 0 : (_texts_confirm2 = texts.confirm) === null || _texts_confirm2 === void 0 ? void 0 : _texts_confirm2.dontMatch,
         severity: "error"
     }), props.passwordChanged ? /* @__PURE__ */ import_react42.default.createElement(CardContent, {
         headless: true
@@ -7754,13 +7755,13 @@ var NewPasswordForm = function(_param) {
         name: "password",
         render: function(param) {
             var field = param.field;
-            var _formState_errors_password;
+            var _texts_password, _texts_password1, _formState_errors_password;
             return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
-                label: texts === null || texts === void 0 ? void 0 : texts.passwordLabel,
-                placeholder: texts === null || texts === void 0 ? void 0 : texts.passwordPlaceholder,
+                label: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label,
+                placeholder: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder,
                 helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
             }, field));
         }
@@ -7769,13 +7770,13 @@ var NewPasswordForm = function(_param) {
         name: "confirm_password",
         render: function(param) {
             var field = param.field;
-            var _formState_errors_confirm_password;
+            var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
             return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
-                label: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordLabel,
-                placeholder: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordPlaceholder,
+                label: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.label,
+                placeholder: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.placeholder,
                 helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
             }, field));
         }
@@ -7797,14 +7798,14 @@ var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = function(props) {
-    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
+    var _props_texts_email, _props_texts, _props_texts_email1, _props_texts1, _props_texts_email2, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
     var formSchema = z4.object({
         email: z4.string({
-            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailRequired
+            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.required
         }).email({
-            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailInvalid
+            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.invalid
         }).min(1, {
-            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.emailRequired
+            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : (_props_texts_email2 = _props_texts2.email) === null || _props_texts_email2 === void 0 ? void 0 : _props_texts_email2.required
         })
     });
     var _ref = (0, import_react_hook_form4.useForm)({
@@ -7829,12 +7830,12 @@ var ResetPasswordForm = function(props) {
         name: "email",
         render: function(param) {
             var field = param.field;
-            var _props_texts, _formState_errors_email, _props_texts1;
+            var _props_texts_email, _props_texts, _formState_errors_email, _props_texts_email1, _props_texts1;
             return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                 width: "full",
-                label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel,
+                label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.label,
                 helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
-                placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailPlaceholder
+                placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.placeholder
             }, field));
         }
     })), /* @__PURE__ */ import_react43.default.createElement(CardFooter, {
@@ -8797,7 +8798,7 @@ var HorizontalPricing = function(props) {
             id: d.title,
             className: "hawa-peer hawa-appearance-none"
         }), /* @__PURE__ */ import_react58.default.createElement("div", {
-            className: (0, import_clsx13.default)(selectedCard === d.title ? "peer-checked:hawa-border-blue-500" : "", "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")
+            className: (0, import_clsx13.default)(selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "", "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__ */ import_react58.default.createElement("div", {
             className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
         }, /* @__PURE__ */ import_react58.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react58.default.createElement(CardText, {
@@ -8834,14 +8835,14 @@ var CardText = function(props) {
     return /* @__PURE__ */ import_react58.default.createElement("div", {
         className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
     }, /* @__PURE__ */ import_react58.default.createElement("h2", {
-        className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl"
+        className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl"
     }, props.title), /* @__PURE__ */ import_react58.default.createElement("p", {
-        className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300"
+        className: "hawa-text-sm hawa-text-primary/60"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
     return /* @__PURE__ */ import_react58.default.createElement("h2", {
-        className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl"
+        className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl"
     }, props.amount, /* @__PURE__ */ import_react58.default.createElement("span", {
         className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
     }, props.cycle));

package/dist/index.mjs

@@ -4748,10 +4748,7 @@ var DataTable = ({
   ...props
 }) => {
   const [sorting, setSorting] = React38.useState([
-    {
-      id: props.defaultSort || "",
-      desc: false
-    }
+    { id: props.defaultSort || "", desc: false }
   ]);
   const [columnFilters, setColumnFilters] = React38.useState(
     []
@@ -7320,8 +7317,8 @@ var RegisterForm = ({ texts, ...props }) => {
               Input,
               {
                 width: "full",
-                label: texts?.fullNameLabel,
-                placeholder: texts?.fullNamePlaceholder,
+                label: texts?.fullName?.label,
+                placeholder: texts?.fullName?.placeholder,
                 helperText: formState.errors.fullName?.message,
                 ...field
               }
@@ -7656,19 +7653,19 @@ import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
 var NewPasswordForm = ({ texts, ...props }) => {
   const formSchema = z3.object({
-    password: z3.string({ required_error: texts?.passwordRequired }).min(1, { message: texts?.passwordRequired }).min(8, { message: texts?.passwordTooShort }),
-    confirm_password: z3.string({ required_error: texts?.confirmPasswordRequired }).refine((value) => value !== "", {
-      message: texts?.passwordRequired
+    password: z3.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(8, { message: texts?.password?.tooShort }),
+    confirm_password: z3.string({ required_error: texts?.confirm?.required }).refine((value) => value !== "", {
+      message: texts?.password?.required
     })
   }).refine((data) => data.password === data.confirm_password, {
-    message: "Passwords don't match",
+    message: texts?.confirm?.dontMatch,
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
   const [matchError, setMatchError] = useState24(false);
-  return /* @__PURE__ */ React66.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React66.createElement(Alert, { text: texts?.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React66.createElement(CardContent, { headless: true }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React66.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React66.createElement(Alert, { text: texts?.confirm?.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React66.createElement(CardContent, { headless: true }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React66.createElement(
     "form",
     {
       noValidate: true,
@@ -7700,8 +7697,8 @@ var NewPasswordForm = ({ texts, ...props }) => {
               width: "full",
               type: "password",
               autoComplete: "new-password",
-              label: texts?.passwordLabel,
-              placeholder: texts?.passwordPlaceholder,
+              label: texts?.password?.label,
+              placeholder: texts?.password?.placeholder,
               helperText: formState.errors.password?.message,
               ...field
             }
@@ -7719,8 +7716,8 @@ var NewPasswordForm = ({ texts, ...props }) => {
               width: "full",
               type: "password",
               autoComplete: "new-password",
-              label: texts?.confirmPasswordLabel,
-              placeholder: texts?.confirmPasswordPlaceholder,
+              label: texts?.confirm?.label,
+              placeholder: texts?.confirm?.placeholder,
               helperText: formState.errors.confirm_password?.message,
               ...field
             }
@@ -7746,7 +7743,7 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = (props) => {
   const formSchema = z4.object({
-    email: z4.string({ required_error: props.texts?.emailRequired }).email({ message: props.texts?.emailInvalid }).min(1, { message: props.texts?.emailRequired })
+    email: z4.string({ required_error: props.texts?.email?.required }).email({ message: props.texts?.email?.invalid }).min(1, { message: props.texts?.email?.required })
   });
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
@@ -7772,9 +7769,9 @@ var ResetPasswordForm = (props) => {
           Input,
           {
             width: "full",
-            label: props.texts?.emailLabel,
+            label: props.texts?.email?.label,
             helperText: formState.errors.email?.message,
-            placeholder: props.texts?.emailPlaceholder,
+            placeholder: props.texts?.email?.placeholder,
             ...field
           }
         )
@@ -8704,7 +8701,7 @@ var HorizontalPricing = (props) => {
       "div",
       {
         className: clsx13(
-          selectedCard === d.title ? "peer-checked:hawa-border-blue-500" : "",
+          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "",
           "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"
         )
       },
@@ -8752,8 +8749,8 @@ var CheckIcons = () => /* @__PURE__ */ React82.createElement(React82.Fragment, n
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React82.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React82.createElement("h2", { className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React82.createElement("p", { className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React82.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React82.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ React82.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React82.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React82.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ React82.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React82.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // components/blocks/Usage.tsx
 import React83 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.11.18-next",
+  "version": "0.11.20-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {