@dropi/ui 0.1.46 → 0.1.49

package/dist/types/components.d.ts

@@ -202,88 +202,66 @@ export namespace Components {
          */
         "visible": boolean;
     }
-    /**
-     * @component dropi-alert-modal
-     * Confirmation/alert modal with Lottie animation, title, message and action buttons.
-     * Uses dropi-modal internally.
-     * @example const el = document.querySelector('dropi-alert-modal');
-     * el.visible = true;
-     */
     interface DropiAlertModal {
         /**
-          * Base z-index for the internal modal overlay (matches Angular `baseZIndex`)
           * @default 0
          */
         "baseZIndex": number;
         /**
-          * Show close icon in header
           * @default false
          */
         "closable": boolean;
         /**
-          * Hide action buttons
           * @default true
          */
         "displayButtons": boolean;
         "hide": () => Promise<void>;
         /**
-          * When true, primary button does NOT auto-close the modal (matches Angular `isStep`). Useful for step-by-step flows.
           * @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
          */
         "loading": boolean;
         /**
-          * Loading message
           * @default 'Please wait a moment'
          */
         "loadingMessage": string;
         /**
-          * Loading title
           * @default 'Loading'
          */
         "loadingTitle": string;
         /**
-          * Body message
           * @default ''
          */
         "message": string;
         /**
-          * 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
          */
         "params": any;
         /**
-          * Primary button label
           * @default 'Accept'
          */
         "primaryButton": string;
         /**
-          * Secondary button label (hidden if empty)
           * @default ''
          */
         "secondaryButton": string;
         "show": () => Promise<void>;
         /**
-          * Bold title
           * @default ''
          */
         "tittle": string;
         /**
-          * Modal type — determines Lottie animation
           * @default 'question'
          */
         "type": AlertModalType;
         /**
-          * Controls visibility
           * @default false
          */
         "visible": any;
@@ -1091,48 +1069,40 @@ export namespace Components {
          */
         "valueModel": string;
     }
-    /**
-     * @component dropi-empty-state
-     * Empty state illustration with title, description and optional action button.
-     */
     interface DropiEmptyState {
         /**
-          * Icon name for button — matches Angular 'buttonIcon'
+          * Icon name for the action button
           * @default ''
          */
         "buttonIcon": string;
         /**
-          * Severity for the action button — matches Angular 'buttonSeverity'
           * @default 'tertiary'
          */
         "buttonSeverity": 'primary' | 'secondary' | 'tertiary';
         /**
-          * Primary action button label (empty = hidden) — matches Angular 'buttonText'
+          * Primary action button label (empty = hidden)
           * @default ''
          */
         "buttonText": string;
         /**
-          * Description text
           * @default ''
          */
         "description": string;
         /**
-          * State of the illustration (default, loading, sorry, love, success, error) — matches Angular 'dropiIcon'
+          * Built-in illustration state
           * @default 'default'
          */
         "dropiIcon": 'default' | 'loading' | 'sorry' | 'love' | 'success' | 'error' | 'warning' | 'info';
         /**
-          * Alt text for the image
           * @default 'Sin resultados'
          */
         "imageAlt": string;
         /**
-          * URL of the illustration image
+          * URL of an external illustration image (overrides dropiIcon)
           * @default ''
          */
         "imageUrl": string;
         /**
-          * Title text (matches Angular 'title')
           * @default ''
          */
         "title": string;
@@ -1252,11 +1222,6 @@ export namespace Components {
          */
         "urlImage": string;
     }
-    /**
-     * @component dropi-icon
-     * Renders an SVG icon from the Dropi sprite sheet.
-     * The sprite must be available at `assets/icons/sprite.svg`.
-     */
     interface DropiIcon {
         /**
           * @default 'currentColor'
@@ -1267,22 +1232,15 @@ export namespace Components {
          */
         "iconHeight": string;
         /**
-          * Width of the icon (CSS value)
           * @default '20px'
          */
         "iconWidth": string;
         /**
-          * Icon name matching the id in the SVG sprite
+          * Icon name (case-insensitive, matches dropi-lib-icons sprite ids)
           * @default ''
          */
         "name": string;
         /**
-          * URL to the SVG sprite file. Defaults to dropi-lib-icons path in node_modules.
-          * @default '/node_modules/dropi-lib-icons/dist/sprite.svg'
-         */
-        "spritePath": string;
-        /**
-          * Stroke width for icons that use strokes
           * @default ''
          */
         "strokeWidth": string;
@@ -3032,13 +2990,6 @@ declare global {
         "dropiVisibleChange": boolean;
         "dropiHide": void;
     }
-    /**
-     * @component dropi-alert-modal
-     * Confirmation/alert modal with Lottie animation, title, message and action buttons.
-     * Uses dropi-modal internally.
-     * @example const el = document.querySelector('dropi-alert-modal');
-     * el.visible = true;
-     */
     interface HTMLDropiAlertModalElement extends Components.DropiAlertModal, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDropiAlertModalElementEventMap>(type: K, listener: (this: HTMLDropiAlertModalElement, ev: DropiAlertModalCustomEvent<HTMLDropiAlertModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3484,10 +3435,6 @@ declare global {
     interface HTMLDropiEmptyStateElementEventMap {
         "buttonClickEvent": void;
     }
-    /**
-     * @component dropi-empty-state
-     * Empty state illustration with title, description and optional action button.
-     */
     interface HTMLDropiEmptyStateElement extends Components.DropiEmptyState, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDropiEmptyStateElementEventMap>(type: K, listener: (this: HTMLDropiEmptyStateElement, ev: DropiEmptyStateCustomEvent<HTMLDropiEmptyStateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3569,11 +3516,6 @@ declare global {
         prototype: HTMLDropiFileUploadProgressBarElement;
         new (): HTMLDropiFileUploadProgressBarElement;
     };
-    /**
-     * @component dropi-icon
-     * Renders an SVG icon from the Dropi sprite sheet.
-     * The sprite must be available at `assets/icons/sprite.svg`.
-     */
     interface HTMLDropiIconElement extends Components.DropiIcon, HTMLStencilElement {
     }
     var HTMLDropiIconElement: {
@@ -4444,102 +4386,68 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
-    /**
-     * @component dropi-alert-modal
-     * Confirmation/alert modal with Lottie animation, title, message and action buttons.
-     * Uses dropi-modal internally.
-     * @example const el = document.querySelector('dropi-alert-modal');
-     * el.visible = true;
-     */
     interface DropiAlertModal {
         /**
-          * Base z-index for the internal modal overlay (matches Angular `baseZIndex`)
           * @default 0
          */
         "baseZIndex"?: number;
         /**
-          * Show close icon in header
           * @default false
          */
         "closable"?: boolean;
         /**
-          * Hide action buttons
           * @default true
          */
         "displayButtons"?: boolean;
         /**
-          * When true, primary button does NOT auto-close the modal (matches Angular `isStep`). Useful for step-by-step flows.
           * @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
          */
         "loading"?: boolean;
         /**
-          * Loading message
           * @default 'Please wait a moment'
          */
         "loadingMessage"?: string;
         /**
-          * Loading title
           * @default 'Loading'
          */
         "loadingTitle"?: string;
         /**
-          * Body message
           * @default ''
          */
         "message"?: string;
-        /**
-          * Emitted when modal is hidden — matches Angular 'onHide'
-         */
         "onDropiHide"?: (event: DropiAlertModalCustomEvent<void>) => void;
-        /**
-          * Emitted when primary button is clicked — matches Angular 'primaryButtonEvent'
-         */
         "onDropiPrimaryClick"?: (event: DropiAlertModalCustomEvent<boolean>) => void;
-        /**
-          * Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent'
-         */
         "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
          */
         "params"?: any;
         /**
-          * Primary button label
           * @default 'Accept'
          */
         "primaryButton"?: string;
         /**
-          * Secondary button label (hidden if empty)
           * @default ''
          */
         "secondaryButton"?: string;
         /**
-          * Bold title
           * @default ''
          */
         "tittle"?: string;
         /**
-          * Modal type — determines Lottie animation
           * @default 'question'
          */
         "type"?: AlertModalType;
         /**
-          * Controls visibility
           * @default false
          */
         "visible"?: any;
@@ -5474,52 +5382,41 @@ declare namespace LocalJSX {
          */
         "valueModel"?: string;
     }
-    /**
-     * @component dropi-empty-state
-     * Empty state illustration with title, description and optional action button.
-     */
     interface DropiEmptyState {
         /**
-          * Icon name for button — matches Angular 'buttonIcon'
+          * Icon name for the action button
           * @default ''
          */
         "buttonIcon"?: string;
         /**
-          * Severity for the action button — matches Angular 'buttonSeverity'
           * @default 'tertiary'
          */
         "buttonSeverity"?: 'primary' | 'secondary' | 'tertiary';
         /**
-          * Primary action button label (empty = hidden) — matches Angular 'buttonText'
+          * Primary action button label (empty = hidden)
           * @default ''
          */
         "buttonText"?: string;
         /**
-          * Description text
           * @default ''
          */
         "description"?: string;
         /**
-          * State of the illustration (default, loading, sorry, love, success, error) — matches Angular 'dropiIcon'
+          * Built-in illustration state
           * @default 'default'
          */
         "dropiIcon"?: 'default' | 'loading' | 'sorry' | 'love' | 'success' | 'error' | 'warning' | 'info';
         /**
-          * Alt text for the image
           * @default 'Sin resultados'
          */
         "imageAlt"?: string;
         /**
-          * URL of the illustration image
+          * URL of an external illustration image (overrides dropiIcon)
           * @default ''
          */
         "imageUrl"?: string;
-        /**
-          * Emitted when button is clicked — matches Angular 'buttonClickEvent'
-         */
         "onButtonClickEvent"?: (event: DropiEmptyStateCustomEvent<void>) => void;
         /**
-          * Title text (matches Angular 'title')
           * @default ''
          */
         "title"?: string;
@@ -5659,11 +5556,6 @@ declare namespace LocalJSX {
          */
         "urlImage"?: string;
     }
-    /**
-     * @component dropi-icon
-     * Renders an SVG icon from the Dropi sprite sheet.
-     * The sprite must be available at `assets/icons/sprite.svg`.
-     */
     interface DropiIcon {
         /**
           * @default 'currentColor'
@@ -5674,22 +5566,15 @@ declare namespace LocalJSX {
          */
         "iconHeight"?: string;
         /**
-          * Width of the icon (CSS value)
           * @default '20px'
          */
         "iconWidth"?: string;
         /**
-          * Icon name matching the id in the SVG sprite
+          * Icon name (case-insensitive, matches dropi-lib-icons sprite ids)
           * @default ''
          */
         "name"?: string;
         /**
-          * URL to the SVG sprite file. Defaults to dropi-lib-icons path in node_modules.
-          * @default '/node_modules/dropi-lib-icons/dist/sprite.svg'
-         */
-        "spritePath"?: string;
-        /**
-          * Stroke width for icons that use strokes
           * @default ''
          */
         "strokeWidth"?: string;
@@ -7675,7 +7560,6 @@ declare namespace LocalJSX {
         "iconHeight": string;
         "color": string;
         "strokeWidth": string;
-        "spritePath": string;
     }
     interface DropiIlustrationIconAttributes {
         "type": IlustrationType;
@@ -8095,13 +7979,6 @@ declare module "@stencil/core" {
              * Legacy alert component for backward compatibility with Angular core.
              */
             "dropi-alert-legacy": LocalJSX.IntrinsicElements["dropi-alert-legacy"] & JSXBase.HTMLAttributes<HTMLDropiAlertLegacyElement>;
-            /**
-             * @component dropi-alert-modal
-             * Confirmation/alert modal with Lottie animation, title, message and action buttons.
-             * Uses dropi-modal internally.
-             * @example const el = document.querySelector('dropi-alert-modal');
-             * el.visible = true;
-             */
             "dropi-alert-modal": LocalJSX.IntrinsicElements["dropi-alert-modal"] & JSXBase.HTMLAttributes<HTMLDropiAlertModalElement>;
             /**
              * @component dropi-avatars
@@ -8228,10 +8105,6 @@ declare module "@stencil/core" {
              * Pass options as an array (JS) or JSON string.
              */
             "dropi-dropdown": LocalJSX.IntrinsicElements["dropi-dropdown"] & JSXBase.HTMLAttributes<HTMLDropiDropdownElement>;
-            /**
-             * @component dropi-empty-state
-             * Empty state illustration with title, description and optional action button.
-             */
             "dropi-empty-state": LocalJSX.IntrinsicElements["dropi-empty-state"] & JSXBase.HTMLAttributes<HTMLDropiEmptyStateElement>;
             /**
              * @component dropi-favorite-button
@@ -8250,11 +8123,6 @@ declare module "@stencil/core" {
              * Mirrored EXACTLY from dropi-core_front.
              */
             "dropi-file-upload-progress-bar": LocalJSX.IntrinsicElements["dropi-file-upload-progress-bar"] & JSXBase.HTMLAttributes<HTMLDropiFileUploadProgressBarElement>;
-            /**
-             * @component dropi-icon
-             * Renders an SVG icon from the Dropi sprite sheet.
-             * The sprite must be available at `assets/icons/sprite.svg`.
-             */
             "dropi-icon": LocalJSX.IntrinsicElements["dropi-icon"] & JSXBase.HTMLAttributes<HTMLDropiIconElement>;
             /**
              * @component dropi-ilustration-icon

package/dist/types/utils/icon-map.generated.d.ts

@@ -0,0 +1,4 @@
+export declare const ICON_MAP: Record<string, {
+    viewBox: string;
+    paths: string;
+}>;

package/dist/types/utils/illustration-map.generated.d.ts

@@ -0,0 +1 @@
+export declare const ILLUSTRATION_MAP: Record<string, string>;

package/dist/types/utils/lottie-map.generated.d.ts

@@ -0,0 +1 @@
+export declare const LOTTIE_MAP: Record<string, string>;