eai-frontend-components 2.0.46 → 2.0.47

package/dist/index.d.ts

@@ -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" | null | undefined;
+    variant?: "default" | "secondary" | "surface" | "destructive" | "outline" | "green" | "red" | "gray" | "blue" | "orange" | 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?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "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> {
@@ -204,11 +204,11 @@ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsibleP
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -230,45 +230,45 @@ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pic
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & 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>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React$1.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
-} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React$1.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -881,7 +881,7 @@ interface Props$8 {
 declare const FormInputMask: React.FC<Props$8>;
 
 declare const multiSelectVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "inverted" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface MultiSelectOption {
     value: string;
@@ -1341,16 +1341,18 @@ declare const isDateRangeValid: (startDate: Date, endDate: Date, maxDays?: numbe
  * Automatically detects landline vs mobile format.
  *
  * @param telefone - Raw phone number string
- * @param removerCountryCode - Whether to remove country code (55) if present
+ * @param removeDDD - Whether to remove DDD (area code) from the formatted output
+ * @param removeCountryCode - Whether to remove country code (55) if present
  * @returns Formatted phone number string
  *
  * @example
  * ```tsx
  * formatPhone('11987654321') // '(11) 9 8765-4321'
  * formatPhone('1134567890')  // '(11) 3456-7890'
+ * formatPhone('11987654321', true) // '9 8765-4321'
  * ```
  */
-declare function formatPhone(telefone: string, removerCountryCode?: boolean): string;
+declare function formatPhone(telefone: string, removeDDD?: boolean, removeCountryCode?: boolean): string;
 /**
  * Formats a CPF or CNPJ string with proper mask.
  * Automatically detects CPF vs CNPJ format based on length.

package/dist/index.esm.js

@@ -751,23 +751,33 @@ const removeMaskNumber = (value) => {
  * Automatically detects landline vs mobile format.
  *
  * @param telefone - Raw phone number string
- * @param removerCountryCode - Whether to remove country code (55) if present
+ * @param removeDDD - Whether to remove DDD (area code) from the formatted output
+ * @param removeCountryCode - Whether to remove country code (55) if present
  * @returns Formatted phone number string
  *
  * @example
  * ```tsx
  * formatPhone('11987654321') // '(11) 9 8765-4321'
  * formatPhone('1134567890')  // '(11) 3456-7890'
+ * formatPhone('11987654321', true) // '9 8765-4321'
  * ```
  */
-function formatPhone(telefone, removerCountryCode = true) {
+function formatPhone(telefone, removeDDD = false, removeCountryCode = true) {
     if (!telefone)
         return '';
     let numberPhone = telefone.replace(/\D/g, '');
     // Remover código do país apenas se ele começar com '55'
-    if (removerCountryCode && numberPhone.startsWith('55')) {
+    if (removeCountryCode && numberPhone.startsWith('55')) {
         numberPhone = numberPhone.substring(2);
     }
+    // Se removeDDD for true, remover os dois primeiros dígitos (DDD)
+    if (removeDDD && numberPhone.length >= 10) {
+        const phoneWithoutDDD = numberPhone.substring(2);
+        // Aplicar máscara sem DDD
+        const isMobile = phoneWithoutDDD.length === 9;
+        const mask = isMobile ? { mask: '_ ____-____', replacement: { _: /\d/ } } : { mask: '____-_____', replacement: { _: /\d/ } };
+        return format$1(phoneWithoutDDD, mask);
+    }
     return format$1(numberPhone, maskPhone(numberPhone));
 }
 // CPF/CNPJ