@dropi/ui 0.1.48 → 0.1.50

package/dist/cjs/{index-VFDdqTlC.js → index-DydfpGMc.js}

@@ -7,7 +7,7 @@ const globalScripts = () => {};
 const globalStyles = ":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681;--dropi-z-index-base:0;--dropi-z-index-sticky:100;--dropi-z-index-navbar:1000;--dropi-z-index-modal:9999;--dropi-z-index-drawer:9999;--dropi-z-index-overlay:11000;--dropi-z-index-toast:12000}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";
 
 /*
- Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.3 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -1063,31 +1063,6 @@ var findCorrespondingNode = (node, type) => {
   return sibling;
 };
 
-// src/runtime/normalize-watchers.ts
-var normalizeWatchers = (raw) => {
-  if (!raw) return void 0;
-  const keys = Object.keys(raw);
-  if (keys.length === 0) return void 0;
-  let hasLegacy = false;
-  for (const propName of keys) {
-    if (hasLegacy) break;
-    for (const h2 of raw[propName]) {
-      if (typeof h2 === "string") {
-        hasLegacy = true;
-        break;
-      }
-    }
-  }
-  if (!hasLegacy) return raw;
-  const out = {};
-  for (const propName of keys) {
-    out[propName] = raw[propName].map(
-      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
-    );
-  }
-  return out;
-};
-
 // src/utils/remote-value.ts
 var RemoteValue = class _RemoteValue {
   /**
@@ -1184,19 +1159,11 @@ var RemoteValue = class _RemoteValue {
 };
 
 // src/utils/serialize.ts
-function decodeBase64Unicode(base64) {
-  const binary = atob(base64);
-  const bytes = new Uint8Array(binary.length);
-  for (let i2 = 0; i2 < binary.length; i2++) {
-    bytes[i2] = binary.charCodeAt(i2);
-  }
-  return new TextDecoder().decode(bytes);
-}
 function deserializeProperty(value) {
   if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
     return value;
   }
-  return RemoteValue.fromLocalValue(JSON.parse(decodeBase64Unicode(value.slice(SERIALIZED_PREFIX.length))));
+  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
 }
 
 // src/runtime/parse-property-value.ts
@@ -2246,7 +2213,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
+        cmpMeta.$watchers$ = Cstr.watchers;
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -2376,13 +2343,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
-          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
-          if (isBooleanTarget) {
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -2427,7 +2392,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (!Cstr.isProxied) {
           {
-            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
+            cmpMeta.$watchers$ = Cstr.watchers;
             cmpMeta.$serializers$ = Cstr.serializers;
             cmpMeta.$deserializers$ = Cstr.deserializers;
           }
@@ -2624,7 +2589,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -2644,9 +2609,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$attrsToReflect$ = [];
       }
       {
-        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
-        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
-        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
       const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {

package/dist/collection/components/dropi-alert/dropi-alert.js

@@ -95,7 +95,7 @@ export class DropiAlert {
                     "references": {
                         "AlertType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-alert/dropi-alert.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-alert/dropi-alert.tsx",
                             "id": "src/components/dropi-alert/dropi-alert.tsx::AlertType"
                         }
                     }
@@ -121,7 +121,7 @@ export class DropiAlert {
                     "references": {
                         "AlertState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-alert/dropi-alert.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-alert/dropi-alert.tsx",
                             "id": "src/components/dropi-alert/dropi-alert.tsx::AlertState"
                         }
                     }

package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { LOTTIE_MAP } from "../../utils/lottie-map.generated";
 /**
  * @component dropi-alert-modal
  * Confirmation/alert modal with Lottie animation, title, message and action buttons.
@@ -9,6 +10,7 @@ import { h } from "@stencil/core";
  * el.visible = true;
  */
 export class DropiAlertModal {
+    el;
     /** Controls visibility */
     visible = false;
     /** Modal type — determines Lottie animation */
@@ -79,13 +81,6 @@ export class DropiAlertModal {
     dropiVisibleChange;
     /** Emitted when modal is hidden — matches Angular 'onHide' */
     dropiHide;
-    lottieMap = {
-        question: '/assets/lottie-files/question.json',
-        warning: '/assets/lottie-files/warning.json',
-        success: '/assets/lottie-files/success.json',
-        error: '/assets/lottie-files/failure.json',
-        loading: '/assets/lottie-files/loading.json',
-    };
     componentWillLoad() {
         if (this.params)
             this.paramsChanged(this.params);
@@ -116,7 +111,8 @@ export class DropiAlertModal {
     render() {
         const lottieKey = this.loading ? 'loading' : this.type;
         const isLottieLoading = lottieKey === 'loading';
-        return (h("dropi-modal", { key: '322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onDropiHide: () => this.onModalHide() }, h("div", { key: '06530f3da45738d1ed75a4e8b5b8b0b80dfd2647', class: "body-alert" }, this.lottieMap[lottieKey] && (h("div", { key: '7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, h("lottie-player", { key: lottieKey, src: this.lottieMap[lottieKey], background: "transparent", speed: "1", loop: true, autoplay: true }))), h("div", { key: '0e72f42d10c59047e82df8b2842affd38ab60fc7', class: "content-alert" }, h("h2", { key: '8262de8fbcf5b87fbac34740d34d99d0b6ff921d' }, this.loading ? this.loadingTitle : this.tittle), h("p", { key: 'ca9c734e0b9686bff7e2616ae98224446ac0ca33' }, this.loading ? this.loadingMessage : this.message)), h("div", { key: '1b5edb3af1044cb0dd0b57a425517b1d824672be', class: "custom-content" }, h("slot", { key: '57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab' })), !this.loading && this.displayButtons && (h("div", { key: '32580f42d98f628b4c1d1f300b5a3aaaa1be2486', class: "actions" }, this.secondaryButton && h("dropi-button", { key: 'dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7', text: this.secondaryButton, severity: "secondary", onDropiClick: () => this.handleSecondary(), fullWidth: true }), h("dropi-button", { key: '3ed494fc7a83021174c4d006ae4327348d400e93', text: this.primaryButton, severity: "primary", onDropiClick: () => this.handlePrimary(), fullWidth: true }))))));
+        const lottieSrc = LOTTIE_MAP[lottieKey];
+        return (h("dropi-modal", { key: '9e44e3e2336cea618ad493257a9057f6ed05b3b9', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onDropiHide: () => this.onModalHide() }, h("div", { key: '2c83ef5ed1bce3821221404572e08ff83e5788a7', class: "body-alert" }, lottieSrc && (h("div", { key: 'aef9b32ed8f6a9eed2d49b78a579efca7c30de35', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, h("lottie-player", { key: lottieKey, src: lottieSrc, background: "transparent", speed: "1", loop: true, autoplay: true }))), h("div", { key: '5c5161f34e04e783120cda34cbfda41da0061b40', class: "content-alert" }, h("h2", { key: 'ea451c2f1d424a4ca9453eee500055929a4ee0cd' }, this.loading ? this.loadingTitle : this.tittle), h("p", { key: '6fc476e3b79305a8542a9e3254a648df46e612c2' }, this.loading ? this.loadingMessage : this.message)), h("div", { key: 'c6b62bd577696a2f474c05f6a91030f3caa17c9e', class: "custom-content" }, h("slot", { key: '42957aad93193457111a074bad254c6209c5fb12' })), !this.loading && this.displayButtons && (h("div", { key: 'f6bec3425de91611537bc418c7896b7dc510ace6', class: "actions" }, this.secondaryButton && h("dropi-button", { key: 'e169fb4dbd9d6d5548095d59ddde524b6540b7a8', text: this.secondaryButton, severity: "secondary", onDropiClick: () => this.handleSecondary(), fullWidth: true }), h("dropi-button", { key: 'f892a5d0fce7eae2d24fedc71a925c5c2cf767dd', text: this.primaryButton, severity: "primary", onDropiClick: () => this.handlePrimary(), fullWidth: true }))))));
     }
     static get is() { return "dropi-alert-modal"; }
     static get originalStyleUrls() {
@@ -160,7 +156,7 @@ export class DropiAlertModal {
                     "references": {
                         "AlertModalType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-alert-modal/dropi-alert-modal.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-alert-modal/dropi-alert-modal.tsx",
                             "id": "src/components/dropi-alert-modal/dropi-alert-modal.tsx::AlertModalType"
                         }
                     }
@@ -540,6 +536,7 @@ export class DropiAlertModal {
             }
         };
     }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "params",

package/dist/collection/components/dropi-avatars/dropi-avatars.js

@@ -84,7 +84,7 @@ export class DropiAvatars {
                     "references": {
                         "AvatarType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-avatars/dropi-avatars.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-avatars/dropi-avatars.tsx",
                             "id": "src/components/dropi-avatars/dropi-avatars.tsx::AvatarType"
                         }
                     }

package/dist/collection/components/dropi-badge/dropi-badge.js

@@ -50,7 +50,7 @@ export class DropiBadge {
                     "references": {
                         "BadgeState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-badge/dropi-badge.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-badge/dropi-badge.tsx",
                             "id": "src/components/dropi-badge/dropi-badge.tsx::BadgeState"
                         }
                     }

package/dist/collection/components/dropi-breadcrumb/dropi-breadcrumb.js

@@ -65,7 +65,7 @@ export class DropiBreadcrumb {
                     "references": {
                         "BreadcrumbItem": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-breadcrumb/dropi-breadcrumb.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-breadcrumb/dropi-breadcrumb.tsx",
                             "id": "src/components/dropi-breadcrumb/dropi-breadcrumb.tsx::BreadcrumbItem"
                         }
                     }
@@ -161,7 +161,7 @@ export class DropiBreadcrumb {
                     "references": {
                         "BreadcrumbItem": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-breadcrumb/dropi-breadcrumb.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-breadcrumb/dropi-breadcrumb.tsx",
                             "id": "src/components/dropi-breadcrumb/dropi-breadcrumb.tsx::BreadcrumbItem"
                         }
                     }

package/dist/collection/components/dropi-button/dropi-button.js

@@ -110,7 +110,7 @@ export class DropiButton {
                     "references": {
                         "ButtonType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-button/dropi-button.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-button/dropi-button.tsx",
                             "id": "src/components/dropi-button/dropi-button.tsx::ButtonType"
                         }
                     }
@@ -136,7 +136,7 @@ export class DropiButton {
                     "references": {
                         "ButtonSeverity": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-button/dropi-button.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-button/dropi-button.tsx",
                             "id": "src/components/dropi-button/dropi-button.tsx::ButtonSeverity"
                         }
                     }
@@ -162,7 +162,7 @@ export class DropiButton {
                     "references": {
                         "ButtonSize": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-button/dropi-button.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-button/dropi-button.tsx",
                             "id": "src/components/dropi-button/dropi-button.tsx::ButtonSize"
                         }
                     }
@@ -188,7 +188,7 @@ export class DropiButton {
                     "references": {
                         "ButtonState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-button/dropi-button.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-button/dropi-button.tsx",
                             "id": "src/components/dropi-button/dropi-button.tsx::ButtonState"
                         }
                     }
@@ -314,7 +314,7 @@ export class DropiButton {
                     "references": {
                         "ButtonNativeType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-button/dropi-button.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-button/dropi-button.tsx",
                             "id": "src/components/dropi-button/dropi-button.tsx::ButtonNativeType"
                         }
                     }

package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js

@@ -79,7 +79,7 @@ export class DropiCheckboxSelectionList {
                     "references": {
                         "CheckboxOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.tsx",
                             "id": "src/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.tsx::CheckboxOption"
                         }
                     }

package/dist/collection/components/dropi-chips/dropi-chips.js

@@ -43,7 +43,7 @@ export class DropiChips {
                     "references": {
                         "ChipStyle": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-chips/dropi-chips.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-chips/dropi-chips.tsx",
                             "id": "src/components/dropi-chips/dropi-chips.tsx::ChipStyle"
                         }
                     }
@@ -69,7 +69,7 @@ export class DropiChips {
                     "references": {
                         "ChipType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-chips/dropi-chips.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-chips/dropi-chips.tsx",
                             "id": "src/components/dropi-chips/dropi-chips.tsx::ChipType"
                         }
                     }

package/dist/collection/components/dropi-city-selector/dropi-city-selector.js

@@ -115,7 +115,7 @@ export class DropiCitySelector {
                     "references": {
                         "CityGroup": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-city-selector/dropi-city-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-city-selector/dropi-city-selector.tsx",
                             "id": "src/components/dropi-city-selector/dropi-city-selector.tsx::CityGroup"
                         }
                     }

package/dist/collection/components/dropi-country-selector/dropi-country-selector.js

@@ -533,7 +533,7 @@ export class DropiCountrySelector {
                     "references": {
                         "CountryItem": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-country-selector/dropi-country-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-country-selector/dropi-country-selector.tsx",
                             "id": "src/components/dropi-country-selector/dropi-country-selector.tsx::CountryItem"
                         }
                     }

package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js

@@ -308,7 +308,7 @@ export class DropiDatePickerRange {
                     "references": {
                         "DateRange": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-date-picker-range/dropi-date-picker-range.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-date-picker-range/dropi-date-picker-range.tsx",
                             "id": "src/components/dropi-date-picker-range/dropi-date-picker-range.tsx::DateRange"
                         }
                     }

package/dist/collection/components/dropi-dropdown/dropi-dropdown.js

@@ -73,7 +73,7 @@ export class DropiDropdown {
                     "references": {
                         "DropdownOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-dropdown/dropi-dropdown.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-dropdown/dropi-dropdown.tsx",
                             "id": "src/components/dropi-dropdown/dropi-dropdown.tsx::DropdownOption"
                         }
                     }
@@ -193,7 +193,7 @@ export class DropiDropdown {
                     "references": {
                         "DropdownOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-dropdown/dropi-dropdown.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-dropdown/dropi-dropdown.tsx",
                             "id": "src/components/dropi-dropdown/dropi-dropdown.tsx::DropdownOption"
                         }
                     }

package/dist/collection/components/dropi-empty-state/dropi-empty-state.js

@@ -1,29 +1,29 @@
 import { h } from "@stencil/core";
-/**
- * @component dropi-empty-state
- * Empty state illustration with title, description and optional action button.
- */
+import { ILLUSTRATION_MAP } from "../../utils/illustration-map.generated";
 export class DropiEmptyState {
-    /** Title text (matches Angular 'title') */
+    el;
     title = '';
-    /** Description text */
     description = '';
-    /** URL of the illustration image */
+    /** URL of an external illustration image (overrides dropiIcon) */
     imageUrl = '';
-    /** Alt text for the image */
     imageAlt = 'Sin resultados';
-    /** Primary action button label (empty = hidden) — matches Angular 'buttonText' */
+    /** Primary action button label (empty = hidden) */
     buttonText = '';
-    /** Icon name for button — matches Angular 'buttonIcon' */
+    /** Icon name for the action button */
     buttonIcon = '';
-    /** State of the illustration (default, loading, sorry, love, success, error) — matches Angular 'dropiIcon' */
+    /** Built-in illustration state */
     dropiIcon = 'default';
-    /** Severity for the action button — matches Angular 'buttonSeverity' */
     buttonSeverity = 'tertiary';
-    /** Emitted when button is clicked — matches Angular 'buttonClickEvent' */
     buttonClickEvent;
+    illustrationRef;
+    componentDidRender() {
+        if (this.illustrationRef && !this.imageUrl) {
+            const key = this.dropiIcon && ILLUSTRATION_MAP[this.dropiIcon] ? this.dropiIcon : 'default';
+            this.illustrationRef.innerHTML = ILLUSTRATION_MAP[key];
+        }
+    }
     render() {
-        return (h("div", { key: '50a720a8b293a19dbabccce8f7aa0fa996e5fd63', class: "empty-state" }, h("div", { key: 'd13894b011225337234301bd514891d89caac3d7', class: "empty-state-visual" }, this.imageUrl ? (h("img", { class: "empty-state-img", src: this.imageUrl, alt: this.imageAlt })) : (h("img", { class: "empty-state-img", src: `assets/icons/ilustration/${(!this.dropiIcon || String(this.dropiIcon) === 'undefined' || String(this.dropiIcon) === 'null') ? 'default' : this.dropiIcon}.svg`, alt: this.imageAlt, onError: (e) => e.target.src = 'assets/icons/ilustration/default.svg' }))), this.title && h("h3", { key: 'eb40395b4bd3c623f27bc3290bb37427420c5e94', class: "empty-state-title" }, this.title), this.description && h("p", { key: 'f942c17f7a8d320bbe81dfcd45d13e56d7ea8eba', class: "empty-state-description" }, this.description), h("slot", { key: '513f49ffeeb77e2be1318d6d251a1bcabff2689a' }), this.buttonText && (h("div", { key: 'f6d9c391feee26eac44a8904e1768678bbb1604c', class: "empty-state-actions" }, h("dropi-button", { key: 'f9ea9563a76a80bd29b6e6aaf8405092046a62a8', text: this.buttonText, preIcon: this.buttonIcon, severity: this.buttonSeverity, onClick: () => this.buttonClickEvent.emit() })))));
+        return (h("div", { key: '0d8767fe7139adbcc9ba962cfc554ac532678684', class: "empty-state" }, h("div", { key: '3a250c2aab247e465a8b122420748c5ed6bb0e8a', class: "empty-state-visual" }, this.imageUrl ? (h("img", { class: "empty-state-img", src: this.imageUrl, alt: this.imageAlt })) : (h("div", { class: "empty-state-img", ref: (el) => { this.illustrationRef = el; } }))), this.title && h("h3", { key: 'eb1717c48091ff1a05defc703a6a581e4cc2691b', class: "empty-state-title" }, this.title), this.description && h("p", { key: '049ec39cffbc935a44ee8ade7832c80790ae086e', class: "empty-state-description" }, this.description), h("slot", { key: 'e4498968e7f0cb0d505e55d9fe3d4b1bb3a51dc1' }), this.buttonText && (h("div", { key: '1a1263395d6e20dfa89f9702557c064ea0255ef4', class: "empty-state-actions" }, h("dropi-button", { key: '176b76887376c0520398e30cd1006139a163edc7', text: this.buttonText, preIcon: this.buttonIcon, severity: this.buttonSeverity, onClick: () => this.buttonClickEvent.emit() })))));
     }
     static get is() { return "dropi-empty-state"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Title text (matches Angular 'title')"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
@@ -71,7 +71,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Description text"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
@@ -91,7 +91,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "URL of the illustration image"
+                    "text": "URL of an external illustration image (overrides dropiIcon)"
                 },
                 "getter": false,
                 "setter": false,
@@ -111,7 +111,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Alt text for the image"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
@@ -131,7 +131,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Primary action button label (empty = hidden) \u2014 matches Angular 'buttonText'"
+                    "text": "Primary action button label (empty = hidden)"
                 },
                 "getter": false,
                 "setter": false,
@@ -151,7 +151,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Icon name for button \u2014 matches Angular 'buttonIcon'"
+                    "text": "Icon name for the action button"
                 },
                 "getter": false,
                 "setter": false,
@@ -171,7 +171,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "State of the illustration (default, loading, sorry, love, success, error) \u2014 matches Angular 'dropiIcon'"
+                    "text": "Built-in illustration state"
                 },
                 "getter": false,
                 "setter": false,
@@ -191,7 +191,7 @@ export class DropiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Severity for the action button \u2014 matches Angular 'buttonSeverity'"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
@@ -210,7 +210,7 @@ export class DropiEmptyState {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted when button is clicked \u2014 matches Angular 'buttonClickEvent'"
+                    "text": ""
                 },
                 "complexType": {
                     "original": "void",
@@ -219,4 +219,5 @@ export class DropiEmptyState {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js

@@ -60,7 +60,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "IlustrationType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::IlustrationType"
                         }
                     }
@@ -86,7 +86,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "IlustrationState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::IlustrationState"
                         }
                     }
@@ -112,7 +112,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "InsigniaState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::InsigniaState"
                         }
                     }

package/dist/collection/components/dropi-input/dropi-input.js

@@ -466,7 +466,7 @@ export class DropiInput {
                     "references": {
                         "InputMode": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-input/dropi-input.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-input/dropi-input.tsx",
                             "id": "src/components/dropi-input/dropi-input.tsx::InputMode"
                         }
                     }

package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js

@@ -70,7 +70,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }
@@ -96,7 +96,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }
@@ -139,7 +139,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }

package/dist/collection/components/dropi-modal/dropi-modal.js

@@ -393,7 +393,7 @@ export class DropiModal {
                     "references": {
                         "ModalPosition": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-modal/dropi-modal.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-modal/dropi-modal.tsx",
                             "id": "src/components/dropi-modal/dropi-modal.tsx::ModalPosition"
                         }
                     }
@@ -419,7 +419,7 @@ export class DropiModal {
                     "references": {
                         "ModalSize": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-modal/dropi-modal.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-modal/dropi-modal.tsx",
                             "id": "src/components/dropi-modal/dropi-modal.tsx::ModalSize"
                         }
                     }

package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js

@@ -66,7 +66,7 @@ export class DropiRadioSelectionList {
                     "references": {
                         "RadioOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
                             "id": "src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx::RadioOption"
                         }
                     }
@@ -243,7 +243,7 @@ export class DropiRadioSelectionList {
                     "references": {
                         "RadioOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
                             "id": "src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx::RadioOption"
                         }
                     }