@dropi/ui 0.1.41 → 0.1.43

package/dist/types/components.d.ts

@@ -30,7 +30,7 @@ import { SkeletonVariant } from "./components/dropi-skeleton/dropi-skeleton";
 import { StepLabel, StepState } from "./components/dropi-steps/dropi-steps";
 import { SortDir, TableColumn, TableRow } from "./components/dropi-table/dropi-table";
 import { TabItem } from "./components/dropi-tabs/dropi-tabs";
-import { TagState, TagType } from "./components/dropi-tag/dropi-tag";
+import { TagState, TagType, TagVariant } from "./components/dropi-tag/dropi-tag";
 import { ResizeMode, TextAreaProperties } from "./components/dropi-text-area/dropi-text-area";
 import { TimelineStep } from "./components/dropi-time-line/dropi-time-line";
 import { ToastMessage } from "./components/dropi-toast/dropi-toast";
@@ -61,7 +61,7 @@ export { SkeletonVariant } from "./components/dropi-skeleton/dropi-skeleton";
 export { StepLabel, StepState } from "./components/dropi-steps/dropi-steps";
 export { SortDir, TableColumn, TableRow } from "./components/dropi-table/dropi-table";
 export { TabItem } from "./components/dropi-tabs/dropi-tabs";
-export { TagState, TagType } from "./components/dropi-tag/dropi-tag";
+export { TagState, TagType, TagVariant } from "./components/dropi-tag/dropi-tag";
 export { ResizeMode, TextAreaProperties } from "./components/dropi-text-area/dropi-text-area";
 export { TimelineStep } from "./components/dropi-time-line/dropi-time-line";
 export { ToastMessage } from "./components/dropi-toast/dropi-toast";
@@ -117,12 +117,12 @@ export namespace Components {
     interface DropiAlert {
         /**
           * Anchor/link label
-          * @default 'none'
+          * @default ''
          */
         "anchorText": string;
         /**
           * Anchor href
-          * @default 'none'
+          * @default ''
          */
         "anchorUrl": string;
         /**
@@ -231,6 +231,11 @@ export namespace Components {
           * @default false
          */
         "isStep": boolean;
+        /**
+          * Use White Label (MB) illustration style instead of Lottie animation.
+          * @default false
+         */
+        "isWhiteLabel": boolean;
         /**
           * Show loading state with loading.json Lottie
           * @default false
@@ -827,6 +832,11 @@ export namespace Components {
      * @example <dropi-country-selector label="País" placeholder="Selecciona un país"></dropi-country-selector>
      */
     interface DropiCountrySelector {
+        /**
+          * When set to "body", the dropdown renders with fixed positioning to escape parent overflow clipping
+          * @default ''
+         */
+        "appendTo": string;
         /**
           * Pre-selected country code (ISO 3166-1 alpha-2)
           * @default ''
@@ -1249,6 +1259,11 @@ export namespace Components {
           * @default ''
          */
         "name": string;
+        /**
+          * Stroke width for icons that use strokes
+          * @default ''
+         */
+        "strokeWidth": string;
     }
     /**
      * @component dropi-ilustration-icon
@@ -1579,6 +1594,7 @@ export namespace Components {
           * @default true
          */
         "closeOnEscape": boolean;
+        "dismiss": () => Promise<void>;
         /**
           * @default true
          */
@@ -1600,7 +1616,6 @@ export namespace Components {
           * @default null
          */
         "header": string | null;
-        "hide": () => Promise<void>;
         /**
           * No-op — kept for API parity with Angular (matches Angular `draggable`)
           * @default false
@@ -1614,6 +1629,7 @@ export namespace Components {
           * @default true
          */
         "modal": boolean;
+        "openModalExternally": () => Promise<void>;
         /**
           * @default 'center'
          */
@@ -1623,7 +1639,6 @@ export namespace Components {
           * @default false
          */
         "resizable": boolean;
-        "show": () => Promise<void>;
         /**
           * @default true
          */
@@ -1652,7 +1667,7 @@ export namespace Components {
         /**
           * @default false
          */
-        "visible": any;
+        "visible": boolean;
     }
     /**
      * @component dropi-navbar
@@ -1707,9 +1722,14 @@ export namespace Components {
     }
     /**
      * @component dropi-otp-send-code
-     * 6-digit OTP input with countdown timer and resend capability.
+     * OTP input with configurable length, countdown timer and resend capability.
      */
     interface DropiOtpSendCode {
+        /**
+          * Number of digits for the OTP
+          * @default 6
+         */
+        "digitsCount": number;
         /**
           * Delivery method label
           * @default 'email'
@@ -1814,6 +1834,38 @@ export namespace Components {
          */
         "validateOnInit": boolean;
     }
+    interface DropiProgressBar {
+        /**
+          * Custom color for the progress fill (overrides severity)
+          * @default ''
+         */
+        "color": string;
+        /**
+          * Height of the progress bar
+          * @default '8px'
+         */
+        "height": string;
+        /**
+          * The color scheme of the progress bar
+          * @default 'primary'
+         */
+        "severity": 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+        /**
+          * Whether to show the value as text
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * Background color of the track (optional, defaults to gray-100)
+          * @default 'var(--Gray-Gray-100, #F7F8FA)'
+         */
+        "trackColor": string;
+        /**
+          * The progress value (0-100)
+          * @default 0
+         */
+        "value": number;
+    }
     /**
      * @component dropi-radio-button
      * Styled radio button with label.
@@ -2120,6 +2172,11 @@ export namespace Components {
           * @default ''
          */
         "textHelper": string;
+        /**
+          * If true, uses absolute positioning instead of fixed (better for modals with transforms)
+          * @default false
+         */
+        "withinModal": boolean;
     }
     /**
      * @component dropi-sidebar
@@ -2423,6 +2480,11 @@ export namespace Components {
           * @default 'primary'
          */
         "type": TagType;
+        /**
+          * tag (default) | dot (status dot + text) | text (colored text only)
+          * @default 'tag'
+         */
+        "variant": TagVariant;
     }
     /**
      * @component dropi-tag-type-product
@@ -2896,9 +2958,9 @@ declare global {
         new (): HTMLDropiAccordionItemElement;
     };
     interface HTMLDropiAlertElementEventMap {
-        "onClose": void;
-        "onButtonClick": void;
-        "onClickLink": void;
+        "dropiClose": void;
+        "dropiButtonClick": void;
+        "dropiLinkClick": void;
     }
     /**
      * @component dropi-alert
@@ -2930,10 +2992,10 @@ declare global {
         new (): HTMLDropiAlertLegacyElement;
     };
     interface HTMLDropiAlertModalElementEventMap {
-        "primaryButtonEvent": boolean;
-        "secondaryButtonEvent": boolean;
-        "modalOpenChange": boolean;
-        "onHide": void;
+        "dropiPrimaryClick": boolean;
+        "dropiSecondaryClick": boolean;
+        "dropiVisibleChange": boolean;
+        "dropiHide": void;
     }
     /**
      * @component dropi-alert-modal
@@ -3038,7 +3100,7 @@ declare global {
         new (): HTMLDropiBreadcrumbElement;
     };
     interface HTMLDropiButtonElementEventMap {
-        "onClick": MouseEvent;
+        "dropiClick": MouseEvent;
     }
     /**
      * @component dropi-button
@@ -3060,7 +3122,7 @@ declare global {
         new (): HTMLDropiButtonElement;
     };
     interface HTMLDropiCardCheckboxElementEventMap {
-        "onChange": boolean;
+        "dropiChange": boolean;
     }
     /**
      * @component dropi-card-checkbox
@@ -3087,8 +3149,8 @@ declare global {
         new (): HTMLDropiCardCheckboxElement;
     };
     interface HTMLDropiCardProductElementEventMap {
-        "onProductClick": void;
-        "changeFavorite": boolean;
+        "dropiProductClick": void;
+        "dropiFavoriteChange": boolean;
         "dropiAddProduct": void;
         "dropiSupplierClick": void;
     }
@@ -3111,8 +3173,8 @@ declare global {
         new (): HTMLDropiCardProductElement;
     };
     interface HTMLDropiCardSectionElementEventMap {
-        "onChange": boolean;
-        "onClick": void;
+        "dropiChange": boolean;
+        "dropiClick": void;
     }
     /**
      * @component dropi-card-section
@@ -3133,8 +3195,8 @@ declare global {
         new (): HTMLDropiCardSectionElement;
     };
     interface HTMLDropiCarouselElementEventMap {
-        "pageChange": number;
-        "onPage": any;
+        "dropiPageChange": number;
+        "dropiPage": any;
     }
     interface HTMLDropiCarouselElement extends Components.DropiCarousel, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDropiCarouselElementEventMap>(type: K, listener: (this: HTMLDropiCarouselElement, ev: DropiCarouselCustomEvent<HTMLDropiCarouselElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3151,7 +3213,7 @@ declare global {
         new (): HTMLDropiCarouselElement;
     };
     interface HTMLDropiCheckboxElementEventMap {
-        "onChange": boolean;
+        "dropiChange": boolean;
     }
     /**
      * @component dropi-checkbox
@@ -3173,8 +3235,8 @@ declare global {
         new (): HTMLDropiCheckboxElement;
     };
     interface HTMLDropiCheckboxSelectionListElementEventMap {
-        "checkedValues": (string | number)[];
-        "onSearch": string;
+        "dropiCheckedValues": (string | number)[];
+        "dropiSearch": string;
     }
     /**
      * @component dropi-checkbox-selection-list
@@ -3195,7 +3257,7 @@ declare global {
         new (): HTMLDropiCheckboxSelectionListElement;
     };
     interface HTMLDropiChipsElementEventMap {
-        "onClose": void;
+        "dropiClose": void;
     }
     /**
      * @component dropi-chips
@@ -3271,7 +3333,7 @@ declare global {
         new (): HTMLDropiCountryFlagsElement;
     };
     interface HTMLDropiCountrySelectorElementEventMap {
-        "onChangeSelect": CountryItem;
+        "dropiChange": CountryItem;
     }
     /**
      * @component dropi-country-selector
@@ -3293,8 +3355,8 @@ declare global {
         new (): HTMLDropiCountrySelectorElement;
     };
     interface HTMLDropiDatePickerElementEventMap {
-        "onChangeDate": string;
-        "onClosePanel": void;
+        "dropiChangeDate": string;
+        "dropiClosePanel": void;
         "dropiRangeChange": { start: string; end: string };
     }
     /**
@@ -3538,10 +3600,10 @@ declare global {
         new (): HTMLDropiImageOverlayElement;
     };
     interface HTMLDropiInputElementEventMap {
-        "onInput": string;
-        "onChange": string;
-        "onFocus": void;
-        "onBlur": void;
+        "dropiInput": string;
+        "dropiChange": string;
+        "dropiFocus": void;
+        "dropiBlur": void;
     }
     /**
      * @component dropi-input
@@ -3571,7 +3633,7 @@ declare global {
         new (): HTMLDropiInputElement;
     };
     interface HTMLDropiLanguagesSelectorElementEventMap {
-        "languageChange": LanguageOption;
+        "dropiLanguageChange": LanguageOption;
     }
     /**
      * @component dropi-languages-selector
@@ -3633,9 +3695,9 @@ declare global {
         new (): HTMLDropiMediaPlayerElement;
     };
     interface HTMLDropiModalElementEventMap {
-        "onShow": void;
-        "onHide": void;
-        "visibleChange": boolean;
+        "dropiShow": void;
+        "dropiHide": void;
+        "dropiVisibleChange": boolean;
     }
     /**
      * @component dropi-modal
@@ -3687,7 +3749,7 @@ declare global {
     }
     /**
      * @component dropi-otp-send-code
-     * 6-digit OTP input with countdown timer and resend capability.
+     * OTP input with configurable length, countdown timer and resend capability.
      */
     interface HTMLDropiOtpSendCodeElement extends Components.DropiOtpSendCode, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDropiOtpSendCodeElementEventMap>(type: K, listener: (this: HTMLDropiOtpSendCodeElement, ev: DropiOtpSendCodeCustomEvent<HTMLDropiOtpSendCodeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3704,7 +3766,7 @@ declare global {
         new (): HTMLDropiOtpSendCodeElement;
     };
     interface HTMLDropiPaginatorElementEventMap {
-        "pageChange": number;
+        "dropiPageChange": number;
     }
     /**
      * @component dropi-paginator
@@ -3725,10 +3787,10 @@ declare global {
         new (): HTMLDropiPaginatorElement;
     };
     interface HTMLDropiPhoneInputElementEventMap {
-        "ngModelChangeCod": string;
-        "ngModelChangePhone": string;
-        "verifiedField": void;
-        "onChangeSelect": any;
+        "dropiCodChange": string;
+        "dropiPhoneChange": string;
+        "dropiVerify": void;
+        "dropiChangeSelect": any;
     }
     /**
      * @component dropi-phone-input
@@ -3749,8 +3811,14 @@ declare global {
         prototype: HTMLDropiPhoneInputElement;
         new (): HTMLDropiPhoneInputElement;
     };
+    interface HTMLDropiProgressBarElement extends Components.DropiProgressBar, HTMLStencilElement {
+    }
+    var HTMLDropiProgressBarElement: {
+        prototype: HTMLDropiProgressBarElement;
+        new (): HTMLDropiProgressBarElement;
+    };
     interface HTMLDropiRadioButtonElementEventMap {
-        "onChange": any;
+        "dropiChange": any;
     }
     /**
      * @component dropi-radio-button
@@ -3771,8 +3839,8 @@ declare global {
         new (): HTMLDropiRadioButtonElement;
     };
     interface HTMLDropiRadioSelectionListElementEventMap {
-        "valueChange": string | number;
-        "onSearch": { searchValue: string; filteredOptions: RadioOption[] };
+        "dropiChange": string | number;
+        "dropiSearch": { searchValue: string; filteredOptions: RadioOption[] };
     }
     /**
      * @component dropi-radio-selection-list
@@ -3803,12 +3871,12 @@ declare global {
         new (): HTMLDropiReadMoreElement;
     };
     interface HTMLDropiSearchElementEventMap {
-        "onInput": string;
-        "onBlur": void;
-        "onKeyEnter": string;
-        "onChange": string;
-        "onClear": void;
-        "modelChange": SearchOption[];
+        "dropiInput": string;
+        "dropiBlur": void;
+        "dropiKeyEnter": string;
+        "dropiChange": string;
+        "dropiClear": void;
+        "dropiModelChange": SearchOption[];
     }
     /**
      * @component dropi-search
@@ -3830,11 +3898,11 @@ declare global {
         new (): HTMLDropiSearchElement;
     };
     interface HTMLDropiSelectElementEventMap {
-        "onChangeSelect": SelectOption | SelectOption[];
-        "onClear": void;
-        "onSearch": string;
-        "scrolledToEnd": void;
-        "onKeyEnter": KeyboardEvent;
+        "dropiChangeSelect": SelectOption | SelectOption[];
+        "dropiClear": void;
+        "dropiSearch": string;
+        "dropiScrollEnd": void;
+        "dropiKeyEnter": KeyboardEvent;
     }
     /**
      * @component dropi-select
@@ -3870,7 +3938,7 @@ declare global {
         new (): HTMLDropiSelectElement;
     };
     interface HTMLDropiSidebarElementEventMap {
-        "onIndexChanged": SidebarProperties;
+        "dropiIndexChange": SidebarProperties;
     }
     /**
      * @component dropi-sidebar
@@ -3922,7 +3990,7 @@ declare global {
         new (): HTMLDropiStepsElement;
     };
     interface HTMLDropiSwitchElementEventMap {
-        "onChange": boolean;
+        "dropiChange": boolean;
     }
     /**
      * @component dropi-switch
@@ -3950,12 +4018,12 @@ declare global {
         "dropiPageChange": number;
         "dropiPageSizeChange": number;
         "dropiAction": { row: TableRow; action: any };
-        "rowsSelected": any[];
-        "actionClicked": { row: any; action: any };
-        "onPageChange": number;
-        "onSizeChange": number;
-        "onSortChange": any;
-        "onSearchChange": string;
+        "dropiRowsSelected": any[];
+        "dropiActionClick": { row: any; action: any };
+        "dropiPageChangeAngular": number;
+        "dropiSizeChangeAngular": number;
+        "dropiSortChangeAngular": any;
+        "dropiSearchChangeAngular": string;
         "expandChildren": { row: any };
     }
     /**
@@ -3977,7 +4045,7 @@ declare global {
         new (): HTMLDropiTableElement;
     };
     interface HTMLDropiTabsElementEventMap {
-        "onIndexChanged": TabItem;
+        "dropiIndexChange": TabItem;
     }
     /**
      * @component dropi-tabs
@@ -4168,6 +4236,7 @@ declare global {
         "dropi-otp-send-code": HTMLDropiOtpSendCodeElement;
         "dropi-paginator": HTMLDropiPaginatorElement;
         "dropi-phone-input": HTMLDropiPhoneInputElement;
+        "dropi-progress-bar": HTMLDropiProgressBarElement;
         "dropi-radio-button": HTMLDropiRadioButtonElement;
         "dropi-radio-selection-list": HTMLDropiRadioSelectionListElement;
         "dropi-read-more": HTMLDropiReadMoreElement;
@@ -4241,12 +4310,12 @@ declare namespace LocalJSX {
     interface DropiAlert {
         /**
           * Anchor/link label
-          * @default 'none'
+          * @default ''
          */
         "anchorText"?: string;
         /**
           * Anchor href
-          * @default 'none'
+          * @default ''
          */
         "anchorUrl"?: string;
         /**
@@ -4277,15 +4346,15 @@ declare namespace LocalJSX {
         /**
           * Emitted when the action button is clicked
          */
-        "onOnButtonClick"?: (event: DropiAlertCustomEvent<void>) => void;
+        "onDropiButtonClick"?: (event: DropiAlertCustomEvent<void>) => void;
         /**
-          * Emitted when the anchor link is clicked
+          * Emitted when the alert is dismissed
          */
-        "onOnClickLink"?: (event: DropiAlertCustomEvent<void>) => void;
+        "onDropiClose"?: (event: DropiAlertCustomEvent<void>) => void;
         /**
-          * Emitted when the alert is dismissed
+          * Emitted when the anchor link is clicked
          */
-        "onOnClose"?: (event: DropiAlertCustomEvent<void>) => void;
+        "onDropiLinkClick"?: (event: DropiAlertCustomEvent<void>) => void;
         /**
           * Whether the alert is visible
           * @default true
@@ -4366,6 +4435,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "isStep"?: boolean;
+        /**
+          * Use White Label (MB) illustration style instead of Lottie animation.
+          * @default false
+         */
+        "isWhiteLabel"?: boolean;
         /**
           * Show loading state with loading.json Lottie
           * @default false
@@ -4386,22 +4460,22 @@ declare namespace LocalJSX {
           * @default ''
          */
         "message"?: string;
-        /**
-          * Emitted when modal open state changes — matches Angular 'modalOpenChange'
-         */
-        "onModalOpenChange"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
         /**
           * Emitted when modal is hidden — matches Angular 'onHide'
          */
-        "onOnHide"?: (event: DropiAlertModalCustomEvent<void>) => void;
+        "onDropiHide"?: (event: DropiAlertModalCustomEvent<void>) => void;
         /**
           * Emitted when primary button is clicked — matches Angular 'primaryButtonEvent'
          */
-        "onPrimaryButtonEvent"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
+        "onDropiPrimaryClick"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
         /**
           * Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent'
          */
-        "onSecondaryButtonEvent"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
+        "onDropiSecondaryClick"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
+        /**
+          * Emitted when modal open state changes — matches Angular 'modalOpenChange'
+         */
+        "onDropiVisibleChange"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
         /**
           * Convenience object prop — matches Angular `params: ModalParams`. Fields: tittle, type, message, primaryButton, secondaryButton, loadingTitle, loadingMessage, closable, displayButtons. When provided, its values override the corresponding individual props.
           * @default null
@@ -4601,7 +4675,7 @@ declare namespace LocalJSX {
         /**
           * Emitted on click (not emitted when disabled or loading)
          */
-        "onOnClick"?: (event: DropiButtonCustomEvent<MouseEvent>) => void;
+        "onDropiClick"?: (event: DropiButtonCustomEvent<MouseEvent>) => void;
         /**
           * Icon name to show after the text
           * @default ''
@@ -4672,7 +4746,7 @@ declare namespace LocalJSX {
         /**
           * Emitted with the new checked state when clicked
          */
-        "onOnChange"?: (event: DropiCardCheckboxCustomEvent<boolean>) => void;
+        "onDropiChange"?: (event: DropiCardCheckboxCustomEvent<boolean>) => void;
         /**
           * Whether the checkbox is checked — matches Angular 'state'
           * @default 'checked'
@@ -4714,22 +4788,22 @@ declare namespace LocalJSX {
           * @default false
          */
         "isFavorite"?: boolean;
-        /**
-          * Emitted when favorite toggled — matches Angular 'changeFavorite'
-         */
-        "onChangeFavorite"?: (event: DropiCardProductCustomEvent<boolean>) => void;
         /**
           * Emitted when "Enviar a cliente" button clicked
          */
         "onDropiAddProduct"?: (event: DropiCardProductCustomEvent<void>) => void;
         /**
-          * Emitted when supplier name clicked
+          * Emitted when favorite toggled — matches Angular 'changeFavorite'
          */
-        "onDropiSupplierClick"?: (event: DropiCardProductCustomEvent<void>) => void;
+        "onDropiFavoriteChange"?: (event: DropiCardProductCustomEvent<boolean>) => void;
         /**
           * Emitted when card is clicked — matches Angular 'onProductClick'
          */
-        "onOnProductClick"?: (event: DropiCardProductCustomEvent<void>) => void;
+        "onDropiProductClick"?: (event: DropiCardProductCustomEvent<void>) => void;
+        /**
+          * Emitted when supplier name clicked
+         */
+        "onDropiSupplierClick"?: (event: DropiCardProductCustomEvent<void>) => void;
         /**
           * Product name
           * @default ''
@@ -4789,11 +4863,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when switch changes
          */
-        "onOnChange"?: (event: DropiCardSectionCustomEvent<boolean>) => void;
+        "onDropiChange"?: (event: DropiCardSectionCustomEvent<boolean>) => void;
         /**
           * Emitted when dropdown icon is clicked
          */
-        "onOnClick"?: (event: DropiCardSectionCustomEvent<void>) => void;
+        "onDropiClick"?: (event: DropiCardSectionCustomEvent<void>) => void;
         /**
           * Section title — matches Angular 'title'
           * @default 'title'
@@ -4831,8 +4905,8 @@ declare namespace LocalJSX {
           * @default 1
          */
         "numVisible"?: number;
-        "onOnPage"?: (event: DropiCarouselCustomEvent<any>) => void;
-        "onPageChange"?: (event: DropiCarouselCustomEvent<number>) => void;
+        "onDropiPage"?: (event: DropiCarouselCustomEvent<any>) => void;
+        "onDropiPageChange"?: (event: DropiCarouselCustomEvent<number>) => void;
         /**
           * Orientation of the carousel
           * @default 'horizontal'
@@ -4886,7 +4960,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the checked state changes
          */
-        "onOnChange"?: (event: DropiCheckboxCustomEvent<boolean>) => void;
+        "onDropiChange"?: (event: DropiCheckboxCustomEvent<boolean>) => void;
     }
     /**
      * @component dropi-checkbox-selection-list
@@ -4911,11 +4985,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when selection changes — matches Angular 'checkedValues'
          */
-        "onCheckedValues"?: (event: DropiCheckboxSelectionListCustomEvent<(string | number)[]>) => void;
+        "onDropiCheckedValues"?: (event: DropiCheckboxSelectionListCustomEvent<(string | number)[]>) => void;
         /**
           * Emitted on search — matches Angular 'onSearch'
          */
-        "onOnSearch"?: (event: DropiCheckboxSelectionListCustomEvent<string>) => void;
+        "onDropiSearch"?: (event: DropiCheckboxSelectionListCustomEvent<string>) => void;
         /**
           * Options array or JSON string
           * @default []
@@ -4956,7 +5030,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the close icon is clicked
          */
-        "onOnClose"?: (event: DropiChipsCustomEvent<void>) => void;
+        "onDropiClose"?: (event: DropiChipsCustomEvent<void>) => void;
         /**
           * Show the close/remove icon
           * @default false
@@ -5052,6 +5126,11 @@ declare namespace LocalJSX {
      * @example <dropi-country-selector label="País" placeholder="Selecciona un país"></dropi-country-selector>
      */
     interface DropiCountrySelector {
+        /**
+          * When set to "body", the dropdown renders with fixed positioning to escape parent overflow clipping
+          * @default ''
+         */
+        "appendTo"?: string;
         /**
           * Pre-selected country code (ISO 3166-1 alpha-2)
           * @default ''
@@ -5075,7 +5154,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a country is selected. Detail is the CountryItem.
          */
-        "onOnChangeSelect"?: (event: DropiCountrySelectorCustomEvent<CountryItem>) => void;
+        "onDropiChange"?: (event: DropiCountrySelectorCustomEvent<CountryItem>) => void;
         /**
           * Placeholder when nothing is selected
           * @default 'Selecciona un país'
@@ -5143,18 +5222,18 @@ declare namespace LocalJSX {
           * @default ''
          */
         "minDate"?: string;
-        /**
-          * Emitted when range selected
-         */
-        "onDropiRangeChange"?: (event: DropiDatePickerCustomEvent<{ start: string; end: string }>) => void;
         /**
           * Emitted when date selected — matches Angular 'onChangeDate'
          */
-        "onOnChangeDate"?: (event: DropiDatePickerCustomEvent<string>) => void;
+        "onDropiChangeDate"?: (event: DropiDatePickerCustomEvent<string>) => void;
         /**
           * Emitted when panel closes — matches Angular 'onClosePanel'
          */
-        "onOnClosePanel"?: (event: DropiDatePickerCustomEvent<void>) => void;
+        "onDropiClosePanel"?: (event: DropiDatePickerCustomEvent<void>) => void;
+        /**
+          * Emitted when range selected
+         */
+        "onDropiRangeChange"?: (event: DropiDatePickerCustomEvent<{ start: string; end: string }>) => void;
         /**
           * Placeholder
           * @default 'DD/MM/YYYY'
@@ -5534,6 +5613,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "name"?: string;
+        /**
+          * Stroke width for icons that use strokes
+          * @default ''
+         */
+        "strokeWidth"?: string;
     }
     /**
      * @component dropi-ilustration-icon
@@ -5718,19 +5802,19 @@ declare namespace LocalJSX {
         /**
           * Emitted on blur
          */
-        "onOnBlur"?: (event: DropiInputCustomEvent<void>) => void;
+        "onDropiBlur"?: (event: DropiInputCustomEvent<void>) => void;
         /**
           * Emitted on blur with the final value
          */
-        "onOnChange"?: (event: DropiInputCustomEvent<string>) => void;
+        "onDropiChange"?: (event: DropiInputCustomEvent<string>) => void;
         /**
           * Emitted on focus
          */
-        "onOnFocus"?: (event: DropiInputCustomEvent<void>) => void;
+        "onDropiFocus"?: (event: DropiInputCustomEvent<void>) => void;
         /**
           * Emitted on every keystroke with the current value
          */
-        "onOnInput"?: (event: DropiInputCustomEvent<string>) => void;
+        "onDropiInput"?: (event: DropiInputCustomEvent<string>) => void;
         /**
           * Show password visibility toggle (renders as password field)
           * @default false
@@ -5780,7 +5864,7 @@ declare namespace LocalJSX {
           * @default []
          */
         "languages"?: LanguageOption[] | string;
-        "onLanguageChange"?: (event: DropiLanguagesSelectorCustomEvent<LanguageOption>) => void;
+        "onDropiLanguageChange"?: (event: DropiLanguagesSelectorCustomEvent<LanguageOption>) => void;
         /**
           * Currently selected language (LanguageOption or JSON string)
           * @default null
@@ -5929,9 +6013,9 @@ declare namespace LocalJSX {
           * @default true
          */
         "modal"?: boolean;
-        "onOnHide"?: (event: DropiModalCustomEvent<void>) => void;
-        "onOnShow"?: (event: DropiModalCustomEvent<void>) => void;
-        "onVisibleChange"?: (event: DropiModalCustomEvent<boolean>) => void;
+        "onDropiHide"?: (event: DropiModalCustomEvent<void>) => void;
+        "onDropiShow"?: (event: DropiModalCustomEvent<void>) => void;
+        "onDropiVisibleChange"?: (event: DropiModalCustomEvent<boolean>) => void;
         /**
           * @default 'center'
          */
@@ -5969,7 +6053,7 @@ declare namespace LocalJSX {
         /**
           * @default false
          */
-        "visible"?: any;
+        "visible"?: boolean;
     }
     /**
      * @component dropi-navbar
@@ -6040,9 +6124,14 @@ declare namespace LocalJSX {
     }
     /**
      * @component dropi-otp-send-code
-     * 6-digit OTP input with countdown timer and resend capability.
+     * OTP input with configurable length, countdown timer and resend capability.
      */
     interface DropiOtpSendCode {
+        /**
+          * Number of digits for the OTP
+          * @default 6
+         */
+        "digitsCount"?: number;
         /**
           * Delivery method label
           * @default 'email'
@@ -6059,11 +6148,11 @@ declare namespace LocalJSX {
          */
         "labelContact"?: string;
         /**
-          * Emitted when all 6 digits are entered (alternative event).
+          * Emitted when all digits are entered (alternative event).
          */
         "onCodeAccepted"?: (event: DropiOtpSendCodeCustomEvent<string>) => void;
         /**
-          * Emitted when all 6 digits are entered.
+          * Emitted when all digits are entered.
          */
         "onCodeCompleted"?: (event: DropiOtpSendCodeCustomEvent<string>) => void;
         /**
@@ -6109,7 +6198,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when page changes. e.detail = new page number
          */
-        "onPageChange"?: (event: DropiPaginatorCustomEvent<number>) => void;
+        "onDropiPageChange"?: (event: DropiPaginatorCustomEvent<number>) => void;
         /**
           * Total number of pages
           * @default 1
@@ -6143,21 +6232,21 @@ declare namespace LocalJSX {
          */
         "ngModelPhone"?: string;
         /**
-          * Emitted when country dial code changes — matches Angular 'ngModelChangeCod'
+          * Emitted when country selection changes — matches Angular 'onChangeSelect'
          */
-        "onNgModelChangeCod"?: (event: DropiPhoneInputCustomEvent<string>) => void;
+        "onDropiChangeSelect"?: (event: DropiPhoneInputCustomEvent<any>) => void;
         /**
-          * Emitted when phone number changes — matches Angular 'ngModelChangePhone'
+          * Emitted when country dial code changes — matches Angular 'ngModelChangeCod'
          */
-        "onNgModelChangePhone"?: (event: DropiPhoneInputCustomEvent<string>) => void;
+        "onDropiCodChange"?: (event: DropiPhoneInputCustomEvent<string>) => void;
         /**
-          * Emitted when country selection changes — matches Angular 'onChangeSelect'
+          * Emitted when phone number changes — matches Angular 'ngModelChangePhone'
          */
-        "onOnChangeSelect"?: (event: DropiPhoneInputCustomEvent<any>) => void;
+        "onDropiPhoneChange"?: (event: DropiPhoneInputCustomEvent<string>) => void;
         /**
           * Emitted on field verification — matches Angular 'verifiedField'
          */
-        "onVerifiedField"?: (event: DropiPhoneInputCustomEvent<void>) => void;
+        "onDropiVerify"?: (event: DropiPhoneInputCustomEvent<void>) => void;
         /**
           * Input placeholder — matches Angular 'phoneNumberPlaceholder'
           * @default null
@@ -6179,6 +6268,38 @@ declare namespace LocalJSX {
          */
         "validateOnInit"?: boolean;
     }
+    interface DropiProgressBar {
+        /**
+          * Custom color for the progress fill (overrides severity)
+          * @default ''
+         */
+        "color"?: string;
+        /**
+          * Height of the progress bar
+          * @default '8px'
+         */
+        "height"?: string;
+        /**
+          * The color scheme of the progress bar
+          * @default 'primary'
+         */
+        "severity"?: 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+        /**
+          * Whether to show the value as text
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * Background color of the track (optional, defaults to gray-100)
+          * @default 'var(--Gray-Gray-100, #F7F8FA)'
+         */
+        "trackColor"?: string;
+        /**
+          * The progress value (0-100)
+          * @default 0
+         */
+        "value"?: number;
+    }
     /**
      * @component dropi-radio-button
      * Styled radio button with label.
@@ -6215,7 +6336,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the radio is selected
          */
-        "onOnChange"?: (event: DropiRadioButtonCustomEvent<any>) => void;
+        "onDropiChange"?: (event: DropiRadioButtonCustomEvent<any>) => void;
         /**
           * Set to true to programmatically reset this radio to unchecked. Useful when the parent needs to clear a group.
           * @default false
@@ -6238,13 +6359,13 @@ declare namespace LocalJSX {
          */
         "filterPlaceholder"?: string;
         /**
-          * Emitted on search — matches Angular 'onSearch'
+          * Emitted on selection change. e.detail = selected option id
          */
-        "onOnSearch"?: (event: DropiRadioSelectionListCustomEvent<{ searchValue: string; filteredOptions: RadioOption[] }>) => void;
+        "onDropiChange"?: (event: DropiRadioSelectionListCustomEvent<string | number>) => void;
         /**
-          * Emitted on selection change. e.detail = selected option id
+          * Emitted on search — matches Angular 'onSearch'
          */
-        "onValueChange"?: (event: DropiRadioSelectionListCustomEvent<string | number>) => void;
+        "onDropiSearch"?: (event: DropiRadioSelectionListCustomEvent<{ searchValue: string; filteredOptions: RadioOption[] }>) => void;
         /**
           * Options array or JSON string
           * @default []
@@ -6342,30 +6463,30 @@ declare namespace LocalJSX {
           * @default true
          */
         "multipleSelectModel"?: boolean;
-        /**
-          * Emitted when selection changes. e.detail = selected items
-         */
-        "onModelChange"?: (event: DropiSearchCustomEvent<SearchOption[]>) => void;
         /**
           * Emitted on blur
          */
-        "onOnBlur"?: (event: DropiSearchCustomEvent<void>) => void;
+        "onDropiBlur"?: (event: DropiSearchCustomEvent<void>) => void;
         /**
           * Emitted on change event of the native input (matches Angular `onChange`)
          */
-        "onOnChange"?: (event: DropiSearchCustomEvent<string>) => void;
+        "onDropiChange"?: (event: DropiSearchCustomEvent<string>) => void;
         /**
           * Emitted when clear button clicked
          */
-        "onOnClear"?: (event: DropiSearchCustomEvent<void>) => void;
+        "onDropiClear"?: (event: DropiSearchCustomEvent<void>) => void;
         /**
           * Emitted on input change. e.detail = current text
          */
-        "onOnInput"?: (event: DropiSearchCustomEvent<string>) => void;
+        "onDropiInput"?: (event: DropiSearchCustomEvent<string>) => void;
         /**
           * Emitted when Enter is pressed. e.detail = current text
          */
-        "onOnKeyEnter"?: (event: DropiSearchCustomEvent<string>) => void;
+        "onDropiKeyEnter"?: (event: DropiSearchCustomEvent<string>) => void;
+        /**
+          * Emitted when selection changes. e.detail = selected items
+         */
+        "onDropiModelChange"?: (event: DropiSearchCustomEvent<SearchOption[]>) => void;
         /**
           * Placeholder text
           * @default 'Search...'
@@ -6463,23 +6584,23 @@ declare namespace LocalJSX {
         /**
           * Emitted when an option is selected — matches Angular 'onChangeSelect'
          */
-        "onOnChangeSelect"?: (event: DropiSelectCustomEvent<SelectOption | SelectOption[]>) => void;
+        "onDropiChangeSelect"?: (event: DropiSelectCustomEvent<SelectOption | SelectOption[]>) => void;
         /**
           * Emitted when the selection is cleared — matches Angular 'onClear'
          */
-        "onOnClear"?: (event: DropiSelectCustomEvent<void>) => void;
+        "onDropiClear"?: (event: DropiSelectCustomEvent<void>) => void;
         /**
           * Emitted on Enter key inside search — matches Angular 'onKeyEnter'
          */
-        "onOnKeyEnter"?: (event: DropiSelectCustomEvent<KeyboardEvent>) => void;
+        "onDropiKeyEnter"?: (event: DropiSelectCustomEvent<KeyboardEvent>) => void;
         /**
-          * Emitted on search input — matches Angular 'onSearch'
+          * Emitted when the list is scrolled to the end — matches Angular 'scrolledToEnd'
          */
-        "onOnSearch"?: (event: DropiSelectCustomEvent<string>) => void;
+        "onDropiScrollEnd"?: (event: DropiSelectCustomEvent<void>) => void;
         /**
-          * Emitted when the list is scrolled to the end — matches Angular 'scrolledToEnd'
+          * Emitted on search input — matches Angular 'onSearch'
          */
-        "onScrolledToEnd"?: (event: DropiSelectCustomEvent<void>) => void;
+        "onDropiSearch"?: (event: DropiSelectCustomEvent<string>) => void;
         /**
           * Array of SelectOption or SelectOptionGroup
           * @default []
@@ -6537,6 +6658,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "textHelper"?: string;
+        /**
+          * If true, uses absolute positioning instead of fixed (better for modals with transforms)
+          * @default false
+         */
+        "withinModal"?: boolean;
     }
     /**
      * @component dropi-sidebar
@@ -6547,7 +6673,7 @@ declare namespace LocalJSX {
         /**
           * Evento emitido cuando se selecciona una opción en el menú o un sub-hijo.
          */
-        "onOnIndexChanged"?: (event: DropiSidebarCustomEvent<SidebarProperties>) => void;
+        "onDropiIndexChange"?: (event: DropiSidebarCustomEvent<SidebarProperties>) => void;
         /**
           * Define las propiedades y la cantidad de elementos a renderizar. Pasarlo como JSON string o directamente como array de SidebarProperties.
           * @default []
@@ -6683,7 +6809,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the toggle state changes
          */
-        "onOnChange"?: (event: DropiSwitchCustomEvent<boolean>) => void;
+        "onDropiChange"?: (event: DropiSwitchCustomEvent<boolean>) => void;
     }
     /**
      * @component dropi-table
@@ -6740,41 +6866,41 @@ declare namespace LocalJSX {
           * @default false
          */
         "loading"?: boolean;
+        "onDropiAction"?: (event: DropiTableCustomEvent<{ row: TableRow; action: any }>) => void;
         /**
           * Matches Angular `actionClicked`
          */
-        "onActionClicked"?: (event: DropiTableCustomEvent<{ row: any; action: any }>) => void;
-        "onDropiAction"?: (event: DropiTableCustomEvent<{ row: TableRow; action: any }>) => void;
+        "onDropiActionClick"?: (event: DropiTableCustomEvent<{ row: any; action: any }>) => void;
         "onDropiPageChange"?: (event: DropiTableCustomEvent<number>) => void;
-        "onDropiPageSizeChange"?: (event: DropiTableCustomEvent<number>) => void;
-        "onDropiRowClick"?: (event: DropiTableCustomEvent<{ row: TableRow; index: number }>) => void;
-        "onDropiSearch"?: (event: DropiTableCustomEvent<string>) => void;
-        "onDropiSelection"?: (event: DropiTableCustomEvent<number[]>) => void;
-        "onDropiSort"?: (event: DropiTableCustomEvent<{ key: string; dir: SortDir }>) => void;
         /**
-          * Matches Angular `expandChildren`
+          * Matches Angular `onPageChange`
          */
-        "onExpandChildren"?: (event: DropiTableCustomEvent<{ row: any }>) => void;
+        "onDropiPageChangeAngular"?: (event: DropiTableCustomEvent<number>) => void;
+        "onDropiPageSizeChange"?: (event: DropiTableCustomEvent<number>) => void;
+        "onDropiRowClick"?: (event: DropiTableCustomEvent<{ row: TableRow; index: number }>) => void;
         /**
-          * Matches Angular `onPageChange`
+          * Matches Angular `rowsSelected`
          */
-        "onOnPageChange"?: (event: DropiTableCustomEvent<number>) => void;
+        "onDropiRowsSelected"?: (event: DropiTableCustomEvent<any[]>) => void;
+        "onDropiSearch"?: (event: DropiTableCustomEvent<string>) => void;
         /**
           * Matches Angular `onSearchChange`
          */
-        "onOnSearchChange"?: (event: DropiTableCustomEvent<string>) => void;
+        "onDropiSearchChangeAngular"?: (event: DropiTableCustomEvent<string>) => void;
+        "onDropiSelection"?: (event: DropiTableCustomEvent<number[]>) => void;
         /**
           * Matches Angular `onSizeChange`
          */
-        "onOnSizeChange"?: (event: DropiTableCustomEvent<number>) => void;
+        "onDropiSizeChangeAngular"?: (event: DropiTableCustomEvent<number>) => void;
+        "onDropiSort"?: (event: DropiTableCustomEvent<{ key: string; dir: SortDir }>) => void;
         /**
           * Matches Angular `onSortChange`
          */
-        "onOnSortChange"?: (event: DropiTableCustomEvent<any>) => void;
+        "onDropiSortChangeAngular"?: (event: DropiTableCustomEvent<any>) => void;
         /**
-          * Matches Angular `rowsSelected`
+          * Matches Angular `expandChildren`
          */
-        "onRowsSelected"?: (event: DropiTableCustomEvent<any[]>) => void;
+        "onExpandChildren"?: (event: DropiTableCustomEvent<{ row: any }>) => void;
         /**
           * Page sizes options
           * @default [5, 10, 25, 50]
@@ -6853,7 +6979,7 @@ declare namespace LocalJSX {
         /**
           * Emitted on tab click. e.detail = TabItem
          */
-        "onOnIndexChanged"?: (event: DropiTabsCustomEvent<TabItem>) => void;
+        "onDropiIndexChange"?: (event: DropiTabsCustomEvent<TabItem>) => void;
         /**
           * Whether to show a check/pending icon per tab
           * @default false
@@ -6895,6 +7021,11 @@ declare namespace LocalJSX {
           * @default 'primary'
          */
         "type"?: TagType;
+        /**
+          * tag (default) | dot (status dot + text) | text (colored text only)
+          * @default 'tag'
+         */
+        "variant"?: TagVariant;
     }
     /**
      * @component dropi-tag-type-product
@@ -7228,6 +7359,7 @@ declare namespace LocalJSX {
         "loadingMessage": string;
         "isStep": boolean;
         "baseZIndex": number;
+        "isWhiteLabel": boolean;
         "params": string;
     }
     interface DropiAvatarsAttributes {
@@ -7357,6 +7489,7 @@ declare namespace LocalJSX {
         "textHelper": string;
         "searchTerm": string;
         "selectProperties": string;
+        "appendTo": string;
     }
     interface DropiDatePickerAttributes {
         "selectedDate": string;
@@ -7437,6 +7570,7 @@ declare namespace LocalJSX {
         "iconWidth": string;
         "iconHeight": string;
         "color": string;
+        "strokeWidth": string;
     }
     interface DropiIlustrationIconAttributes {
         "type": IlustrationType;
@@ -7505,7 +7639,7 @@ declare namespace LocalJSX {
         "format": 'mobile-vertical' | 'mobile-compact' | 'desktop';
     }
     interface DropiModalAttributes {
-        "visible": string;
+        "visible": boolean;
         "header": string | null;
         "showCloseIcon": boolean;
         "dismissable": boolean;
@@ -7544,6 +7678,7 @@ declare namespace LocalJSX {
         "labelContact": string;
         "showLabelContact": boolean;
         "errorMessage": string;
+        "digitsCount": number;
     }
     interface DropiPaginatorAttributes {
         "totalPages": number;
@@ -7563,6 +7698,14 @@ declare namespace LocalJSX {
         "selectedOption": string;
         "selectProperties": string;
     }
+    interface DropiProgressBarAttributes {
+        "value": number;
+        "severity": 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+        "height": string;
+        "showValue": boolean;
+        "trackColor": string;
+        "color": string;
+    }
     interface DropiRadioButtonAttributes {
         "label": string;
         "name": string;
@@ -7620,6 +7763,7 @@ declare namespace LocalJSX {
         "preIcon": string;
         "defaultSelectedId": string;
         "overlayClass": string;
+        "withinModal": boolean;
         "selectProperties": string;
     }
     interface DropiSidebarAttributes {
@@ -7681,6 +7825,7 @@ declare namespace LocalJSX {
         "stopAction": boolean;
     }
     interface DropiTagAttributes {
+        "variant": TagVariant;
         "type": TagType;
         "state": TagState;
         "showIcon": boolean;
@@ -7791,6 +7936,7 @@ declare namespace LocalJSX {
         "dropi-otp-send-code": Omit<DropiOtpSendCode, keyof DropiOtpSendCodeAttributes> & { [K in keyof DropiOtpSendCode & keyof DropiOtpSendCodeAttributes]?: DropiOtpSendCode[K] } & { [K in keyof DropiOtpSendCode & keyof DropiOtpSendCodeAttributes as `attr:${K}`]?: DropiOtpSendCodeAttributes[K] } & { [K in keyof DropiOtpSendCode & keyof DropiOtpSendCodeAttributes as `prop:${K}`]?: DropiOtpSendCode[K] };
         "dropi-paginator": Omit<DropiPaginator, keyof DropiPaginatorAttributes> & { [K in keyof DropiPaginator & keyof DropiPaginatorAttributes]?: DropiPaginator[K] } & { [K in keyof DropiPaginator & keyof DropiPaginatorAttributes as `attr:${K}`]?: DropiPaginatorAttributes[K] } & { [K in keyof DropiPaginator & keyof DropiPaginatorAttributes as `prop:${K}`]?: DropiPaginator[K] };
         "dropi-phone-input": Omit<DropiPhoneInput, keyof DropiPhoneInputAttributes> & { [K in keyof DropiPhoneInput & keyof DropiPhoneInputAttributes]?: DropiPhoneInput[K] } & { [K in keyof DropiPhoneInput & keyof DropiPhoneInputAttributes as `attr:${K}`]?: DropiPhoneInputAttributes[K] } & { [K in keyof DropiPhoneInput & keyof DropiPhoneInputAttributes as `prop:${K}`]?: DropiPhoneInput[K] };
+        "dropi-progress-bar": Omit<DropiProgressBar, keyof DropiProgressBarAttributes> & { [K in keyof DropiProgressBar & keyof DropiProgressBarAttributes]?: DropiProgressBar[K] } & { [K in keyof DropiProgressBar & keyof DropiProgressBarAttributes as `attr:${K}`]?: DropiProgressBarAttributes[K] } & { [K in keyof DropiProgressBar & keyof DropiProgressBarAttributes as `prop:${K}`]?: DropiProgressBar[K] };
         "dropi-radio-button": Omit<DropiRadioButton, keyof DropiRadioButtonAttributes> & { [K in keyof DropiRadioButton & keyof DropiRadioButtonAttributes]?: DropiRadioButton[K] } & { [K in keyof DropiRadioButton & keyof DropiRadioButtonAttributes as `attr:${K}`]?: DropiRadioButtonAttributes[K] } & { [K in keyof DropiRadioButton & keyof DropiRadioButtonAttributes as `prop:${K}`]?: DropiRadioButton[K] };
         "dropi-radio-selection-list": Omit<DropiRadioSelectionList, keyof DropiRadioSelectionListAttributes> & { [K in keyof DropiRadioSelectionList & keyof DropiRadioSelectionListAttributes]?: DropiRadioSelectionList[K] } & { [K in keyof DropiRadioSelectionList & keyof DropiRadioSelectionListAttributes as `attr:${K}`]?: DropiRadioSelectionListAttributes[K] } & { [K in keyof DropiRadioSelectionList & keyof DropiRadioSelectionListAttributes as `prop:${K}`]?: DropiRadioSelectionList[K] };
         "dropi-read-more": Omit<DropiReadMore, keyof DropiReadMoreAttributes> & { [K in keyof DropiReadMore & keyof DropiReadMoreAttributes]?: DropiReadMore[K] } & { [K in keyof DropiReadMore & keyof DropiReadMoreAttributes as `attr:${K}`]?: DropiReadMoreAttributes[K] } & { [K in keyof DropiReadMore & keyof DropiReadMoreAttributes as `prop:${K}`]?: DropiReadMore[K] };
@@ -8063,7 +8209,7 @@ declare module "@stencil/core" {
             "dropi-navbar": LocalJSX.IntrinsicElements["dropi-navbar"] & JSXBase.HTMLAttributes<HTMLDropiNavbarElement>;
             /**
              * @component dropi-otp-send-code
-             * 6-digit OTP input with countdown timer and resend capability.
+             * OTP input with configurable length, countdown timer and resend capability.
              */
             "dropi-otp-send-code": LocalJSX.IntrinsicElements["dropi-otp-send-code"] & JSXBase.HTMLAttributes<HTMLDropiOtpSendCodeElement>;
             /**
@@ -8077,6 +8223,7 @@ declare module "@stencil/core" {
              * Syncs perfectly with dropi-core_front natively
              */
             "dropi-phone-input": LocalJSX.IntrinsicElements["dropi-phone-input"] & JSXBase.HTMLAttributes<HTMLDropiPhoneInputElement>;
+            "dropi-progress-bar": LocalJSX.IntrinsicElements["dropi-progress-bar"] & JSXBase.HTMLAttributes<HTMLDropiProgressBarElement>;
             /**
              * @component dropi-radio-button
              * Styled radio button with label.