@dropi/ui 0.1.19 → 0.1.21

package/assets/icons/ilustration/verified.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="22" height="22" rx="11" fill="#FEF8F1"/>
+<path d="M8.21818 19L6.66364 16.4095L3.71818 15.7619L4.00455 12.7667L2 10.5L4.00455 8.23333L3.71818 5.2381L6.66364 4.59048L8.21818 2L11 3.17381L13.7818 2L15.3364 4.59048L18.2818 5.2381L17.9955 8.23333L20 10.5L17.9955 12.7667L18.2818 15.7619L15.3364 16.4095L13.7818 19L11 17.8262L8.21818 19ZM8.91364 16.9357L11 16.0452L13.1273 16.9357L14.2727 14.9929L16.5227 14.4667L16.3182 12.2L17.8318 10.5L16.3182 8.75952L16.5227 6.49286L14.2727 6.00714L13.0864 4.06429L11 4.95476L8.87273 4.06429L7.72727 6.00714L5.47727 6.49286L5.68182 8.75952L4.16818 10.5L5.68182 12.2L5.47727 14.5071L7.72727 14.9929L8.91364 16.9357ZM10.1409 13.3738L14.7636 8.8L13.6182 7.62619L10.1409 11.0667L8.38182 9.36667L7.23636 10.5L10.1409 13.3738Z" fill="#F49A3D"/>
+</svg>

package/assets/icons/ilustration/warning.svg

@@ -0,0 +1,9 @@
+<svg width="64" height="60" viewBox="0 0 64 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 36.3463V31.4252C3.26962 29.6939 3.66487 27.9989 4.18573 26.3404C4.49519 25.355 4.64379 24.4741 4.63153 23.6979C4.60089 21.5664 4.59629 19.4242 4.61774 17.2714C4.61766 17.1882 4.59804 17.1064 4.56049 17.0329C4.52294 16.9594 4.46853 16.8961 4.40174 16.8485C1.90159 15.0247 3.84104 11.4089 6.59396 12.6278C8.16115 13.3191 8.46448 15.4613 7.15925 16.5346C6.99074 16.6741 6.90648 16.8515 6.90648 17.0668L6.90188 20.2686C6.90188 20.5658 6.98921 20.5931 7.16385 20.3505C8.11059 19.0225 9.21513 17.7217 10.4775 16.4482C10.6184 16.3057 10.7762 16.2845 10.9508 16.3845L17.6286 20.2277C17.8002 20.3247 17.8232 20.4491 17.6976 20.6007C16.6283 21.8893 15.8301 23.3386 15.3031 24.9487C15.2817 25.0104 15.2808 25.0773 15.3007 25.1395C15.3205 25.2017 15.3601 25.256 15.4134 25.2943C19.6508 28.4553 20.4091 34.5225 17.7297 38.916C15.1239 43.1866 9.59965 43.8279 6.35957 39.8529C5.76517 39.1252 5.68092 39.1782 6.1068 40.0121C9.04355 45.7563 16.0247 45.8018 18.8557 39.9484C18.9354 39.7846 19.0426 39.7634 19.1774 39.8847C22.1709 42.559 25.702 44.2297 29.7709 44.8967C33.5885 45.5214 37.3678 45.3637 41.1089 44.4237C45.8916 43.22 48.6246 40.2425 49.3079 35.4912C49.7123 32.6956 49.4687 29.7106 48.5771 26.536C46.725 19.9412 41.6741 15.8388 34.8539 15.0019C30.9535 14.5259 27.1558 14.9989 23.4608 16.4209C23.3076 16.4816 23.1605 16.471 23.0196 16.3891L16.3877 12.5687C16.3665 12.5571 16.349 12.54 16.3372 12.5191C16.3254 12.4982 16.3196 12.4744 16.3206 12.4501C16.3215 12.4258 16.3291 12.402 16.3426 12.3812C16.356 12.3605 16.3748 12.3435 16.3969 12.3322C30.975 5.11429 48.5404 13.1008 52.0148 28.851C52.7318 32.1044 52.7701 35.3093 52.1297 38.4657C50.3695 47.1117 43.7515 52.5103 35.2905 54.6434C34.8799 54.7465 34.8202 54.6449 35.1113 54.3387C35.7332 53.6928 36.2403 52.8817 36.6325 51.9054C36.7581 51.5931 36.9802 51.3763 37.2989 51.255L39.3211 50.4773C39.3565 50.4642 39.3881 50.4426 39.4131 50.4145C39.4381 50.3864 39.4557 50.3527 39.4643 50.3162C39.473 50.2798 39.4724 50.2418 39.4626 50.2056C39.4529 50.1694 39.4342 50.1362 39.4084 50.1089L35.6995 46.152C35.6833 46.1348 35.6635 46.1211 35.6416 46.1119C35.6196 46.1027 35.596 46.0982 35.5721 46.0986C35.5483 46.099 35.5248 46.1044 35.5032 46.1144C35.4816 46.1244 35.4624 46.1388 35.4468 46.1566C33.7218 48.0486 31.8742 49.6571 29.9042 50.9821C29.8867 50.9948 29.8734 51.0122 29.8659 51.0322C29.8584 51.0523 29.857 51.0741 29.8619 51.0949C29.8668 51.1158 29.8777 51.1347 29.8934 51.1494C29.9091 51.1642 29.9288 51.174 29.9501 51.1777L32.317 51.5416C32.3562 51.5473 32.393 51.5637 32.4234 51.5888C32.4538 51.6139 32.4767 51.6468 32.4895 51.6838C32.5023 51.7209 32.5046 51.7608 32.496 51.7991C32.4875 51.8373 32.4685 51.8726 32.4411 51.9009C30.8325 53.6246 27.5373 55.6667 25.0647 55.4257C18.1709 54.7525 12.6789 52.4087 8.58856 48.3942C5.445 45.3106 3.58214 41.2946 3 36.3463ZM11.0336 39.7756C12.5352 39.7756 13.9754 39.0141 15.0373 37.6588C16.0991 36.3035 16.6957 34.4653 16.6957 32.5486C16.6957 30.6319 16.0991 28.7937 15.0373 27.4383C13.9754 26.083 12.5352 25.3216 11.0336 25.3216C9.53188 25.3216 8.0917 26.083 7.02985 27.4383C5.968 28.7937 5.37146 30.6319 5.37146 32.5486C5.37146 34.4653 5.968 36.3035 7.02985 37.6588C8.0917 39.0141 9.53188 39.7756 11.0336 39.7756Z" fill="#F49A3D"/>
+<ellipse cx="29.004" cy="58.1628" rx="25.2721" ry="1.8372" fill="#F7F8FA"/>
+<path d="M14.2553 13.6243L20.956 17.4857C20.9777 17.4982 20.9959 17.5159 21.0089 17.537C21.022 17.5582 21.0296 17.5823 21.0309 17.6071C21.0323 17.6319 21.0274 17.6566 21.0168 17.6791C21.0061 17.7015 20.99 17.721 20.9698 17.7358L19.398 18.8592C19.3743 18.8765 19.346 18.8865 19.3167 18.8881C19.2873 18.8897 19.2581 18.8828 19.2326 18.8683L12.5134 15.0115C12.4911 14.9988 12.4724 14.9807 12.4591 14.9588C12.4457 14.937 12.4383 14.9122 12.4374 14.8867C12.4364 14.8612 12.4421 14.8359 12.4538 14.8132C12.4655 14.7904 12.4829 14.771 12.5042 14.7568L14.0944 13.6289C14.1181 13.6133 14.1457 13.6045 14.1742 13.6037C14.2026 13.6029 14.2307 13.6101 14.2553 13.6243Z" fill="#F49A3D"/>
+<path d="M17.3938 25.099C19.2904 20.09 22.653 17.3445 27.4818 16.8624C27.6744 16.8416 27.8697 16.873 28.047 16.9533C28.7058 17.2474 29.0244 17.5855 29.003 17.9676C28.9693 18.5436 28.669 18.8969 28.1022 19.0273C26.3328 19.4275 24.4669 19.6504 22.8813 20.4645C20.8499 21.5075 19.1908 23.1175 17.904 25.2946C17.876 25.3417 17.8318 25.3774 17.7795 25.3949C17.7272 25.4124 17.6702 25.4107 17.619 25.3901L17.4995 25.3401C17.4534 25.3206 17.4166 25.2845 17.3968 25.2395C17.3771 25.1946 17.376 25.1441 17.3938 25.099Z" fill="#F49A3D"/>
+<path d="M25.2356 31.9447C25.1959 34.2 26.4289 36.0501 27.9896 36.0771C29.5504 36.104 30.8479 34.2976 30.8877 32.0423C30.9275 29.787 29.6945 27.9369 28.1337 27.9099C26.5729 27.8829 25.2754 29.6894 25.2356 31.9447Z" fill="#F49A3D"/>
+<path d="M41.6052 31.9715C41.5827 34.0914 42.4987 35.8196 43.651 35.8315C44.8032 35.8435 45.7556 34.1346 45.778 32.0147C45.8004 29.8948 44.8845 28.1666 43.7322 28.1547C42.5799 28.1428 41.6276 29.8516 41.6052 31.9715Z" fill="#F49A3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M56.5 1C55.1193 1 54 2.17525 54 3.625V12.025C54 13.4747 55.1193 14.65 56.5 14.65C57.8807 14.65 59 13.4747 59 12.025V3.625C59 2.17525 57.8807 1 56.5 1ZM56.5 22C57.8807 22 59 20.8247 59 19.375C59 17.9253 57.8807 16.75 56.5 16.75C55.1193 16.75 54 17.9253 54 19.375C54 20.8247 55.1193 22 56.5 22Z" fill="#F49A3D"/>
+</svg>

package/assets/lottie-files/loading.json

@@ -0,0 +1 @@
+{"v":"5.9.0","fr":60,"ip":0,"op":171,"w":1080,"h":1080,"nm":"Cabeza","ddd":0,"assets":[{"id":"comp_0","nm":"Cara","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Oido","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-1,"ix":10},"p":{"a":0,"k":[109.935,535.516,0],"ix":2,"l":2},"a":{"a":0,"k":[53.714,165.607,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":37,"s":[0,0,100],"e":[45.001,47.999,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":57,"s":[45.001,47.999,100],"e":[45.001,47.999,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":111,"s":[45.001,47.999,100],"e":[0,0,100]},{"t":131}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-22.187,0],[0,28.534],[22.185,0],[0,-28.534]],"o":[[22.185,0],[0,-28.534],[-22.187,0],[0,28.534]],"v":[[0.001,51.667],[40.168,0.003],[0.001,-51.666],[-40.168,0.003]],"c":true},"ix":2},"nm":"Trazado 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998743394,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[56.608,162.254],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Grupo 14","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":10,"op":1734,"st":-66,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Cara","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":27,"s":[27],"e":[-1]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":45,"s":[-1],"e":[-1]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[-1],"e":[27]},{"t":139}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.626,"y":1},"o":{"x":0.333,"y":0},"t":27,"s":[213.675,679.853,0],"e":[162.482,531.35,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.626,"y":0.626},"o":{"x":0.207,"y":0.207},"t":45,"s":[162.482,531.35,0],"e":[162.482,531.35,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.207,"y":0},"t":121,"s":[162.482,531.35,0],"e":[213.675,679.853,0],"to":[0,0,0],"ti":[0,0,0]},{"t":139}],"ix":2,"l":2},"a":{"a":0,"k":[173.996,162.257,0],"ix":1,"l":2},"s":{"a":0,"k":[45.634,47.333,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[80.27,102.121],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Trazado elíptico 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998743394,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[60.448,165.224],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Elipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[7.778,-6.667],[0.556,-0.278],[0,0],[8.611,-5.278],[0,0],[0,0],[-4.444,6.944],[0,0],[-3.056,1.389],[0,0]],"o":[[0,0],[-7.778,6.667],[-0.556,0.278],[0,0],[-8.611,5.278],[0,0],[0,0],[4.444,-6.944],[0,0],[3.056,-1.389],[0,0]],"v":[[232.328,260.485],[213.717,278.541],[190.106,297.43],[210.106,300.763],[192.883,316.874],[167.606,327.152],[227.606,324.652],[236.494,312.152],[241.217,298.819],[251.217,296.319],[261.772,291.319]],"c":true},"ix":2},"nm":"Trazado 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998743394,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Forma 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":71,"s":[{"i":[[-30.809,3.373],[5.194,-2.674],[11.483,-2.311],[12.434,-11.8],[3.859,-7.178],[-0.557,1.68]],"o":[[16.031,-1.752],[-2.526,1.304],[-23.244,4.669],[-5.922,5.621],[-0.827,1.551],[10.788,-32.702]],"v":[[-6.041,-84.799],[3.701,-71.605],[-11.936,-67.867],[-55.927,-45.331],[-70.712,-25.755],[-73.229,-26.924]],"c":true}],"e":[{"i":[[-30.809,3.373],[5.194,-2.674],[11.483,-2.311],[12.434,-11.8],[3.859,-7.178],[-0.557,1.68]],"o":[[16.031,-1.752],[-2.526,1.304],[-23.244,4.669],[-5.922,5.621],[-0.827,1.551],[10.788,-32.702]],"v":[[-0.563,-69.651],[9.179,-56.458],[-6.458,-52.719],[-50.449,-30.184],[-65.234,-10.607],[-67.751,-11.777]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":81,"s":[{"i":[[-30.809,3.373],[5.194,-2.674],[11.483,-2.311],[12.434,-11.8],[3.859,-7.178],[-0.557,1.68]],"o":[[16.031,-1.752],[-2.526,1.304],[-23.244,4.669],[-5.922,5.621],[-0.827,1.551],[10.788,-32.702]],"v":[[-0.563,-69.651],[9.179,-56.458],[-6.458,-52.719],[-50.449,-30.184],[-65.234,-10.607],[-67.751,-11.777]],"c":true}],"e":[{"i":[[-30.809,3.373],[5.194,-2.674],[11.483,-2.311],[12.434,-11.8],[3.859,-7.178],[-0.557,1.68]],"o":[[16.031,-1.752],[-2.526,1.304],[-23.244,4.669],[-5.922,5.621],[-0.827,1.551],[10.788,-32.702]],"v":[[-6.041,-84.799],[3.701,-71.605],[-11.936,-67.867],[-55.927,-45.331],[-70.712,-25.755],[-73.229,-26.924]],"c":true}]},{"t":92}],"ix":2},"nm":"Trazado 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":71,"s":[{"i":[[-0.008,-9.329],[0.597,-2.736],[12.058,6.212],[1.444,6.718],[-2.425,7.163],[-6.919,1.695],[-3.446,-2.025]],"o":[[0,3.404],[-2.391,11.029],[-6.336,-3.261],[-1.597,-7.393],[2.279,-6.746],[3.874,-0.95],[8.754,5.148]],"v":[[20.249,22.29],[19.323,31.66],[-5.977,48.358],[-17.395,31.294],[-16.247,8.901],[-2.316,-6.087],[9.225,-4.288]],"c":true}],"e":[{"i":[[-1.008,-0.428],[2.622,-0.42],[6.121,0.128],[2.955,0.386],[-1.958,0.711],[-7.124,0.017],[-3.995,0.134]],"o":[[2.811,1.196],[-4.457,0.714],[-7.124,-0.148],[-4.079,-0.533],[3.057,-1.11],[4.543,-0.011],[4.252,-0.143]],"v":[[19.971,22.846],[15.434,24.716],[1.8,26.414],[-13.09,26.294],[-14.303,24.735],[0.739,22.525],[10.613,22.24]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":81,"s":[{"i":[[-1.008,-0.428],[2.622,-0.42],[6.121,0.128],[2.955,0.386],[-1.958,0.711],[-7.124,0.017],[-3.995,0.134]],"o":[[2.811,1.196],[-4.457,0.714],[-7.124,-0.148],[-4.079,-0.533],[3.057,-1.11],[4.543,-0.011],[4.252,-0.143]],"v":[[19.971,22.846],[15.434,24.716],[1.8,26.414],[-13.09,26.294],[-14.303,24.735],[0.739,22.525],[10.613,22.24]],"c":true}],"e":[{"i":[[-0.008,-9.329],[0.597,-2.736],[12.058,6.212],[1.444,6.718],[-2.425,7.163],[-6.919,1.695],[-3.446,-2.025]],"o":[[0,3.404],[-2.391,11.029],[-6.336,-3.261],[-1.597,-7.393],[2.279,-6.746],[3.874,-0.95],[8.754,5.148]],"v":[[20.249,22.29],[19.323,31.66],[-5.977,48.358],[-17.395,31.294],[-16.247,8.901],[-2.316,-6.087],[9.225,-4.288]],"c":true}]},{"t":92}],"ix":2},"nm":"Trazado 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[-1.765,6.749],[-5.049,1.599],[-2.51,-1.904],[-0.008,-8.786],[0.431,-2.575],[8.796,5.849],[1.058,6.325]],"o":[[1.666,-6.353],[2.828,-0.891],[6.39,4.853],[0,3.199],[-1.747,10.384],[-4.624,-3.071],[-1.164,-6.965]],"v":[[98.043,9.652],[108.215,-4.46],[116.639,-2.768],[124.688,22.261],[124.012,31.082],[105.545,46.805],[97.207,30.742]],"c":true},"ix":2},"nm":"Trazado 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[3.828,-12.992],[0,0],[0,-24.995],[29.218,0],[9.418,17.847],[0,0],[-23.146,0],[-1.876,0.24],[-8.184,17.588],[-40.761,0],[-2.002,0.03],[7.527,77.052],[56.327,0],[9.879,-1.761],[9.497,-4.119],[0,0],[4.745,-3.139],[0,0],[3.73,-3.197],[0,0],[3.833,-3.597],[0,0]],"o":[[0,0],[16.967,10.772],[0,35.727],[-18.66,0],[0,0],[7.199,25.265],[1.941,0],[17.266,-2.3],[25.418,24.546],[2.006,0],[68.455,-1.374],[-8.005,-82.162],[-10.963,0],[-11.117,2],[0,0],[-5.05,2.684],[0,0],[-4.299,2.688],[0,0],[-4.144,3.263],[0,0],[-8.389,9.797]],"v":[[-89.584,-26.191],[-89.584,-26.17],[-61.019,31.261],[-113.921,95.948],[-158.396,66.281],[-158.396,66.305],[-108.398,109.73],[-102.666,109.372],[-62.466,77.119],[41.824,116.151],[47.769,116.092],[150.868,11.951],[29.821,-100.342],[-1.563,-97.627],[-32.537,-88.402],[-80.288,-116.152],[-94.988,-107.406],[-48.13,-80.217],[-60.164,-71.407],[-107.092,-98.653],[-119.061,-88.355],[-71.095,-60.506]],"c":true},"ix":2},"nm":"Trazado 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Combinar trazados 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998743394,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[175.101,136.583],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Grupo 18","np":6,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1734,"st":-66,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Nulo 2","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[167,167,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":171,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"Cara","parent":6,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[2067.444,3.25,0],"ix":2,"l":2},"a":{"a":0,"k":[1235.5,535.5,0],"ix":1,"l":2},"s":{"a":0,"k":[222.222,208.333,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[43.45,0],[0,-45.418],[-37.006,-0.082],[-3.685,44.687]],"o":[[-43.45,0],[0,45.418],[55.361,0.123],[3.733,-45.264]],"v":[[162.476,455.019],[83.718,534.701],[158.922,610.358],[241.149,537.256]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Máscara 1"}],"w":2471,"h":1071,"ip":17,"op":171,"st":17,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Antena","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":1,"ix":10},"p":{"a":0,"k":[-71.987,-62.349,0],"ix":2,"l":2},"a":{"a":0,"k":[-469.25,-132.25,0],"ix":1,"l":2},"s":{"a":0,"k":[45,45,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.5,33.5],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Trazado elíptico 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.949019607843,0.607843137255,0.235294117647,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":1,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-469.25,-132.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Elipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":171,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Palo antena","parent":7,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-1,"ix":10},"p":{"a":0,"k":[-467.03,-134.284,0],"ix":2,"l":2},"a":{"a":0,"k":[-72,-30,0],"ix":1,"l":2},"s":{"a":0,"k":[402.402,402.402,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":44,"s":[{"i":[[0,0],[0,0],[-0.195,-5.38],[0,0],[0,0],[-0.102,4.653]],"o":[[0,0],[0,0],[0.195,5.38],[0,0],[0,0],[0.102,-4.653]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-77.361,-45.794],[-75.75,-30.25],[-69.25,-30.25],[-71.168,-45.914]],"c":true}],"e":[{"i":[[0,0],[0,0],[-0.104,-4.462],[0,0],[0,0],[-0.034,5.578]],"o":[[0,0],[0,0],[0.104,4.462],[0,0],[0,0],[0.034,-5.578]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-74.461,-45.291],[-75.75,-30.25],[-69.25,-30.25],[-67.58,-45.736]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":66,"s":[{"i":[[0,0],[0,0],[-0.104,-4.462],[0,0],[0,0],[-0.034,5.578]],"o":[[0,0],[0,0],[0.104,4.462],[0,0],[0,0],[0.034,-5.578]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-74.461,-45.291],[-75.75,-30.25],[-69.25,-30.25],[-67.58,-45.736]],"c":true}],"e":[{"i":[[0,0],[0,0],[-0.195,-5.38],[0,0],[0,0],[-0.102,4.653]],"o":[[0,0],[0,0],[0.195,5.38],[0,0],[0,0],[0.102,-4.653]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-77.361,-45.794],[-75.75,-30.25],[-69.25,-30.25],[-71.168,-45.914]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":85,"s":[{"i":[[0,0],[0,0],[-0.195,-5.38],[0,0],[0,0],[-0.102,4.653]],"o":[[0,0],[0,0],[0.195,5.38],[0,0],[0,0],[0.102,-4.653]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-77.361,-45.794],[-75.75,-30.25],[-69.25,-30.25],[-71.168,-45.914]],"c":true}],"e":[{"i":[[0,0],[0,0],[-0.195,-5.38],[0,0],[0,0],[-0.102,4.653]],"o":[[0,0],[0,0],[0.195,5.38],[0,0],[0,0],[0.102,-4.653]],"v":[[-69.25,-62.625],[-75.375,-62.625],[-75.861,-45.838],[-75.75,-30.25],[-69.25,-30.25],[-69.543,-45.953]],"c":true}]},{"t":98}],"ix":2},"nm":"Trazado 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.949019607843,0.607843137255,0.235294117647,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":1,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Forma 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":171,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Cabeza 2","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-1,"ix":10},"p":{"a":0,"k":[-316.407,-8.321,0],"ix":2,"l":2},"a":{"a":0,"k":[540,675,0],"ix":1,"l":2},"s":{"a":0,"k":[33.543,33.543,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[73.095,-37.857],[31.676,-29.901],[23.329,-36.226],[5.263,-9.538],[8.629,-21.799],[0,-67.098],[-124.943,-78.459],[-106.498,-5.727],[-75.895,14.479],[0,236.16],[291.64,0]],"o":[[0,0],[-31.676,29.901],[-5.812,9.087],[-11.346,20.233],[-23.244,59.011],[0,168.605],[79.545,50.023],[69.931,1.384],[216.734,-50.397],[0,-289.087],[-88.167,0]],"v":[[-244.296,-433.234],[-362.056,-348.258],[-445.488,-250.459],[-462.197,-222.576],[-492.252,-159.389],[-528.2,30.914],[-322.826,407.354],[-39.186,492.517],[153.749,476.446],[528.2,30.914],[0.036,-492.517]],"c":true},"ix":2},"nm":"Trazado 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.949019607843,0.607843137255,0.235294117647,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[540,675],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Grupo 5","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":-215,"op":3057.5,"st":-170,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Cabeza","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0],"e":[744]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":43,"s":[744],"e":[710]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":63,"s":[710],"e":[727]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":80,"s":[727],"e":[721]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":95,"s":[721],"e":[721]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":126,"s":[721],"e":[715]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":133,"s":[715],"e":[1080]},{"t":203}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.466,"y":1},"o":{"x":0.226,"y":0},"t":0,"s":[-1073,-3,0],"e":[22,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":43,"s":[22,-3,0],"e":[-9,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":63,"s":[-9,-3,0],"e":[-2,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":80,"s":[-2,-3,0],"e":[-4.5,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":95,"s":[-4.5,-3,0],"e":[-4.5,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":1,"y":1},"o":{"x":0.333,"y":0.333},"t":126,"s":[-4.5,-3,0],"e":[-4.5,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.743,"y":1},"o":{"x":0.419,"y":0},"t":133,"s":[-4.5,-3,0],"e":[1073.5,-3,0],"to":[0,0,0],"ti":[0,0,0]},{"t":203}],"ix":2,"l":2},"a":{"a":0,"k":[-317,-3,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[45,48,100],"e":[45,48,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":27,"s":[45,48,100],"e":[45,45,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":43,"s":[45,45,100],"e":[45,45,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":126,"s":[45,45,100],"e":[45,45,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":133,"s":[45,45,100],"e":[45,48,100]},{"t":203}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":3,"ty":"el","s":{"a":0,"k":[342,342],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Trazado elíptico 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.949019607843,0.607843137255,0.235294117647,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":1,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-317,-3],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[102.326,94.773],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Elipse 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":171,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Mov","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":46,"s":[45],"e":[-22]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":66,"s":[-22],"e":[2]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":83,"s":[2],"e":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":98,"s":[0],"e":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":117,"s":[0],"e":[2]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":124,"s":[2],"e":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[0],"e":[45]},{"t":154}],"ix":10},"p":{"a":0,"k":[-469.25,-59.25,0],"ix":2,"l":2},"a":{"a":0,"k":[-469.25,-132.25,0],"ix":1,"l":2},"s":{"a":0,"k":[55.224,55.224,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.5,33.5],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Trazado elíptico 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.949019607843,0.607843137255,0.235294117647,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":1,"nm":"Relleno 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-469.25,-132.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"Elipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":171,"st":0,"bm":0}],"markers":[]}

package/dist/cjs/dropi-accordion-item.cjs.entry.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var index = require('./index-077kM98l.js');
+
+const dropiAccordionItemCss = () => `:host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}`;
+
+const DropiAccordionItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** The title of the item — matches Angular `sectionTitle` */
+    sectionTitle = '';
+    /** Index of the item — matches Angular `index` */
+    index;
+    /** Whether the section is expanded */
+    open = false;
+    /** Disable toggling */
+    disabled = false;
+    /** Icon name before title */
+    preIcon = '';
+    contentHeight = '0px';
+    contentRef;
+    openChanged(val) {
+        this.updateHeight(val);
+    }
+    componentDidLoad() {
+        this.updateHeight(this.open);
+    }
+    updateHeight(open) {
+        if (!this.contentRef)
+            return;
+        this.contentHeight = open ? `${this.contentRef.scrollHeight}px` : '0px';
+    }
+    handleToggle() {
+        if (this.disabled)
+            return;
+        // Notify parent if needed, or just toggle locally
+        this.el.closest('dropi-accordion');
+        this.open = !this.open;
+        setTimeout(() => this.updateHeight(this.open), 0);
+    }
+    render() {
+        return (index.h("div", { key: '33564d4efbb73ae0b3ec0195ebf0afed6b2a6cc0', class: { 'accordion-item': true, 'accordion-item--open': this.open, 'accordion-item--disabled': this.disabled } }, index.h("button", { key: '9a7e7cc044027c4d427a712c5ed352991ef622b7', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, index.h("span", { key: '17ffa01872142ab9a959104f884ce5cedada33c2', class: "accordion-header-left" }, this.preIcon && index.h("dropi-icon", { key: '8b02d875239d9ebaa42060e5dc1f4f8c6cfd3081', name: this.preIcon, width: "20px", height: "20px", color: "Gray-Gray-600" }), index.h("span", { key: 'effa37d569bfcbc10774ff2a4a7787868cf83937', class: "accordion-title" }, this.sectionTitle)), index.h("span", { key: '743aa0db06415f8b763099b53d234474c82cb8e6', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, index.h("dropi-icon", { key: '2d66c4087eddaf3f139a063eadcd8b0fb668045d', name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))), index.h("div", { key: '4621aafe6d4592830cdaa32672de357c026a0b14', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, index.h("div", { key: '826b3ad470c9444ae2378e266332959f0f9f3529', class: "accordion-content" }, index.h("slot", { key: '8982c5506ecd1ed3ee44190096848ccbf9638b95' })))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "openChanged": 0
+            }]
+    }; }
+};
+DropiAccordionItem.style = dropiAccordionItemCss();
+
+exports.dropi_accordion_item = DropiAccordionItem;

package/dist/cjs/dropi-accordion.cjs.entry.js

@@ -1,52 +1,18 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-077kM98l.js');
 
-const dropiAccordionCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.accordion{border:1px solid var(--Gray-Gray-100,#e6eaf2);border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}`;
+const dropiAccordionCss = () => `:host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}`;
 
 const DropiAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dropiToggle = index.createEvent(this, "dropiToggle");
-    }
-    /** Title shown in the header button */
-    header = '';
-    /** Whether the section is expanded */
-    open = false;
-    /** Disable toggling */
-    disabled = false;
-    /** Icon name from dropi-icon sprite (shown before title) */
-    preIcon = '';
-    /** Emitted when toggled. e.detail = new open state */
-    dropiToggle;
-    contentHeight = '0px';
-    contentRef;
-    openChanged(val) {
-        this.updateHeight(val);
-    }
-    componentDidLoad() {
-        this.updateHeight(this.open);
-    }
-    updateHeight(open) {
-        if (!this.contentRef)
-            return;
-        this.contentHeight = open ? `${this.contentRef.scrollHeight}px` : '0px';
-    }
-    handleToggle() {
-        if (this.disabled)
-            return;
-        this.open = !this.open;
-        this.dropiToggle.emit(this.open);
-        setTimeout(() => this.updateHeight(this.open), 0);
     }
+    /** Allows multiple sections to be open at the same time. If false, only one section can be open. */
+    multiple = false;
     render() {
-        return (index.h("div", { key: 'af11e06f8e10d85d6dffdbcb639479ce7095ed6e', class: { 'accordion': true, 'accordion--open': this.open, 'accordion--disabled': this.disabled } }, index.h("button", { key: '5c3e5303dc6e5a37dece808559dcf6a8c6245980', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, index.h("span", { key: '062be2726403e5b9d90694555317db406c70d93f', class: "accordion-header-left" }, this.preIcon && index.h("dropi-icon", { key: 'c626c98aaab3074cdf754460d5eff45739683404', name: this.preIcon, width: "20px", height: "20px", color: "Gray-Gray-600" }), index.h("span", { key: '3143e043a462df9e2b794fd2ff608ab910972a54', class: "accordion-title" }, this.header)), index.h("span", { key: '3ffd80e303fa17582b57a0778b2bc610c6dff899', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, index.h("dropi-icon", { key: 'b353a6cbfbd3b51d408ced11c29eeb8a8cded9a6', name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))), index.h("div", { key: '0754969bc5483586224ddb3774f65328dd8cd3cb', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, index.h("div", { key: '96e87adb7ca8de258541be0d4626ba9ce09e1f97', class: "accordion-content" }, index.h("slot", { key: '5b82c186bc11b7e9e5a714217454c0c6058be5cf' })))));
+        return (index.h("div", { key: 'b4d44bde9b982a2e11cc074600f9de9424592fde', class: "accordion-container" }, index.h("slot", { key: '631732f3726d81dac4d188542180a1286c69258b' })));
     }
-    static get watchers() { return {
-        "open": [{
-                "openChanged": 0
-            }]
-    }; }
 };
 DropiAccordion.style = dropiAccordionCss();
 

package/dist/cjs/dropi-alert-legacy.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('./index-077kM98l.js');
+
+const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
+
+const DropiAlertLegacy = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Visibility toggle */
+    visible = false;
+    /** Alert message */
+    message = '';
+    /** Semantic type: success | error | warning | info */
+    type = 'success';
+    /** Automatically close after timeout */
+    autoClose = false;
+    timer;
+    componentDidLoad() {
+        if (this.autoClose && this.visible) {
+            this.startTimer();
+        }
+    }
+    startTimer() {
+        clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+            this.visible = false;
+        }, 7000);
+    }
+    render() {
+        if (!this.visible)
+            return null;
+        return (index.h("div", { class: { 'alert-legacy': true, [`alert-legacy--${this.type}`]: true } }, index.h("div", { class: "alert-legacy__content" }, index.h("span", { class: "alert-legacy__message" }, this.message)), index.h("button", { class: "alert-legacy__close", onClick: () => this.visible = false }, "\u00D7")));
+    }
+};
+DropiAlertLegacy.style = dropiAlertLegacyCss();
+
+exports.dropi_alert_legacy = DropiAlertLegacy;

package/dist/cjs/dropi-alert-modal.cjs.entry.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var index = require('./index-077kM98l.js');
+
+const dropiAlertModalCss = () => `:host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:hidden;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}`;
+
+const DropiAlertModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.primaryButtonEvent = index.createEvent(this, "primaryButtonEvent", 7);
+        this.secondaryButtonEvent = index.createEvent(this, "secondaryButtonEvent", 7);
+        this.modalOpenChange = index.createEvent(this, "modalOpenChange", 7);
+        this.onHide = index.createEvent(this, "onHide", 7);
+    }
+    /** Controls visibility */
+    visible = false;
+    /** Modal type — determines Lottie animation */
+    type = 'question';
+    /** Bold title */
+    tittle = '';
+    /** Body message */
+    message = '';
+    /** Primary button label */
+    primaryButton = 'Accept';
+    /** Secondary button label (hidden if empty) */
+    secondaryButton = '';
+    /** Show loading state with loading.json Lottie */
+    loading = false;
+    /** Show close icon in header */
+    closable = false;
+    /** Hide action buttons */
+    displayButtons = true;
+    /** Loading title */
+    loadingTitle = 'Loading';
+    /** Loading message */
+    loadingMessage = 'Please wait a moment';
+    /**
+     * When true, primary button does NOT auto-close the modal (matches Angular `isStep`).
+     * Useful for step-by-step flows.
+     */
+    isStep = false;
+    /** Base z-index for the internal modal overlay (matches Angular `baseZIndex`) */
+    baseZIndex = 0;
+    /**
+     * 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.
+     */
+    params = null;
+    paramsChanged(val) {
+        if (!val)
+            return;
+        if (val.tittle !== undefined)
+            this.tittle = val.tittle;
+        if (val.type !== undefined)
+            this.type = val.type;
+        if (val.message !== undefined)
+            this.message = val.message;
+        if (val.primaryButton !== undefined)
+            this.primaryButton = val.primaryButton;
+        if (val.secondaryButton !== undefined)
+            this.secondaryButton = val.secondaryButton;
+        if (val.loadingTitle !== undefined)
+            this.loadingTitle = val.loadingTitle;
+        if (val.loadingMessage !== undefined)
+            this.loadingMessage = val.loadingMessage;
+        if (val.closable !== undefined)
+            this.closable = val.closable;
+        if (val.displayButtons !== undefined)
+            this.displayButtons = val.displayButtons;
+    }
+    /** Emitted when primary button is clicked — matches Angular 'primaryButtonEvent' */
+    primaryButtonEvent;
+    /** Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent' */
+    secondaryButtonEvent;
+    /** Emitted when modal open state changes — matches Angular 'modalOpenChange' */
+    modalOpenChange;
+    /** Emitted when modal is hidden — matches Angular 'onHide' */
+    onHide;
+    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);
+    }
+    async show() {
+        this.visible = true;
+    }
+    async hide() {
+        this.visible = false;
+    }
+    handlePrimary() {
+        this.primaryButtonEvent.emit(true);
+        if (!this.isStep) {
+            this.visible = false;
+            this.modalOpenChange.emit(false);
+        }
+    }
+    handleSecondary() {
+        this.secondaryButtonEvent.emit(true);
+        this.visible = false;
+        this.modalOpenChange.emit(false);
+    }
+    onModalHide() {
+        this.visible = false;
+        this.modalOpenChange.emit(false);
+        this.onHide.emit();
+    }
+    render() {
+        const lottieKey = this.loading ? 'loading' : this.type;
+        const isLottieLoading = lottieKey === 'loading';
+        return (index.h("dropi-modal", { key: '42c41a88060c1039af7f85d518d93e9f5e0e8489', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onOnHide: () => this.onModalHide() }, index.h("div", { key: 'e62b897c0b6f8c3bee4f3992e003cb88577708f3', class: "body-alert" }, this.lottieMap[lottieKey] && (index.h("div", { key: '0c1551477bcb926dc610f63a08542f3b8fc71a0d', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, index.h("lottie-player", { key: lottieKey, src: this.lottieMap[lottieKey], background: "transparent", speed: "1", loop: true, autoplay: true }))), index.h("div", { key: 'b03602610b8ff78b4a7d5e0fcaf4e541d9e7ece6', class: "content-alert" }, index.h("h2", { key: 'c50ea63352df03d49ce0811a97ca02f031e654c9' }, this.loading ? this.loadingTitle : this.tittle), index.h("p", { key: '3f699157283cb48eb3948afede7291d965ae7066' }, this.loading ? this.loadingMessage : this.message)), !this.loading && this.displayButtons && (index.h("div", { key: '7d7c4282a726d82117b13ec23db36dd72b1327d5', class: "actions" }, this.secondaryButton && index.h("dropi-button", { key: '1a766fac9daded57f9b8a38ff3f5d43c7217210d', text: this.secondaryButton, severity: "secondary", onClick: () => this.handleSecondary(), fullWidth: true }), index.h("dropi-button", { key: '8c1053db7b35be9c5ceecd9c50a179f99efa9798', text: this.primaryButton, severity: "primary", onClick: () => this.handlePrimary(), fullWidth: true }))))));
+    }
+    static get watchers() { return {
+        "params": [{
+                "paramsChanged": 0
+            }]
+    }; }
+};
+DropiAlertModal.style = dropiAlertModalCss();
+
+exports.dropi_alert_modal = DropiAlertModal;

package/dist/cjs/dropi-alert.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-077kM98l.js');
 
-const dropiAlertCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:flex-start;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px) var(--Size-4, 16px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:var(--Success-Success-50, #f0fdf4);border-color:var(--Success-Success-200, #bbf7d0)}.alert--error{background:var(--Error-Error-50, #fff5f5);border-color:var(--Error-Error-200, #fecaca)}.alert--warning{background:var(--Warning-Warning-50, #fffbeb);border-color:var(--Warning-Warning-200, #fde68a)}.alert--info{background:var(--Info-Info-50, #eff6ff);border-color:var(--Info-Info-200, #bfdbfe)}.alert--flag{border-left-width:4px;border-radius:0 var(--Border-2, 8px) var(--Border-2, 8px) 0}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}`;
+const dropiAlertCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}`;
 
 const STATE_ICONS = {
     success: 'Check-circle',
     error: 'Warning-circle',
     warning: 'Warning-triangle',
-    info: 'Info-circle',
+    info: 'Info',
 };
 const STATE_COLORS = {
     success: 'Success-Success-500',
@@ -19,38 +19,44 @@ const STATE_COLORS = {
 const DropiAlert = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dropiClose = index.createEvent(this, "dropiClose");
-        this.dropiButtonClick = index.createEvent(this, "dropiButtonClick");
-        this.dropiLinkClick = index.createEvent(this, "dropiLinkClick");
+        this.onClose = index.createEvent(this, "onClose", 7);
+        this.onButtonClick = index.createEvent(this, "onButtonClick", 7);
+        this.onClickLink = index.createEvent(this, "onClickLink", 7);
     }
     /** Alert message text (supports plain text) */
     message = '';
     /** Layout type: default (inline) | flag (accented left border) */
     type = 'default';
     /** Semantic state */
-    state = 'info';
+    state = 'success';
     /** Show the × close button */
-    dismissable = false;
+    dismissable = true;
     /** Show action button */
     showButton = false;
     /** Action button label */
-    buttonText = '';
+    buttonText = 'Close';
     /** Anchor/link label */
-    anchorText = '';
+    anchorText = 'none';
     /** Anchor href */
-    anchorUrl = '';
+    anchorUrl = 'none';
     /** Whether the alert is visible */
     showAlert = true;
+    /** Link text (alternative to anchorText) */
+    textLink = '';
+    /** Link URL (alternative to anchorUrl) */
+    linkUrl = '';
+    /** Clicked text tracking */
+    clickedText = '';
     /** Emitted when the alert is dismissed */
-    dropiClose;
+    onClose;
     /** Emitted when the action button is clicked */
-    dropiButtonClick;
+    onButtonClick;
     /** Emitted when the anchor link is clicked */
-    dropiLinkClick;
+    onClickLink;
     render() {
         if (!this.showAlert)
             return null;
-        return (index.h("div", { class: { 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true } }, index.h("div", { class: "alert__icon" }, index.h("dropi-icon", { name: STATE_ICONS[this.state], width: "18px", height: "18px", color: STATE_COLORS[this.state] })), index.h("div", { class: "alert__body" }, index.h("span", { class: "alert__message" }, this.message), this.anchorText && (index.h("a", { class: "alert__link", href: this.anchorUrl || '#', onClick: (e) => { e.preventDefault(); this.dropiLinkClick.emit(); } }, this.anchorText))), index.h("div", { class: "alert__actions" }, this.showButton && this.buttonText && (index.h("button", { class: "alert__btn", onClick: () => this.dropiButtonClick.emit() }, this.buttonText)), this.dismissable && (index.h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.dropiClose.emit(); }, "aria-label": "Cerrar" }, index.h("dropi-icon", { name: "Close-small", width: "18px", height: "18px", color: "Gray-Gray-500" }))))));
+        return (index.h("div", { class: { 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true } }, this.type !== 'flag' && (index.h("div", { class: "alert__icon" }, index.h("dropi-icon", { name: STATE_ICONS[this.state], width: "18px", height: "18px", color: STATE_COLORS[this.state] }))), index.h("div", { class: "alert__body" }, index.h("span", { class: "alert__message" }, this.message), this.anchorText && (index.h("a", { class: "alert__link", href: this.anchorUrl || this.linkUrl || '#', onClick: (e) => { e.preventDefault(); this.onClickLink.emit(); } }, this.anchorText))), index.h("div", { class: "alert__actions" }, this.showButton && this.buttonText && this.type !== 'flag' && (index.h("button", { class: "alert__btn", onClick: () => this.onButtonClick.emit() }, this.buttonText)), this.dismissable && (index.h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.onClose.emit(); }, "aria-label": "Cerrar" }, index.h("dropi-icon", { name: "Close-small", width: "18px", height: "18px", color: "Gray-Gray-500" }))))));
     }
 };
 DropiAlert.style = dropiAlertCss();

package/dist/cjs/dropi-avatars.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-077kM98l.js');
 
 const dropiAvatarsCss = () => `:host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}`;
 
@@ -12,7 +12,7 @@ const DropiAvatars = class {
     /** Image URL */
     image = '';
     /** Alt text for the image */
-    alt = 'avatar';
+    alt = 'Avatar';
     /** Size/context variant */
     type = 'users';
     /** Initials to show when no image (max 2 chars) */
@@ -23,7 +23,7 @@ const DropiAvatars = class {
     render() {
         const displayInitials = this.initials?.slice(0, 2).toUpperCase();
         const showInitials = !this.image && displayInitials;
-        return (index.h("figure", { key: '5bce853f6d1d17dcad603cf103d6de09ae612147', class: { 'avatar': true, [`avatar--${this.type}`]: true } }, showInitials ? (index.h("div", { class: "avatar__initials" }, displayInitials)) : (index.h("img", { src: this.image || FALLBACK, alt: this.alt, onError: (e) => this.handleError(e) }))));
+        return (index.h("figure", { key: '207390b678faada7a5c276b23246573b04c0416c', class: { 'avatar': true, [`avatar--${this.type}`]: true } }, showInitials ? (index.h("div", { class: "avatar__initials" }, displayInitials)) : (index.h("img", { src: this.image || FALLBACK, alt: this.alt, onError: (e) => this.handleError(e) }))));
     }
 };
 DropiAvatars.style = dropiAvatarsCss();

package/dist/cjs/dropi-badge-legacy.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-077kM98l.js');
+
+const dropiBadgeLegacyCss = () => `:host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}`;
+
+const DropiBadgeLegacy = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Type: state | counter */
+    type = 'state';
+    /** State: check | pending */
+    state = 'check';
+    /** Variant: primary | secondary | tertiary */
+    variant = 'primary';
+    /** Count (for type counterpart) */
+    count = 0;
+    render() {
+        const isCounter = this.type === 'counter';
+        return (index.h("div", { key: 'a450ec95a77df2cc01184b6eb8d935ba8f802e3d', class: {
+                'badge-legacy': true,
+                [`badge-legacy--${this.variant}`]: true,
+                [`badge-legacy--${this.type}`]: true
+            } }, isCounter ? (index.h("span", { class: "badge-count" }, this.count)) : (index.h("span", { class: { 'badge-state-icon': true, [`badge-state--${this.state}`]: true } }, this.state === 'check' ? '✓' : '...'))));
+    }
+};
+DropiBadgeLegacy.style = dropiBadgeLegacyCss();
+
+exports.dropi_badge_legacy = DropiBadgeLegacy;

package/dist/cjs/dropi-badge.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-B6R6Ojma.js');
+var index = require('./index-077kM98l.js');
 
-const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}`;
+const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}`;
 
 const DropiBadge = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     /** Badge state: pending | active | canceled | frozen */
-    state = 'pending';
+    state;
     stateText = {
         pending: 'Pendiente',
         active: 'Activo',
@@ -29,7 +29,7 @@ const DropiBadge = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '7a043420848f083d161765c16da41dc1f7c38065', class: `tag-state ${this.state}` }, this.renderIcon(), index.h("p", { key: '4227bf47f3169673f44b62bde46498e3c8d607cd' }, this.stateText[this.state])));
+        return (index.h("div", { key: '1b353257990bcb7f0869ef86e5ac1dd945d253d5', class: `tag-state ${this.state}` }, this.renderIcon(), index.h("p", { key: '841b7abd4ff7519874f63b99d0ed8f452e621e63' }, this.stateText[this.state])));
     }
 };
 DropiBadge.style = dropiBadgeCss();