@tecsinapse/cortex-react 2.1.0-beta.0 → 2.1.0-beta.1

package/dist/types/components/PhoneInput/Option.d.ts

@@ -1,6 +1,6 @@
-import { Country } from './context';
+import { ParsedCountry } from 'react-international-phone';
 export declare const PhoneInputOption: ({ country, handleSelectCountry, disableClick, }: {
-    country: Country | null;
-    handleSelectCountry: (country: Country | null) => void;
+    country: ParsedCountry;
+    handleSelectCountry: (country: ParsedCountry) => void;
     disableClick?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Root.d.ts

@@ -1,6 +1,13 @@
 import { ReactNode } from 'react';
-export declare const PhoneInputRoot: ({ children, className, defaultDDI, }: {
+import { ParsedCountry, CountryIso2 } from 'react-international-phone';
+export declare const PhoneInputRoot: ({ children, className, defaultCountry, value, onChange, }: {
     children: ReactNode;
+    value?: string;
+    onChange?: (data: {
+        phone: string;
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
     className?: string;
-    defaultDDI?: string;
+    defaultCountry?: CountryIso2;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Trigger.d.ts

@@ -1,6 +1,4 @@
-export declare const PhoneInputTrigger: ({ onChange, disabled, label, value, }: {
-    onChange?: (value: any) => void;
+export declare const PhoneInputTrigger: ({ disabled, label, }: {
     disabled?: boolean;
     label?: string;
-    value?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/context.d.ts

@@ -1,16 +1,15 @@
+import { usePhoneInput } from 'react-international-phone';
 export interface Country {
     country: string;
     iso: string;
     code: string;
 }
-interface PhoneInputContextProps {
+interface PhoneInputContextProps extends ReturnType<typeof usePhoneInput> {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     triggerWidth?: number;
-    setTriggerWidth?: (width: number) => void;
-    isOpen?: boolean;
-    setIsOpen?: (isOpen: boolean) => void;
-    country?: Country | null;
-    setCountry?: (country: Country | null) => void;
+    setTriggerWidth?: React.Dispatch<React.SetStateAction<number | undefined>>;
 }
-export declare const PhoneInputContext: import("react").Context<PhoneInputContextProps>;
-export declare const usePhoneInput: () => PhoneInputContextProps;
+export declare const PhoneInputContext: import("react").Context<PhoneInputContextProps | null>;
+export declare const usePhoneContext: () => PhoneInputContextProps;
 export {};

package/dist/types/components/PhoneInput/index.d.ts

@@ -1,21 +1,25 @@
 export declare const PhoneInput: {
-    Root: ({ children, className, defaultDDI, }: {
+    Root: ({ children, className, defaultCountry, value, onChange, }: {
         children: import("react").ReactNode;
+        value?: string;
+        onChange?: (data: {
+            phone: string;
+            inputValue: string;
+            country: import("react-international-phone").ParsedCountry;
+        }) => void;
         className?: string;
-        defaultDDI?: string;
+        defaultCountry?: import("react-international-phone").CountryIso2;
     }) => import("react/jsx-runtime").JSX.Element;
     Popover: ({ children }: {
         children: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ onChange, disabled, label, value, }: {
-        onChange?: (value: any) => void;
+    Trigger: ({ disabled, label, }: {
         disabled?: boolean;
         label?: string;
-        value?: string;
     }) => import("react/jsx-runtime").JSX.Element;
     Option: ({ country, handleSelectCountry, disableClick, }: {
-        country: import("./context").Country | null;
-        handleSelectCountry: (country: import("./context").Country | null) => void;
+        country: import("react-international-phone").ParsedCountry;
+        handleSelectCountry: (country: import("react-international-phone").ParsedCountry) => void;
         disableClick?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     Options: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "2.1.0-beta.0",
+  "version": "2.1.0-beta.1",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -25,10 +25,10 @@
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
     "embla-carousel-react": "^8.6.0",
-    "libphonenumber-js": "^1.12.31",
     "react-aria": "3.38.1",
     "react-dropzone": "14.3.8",
     "react-imask": "7.6.1",
+    "react-international-phone": "^4.6.1",
     "react-spring": "9.7.5",
     "react-stately": "3.36.1",
     "sonner": "1.7.3",
@@ -49,5 +49,5 @@
     "react-icons": ">=5.2.0",
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "574735ac6e5adc45d41ba293ae2ae4f4b929e0c5"
+  "gitHead": "13492afebcc2d6530a30969977f7a4bc301521cf"
 }

package/dist/types/components/PhoneInput/PhoneInput.d.ts

@@ -1 +0,0 @@
-export declare const PhoneInput: () => import("react/jsx-runtime").JSX.Element;