eai-frontend-components 2.0.97 → 2.1.1

package/dist/index.d.ts

@@ -26,7 +26,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { Modify } from '@react-input/mask';
+import { Modify, Replacement } from '@react-input/mask';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -80,7 +80,7 @@ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitiv
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "surface" | "green" | "red" | "gray" | "blue" | "orange" | "yellow" | null | undefined;
+    variant?: "default" | "destructive" | "secondary" | "outline" | "surface" | "green" | "red" | "gray" | "blue" | "orange" | "yellow" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -105,7 +105,7 @@ declare const BreadcrumbEllipsis: {
 };
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "primary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "primary" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -208,7 +208,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -224,7 +224,7 @@ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pic
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
@@ -234,7 +234,7 @@ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
@@ -243,14 +243,14 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React$1.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -259,7 +259,7 @@ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
@@ -268,7 +268,7 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -457,8 +457,10 @@ declare function maskPhone(value: string | null): {
 declare const modifyCpfCnpj: Modify;
 /**
  * Creates a CPF or CNPJ mask based on the input length.
- * - CPF: XXX.XXX.XXX-XX (up to 11 digits)
- * - CNPJ: XX.XXX.XXX/XXXX-XX (12+ digits)
+ * - CPF: XXX.XXX.XXX-XX (up to 11 digits, numeric only)
+ * - CNPJ: XX.XXX.XXX/XXXX-XX (12+ characters). Supports the new alphanumeric
+ *   CNPJ format adopted by Receita Federal: letters are allowed in the first
+ *   12 positions, while the last 2 (check digits) remain numeric only.
  *
  * @param value - CPF/CNPJ string (can be null)
  * @returns Mask configuration object with pattern and replacement rules
@@ -469,21 +471,23 @@ declare const modifyCpfCnpj: Modify;
  * // Returns: { mask: '___.___.___-___', replacement: { _: /\d/ } }
  *
  * const cnpjMask = maskCpfCnpj('12345678000195');
- * // Returns: { mask: '__.___.___/____-__', replacement: { _: /\d/ } }
+ * // Returns: { mask: '##.###.###/####-__', replacement: { '#': /[A-Za-z0-9]/, _: /\d/ } }
+ *
+ * const cnpjAlfaMask = maskCpfCnpj('12ABC34501DE35');
+ * // Returns: { mask: '##.###.###/####-__', replacement: { '#': /[A-Za-z0-9]/, _: /\d/ } }
  * ```
  */
 declare function maskCpfCnpj(value: string | null): {
     mask: string;
-    replacement: {
-        _: RegExp;
-    };
+    replacement: Replacement;
 };
 /**
- * Removes all non-numeric characters from a string.
- * Useful for extracting only digits from masked inputs.
+ * Removes mask characters (dots, slashes, dashes, parentheses, spaces) from a string,
+ * keeping letters and digits. Letters are uppercased. Safe for CPF, phone numbers,
+ * and the alphanumeric CNPJ format (letters in the first 12 positions).
  *
  * @param value - String with potential mask characters
- * @returns String containing only numeric characters
+ * @returns String containing only uppercase letters and digits
  *
  * @example
  * ```tsx
@@ -492,6 +496,9 @@ declare function maskCpfCnpj(value: string | null): {
  *
  * const cleanCpf = removeMaskNumber('123.456.789-01');
  * // Returns: '12345678901'
+ *
+ * const cleanCnpj = removeMaskNumber('12.ABC.345/01DE-35');
+ * // Returns: '12ABC34501DE35'
  * ```
  */
 declare const removeMaskNumber: (value: string) => string;
@@ -1413,6 +1420,8 @@ declare function formatPhone(telefone: string, removeDDD?: boolean, removeCountr
 /**
  * Formats a CPF or CNPJ string with proper mask.
  * Automatically detects CPF vs CNPJ format based on length.
+ * CNPJ supports the new alphanumeric format (letters in the first 12 positions,
+ * numeric check digits in the last 2), as adopted by Receita Federal.
  *
  * @param cpfCnpj - Raw CPF/CNPJ string
  * @returns Formatted CPF/CNPJ string
@@ -1421,6 +1430,7 @@ declare function formatPhone(telefone: string, removeDDD?: boolean, removeCountr
  * ```tsx
  * formatCpfCnpj('12345678901')    // '123.456.789-01'
  * formatCpfCnpj('12345678000195') // '12.345.678/0001-95'
+ * formatCpfCnpj('12ABC34501DE35') // '12.ABC.345/01DE-35'
  * ```
  */
 declare function formatCpfCnpj(cpfCnpj?: string): string;