@tecsinapse/cortex-react 2.1.0-beta.4 → 2.1.0-beta.6

package/dist/cjs/components/PhoneInput/Option.js

@@ -10,7 +10,7 @@ const PhoneInputOption = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
-      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100",
+      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100 bg-inherit",
       onClick: () => {
         handleSelectCountry(country);
       },

package/dist/cjs/components/PhoneInput/Root.js

@@ -10,9 +10,8 @@ var context = require('./context.js');
 const PhoneInputRoot = ({
   children,
   className,
-  defaultCountry,
-  value,
-  onChange
+  onChange,
+  ...rest
 }) => {
   const [triggerWidth, setTriggerWidth] = React.useState();
   const [isOpen, setIsOpen] = React.useState(false);
@@ -25,11 +24,10 @@ const PhoneInputRoot = ({
     setCountry
   } = reactInternationalPhone.usePhoneInput({
     countries: reactInternationalPhone.defaultCountries,
-    onChange: ({ phone: phone2, ...rest }) => {
-      onChange?.(phone2, { ...rest });
+    onChange: ({ phone: phone2, ...rest2 }) => {
+      onChange?.(phone2, { ...rest2 });
     },
-    defaultCountry,
-    value
+    ...rest
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     index.Popover.Root,

package/dist/cjs/components/PhoneInput/Trigger.js

@@ -67,7 +67,8 @@ require('react-international-phone');
 
 const PhoneInputTrigger = ({
   disabled = false,
-  label
+  label,
+  ...rest
 }) => {
   const {
     setIsOpen,
@@ -89,7 +90,8 @@ const PhoneInputTrigger = ({
       {
         value: inputValue,
         onChange: handlePhoneValueChange,
-        label: label ?? "Insert a phone number"
+        label: label ?? "Insert a phone number",
+        ...rest
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(index$1.Input.Right, { children: /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/esm/components/PhoneInput/Option.js

@@ -8,7 +8,7 @@ const PhoneInputOption = ({
   return /* @__PURE__ */ jsxs(
     "button",
     {
-      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100",
+      className: "flex w-full h-[2rem] items-center justify-between p-centi cursor-pointer hover:bg-gray-100 bg-inherit",
       onClick: () => {
         handleSelectCountry(country);
       },

package/dist/esm/components/PhoneInput/Root.js

@@ -8,9 +8,8 @@ import { PhoneInputContext } from './context.js';
 const PhoneInputRoot = ({
   children,
   className,
-  defaultCountry,
-  value,
-  onChange
+  onChange,
+  ...rest
 }) => {
   const [triggerWidth, setTriggerWidth] = useState();
   const [isOpen, setIsOpen] = useState(false);
@@ -23,11 +22,10 @@ const PhoneInputRoot = ({
     setCountry
   } = usePhoneInput({
     countries: defaultCountries,
-    onChange: ({ phone: phone2, ...rest }) => {
-      onChange?.(phone2, { ...rest });
+    onChange: ({ phone: phone2, ...rest2 }) => {
+      onChange?.(phone2, { ...rest2 });
     },
-    defaultCountry,
-    value
+    ...rest
   });
   return /* @__PURE__ */ jsx(
     Popover.Root,

package/dist/esm/components/PhoneInput/Trigger.js

@@ -65,7 +65,8 @@ import 'react-international-phone';
 
 const PhoneInputTrigger = ({
   disabled = false,
-  label
+  label,
+  ...rest
 }) => {
   const {
     setIsOpen,
@@ -87,7 +88,8 @@ const PhoneInputTrigger = ({
       {
         value: inputValue,
         onChange: handlePhoneValueChange,
-        label: label ?? "Insert a phone number"
+        label: label ?? "Insert a phone number",
+        ...rest
       }
     ),
     /* @__PURE__ */ jsx(Input.Right, { children: /* @__PURE__ */ jsxs(

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

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

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

@@ -1,4 +1,2 @@
-export declare const PhoneInputTrigger: ({ disabled, label, }: {
-    disabled?: boolean;
-    label?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+import { PhoneInputTriggerProps } from './types';
+export declare const PhoneInputTrigger: ({ disabled, label, ...rest }: PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,9 @@
 export declare const PhoneInput: {
-    Root: ({ children, className, defaultCountry, value, onChange, }: {
-        children: import("react").ReactNode;
-        value?: string;
-        onChange?: (value: string, rest: {
-            inputValue: string;
-            country: import("react-international-phone").ParsedCountry;
-        }) => void;
-        className?: string;
-        defaultCountry?: import("react-international-phone").CountryIso2;
-    }) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, className, onChange, ...rest }: import("./types").PhoneInputRootProps) => import("react/jsx-runtime").JSX.Element;
     Popover: ({ children }: {
         children: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ disabled, label, }: {
-        disabled?: boolean;
-        label?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ disabled, label, ...rest }: import("./types").PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Option: ({ country, handleSelectCountry, disableClick, }: {
         country: import("react-international-phone").ParsedCountry;
         handleSelectCountry: (country: import("react-international-phone").ParsedCountry) => void;
@@ -25,3 +13,4 @@ export declare const PhoneInput: {
         hasSearch?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
 };
+export * from './types';

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

@@ -0,0 +1,13 @@
+import { ParsedCountry, UsePhoneInputConfig } from 'react-international-phone';
+import { InputPropsBase } from '../Input';
+import { ReactNode } from 'react';
+export interface PhoneInputTriggerProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export interface PhoneInputRootProps extends Omit<UsePhoneInputConfig, 'onChange'> {
+    children: ReactNode;
+    className?: string;
+    onChange?: (value: string, rest: {
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "2.1.0-beta.4",
+  "version": "2.1.0-beta.6",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -49,5 +49,5 @@
     "react-icons": ">=5.2.0",
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "a72a848da442227f7e1149ebad300d5e015c4ca5"
+  "gitHead": "ed355af197814bf13f477826cc4deff86c0ea5d5"
 }