@sikka/hawa 0.31.6-next → 0.31.8-next

package/dist/blocks/index.mjs

@@ -26,7 +26,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-NPD4FUIM.mjs";
+} from "../chunk-JXN2PVGT.mjs";
 import "../chunk-R2SKHHDK.mjs";
 import {
   Button,
@@ -144,7 +144,8 @@ var AuthButtons = (props) => {
 };
 
 // blocks/auth/LoginForm.tsx
-import React2, { useState } from "react";
+import React2 from "react";
+import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { parsePhoneNumber } from "libphonenumber-js";

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { T as TextInputType, R as RadioOptionType } from '../../textTypes-0bvyKoeH.mjs';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-DXLtO2fL.mjs';
 
 type TabType = {
     title: string;

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { T as TextInputType, R as RadioOptionType } from '../../textTypes-0bvyKoeH.js';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-DXLtO2fL.js';
 
 type TabType = {
     title: string;

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

@@ -1,5 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-0bvyKoeH.mjs';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-DXLtO2fL.mjs';
 
 type PlanFeature = {
     soon?: boolean;

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

@@ -1,5 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-0bvyKoeH.js';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-DXLtO2fL.js';
 
 type PlanFeature = {
     soon?: boolean;

package/dist/carousel/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
+import { D as DirectionType } from '../commonTypes-D23Z4zYt.mjs';
 import { EmblaOptionsType } from 'embla-carousel';
 
 type CarouselProps = {

package/dist/carousel/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
+import { D as DirectionType } from '../commonTypes-D23Z4zYt.js';
 import { EmblaOptionsType } from 'embla-carousel';
 
 type CarouselProps = {

package/dist/checkbox/index.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
+import { R as RadiusType } from '../commonTypes-D23Z4zYt.mjs';
 
 type CheckBoxTypes = {
     id: string;

package/dist/checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
+import { R as RadiusType } from '../commonTypes-D23Z4zYt.js';
 
 type CheckBoxTypes = {
     id: string;

package/dist/chip/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
+import { R as RadiusType } from '../commonTypes-D23Z4zYt.mjs';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/chip/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
+import { R as RadiusType } from '../commonTypes-D23Z4zYt.js';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/{chunk-NPD4FUIM.mjs → chunk-JXN2PVGT.mjs}

@@ -534,7 +534,7 @@ var Select = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-import React5, { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
+import React5, { useState as useState2, useRef as useRef2 } from "react";
 
 // countries.ts
 var countries = [
@@ -2230,16 +2230,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;
@@ -2255,31 +2253,32 @@ var PhoneInput = ({ labelProps, ...props }) => {
   return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React5.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React5.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__ */ React5.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React5.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__ */ React5.createElement(
     "p",

package/dist/dataTable/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.mjs';
 
 type DataTableProps<DataProps = {}> = {
     direction?: DirectionType;

package/dist/dataTable/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.js';
 
 type DataTableProps<DataProps = {}> = {
     direction?: DirectionType;

package/dist/destroyableCard/index.d.mts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.mjs';
 
 type DestroyableCard = {
     position?: "bottom-right" | "bottom-left";

package/dist/destroyableCard/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.js';
 
 type DestroyableCard = {
     position?: "bottom-right" | "bottom-left";

package/dist/dialog/index.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.mjs';
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/dialog/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.js';
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/docsLayout/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-52DloiYq.mjs';
+import { D as DirectionType } from '../commonTypes-TGqbHlp_.mjs';
 
 type AppLayoutTypes = {
     pages?: any[];

package/dist/docsLayout/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-52DloiYq.js';
+import { D as DirectionType } from '../commonTypes-TGqbHlp_.js';
 
 type AppLayoutTypes = {
     pages?: any[];

package/dist/docsSidebar/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.mjs';
 
 type DocsSidebarType = {
     pages: any[];

package/dist/docsSidebar/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+import { D as DirectionType } from '../commonTypes-ClC9C8Mh.js';
 
 type DocsSidebarType = {
     pages: any[];

package/dist/elements/index.d.mts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-CKtkuNFH.mjs';
-export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-o_-MnT5h.mjs';
-import { a as ChipTypes } from '../Chip-hr2gRBJ-.mjs';
-export { b as Chip, C as ChipColors } from '../Chip-hr2gRBJ-.mjs';
+import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-C-g8nFFC.mjs';
+export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-K3ztliYc.mjs';
+import { a as ChipTypes } from '../Chip-BT2hUlGJ.mjs';
+export { b as Chip, C as ChipColors } from '../Chip-BT2hUlGJ.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
@@ -13,8 +13,8 @@ import { DialogProps } from '@radix-ui/react-dialog';
 import { VariantProps } from 'class-variance-authority';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-import { L as LabelProps } from '../Radio-L369ID7b.mjs';
-export { b as Label, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-L369ID7b.mjs';
+import { L as LabelProps } from '../Radio-D52-m4Ns.mjs';
+export { b as Label, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-D52-m4Ns.mjs';
 import { Command as Command$1 } from 'cmdk';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -25,8 +25,8 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { HighlightProps } from 'prism-react-renderer';
 import { EmblaOptionsType } from 'embla-carousel';
-import { T as ToasterToastProps } from '../Toast-ySvjL_-K.mjs';
-export { e as Toast, i as ToastAction, b as ToastActionElement, h as ToastClose, g as ToastDescription, a as ToastProps, c as ToastProvider, f as ToastTitle, d as ToastViewport } from '../Toast-ySvjL_-K.mjs';
+import { T as ToasterToastProps } from '../Toast-BcFD9aeQ.mjs';
+export { e as Toast, i as ToastAction, b as ToastActionElement, h as ToastClose, g as ToastDescription, a as ToastProps, c as ToastProvider, f as ToastTitle, d as ToastViewport } from '../Toast-BcFD9aeQ.mjs';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-toast';
 
@@ -659,6 +659,7 @@ type PhoneInputTypes = {
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
 };
 declare const PhoneInput: FC<PhoneInputTypes>;
 

package/dist/elements/index.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-CKtkuNFH.js';
-export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-p-Ha-y2R.js';
-import { a as ChipTypes } from '../Chip-H5BnuDdx.js';
-export { b as Chip, C as ChipColors } from '../Chip-H5BnuDdx.js';
+import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-C-g8nFFC.js';
+export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-CJblb-9q.js';
+import { a as ChipTypes } from '../Chip-Dt7zJ-jZ.js';
+export { b as Chip, C as ChipColors } from '../Chip-Dt7zJ-jZ.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
@@ -13,8 +13,8 @@ import { DialogProps } from '@radix-ui/react-dialog';
 import { VariantProps } from 'class-variance-authority';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-import { L as LabelProps } from '../Radio-3B8RZYJA.js';
-export { b as Label, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-3B8RZYJA.js';
+import { L as LabelProps } from '../Radio-B-DG0FMr.js';
+export { b as Label, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-B-DG0FMr.js';
 import { Command as Command$1 } from 'cmdk';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -25,8 +25,8 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { HighlightProps } from 'prism-react-renderer';
 import { EmblaOptionsType } from 'embla-carousel';
-import { T as ToasterToastProps } from '../Toast-YaClwi7z.js';
-export { e as Toast, i as ToastAction, b as ToastActionElement, h as ToastClose, g as ToastDescription, a as ToastProps, c as ToastProvider, f as ToastTitle, d as ToastViewport } from '../Toast-YaClwi7z.js';
+import { T as ToasterToastProps } from '../Toast-fy9tBz19.js';
+export { e as Toast, i as ToastAction, b as ToastActionElement, h as ToastClose, g as ToastDescription, a as ToastProps, c as ToastProvider, f as ToastTitle, d as ToastViewport } from '../Toast-fy9tBz19.js';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-toast';
 
@@ -659,6 +659,7 @@ type PhoneInputTypes = {
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
 };
 declare const PhoneInput: FC<PhoneInputTypes>;
 

package/dist/elements/index.js

@@ -6686,16 +6686,14 @@ var countries = [
 var countries_default = countries;
 
 // elements/phoneInput/PhoneInput.tsx
-var PhoneInput = ({ labelProps, ...props }) => {
+var PhoneInput = ({
+  labelProps,
+  inputProps,
+  ...props
+}) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react33.useState)("");
   const [countryCode, setCountryCode] = (0, import_react33.useState)(props.preferredCountry);
   const inputRef = (0, import_react33.useRef)(null);
-  (0, import_react33.useEffect)(() => {
-    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;
@@ -6711,31 +6709,32 @@ var PhoneInput = ({ labelProps, ...props }) => {
   return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react33.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react33.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react33.default.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__ */ import_react33.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react33.default.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__ */ import_react33.default.createElement(
     "p",

package/dist/elements/index.mjs

@@ -27,7 +27,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-NPD4FUIM.mjs";
+} from "../chunk-JXN2PVGT.mjs";
 import {
   useClipboard
 } from "../chunk-R2SKHHDK.mjs";

package/dist/hooks/index.d.mts

@@ -1,9 +1,9 @@
 import React__default, { useLayoutEffect, RefObject } from 'react';
-import { T as ToasterToastProps } from '../Toast-ySvjL_-K.mjs';
+import { T as ToasterToastProps } from '../Toast-BcFD9aeQ.mjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-toast';
 import 'class-variance-authority';
-import '../commonTypes-CKtkuNFH.mjs';
+import '../commonTypes-C-g8nFFC.mjs';
 
 declare const useIsomorphicEffect: typeof useLayoutEffect;
 

package/dist/hooks/index.d.ts

@@ -1,9 +1,9 @@
 import React__default, { useLayoutEffect, RefObject } from 'react';
-import { T as ToasterToastProps } from '../Toast-YaClwi7z.js';
+import { T as ToasterToastProps } from '../Toast-fy9tBz19.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-toast';
 import 'class-variance-authority';
-import '../commonTypes-CKtkuNFH.js';
+import '../commonTypes-C-g8nFFC.js';
 
 declare const useIsomorphicEffect: typeof useLayoutEffect;
 

package/dist/index.d.mts

@@ -860,6 +860,7 @@ type PhoneInputTypes = {
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
 };
 declare const PhoneInput: FC<PhoneInputTypes>;
 

package/dist/index.d.ts

@@ -860,6 +860,7 @@ type PhoneInputTypes = {
     labelProps?: LabelProps;
     placeholder?: string;
     handleChange?: (value: string) => void;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
 };
 declare const PhoneInput: FC<PhoneInputTypes>;