@dropi/ui 0.1.45 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/ui",
-  "version": "0.1.45",
+  "version": "0.1.48",
   "description": "Dropi Design System — Web Components for Angular, React and Vue",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -40,7 +40,6 @@
     "dist/",
     "hydrate/",
     "loader/",
-    "assets/",
     "skills/",
     "scripts/"
   ],
@@ -52,7 +51,7 @@
     "packages/*"
   ],
   "scripts": {
-    "build": "stencil build && npm run build --workspace=packages/react && npm run build --workspace=packages/angular",
+    "build": "node scripts/generate-icon-map.js && stencil build && npm run build --workspace=packages/react && npm run build --workspace=packages/angular",
     "clear:cache": "node -e \"const fs=require('fs');['.stencil','node_modules/.cache'].forEach(p=>{try{fs.rmSync(p,{recursive:true,force:true})}catch(e){}})\"",
     "publish:react": "npm run build && npm publish --workspace=packages/react",
     "dev": "stencil build --dev --watch & npm run watch --workspace=packages/react",

package/scripts/generate-icon-map.js

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const path = require('path');
+
+const spriteFile = path.join(__dirname, '..', 'node_modules', 'dropi-lib-icons', 'dist', 'sprite.svg');
+const outFile = path.join(__dirname, '..', 'src', 'utils', 'icon-map.generated.ts');
+
+if (!fs.existsSync(spriteFile)) {
+  console.error('❌  sprite.svg not found — run: npm install dropi-lib-icons');
+  process.exit(1);
+}
+
+const svg = fs.readFileSync(spriteFile, 'utf8');
+const symbolRegex = /<symbol\s+id="([^"]+)"\s+viewBox="([^"]+)">([\s\S]*?)<\/symbol>/g;
+
+const entries = [];
+let match;
+
+while ((match = symbolRegex.exec(svg)) !== null) {
+  const [, id, viewBox, inner] = match;
+  // Minify inner content
+  const paths = inner.replace(/\s+/g, ' ').trim();
+  entries.push(`  '${id}': { viewBox: '${viewBox}', paths: \`${paths}\` }`);
+}
+
+const output = `// Auto-generated by scripts/generate-icon-map.js — DO NOT EDIT
+// Source: dropi-lib-icons/dist/sprite.svg (${entries.length} icons)
+export const ICON_MAP: Record<string, { viewBox: string; paths: string }> = {
+${entries.join(',\n')}
+};
+`;
+
+const dir = path.dirname(outFile);
+if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+
+fs.writeFileSync(outFile, output);
+console.log(`✅  Generated ${entries.length} icons → src/utils/icon-map.generated.ts`);

package/scripts/setup.js

@@ -468,11 +468,9 @@ dropi-icon:not(.hydrated) {
     }
   };
 
-  // Sprite de iconos
-  setupAsset('assets/icons/symbol/svg/sprite.css.svg', 'assets/icons/symbol/svg/sprite.css.svg');
-  // Ilustraciones
+  // Ilustraciones (servidas desde node_modules/@dropi/ui, no requieren copia si basePath es el default)
   setupAsset('assets/icons/ilustration', 'assets/icons/ilustration');
-  // Archivos Lottie
+  // Archivos Lottie (servidos desde node_modules/@dropi/ui, no requieren copia si loadingAnimation es el default)
   setupAsset('assets/lottie-files', 'assets/lottie-files');
 
   // 6. Lottie Player Script (index.html — solo React/Vue/Angular, Next.js lo maneja en layout.tsx arriba)

package/assets/icons/ilustration/bg-warning.svg

@@ -1,3 +0,0 @@
-<svg width="62" height="56" viewBox="0 0 62 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M60.7444 51.9168C60.1552 52.9397 59.3045 53.7875 58.2796 54.3732C57.2547 54.959 56.0924 55.2616 54.912 55.25H7.0878C5.90737 55.2616 4.74511 54.959 3.72019 54.3732C2.69527 53.7875 1.84459 52.9397 1.25537 51.9168C0.680433 50.9327 0.377441 49.8135 0.377441 48.6738C0.377441 47.5341 0.680433 46.4149 1.25537 45.4309L25.162 3.9039C25.7596 2.88651 26.6126 2.04294 27.6366 1.4568C28.6606 0.870667 29.82 0.562317 30.9999 0.562317C32.1798 0.562317 33.3392 0.870667 34.3632 1.4568C35.3872 2.04294 36.2403 2.88651 36.8378 3.9039L60.7499 45.4309C61.324 46.4154 61.6261 47.5349 61.6251 48.6746C61.6241 49.8143 61.3202 50.9332 60.7444 51.9168Z" fill="#F1B44C"/>
-</svg>

package/assets/icons/ilustration/default.svg

@@ -1,4 +0,0 @@
-<svg width="64" height="60" viewBox="0 0 64 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 33.9803V28.822C8.27713 27.0072 8.68337 25.2305 9.21873 23.492C9.5368 22.4591 9.68954 21.5358 9.67694 20.7221C9.64545 18.4878 9.64073 16.2424 9.66277 13.9858C9.66268 13.8985 9.64252 13.8128 9.60392 13.7357C9.56532 13.6587 9.5094 13.5924 9.44075 13.5424C6.87102 11.6307 8.86445 7.8406 11.694 9.11827C13.3048 9.84291 13.6166 12.0884 12.275 13.2135C12.1018 13.3597 12.0152 13.5456 12.0152 13.7713L12.0105 17.1275C12.0105 17.439 12.1002 17.4676 12.2797 17.2133C13.2528 15.8212 14.3881 14.4578 15.6856 13.1229C15.8304 12.9735 15.9926 12.9513 16.1721 13.0561L23.0358 17.0846C23.2121 17.1863 23.2358 17.3166 23.1066 17.4755C22.0076 18.8263 21.1872 20.3455 20.6456 22.0332C20.6235 22.0979 20.6226 22.168 20.6431 22.2332C20.6635 22.2984 20.7041 22.3553 20.7589 22.3955C25.1142 25.7088 25.8937 32.0686 23.1397 36.6739C20.4613 41.1505 14.7833 41.8227 11.4531 37.656C10.8421 36.8932 10.7555 36.9488 11.1933 37.8228C14.2118 43.8441 21.3872 43.8917 24.297 37.7561C24.3789 37.5845 24.4891 37.5622 24.6277 37.6893C27.7044 40.4926 31.3339 42.2438 35.516 42.943C39.4399 43.5977 43.3244 43.4325 47.1696 42.4472C52.0854 41.1854 54.8945 38.0644 55.5968 33.084C56.0125 30.1537 55.7621 27.0247 54.8457 23.697C52.942 16.7843 47.7506 12.4841 40.7405 11.6069C36.7316 11.1079 32.8282 11.6037 29.0303 13.0943C28.8728 13.1579 28.7216 13.1467 28.5768 13.0609L21.7604 9.05629C21.7385 9.0442 21.7206 9.02625 21.7084 9.00436C21.6963 8.98247 21.6904 8.95746 21.6913 8.932C21.6923 8.90655 21.7001 8.8816 21.7139 8.85983C21.7278 8.83805 21.7471 8.82028 21.7698 8.80839C36.7536 1.24251 54.8079 9.61408 58.3791 26.1236C59.116 29.5339 59.1554 32.8933 58.4972 36.2019C56.688 45.2648 49.8857 50.9237 41.1893 53.1596C40.7673 53.2676 40.7059 53.1612 41.005 52.8402C41.6443 52.1632 42.1655 51.313 42.5686 50.2896C42.6977 49.9622 42.926 49.735 43.2536 49.6079L45.332 48.7926C45.3684 48.7789 45.4009 48.7563 45.4266 48.7268C45.4523 48.6974 45.4704 48.662 45.4793 48.6238C45.4881 48.5856 45.4875 48.5458 45.4775 48.5079C45.4675 48.4699 45.4483 48.4351 45.4218 48.4065L41.6097 44.2588C41.593 44.2408 41.5727 44.2264 41.5501 44.2168C41.5275 44.2071 41.5032 44.2024 41.4787 44.2028C41.4542 44.2033 41.4301 44.2089 41.4079 44.2194C41.3857 44.2299 41.3659 44.2449 41.3499 44.2636C39.5769 46.2468 37.6779 47.9329 35.653 49.3218C35.6351 49.3351 35.6214 49.3533 35.6137 49.3743C35.6059 49.3954 35.6045 49.4182 35.6095 49.4401C35.6146 49.4619 35.6258 49.4818 35.642 49.4972C35.6581 49.5126 35.6784 49.5229 35.7002 49.5268L38.133 49.9082C38.1732 49.9143 38.2111 49.9314 38.2423 49.9577C38.2736 49.984 38.2971 50.0185 38.3103 50.0574C38.3235 50.0962 38.3258 50.138 38.317 50.1781C38.3082 50.2183 38.2887 50.2552 38.2605 50.2848C36.6072 52.0917 33.2202 54.2322 30.6789 53.9796C23.5932 53.274 17.9483 50.8172 13.7441 46.6092C10.513 43.3769 8.59835 39.1672 8 33.9803ZM16.2572 37.5749C17.8006 37.5749 19.2809 36.7768 20.3723 35.3561C21.4637 33.9355 22.0769 32.0086 22.0769 29.9995C22.0769 27.9904 21.4637 26.0636 20.3723 24.6429C19.2809 23.2222 17.8006 22.4241 16.2572 22.4241C14.7137 22.4241 13.2334 23.2222 12.142 24.6429C11.0506 26.0636 10.4375 27.9904 10.4375 29.9995C10.4375 32.0086 11.0506 33.9355 12.142 35.3561C13.2334 36.7768 14.7137 37.5749 16.2572 37.5749ZM19.5685 10.1624L26.4558 14.2099C26.478 14.223 26.4967 14.2415 26.5102 14.2638C26.5236 14.286 26.5314 14.3112 26.5328 14.3372C26.5342 14.3632 26.5292 14.3891 26.5182 14.4126C26.5073 14.4362 26.4907 14.4566 26.47 14.4721L24.8544 15.6497C24.8301 15.6677 24.801 15.6783 24.7708 15.68C24.7406 15.6816 24.7106 15.6744 24.6844 15.6592L17.7782 11.6164C17.7552 11.6031 17.736 11.5841 17.7223 11.5613C17.7086 11.5384 17.701 11.5123 17.7 11.4856C17.6991 11.4589 17.7049 11.4324 17.7169 11.4086C17.7289 11.3847 17.7468 11.3644 17.7688 11.3495L19.4032 10.1672C19.4275 10.1508 19.4559 10.1417 19.4852 10.1408C19.5144 10.14 19.5433 10.1474 19.5685 10.1624ZM33.1636 13.5566C28.2004 14.062 24.7442 16.9399 22.7949 22.1904C22.7766 22.2377 22.7777 22.2905 22.7979 22.3377C22.8182 22.3849 22.8561 22.4226 22.9035 22.4431L23.0263 22.4955C23.0789 22.5171 23.1375 22.5189 23.1913 22.5005C23.245 22.4821 23.2905 22.4448 23.3192 22.3954C24.6419 20.1134 26.3471 18.4257 28.4351 17.3324C29.685 16.6779 31.1044 16.388 32.5186 16.0991C32.9483 16.0113 33.3775 15.9237 33.8013 15.8259C34.3839 15.6892 34.6925 15.319 34.7271 14.7151C34.7492 14.3146 34.4217 13.9602 33.7446 13.652C33.5623 13.5678 33.3615 13.5348 33.1636 13.5566ZM30.8541 29.3667C30.8132 31.7307 32.0805 33.6701 33.6847 33.6983C35.2889 33.7266 36.6225 31.8331 36.6634 29.469C36.7043 27.105 35.437 25.1656 33.8328 25.1374C32.2286 25.1091 30.895 27.0026 30.8541 29.3667ZM49.7826 33.4415C48.5982 33.4289 47.6568 31.6174 47.6799 29.3953C47.7029 27.1732 48.6817 25.382 49.8661 25.3945C51.0505 25.407 51.9919 27.2186 51.9688 29.4407C51.9458 31.6628 50.967 33.454 49.7826 33.4415Z" fill="#F49A3D"/>
-<ellipse cx="33.8022" cy="57.9269" rx="22.8022" ry="1.92686" fill="#F7F8FA"/>
-</svg>

package/assets/icons/ilustration/error.svg

@@ -1,10 +0,0 @@
-<svg width="64" height="60" viewBox="0 0 64 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.19482 33.2225V28.3493C7.46324 26.6348 7.8567 24.9564 8.37522 23.314C8.68329 22.3381 8.83122 21.4659 8.81902 20.6972C8.78852 18.5864 8.78394 16.465 8.80529 14.3332C8.80521 14.2507 8.78568 14.1698 8.74829 14.0969C8.71091 14.0241 8.65675 13.9615 8.59026 13.9143C6.10135 12.1082 8.03209 8.52764 10.7726 9.73469C12.3328 10.4193 12.6347 12.5406 11.3354 13.6035C11.1676 13.7417 11.0837 13.9173 11.0837 14.1305L11.0792 17.3012C11.0792 17.5955 11.1661 17.6225 11.34 17.3823C12.2824 16.0672 13.382 14.7791 14.6387 13.518C14.779 13.3768 14.9361 13.3558 15.1099 13.4549L21.7577 17.2607C21.9285 17.3568 21.9514 17.4799 21.8263 17.63C20.7618 18.9061 19.9672 20.3414 19.4426 21.9358C19.4213 21.9969 19.4204 22.0631 19.4402 22.1247C19.46 22.1863 19.4993 22.2401 19.5524 22.2781C23.7708 25.4083 24.5257 31.4165 21.8583 35.7672C19.2642 39.9964 13.7648 40.6315 10.5393 36.695C9.94757 35.9744 9.86369 36.027 10.2877 36.8527C13.2112 42.5411 20.1609 42.5861 22.9793 36.7896C23.0586 36.6275 23.1653 36.6065 23.2995 36.7266C26.2795 39.3749 29.7948 41.0293 33.8453 41.6899C37.6458 42.3084 41.4081 42.1523 45.1324 41.2215C49.8936 40.0294 52.6143 37.0809 53.2945 32.3758C53.6971 29.6074 53.4546 26.6513 52.5671 23.5076C50.7232 16.977 45.6951 12.9144 38.9055 12.0857C35.0227 11.6143 31.2421 12.0827 27.5636 13.4909C27.4111 13.551 27.2647 13.5405 27.1244 13.4594L20.5224 9.67614C20.5012 9.66471 20.4839 9.64775 20.4721 9.62707C20.4603 9.60639 20.4546 9.58276 20.4555 9.55872C20.4565 9.53467 20.464 9.5111 20.4774 9.49053C20.4908 9.46996 20.5095 9.45316 20.5315 9.44193C35.044 2.29424 52.5304 10.2031 55.9893 25.8001C56.703 29.0219 56.7412 32.1956 56.1037 35.3214C54.3514 43.8833 47.7631 49.2294 39.3402 51.3417C38.9314 51.4438 38.872 51.3432 39.1617 51.04C39.7809 50.4004 40.2857 49.5972 40.6761 48.6304C40.8012 48.3211 41.0223 48.1064 41.3395 47.9863L43.3526 47.2162C43.3879 47.2032 43.4193 47.1818 43.4442 47.154C43.4691 47.1262 43.4866 47.0927 43.4952 47.0566C43.5038 47.0206 43.5032 46.9829 43.4935 46.9471C43.4838 46.9113 43.4653 46.8784 43.4395 46.8513L39.7473 42.9329C39.7312 42.9159 39.7115 42.9023 39.6896 42.8932C39.6678 42.8841 39.6442 42.8796 39.6205 42.88C39.5968 42.8805 39.5734 42.8858 39.5519 42.8957C39.5304 42.9056 39.5113 42.9198 39.4957 42.9375C37.7785 44.8111 35.9393 46.404 33.978 47.7161C33.9607 47.7286 33.9474 47.7459 33.9399 47.7657C33.9324 47.7856 33.9311 47.8072 33.9359 47.8278C33.9408 47.8484 33.9517 47.8672 33.9673 47.8818C33.983 47.8963 34.0026 47.9061 34.0238 47.9098L36.38 48.2701C36.419 48.2758 36.4556 48.292 36.4859 48.3168C36.5162 48.3417 36.539 48.3742 36.5517 48.411C36.5645 48.4477 36.5667 48.4872 36.5582 48.5251C36.5497 48.563 36.5308 48.5979 36.5035 48.6259C34.9022 50.3329 31.6218 52.3551 29.1603 52.1164C22.2975 51.4498 16.8302 49.1288 12.7583 45.1534C9.62883 42.0997 7.77435 38.1228 7.19482 33.2225ZM15.1923 36.6185C16.6872 36.6185 18.1209 35.8645 19.178 34.5223C20.2351 33.1802 20.8289 31.3599 20.8289 29.4618C20.8289 27.5637 20.2351 25.7434 19.178 24.4012C18.1209 23.0591 16.6872 22.3051 15.1923 22.3051C13.6973 22.3051 12.2636 23.0591 11.2066 24.4012C10.1495 25.7434 9.55563 27.5637 9.55563 29.4618C9.55563 31.3599 10.1495 33.1802 11.2066 34.5223C12.2636 35.8645 13.6973 36.6185 15.1923 36.6185Z" fill="#F49A3D"/>
-<ellipse cx="33.0817" cy="55.3025" rx="23.183" ry="1.95905" fill="#F7F8FA"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M52.5411 10.8463C51.8196 11.5678 51.8196 12.7375 52.5411 13.4589C53.2625 14.1804 54.4322 14.1804 55.1537 13.4589L58 10.6126L60.8463 13.4589C61.5678 14.1804 62.7375 14.1804 63.4589 13.4589C64.1804 12.7375 64.1804 11.5678 63.4589 10.8463L60.6126 8.00002L63.4589 5.15372C64.1804 4.43227 64.1804 3.26256 63.4589 2.5411C62.7375 1.81965 61.5678 1.81965 60.8463 2.5411L58 5.3874L55.1537 2.5411C54.4322 1.81965 53.2625 1.81965 52.5411 2.5411C51.8196 3.26256 51.8196 4.43227 52.5411 5.15372L55.3874 8.00002L52.5411 10.8463Z" fill="#F49A3D"/>
-<path d="M18.3994 10.7215L25.0699 14.5452C25.0915 14.5576 25.1096 14.5751 25.1226 14.5961C25.1356 14.617 25.1431 14.6409 25.1445 14.6654C25.1459 14.69 25.141 14.7145 25.1304 14.7367C25.1198 14.759 25.1037 14.7783 25.0837 14.7929L23.519 15.9054C23.4954 15.9224 23.4672 15.9324 23.438 15.934C23.4087 15.9356 23.3796 15.9288 23.3543 15.9144L16.6654 12.0951C16.6432 12.0826 16.6246 12.0646 16.6113 12.043C16.598 12.0214 16.5906 11.9968 16.5897 11.9715C16.5888 11.9463 16.5944 11.9212 16.6061 11.8987C16.6177 11.8762 16.635 11.857 16.6563 11.8429L18.2393 10.726C18.2628 10.7105 18.2904 10.7019 18.3187 10.7011C18.347 10.7003 18.375 10.7073 18.3994 10.7215Z" fill="#F49A3D"/>
-<path d="M21.524 22.0845C23.412 17.1243 26.7595 14.4055 31.5664 13.9281C31.7582 13.9075 31.9526 13.9386 32.1292 14.0182C32.7849 14.3094 33.1021 14.6442 33.0808 15.0225C33.0472 15.593 32.7483 15.9428 32.1841 16.0719C30.4226 16.4682 28.5651 16.6889 26.9867 17.4951C24.9645 18.528 23.3129 20.1223 22.0319 22.2782C22.004 22.3249 21.96 22.3601 21.908 22.3775C21.8559 22.3949 21.7992 22.3932 21.7482 22.3727L21.6293 22.3232C21.5833 22.3039 21.5467 22.2682 21.527 22.2237C21.5074 22.1791 21.5063 22.1292 21.524 22.0845Z" fill="#F49A3D"/>
-<path d="M21.524 22.0845C23.412 17.1243 26.7595 14.4055 31.5664 13.9281C31.7582 13.9075 31.9526 13.9386 32.1292 14.0181C32.7849 14.3094 33.1021 14.6442 33.0808 15.0225C33.0472 15.593 32.7483 15.9428 32.1841 16.0719C30.4226 16.4682 28.5651 16.6889 26.9867 17.4951C24.9645 18.528 23.3129 20.1223 22.0319 22.2782C22.004 22.3249 21.96 22.3601 21.908 22.3775C21.8559 22.3949 21.7992 22.3932 21.7482 22.3727L21.6293 22.3232C21.5833 22.3039 21.5467 22.2682 21.527 22.2237C21.5074 22.1791 21.5063 22.1292 21.524 22.0845Z" fill="#F49A3D"/>
-<rect x="44" y="28" width="6" height="2" rx="1" fill="#F49A3D"/>
-<rect x="28" y="28" width="7" height="2" rx="1" fill="#F49A3D"/>
-</svg>