@po-ui/ng-components 21.2.0 → 21.4.0

package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts

@@ -35,6 +35,7 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     dialogPicker: ElementRef;
     iconDatepicker: PoButtonComponent;
     inputEl: ElementRef;
+    iconClean: ElementRef<HTMLElement>;
     helperEl?: PoHelperComponent;
     /** Rótulo do campo. */
     label?: string;
@@ -55,6 +56,7 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     private valueBeforeChange;
     private subscriptionValidator;
     get autocomplete(): "off" | "on";
+    get dateInputValue(): string;
     constructor();
     onKeyup($event: any): void;
     onKeydown($event?: any): void;
@@ -82,11 +84,13 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     focus(): void;
     getAdditionalHelpTooltip(): string;
     togglePicker(focusInput?: boolean): void;
-    dateSelected(): void;
+    closeCalendar(focusInput?: boolean): void;
+    dateSelected(event?: string): void;
     wasClickedOnPicker(event: any): void;
     hasInvalidClass(): boolean;
     getErrorPattern(): string;
     clear(): void;
+    clearAndFocus(): void;
     eventOnBlur($event: any): void;
     eventOnClick($event: any): void;
     onKeyDown(event: KeyboardEvent): void;
@@ -125,15 +129,17 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     hasOverlayClass(element: any): any;
     verifyErrorAsync(value: any): void;
     verifyMobile(): RegExpMatchArray;
-    private closeCalendar;
     private controlChangeEmitter;
     private hasAttrCalendar;
     private initializeListeners;
     private isAdditionalHelpEventTriggered;
+    private isFocusOnFirstCombo;
+    private isFocusOnLastCombo;
     private onScroll;
     private removeListeners;
     private setDialogPickerStyleDisplay;
     private setCalendarPosition;
+    protected adjustCalendarPosition(): void;
     handleCleanKeyboardTab(event: KeyboardEvent): void;
     private shouldHandleTab;
     private focusCalendar;

package/lib/components/po-field/po-datepicker/po-datepicker.literals.d.ts

@@ -1,14 +1,18 @@
 export declare const PoDatepickerLiterals: {
     en: {
         open: string;
+        clean: string;
     };
     es: {
         open: string;
+        clean: string;
     };
     pt: {
         open: string;
+        clean: string;
     };
     ru: {
         open: string;
+        clean: string;
     };
 };

package/lib/components/po-field/po-datepicker-range/interfaces/po-datepicker-range-literals.interface.d.ts

@@ -14,4 +14,12 @@ export interface PoDatepickerRangeLiterals {
     invalidDate?: string;
     /** Data fora do período. */
     dateOutOfPeriod?: string;
+    /** Abrir calendário. */
+    open?: string;
+    /** Data inicial. */
+    startDate?: string;
+    /** Data final. */
+    endDate?: string;
+    /** Limpar campo. */
+    clean?: string;
 }

package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts

@@ -123,6 +123,15 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      * @default `false`
      */
     optional: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Mensagem que aparecerá enquanto o campo não estiver preenchido.
+     */
+    set placeholder(value: string | PoDatepickerRange);
+    get placeholder(): PoDatepickerRange;
     /**
      * @optional
      *
@@ -220,9 +229,11 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private _noAutocomplete?;
     private _readonly;
     private _required?;
+    private _loading?;
     private _startDate?;
     private _locale?;
     private _size?;
+    private _placeholder;
     private language;
     private onChangeModel;
     private validatorChange;
@@ -296,6 +307,17 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     set literals(value: PoDatepickerRangeLiterals);
     get literals(): PoDatepickerRangeLiterals;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -393,6 +415,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, languageService: PoLanguageService);
     ngOnDestroy(): void;
     setDisabledState(isDisabled: boolean): void;
+    mapSizeToIcon(size: string): string;
     registerOnChange(func: any): void;
     registerOnTouched(func: any): void;
     registerOnValidatorChange?(fn: () => void): void;

package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts

@@ -2,6 +2,7 @@ import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges
 import { PoDatepickerRange } from './interfaces/po-datepicker-range.interface';
 import { PoDatepickerRangeBaseComponent } from './po-datepicker-range-base.component';
 import { PoHelperComponent } from '../../po-helper';
+import { PoButtonComponent } from '../../po-button';
 /**
  * @docsExtends PoDatepickerRangeBaseComponent
  *
@@ -37,9 +38,11 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     dateRangeField: ElementRef;
     endDateInput: ElementRef;
     startDateInput: ElementRef;
-    iconCalendar: ElementRef;
+    iconCalendar: PoButtonComponent;
     calendarPicker: ElementRef;
     helperEl?: PoHelperComponent;
+    iconClean: ElementRef<HTMLElement>;
+    id: string;
     isCalendarVisible: boolean;
     private clickListener;
     private eventResizeListener;
@@ -62,6 +65,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     clear(): void;
+    clearAndFocus(): void;
     emitAdditionalHelp(): void;
     eventOnClick($event: any): void;
     /**
@@ -90,6 +94,8 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     }): void;
     onFocus(event: any): void;
     onKeydown(event?: any): void;
+    onKeyPress(event: any): void;
+    onKeydownDatepickerRange($event?: any): void;
     onKeyup(event: any): void;
     resetDateRangeInputValidation(): void;
     /**
@@ -120,10 +126,12 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     showAdditionalHelp(): boolean;
     toggleCalendar(): void;
     updateScreenByModel(model: PoDatepickerRange): void;
+    onCalendarKeyDown(event: KeyboardEvent): void;
     setHelper(label?: string, additionalHelpTooltip?: string): {
         hideAdditionalHelp: boolean;
         helperSettings?: any;
     };
+    setCalendarPosition(): void;
     private applyFocusOnDatePickerRangeField;
     private formatDate;
     private formatScreenToModel;
@@ -135,6 +143,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private initializeListeners;
     private isAdditionalHelpEventTriggered;
     private isEqualBeforeValue;
+    private isFocusOnFirstCombo;
     private isSetFocusOnBackspace;
     private onScroll;
     private removeFocusFromDatePickerRangeField;
@@ -143,7 +152,6 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private setFocusAndPosition;
     private focusOnElement;
     private removeListeners;
-    private setCalendarPosition;
     private setFocusOnArrowLeft;
     private setFocusOnArrowRight;
     private setFocusOnBackspace;
@@ -152,4 +160,5 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private updateModelByScreen;
     private verifyFormattedDates;
     private wasClickedOnPicker;
+    closeCalendar(): void;
 }

package/lib/components/po-field/po-input/po-input-base.component.d.ts

@@ -169,16 +169,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
      * @default `false`
      */
     errorLimit: boolean;
-    /**
-     * @optional
-     *
-     * @description
-     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
-     *
-     * @default `false`
-     */
-    set loading(value: boolean);
-    get loading(): boolean;
     /**
      * @optional
      *
@@ -342,6 +332,17 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
      */
     disabled?: boolean;
     set setDisabled(disabled: string);
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /** Indica que o campo será somente leitura. */
     readonly?: boolean;
     set setReadonly(readonly: string);

package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts

@@ -470,6 +470,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
     private _disabled?;
     private _fieldLabel;
     private _filterService;
+    private _loading;
     private _noAutocomplete;
     private _placeholder;
     private _required?;
@@ -577,6 +578,17 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      */
     set disabled(disabled: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     constructor(defaultService: PoLookupFilterService, injector: Injector, poLookupModalService: PoLookupModalService, languageService: PoLanguageService);
     ngOnDestroy(): void;
     ngOnInit(): void;
@@ -589,6 +601,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
     registerOnTouched(func: any): void;
     selectValue(valueSelected: any): void;
     callOnChange(value: any): void;
+    mapSizeToIcon(size: string): string;
     searchById(value: any): void;
     validate(abstractControl: AbstractControl): {
         [key: string]: any;

package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts

@@ -282,6 +282,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     private _filterMode?;
     private _hideSearch?;
     private _literals;
+    private _loading;
     private _options;
     private _required?;
     private _sort?;
@@ -435,6 +436,17 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
      */
     set disabled(disabled: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -538,6 +550,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     eventChange(selectedOptions: any): void;
     getValuesFromOptions(selectedOptions: Array<PoMultiselectOption | any>): any[];
     getLabelByValue(value: any): any;
+    mapSizeToIcon(size: string): string;
     searchByLabel(search: string, options: Array<PoMultiselectOption | any>, filterMode: PoMultiselectFilterMode): void;
     compareMethod(search: string, option: PoMultiselectOption, filterMode: PoMultiselectFilterMode): any;
     startsWith(search: string, option: PoMultiselectOption): any;

package/lib/components/po-field/po-select/po-select.component.d.ts

@@ -123,6 +123,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     protected onModelTouched: any;
     private _fieldLabel?;
     private _fieldValue?;
+    private _loading;
     private _options;
     private _size?;
     /**
@@ -189,6 +190,17 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
      */
     controlValueWithLabel?: boolean;
     get fieldValue(): string;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -254,6 +266,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     focus(): void;
     getErrorPattern(): string;
     hasInvalidClass(): any;
+    mapSizeToIcon(size: string): string;
     onBlur(event: any): void;
     onSelectChange(value: any): void;
     onUpdateOptions(): void;

package/lib/components/po-field/po-switch/po-switch.component.d.ts

@@ -86,6 +86,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
     private _labelOff;
     private _labelOn;
     private _labelPosition;
+    private _loading;
     private _formatModel;
     private _size?;
     private statusChangesSubscription;
@@ -138,6 +139,17 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
      */
     set labelOn(label: string);
     get labelOn(): string;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento substituindo o switch para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -248,6 +260,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
     validate(control: AbstractControl): ValidationErrors | null;
     ngAfterViewInit(): void;
     private setControl;
+    mapSizeToIcon(size: string): string;
     getErrorPattern(): string;
     hasInvalidClass(): boolean;
     setHelper(label?: string, additionalHelpTooltip?: string): {

package/lib/components/po-search/po-search-base.component.d.ts

@@ -81,6 +81,8 @@ export declare class PoSearchBaseComponent {
     private _filterSelect?;
     private _size?;
     private _keysLabel?;
+    private _disabled?;
+    private _loading;
     /**
      * @optional
      *
@@ -102,7 +104,21 @@ export declare class PoSearchBaseComponent {
      *
      * @default `false`
      */
-    disabled?: boolean;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * > Incompatível com a propriedade `p-search-type` do tipo `locate`.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @description
      *
@@ -404,4 +420,5 @@ export declare class PoSearchBaseComponent {
     footerAction: EventEmitter<any>;
     constructor(languageService: PoLanguageService);
     ensureFilterSelectOption(values: any): any[];
+    mapSizeToIcon(size: string): string;
 }

package/lib/components/po-table/po-table-base.component.d.ts

@@ -760,4 +760,5 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     protected abstract changeSizeLoading(): any;
     protected abstract changeHeaderWidth(): any;
     protected abstract getDefaultSpacing(): any;
+    protected abstract reapplySort(): any;
 }

package/lib/components/po-table/po-table.component.d.ts

@@ -113,7 +113,6 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     private _columnManagerTargetFixed;
     private differ;
     private footerHeight;
-    private headerHeight;
     private timeoutResize;
     private visibleElement;
     private scrollEvent$;
@@ -276,12 +275,13 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     getWidthColumnManager(): any;
     getColumnWidthActionsLeft(): any;
     hasSomeFixed(): boolean;
-    protected calculateHeightTableContainer(height: any): void;
+    protected calculateHeightTableContainer(height: number): void;
     protected verifyCalculateHeightTableContainer(): void;
     protected checkInfiniteScroll(): void;
     private changesAfterDelete;
     protected changeSizeLoading(): void;
     protected getDefaultSpacing(): PoTableColumnSpacing;
+    protected reapplySort(): void;
     private checkChangesItems;
     private checkingIfColumnHasTooltip;
     private countExtraColumns;

package/lib/components/po-widget/index.d.ts

@@ -1,3 +1,4 @@
 export * from './po-widget.component';
+export * from './interfaces/po-widget-avatar.interface';
 export * from './po-widget.module';
 export * from './literals/po-widget-literals';

package/lib/components/po-widget/interfaces/po-widget-avatar.interface.d.ts

@@ -0,0 +1,56 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * @usedBy PoWidgetComponent
+ *
+ * @description
+ *
+ * Interface para definição do avatar no `po-widget`.
+ */
+export interface PoWidgetAvatar {
+    /**
+     * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
+     * ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
+     */
+    src?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Tamanho de exibição do componente `po-avatar`.
+     *
+     * Valores válidos:
+     *  - `xs` (24x24)
+     *  - `sm` (32x32)
+     *  - `md` (64x64)
+     *  - `lg` (96x96)
+     *  - `xl` (144x144)
+     *
+     * @default `md`
+     */
+    size?: string;
+    /**
+     * Permite a criação de template customizado para o avatar
+     *
+     * ```
+     * <po-widget
+     *  [p-avatar]="{ customTemplate: customAvatar }"
+     * />
+     *
+     * <ng-template #customAvatar>
+     *   ...
+     * </ng-template>
+     * ```
+     */
+    customTemplate?: TemplateRef<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a largura em porcentagem do `customTemplate`.
+     *
+     * O valor máximo aceito é `50%`.
+     */
+    widthCustomTemplate?: string;
+}

package/lib/components/po-widget/po-widget-base.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoPopupAction } from '../po-popup';
 import { PoTagType } from '../po-tag';
+import { PoWidgetAvatar } from './interfaces/po-widget-avatar.interface';
 /**
  *
  * @description
@@ -42,6 +43,7 @@ import { PoTagType } from '../po-tag';
  * | `--padding` - `@deprecated 21.x.x`           | Preenchimento do componente                                      | `1rem`                                                                      |
  * | `--padding-header`                           | Preenchimento do header                                          | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
  * | `--padding-body`                             | Preenchimento do body                                            | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-avatar`                           | Preenchimento do avatar                                          | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)`                   |
  * | `--padding-footer`                           | Preenchimento do footer                                          | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)`   |
  * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento               | `var(--border-radius-md)`                                                   |
  * | `--border-width`                             | Contém o valor da largura dos cantos do elemento            | `var(--border-width-sm)`                                                    |
@@ -49,13 +51,13 @@ import { PoTagType } from '../po-tag';
  * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                                             |
  * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                                                          |
  * | **Hover**                                    |                                                                  |                                                                             |
- * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                |
+ * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                 |
  * | **Focused**                                  |                                                                  |                                                                             |
  * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                                               |
  * | `--outline-color-focused`               | Cor do outline do estado de focus                                | `var(--color-action-focus)`                                                 |
  *
  */
-export declare abstract class PoWidgetBaseComponent {
+export declare class PoWidgetBaseComponent {
     private _size?;
     /** Descrição da segunda ação. */
     /**
@@ -167,6 +169,20 @@ export declare abstract class PoWidgetBaseComponent {
      * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
      */
     tagIcon: string | TemplateRef<void>;
+    /**
+     * @Input p-tag-position
+     *
+     * @optional
+     *
+     * @description
+     * Define o posicionamento da `po-tag` no cabeçalho do Widget:
+     * - `right`: posicionada no canto superior direito do cabeçalho.
+     * - `top`: posicionada à esquerda, acima do título (quando houver).
+     * - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
+     *
+     * @default `right`
+     */
+    tagPosition: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * @optional
      *
@@ -192,6 +208,16 @@ export declare abstract class PoWidgetBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    /**
+     * @Input p-avatar
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Define o avatar a ser exibido à esquerda no Widget.
+     */
+    avatar: import("@angular/core").InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
     /**
      * @optional
      *
@@ -337,5 +363,6 @@ export declare abstract class PoWidgetBaseComponent {
      */
     set title(value: string);
     get title(): string;
-    abstract setHeight(height: number): any;
+    private transformAvatar;
+    private transformTagPosition;
 }

package/lib/components/po-widget/po-widget.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeA11yEnum, PoThemeService } from '../../services';
 import { PoButtonComponent } from '../po-button';
 import { PoPopupComponent } from '../po-popup';
 import { PoWidgetBaseComponent } from './po-widget-base.component';
@@ -42,9 +42,13 @@ export declare class PoWidgetComponent extends PoWidgetBaseComponent implements
     tagElement: ElementRef;
     contentContainer: ElementRef<HTMLElement>;
     get showTitleAction(): boolean;
+    avatarSrc: import("@angular/core").Signal<string>;
+    avatarSize: import("@angular/core").Signal<string>;
+    avatarCustomTemplate: import("@angular/core").Signal<import("@angular/core").TemplateRef<any>>;
+    avatarWidthCustomTemplate: import("@angular/core").Signal<string>;
     constructor();
     ngAfterViewInit(): void;
-    get a11Level(): import("../..").PoThemeA11yEnum;
+    get a11Level(): PoThemeA11yEnum;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     hasTitleHelpOrSetting(): boolean;

package/lib/utils/design-tokens.d.ts

@@ -0,0 +1,17 @@
+export declare const BORDER_WIDTH_NONE = 0;
+export declare const BORDER_WIDTH_SM = 1;
+export declare const BORDER_WIDTH_MD = 2;
+export declare const BORDER_WIDTH_LG = 4;
+export declare const BORDER_WIDTH_XL = 8;
+export declare const SPACING_NONE = 0;
+export declare const SPACING_XXS = 4;
+export declare const SPACING_XS = 8;
+export declare const SPACING_SM = 16;
+export declare const SPACING_MD = 24;
+export declare const SPACING_LG = 32;
+export declare const SPACING_XL = 40;
+export declare const SPACING_2XL = 48;
+export declare const SPACING_3XL = 56;
+export declare const SPACING_4XL = 64;
+export declare const TARGET_SIZE_AAA = 44;
+export declare const TARGET_SIZE_AA = 32;

package/lib/utils/util.d.ts

@@ -314,6 +314,16 @@ export declare function getTextColor(type: 'lightest' | 'darkest'): string;
  * @returns Valor da cor do texto (por exemplo, '#ffffff', 'rgb(255,255,255)') baseado no brilho percebido da cor de fundo usando a fórmula do espaço de cor YIQ.
  */
 export declare function getTextColorFromBackgroundColor(backgroundColor: string): string;
+/**
+ * Retorna o tamanho do ícone de loading baseado no tamanho do field.
+ *
+ * @param size Tamanho do campo (`small`, `medium` ou outros valores).
+ * @returns Tamanho do ícone de loading correspondente:
+ * - `small` → `xs`
+ * - `medium` → `sm`
+ * - qualquer outro valor → `sm`
+ */
+export declare function mapInputSizeToLoadingIcon(size?: string): string;
 export declare const PoUtils: {
     capitalizeFirstLetter: typeof capitalizeFirstLetter;
     convertDateToISODate: typeof convertDateToISODate;
@@ -347,3 +357,9 @@ export declare const PoUtils: {
     uuid: typeof uuid;
     validateDateRange: typeof validateDateRange;
 };
+export declare const PO_TABLE_ROW_HEIGHT_BY_SPACING: {
+    extraSmall: number;
+    small: number;
+    medium: number;
+    large: number;
+};