@sikka/hawa 0.31.6-next → 0.31.8-next

package/dist/blocks/auth/index.mjs

@@ -478,7 +478,8 @@ var AuthButtons = (props) => {
 };
 
 // blocks/auth/LoginForm.tsx
-import React5, { useState as useState3 } from "react";
+import React5 from "react";
+import { useState as useState3 } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { parsePhoneNumber } from "libphonenumber-js";
@@ -629,7 +630,7 @@ var Alert = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-import React4, { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
+import React4, { useState as useState2, useRef as useRef2 } from "react";
 
 // countries.ts
 var countries = [
@@ -2325,16 +2326,14 @@ var countries = [
 var countries_default = countries;
 
 // elements/phoneInput/PhoneInput.tsx
-var PhoneInput = ({ labelProps, ...props }) => {
+var PhoneInput = ({
+  labelProps,
+  inputProps,
+  ...props
+}) => {
   const [phoneNumber, setPhoneNumber] = useState2("");
   const [countryCode, setCountryCode] = useState2(props.preferredCountry);
   const inputRef = useRef2(null);
-  useEffect2(() => {
-    var _a;
-    if (inputRef.current) {
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    }
-  }, []);
   const handleInputChange = (e) => {
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
@@ -2350,31 +2349,32 @@ var PhoneInput = ({ labelProps, ...props }) => {
   return /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React4.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React4.createElement(
     Select,
     {
+      phoneCode: true,
       width: "fit",
       hideHelperText: true,
-      phoneCode: true,
       hideIndicator: true,
-      placeholder: "Code",
-      options: countries_default,
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      defaultValue: props.preferredCountry,
+      placeholder: "Code",
+      options: countries_default,
+      onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
-      onChange: setCountryCode
+      defaultValue: props.preferredCountry
     }
   ), /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React4.createElement(
     "input",
     {
+      type: "tel",
       ref: inputRef,
       id: "phone-number",
+      value: phoneNumber,
+      onChange: handleInputChange,
+      placeholder: props.placeholder,
       className: cn(
         "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
-      onChange: handleInputChange,
-      value: phoneNumber,
-      type: "tel",
-      placeholder: props.placeholder
+      ...inputProps
     }
   ))), /* @__PURE__ */ React4.createElement(
     "p",

package/dist/blocks/feedback/index.d.mts

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-0bvyKoeH.mjs';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-DXLtO2fL.mjs';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/feedback/index.d.ts

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-0bvyKoeH.js';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-DXLtO2fL.js';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/index.d.mts

@@ -1,8 +1,8 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
-import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.mjs';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-L369ID7b.mjs';
-import { M as MenuItemType } from '../DropdownMenu-o_-MnT5h.mjs';
+import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.mjs';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-D52-m4Ns.mjs';
+import { M as MenuItemType } from '../DropdownMenu-K3ztliYc.mjs';
 import '@radix-ui/react-dropdown-menu';
 
 type AuthButtonsType = {

package/dist/blocks/index.d.ts

@@ -1,8 +1,8 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
-import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.js';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-3B8RZYJA.js';
-import { M as MenuItemType } from '../DropdownMenu-p-Ha-y2R.js';
+import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.js';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-B-DG0FMr.js';
+import { M as MenuItemType } from '../DropdownMenu-CJblb-9q.js';
 import '@radix-ui/react-dropdown-menu';
 
 type AuthButtonsType = {