@weni/unnnic-system 2.0.12 → 2.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "2.0.12",
+  "version": "2.0.14",
   "type": "commonjs",
   "files": [
     "dist",

package/src/assets/icons/weni-loading.svg

@@ -0,0 +1,2 @@
+
+<svg id="eghRtICNBlz1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 310 310" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" width="310" height="310"><style><![CDATA[#eghRtICNBlz3_tr {animation: eghRtICNBlz3_tr__tr 3000ms linear infinite normal forwards}@keyframes eghRtICNBlz3_tr__tr { 0% {transform: translate(156px,155px) rotate(0deg);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 73.333333% {transform: translate(156px,155px) rotate(360deg)} 100% {transform: translate(156px,155px) rotate(360deg)}} #eghRtICNBlz6_to {animation: eghRtICNBlz6_to__to 3000ms linear infinite normal forwards}@keyframes eghRtICNBlz6_to__to { 0% {transform: translate(231.418495px,156.632996px)} 20% {transform: translate(231.418495px,156.632996px)} 26.666667% {transform: translate(231.418495px,153.632996px)} 33.333333% {transform: translate(231.418495px,150.632996px)} 40% {transform: translate(231.418495px,153.632996px)} 46.666667% {transform: translate(231.418495px,156.632996px)} 53.333333% {transform: translate(231.418495px,159.632996px)} 60% {transform: translate(231.418495px,162.632996px)} 66.666667% {transform: translate(231.418495px,159.632996px)} 73.333333% {transform: translate(231.418495px,156.632996px)} 100% {transform: translate(231.418495px,156.632996px)}} #eghRtICNBlz7_to {animation: eghRtICNBlz7_to__to 3000ms linear infinite normal forwards}@keyframes eghRtICNBlz7_to__to { 0% {transform: translate(187.409502px,156.632996px)} 13.333333% {transform: translate(187.409502px,156.632996px)} 20% {transform: translate(187.409502px,153.632996px)} 26.666667% {transform: translate(187.409502px,150.632996px)} 33.333333% {transform: translate(187.409502px,153.632996px)} 40% {transform: translate(187.409502px,156.632996px)} 46.666667% {transform: translate(187.409502px,159.632996px)} 53.333333% {transform: translate(187.409502px,162.632996px)} 60% {transform: translate(187.409502px,159.632996px)} 66.666667% {transform: translate(187.409502px,156.632996px)} 100% {transform: translate(187.409502px,156.632996px)}} #eghRtICNBlz8_to {animation: eghRtICNBlz8_to__to 3000ms linear infinite normal forwards}@keyframes eghRtICNBlz8_to__to { 0% {transform: translate(143.399501px,156.632996px)} 6.666667% {transform: translate(143.399501px,156.632996px)} 13.333333% {transform: translate(143.399501px,153.632996px)} 20% {transform: translate(143.399501px,150.632996px)} 26.666667% {transform: translate(143.399501px,153.632996px)} 33.333333% {transform: translate(143.399501px,156.632996px)} 40% {transform: translate(143.399501px,159.632996px)} 46.666667% {transform: translate(143.399501px,162.632996px)} 53.333333% {transform: translate(143.399501px,159.632996px)} 60% {transform: translate(143.399501px,156.632996px)} 100% {transform: translate(143.399501px,156.632996px)}} #eghRtICNBlz9_to {animation: eghRtICNBlz9_to__to 3000ms linear infinite normal forwards}@keyframes eghRtICNBlz9_to__to { 0% {transform: translate(99.329550px,156.632996px)} 6.666667% {transform: translate(99.329550px,153.632996px)} 13.333333% {transform: translate(99.329550px,150.632996px)} 20% {transform: translate(99.329550px,153.632996px)} 26.666667% {transform: translate(99.329550px,156.632996px)} 33.333333% {transform: translate(99.329550px,159.632996px)} 40% {transform: translate(99.329550px,162.632996px)} 46.666667% {transform: translate(99.329550px,159.632996px)} 53.333333% {transform: translate(99.329550px,156.632996px)} 100% {transform: translate(99.329550px,156.632996px)}}]]></style><path id="eghRtICNBlz2" d="M304,155C304,174.567000,300.146000,193.942000,292.658000,212.020000C285.170000,230.097000,274.195000,246.523000,260.359000,260.359000C246.523000,274.195000,230.097000,285.170000,212.020000,292.658000C193.942000,300.146000,174.567000,304,155,304C135.433000,304,116.058000,300.146000,97.980200,292.658000C79.902600,285.170000,63.477000,274.195000,49.641100,260.359000C35.805200,246.523000,24.829900,230.097000,17.341900,212.020000C9.854000,193.942000,6,174.567000,6,155C6,135.433000,9.854000,116.058000,17.342000,97.980200C24.829900,79.902600,35.805200,63.477000,49.641100,49.641100C63.477000,35.805100,79.902700,24.829900,97.980200,17.341900C116.058000,9.853990,135.433000,6,155,6C174.567000,6,193.942000,9.854000,212.020000,17.342000C230.097000,24.829900,246.523000,35.805200,260.359000,49.641100C274.195000,63.477000,285.170000,79.902700,292.658000,97.980200C300.146000,116.058000,304,135.433000,304,155L304,155Z" opacity="0.16" fill="none" stroke="rgb(156,172,204)" stroke-width="12" stroke-linecap="round"/><g id="eghRtICNBlz3_tr" transform="translate(156,155) rotate(0)"><path id="eghRtICNBlz3" d="M304,155C304,182.810000,296.217000,210.066000,281.531000,233.682000C266.845000,257.299000,245.843000,276.334000,220.901000,288.634000C195.959000,300.934000,168.072000,306.008000,140.395000,303.283000C112.719000,300.557000,86.357900,290.139000,64.294500,273.210000C42.231200,256.280000,25.346200,233.513000,15.550000,207.485000C5.753840,181.457000,3.437470,153.207000,8.862990,125.932000C14.288500,98.655600,27.239400,73.442500,46.250300,53.144700C65.261200,32.847000,89.573300,18.274900,116.436000,11.077000" transform="translate(-156.310919,-155.364685)" fill="none" stroke="rgb(156,172,204)" stroke-width="12" stroke-linecap="round"/></g><path id="eghRtICNBlz4" d="M234.929000,109.019000C233.886000,108.389000,232.698000,108.038000,231.479000,107.998000C230.260000,107.959000,229.052000,108.234000,227.970000,108.795000C227.680000,108.946000,227.402000,109.116000,227.136000,109.305000L227.094000,109.347000C226.488000,109.784000,225.920000,110.272000,225.398000,110.807000C221.235000,114.934000,214.528000,121.764000,210.386000,125.905000C210.092000,126.207000,209.778000,126.489000,209.447000,126.750000L209.447000,126.750000L209.335000,126.834000C209.026000,126.629000,208.737000,126.395000,208.473000,126.136000C207.534000,125.207000,206.609000,124.271000,205.670000,123.342000C204.913000,122.581000,204.163000,121.820000,203.399000,121.065000L200.876000,118.551000C198.262000,115.946000,195.648000,113.335000,193.006000,110.758000L192.908000,110.681000C192.244000,109.846000,191.399000,109.173000,190.437000,108.711000C189.474000,108.248000,188.419000,108.010000,187.350000,108.013000L187.273000,108.013000C186.166000,108.030000,185.077000,108.300000,184.091000,108.802000C183.802000,108.952000,183.523000,109.123000,183.257000,109.312000L183.208000,109.354000C182.606000,109.791000,182.041000,110.277000,181.519000,110.807000C179.599000,112.706000,177.139000,115.185000,174.644000,117.706000L166.234000,126.087000C165.973000,126.351000,165.694000,126.599000,165.400000,126.827000C165.107000,126.622000,164.834000,126.388000,164.587000,126.129000C163.648000,125.200000,162.723000,124.264000,161.784000,123.335000L159.513000,121.058000L156.990000,118.544000C154.376000,115.940000,151.762000,113.328000,149.113000,110.751000C147.906000,109.469000,146.345000,108.573000,144.628000,108.174000C144.495000,108.174000,144.354000,108.174000,144.221000,108.125000C143.975000,108.081000,143.727000,108.051000,143.478000,108.034000C143.458000,108.031000,143.436000,108.031000,143.415000,108.034000L143.289000,108.034000C143.205000,108.034000,143.121000,108.034000,143.030000,108.034000C142.918000,108.027000,142.805000,108.027000,142.693000,108.034000L142.644000,108.034000L142.469000,108.034000C142.276000,108.054000,142.084000,108.084000,141.895000,108.125000C141.761000,108.125000,141.635000,108.209000,141.502000,108.244000C140.203000,108.649000,139.026000,109.369000,138.075000,110.339000C136.771000,111.617000,135.272000,113.132000,133.695000,114.689000C130.494000,117.921000,127.259000,121.142000,123.988000,124.355000L121.725000,126.603000C121.638000,126.683000,121.547000,126.758000,121.451000,126.827000L121.346000,126.750000C121.155000,126.618000,120.974000,126.471000,120.807000,126.310000C120.498000,126.031000,120.197000,125.724000,119.903000,125.423000L115.088000,120.612000C111.771000,117.287000,108.446000,113.975000,105.115000,110.674000C103.216000,108.802000,101.198000,107.929000,99.144100,107.992000C99.029800,107.985000,98.915100,107.985000,98.800700,107.992000L98.758700,107.992000L98.583500,107.992000C98.390300,108.012000,98.198500,108.042000,98.008800,108.083000C97.875600,108.083000,97.749500,108.167000,97.616300,108.202000C96.316300,108.608000,95.136800,109.328000,94.182300,110.297000C92.885700,111.575000,91.379000,113.090000,89.809100,114.648000C86.580600,117.860000,83.349800,121.072000,80.116700,124.285000L75.554300,128.831000C75.131900,129.239000,74.740700,129.678000,74.383900,130.144000L72.673900,131.855000C71.345900,133.080000,70.534100,134.762000,70.402500,136.560000C70.270900,138.359000,70.829300,140.140000,71.964900,141.544000C73.100600,142.947000,74.728700,143.869000,76.520300,144.123000C78.311900,144.377000,80.133300,143.943000,81.616500,142.910000L81.658500,142.868000C82.264800,142.431000,82.832200,141.943000,83.354500,141.409000C87.545400,137.344000,94.238300,130.521000,98.387200,126.380000C98.684100,126.079000,98.997600,125.794000,99.326300,125.528000L99.459500,125.472000C99.770200,125.675000,100.059000,125.909000,100.322000,126.170000C101.261000,127.092000,102.186000,128.028000,103.125000,128.964000C103.882000,129.725000,104.632000,130.486000,105.395000,131.248000L107.918000,133.762000C110.533000,136.367000,113.147000,138.971000,115.789000,141.548000L115.887000,141.632000C116.554000,142.463000,117.401000,143.131000,118.365000,143.589000C119.329000,144.046000,120.384000,144.279000,121.451000,144.272000L121.529000,144.272000C122.629000,144.258000,123.710000,143.990000,124.689000,143.490000C124.979000,143.340000,125.258000,143.169000,125.523000,142.980000L125.565000,142.938000C126.172000,142.501000,126.739000,142.013000,127.261000,141.479000C129.175000,139.579000,131.634000,137.100000,134.129000,134.586000L142.539000,126.205000C142.801000,125.943000,143.080000,125.698000,143.373000,125.472000C143.665000,125.679000,143.938000,125.913000,144.186000,126.170000C145.125000,127.092000,146.050000,128.028000,146.990000,128.964000C147.746000,129.725000,148.496000,130.486000,149.260000,131.248000L151.783000,133.762000C154.397000,136.367000,157.011000,138.971000,159.653000,141.548000C160.864000,142.830000,162.426000,143.729000,164.146000,144.132000C164.279000,144.132000,164.419000,144.132000,164.552000,144.181000C164.798000,144.223000,165.046000,144.251000,165.295000,144.265000L165.337000,144.265000L165.470000,144.265000C165.554000,144.265000,165.639000,144.265000,165.723000,144.265000L166.066000,144.265000L166.115000,144.265000L166.290000,144.265000C166.483000,144.244000,166.675000,144.214000,166.865000,144.174000C166.998000,144.174000,167.124000,144.090000,167.257000,144.055000C168.554000,143.646000,169.731000,142.927000,170.684000,141.960000C171.981000,140.682000,173.488000,139.167000,175.051000,137.617000C178.288000,134.404000,181.524000,131.189000,184.757000,127.972000L187.021000,125.717000C187.119000,125.633000,187.217000,125.549000,187.287000,125.500000C187.326000,125.521000,187.363000,125.544000,187.399000,125.570000L187.399000,125.570000C187.589000,125.701000,187.770000,125.846000,187.939000,126.003000C188.247000,126.289000,188.549000,126.589000,188.843000,126.890000L193.658000,131.708000C196.975000,135.028000,200.299000,138.338000,203.630000,141.639000C205.523000,143.511000,207.548000,144.391000,209.601000,144.328000L209.938000,144.328000L209.987000,144.328000L210.162000,144.328000C210.355000,144.308000,210.547000,144.278000,210.737000,144.237000C210.870000,144.237000,210.996000,144.153000,211.129000,144.118000C212.427000,143.710000,213.603000,142.991000,214.556000,142.023000C215.860000,140.745000,217.359000,139.230000,218.922000,137.679000C222.160000,134.467000,225.396000,131.252000,228.629000,128.035000L233.198000,123.377000C233.619000,122.965000,234.010000,122.524000,234.369000,122.057000L236.079000,120.353000C236.893000,119.603000,237.521000,118.674000,237.913000,117.640000C238.306000,116.607000,238.452000,115.497000,238.341000,114.397000C238.229000,113.297000,237.863000,112.239000,237.271000,111.304000C236.679000,110.370000,235.877000,109.585000,234.929000,109.012000L234.929000,109.019000Z" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/><path id="eghRtICNBlz5" d="M234.929000,204.254000C233.886000,204.884000,232.698000,205.235000,231.479000,205.274000C230.260000,205.314000,229.052000,205.039000,227.970000,204.478000C227.680000,204.327000,227.402000,204.157000,227.136000,203.968000L227.094000,203.926000C226.488000,203.489000,225.920000,203,225.398000,202.466000C221.235000,198.339000,214.528000,191.509000,210.386000,187.368000C210.089000,187.067000,209.776000,186.782000,209.447000,186.516000L209.335000,186.432000C209.024000,186.635000,208.735000,186.869000,208.473000,187.130000C207.534000,188.059000,206.609000,188.995000,205.670000,189.924000C204.913000,190.685000,204.163000,191.453000,203.399000,192.207000L200.876000,194.722000C198.262000,197.326000,195.648000,199.938000,193.006000,202.515000L192.908000,202.592000C192.241000,203.422000,191.393000,204.091000,190.429000,204.549000C189.466000,205.006000,188.410000,205.239000,187.343000,205.232000L187.266000,205.232000C186.159000,205.215000,185.070000,204.945000,184.084000,204.443000C183.795000,204.292000,183.516000,204.122000,183.250000,203.933000L183.201000,203.891000C182.598000,203.452000,182.034000,202.964000,181.512000,202.431000C179.592000,200.532000,177.132000,198.053000,174.637000,195.532000L166.227000,187.151000C165.966000,186.887000,165.687000,186.639000,165.393000,186.411000C165.100000,186.616000,164.827000,186.850000,164.580000,187.109000C163.641000,188.038000,162.716000,188.974000,161.777000,189.903000L159.506000,192.186000L156.983000,194.701000C154.369000,197.305000,151.755000,199.917000,149.106000,202.494000C147.897000,203.773000,146.337000,204.669000,144.621000,205.071000C144.488000,205.071000,144.347000,205.071000,144.214000,205.120000C143.962000,205.120000,143.717000,205.204000,143.471000,205.211000L143.408000,205.211000L143.282000,205.211000C143.198000,205.211000,143.114000,205.211000,143.023000,205.211000L142.686000,205.211000L142.637000,205.211000L142.462000,205.211000C142.269000,205.191000,142.077000,205.161000,141.888000,205.120000C141.754000,205.120000,141.628000,205.036000,141.495000,205.001000C140.198000,204.594000,139.021000,203.874000,138.068000,202.906000C136.764000,201.628000,135.265000,200.113000,133.688000,198.556000L123.988000,188.918000L121.725000,186.662000L121.451000,186.446000L121.346000,186.516000C121.156000,186.647000,120.976000,186.792000,120.807000,186.949000C120.498000,187.235000,120.197000,187.542000,119.903000,187.843000L115.088000,192.654000C111.773000,195.972000,108.458000,199.296000,105.115000,202.585000C103.216000,204.464000,101.198000,205.337000,99.144100,205.274000C99.025000,205.274000,98.912800,205.274000,98.800700,205.274000L98.758700,205.274000L98.583500,205.274000C98.390300,205.254000,98.198500,205.224000,98.008800,205.183000C97.875600,205.183000,97.749500,205.099000,97.616300,205.064000C96.317400,204.655000,95.138600,203.936000,94.182300,202.969000C92.885700,201.691000,91.379000,200.176000,89.809100,198.618000L80.116700,188.981000L75.554300,184.435000C75.131900,184.024000,74.740700,183.583000,74.383900,183.115000L72.694900,181.341000C71.366900,180.116000,70.555100,178.434000,70.423500,176.636000C70.291900,174.838000,70.850300,173.056000,71.986000,171.653000C73.121600,170.249000,74.749700,169.327000,76.541300,169.073000C78.332900,168.819000,80.154300,169.253000,81.637500,170.286000L81.679500,170.328000C82.285800,170.765000,82.853300,171.253000,83.375500,171.787000C87.545400,175.922000,94.238300,182.738000,98.387200,186.928000C98.684100,187.229000,98.997600,187.514000,99.326300,187.780000L99.326300,187.780000L99.438500,187.864000C99.749200,187.661000,100.038000,187.427000,100.300000,187.165000C101.240000,186.236000,102.165000,185.301000,103.104000,184.372000C103.861000,183.618000,104.611000,182.849000,105.374000,182.095000L107.897000,179.581000C110.512000,176.976000,113.126000,174.364000,115.768000,171.787000L115.866000,171.711000C116.533000,170.880000,117.380000,170.211000,118.344000,169.754000C119.308000,169.297000,120.363000,169.063000,121.430000,169.071000L121.507000,169.071000C122.615000,169.088000,123.703000,169.358000,124.689000,169.860000C124.979000,170.010000,125.258000,170.180000,125.523000,170.370000L125.565000,170.412000C126.172000,170.849000,126.739000,171.337000,127.261000,171.871000C129.175000,173.771000,131.634000,176.243000,134.129000,178.764000L142.539000,187.144000C142.801000,187.409000,143.079000,187.656000,143.373000,187.885000C143.665000,187.678000,143.938000,187.444000,144.186000,187.186000C145.125000,186.257000,146.050000,185.322000,146.990000,184.393000C147.746000,183.639000,148.496000,182.870000,149.260000,182.116000L151.783000,179.602000C154.397000,176.997000,157.011000,174.385000,159.653000,171.808000C160.866000,170.531000,162.428000,169.635000,164.146000,169.231000C164.279000,169.231000,164.419000,169.231000,164.552000,169.183000C164.798000,169.138000,165.046000,169.108000,165.295000,169.092000L165.337000,169.092000L165.470000,169.092000L165.723000,169.092000C165.842000,169.092000,165.961000,169.092000,166.066000,169.092000L166.115000,169.092000L166.290000,169.092000C166.483000,169.112000,166.675000,169.143000,166.865000,169.183000C166.998000,169.183000,167.124000,169.266000,167.257000,169.301000C168.554000,169.711000,169.731000,170.430000,170.684000,171.396000C171.981000,172.674000,173.488000,174.190000,175.051000,175.740000C178.288000,178.953000,181.524000,182.167000,184.757000,185.384000L187.021000,187.640000L187.287000,187.857000L187.399000,187.787000C187.589000,187.656000,187.770000,187.511000,187.939000,187.354000C188.247000,187.068000,188.549000,186.760000,188.843000,186.460000L193.658000,181.648000C196.972000,178.331000,200.287000,175.007000,203.630000,171.718000C205.523000,169.839000,207.548000,168.966000,209.601000,169.029000L209.938000,169.029000L209.987000,169.029000L210.162000,169.029000C210.355000,169.048000,210.547000,169.079000,210.737000,169.120000C210.870000,169.120000,210.996000,169.203000,211.129000,169.238000C212.427000,169.646000,213.603000,170.366000,214.556000,171.333000C215.860000,172.611000,217.359000,174.127000,218.922000,175.677000C222.160000,178.890000,225.396000,182.105000,228.629000,185.322000L233.191000,189.868000C233.612000,190.280000,234.003000,190.721000,234.362000,191.188000L236.072000,192.892000C236.886000,193.642000,237.514000,194.571000,237.906000,195.605000C238.299000,196.638000,238.445000,197.748000,238.334000,198.848000C238.222000,199.948000,237.856000,201.006000,237.264000,201.941000C236.672000,202.875000,235.870000,203.660000,234.922000,204.233000L234.929000,204.254000Z" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/><g id="eghRtICNBlz6_to" transform="translate(231.418495,156.632996)"><path id="eghRtICNBlz6" d="M231.418000,163.777000C235.378000,163.777000,238.588000,160.579000,238.588000,156.633000C238.588000,152.687000,235.378000,149.489000,231.418000,149.489000C227.458000,149.489000,224.249000,152.687000,224.249000,156.633000C224.249000,160.579000,227.458000,163.777000,231.418000,163.777000Z" transform="translate(-231.418495,-156.632996)" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/></g><g id="eghRtICNBlz7_to" transform="translate(187.409502,156.632996)"><path id="eghRtICNBlz7" d="M187.406000,163.777000C191.366000,163.777000,194.576000,160.579000,194.576000,156.633000C194.576000,152.687000,191.366000,149.489000,187.406000,149.489000C183.447000,149.489000,180.237000,152.687000,180.237000,156.633000C180.237000,160.579000,183.447000,163.777000,187.406000,163.777000Z" transform="translate(-187.406502,-156.632996)" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/></g><g id="eghRtICNBlz8_to" transform="translate(143.399501,156.632996)"><path id="eghRtICNBlz8" d="M143.394000,163.777000C147.354000,163.777000,150.564000,160.579000,150.564000,156.633000C150.564000,152.687000,147.354000,149.489000,143.394000,149.489000C139.435000,149.489000,136.225000,152.687000,136.225000,156.633000C136.225000,160.579000,139.435000,163.777000,143.394000,163.777000Z" transform="translate(-143.394501,-156.632996)" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/></g><g id="eghRtICNBlz9_to" transform="translate(99.329550,156.632996)"><path id="eghRtICNBlz9" d="M99.326300,163.777000C103.286000,163.777000,106.496000,160.579000,106.496000,156.633000C106.496000,152.687000,103.286000,149.489000,99.326300,149.489000C95.366700,149.489000,92.156900,152.687000,92.156900,156.633000C92.156900,160.579000,95.366700,163.777000,99.326300,163.777000Z" transform="translate(-99.326450,-156.632996)" fill="rgb(156,172,204)" stroke="none" stroke-width="1"/></g></svg>

package/src/components/Pagination/Pagination.vue

@@ -12,7 +12,7 @@
     <UnnnicButton
       v-for="(page, index) in pages"
       :key="index"
-      :type="page === value ? 'secondary' : 'tertiary'"
+      :type="page === modelValue ? 'secondary' : 'tertiary'"
       size="small"
       :text="
         ['left-hidden', 'right-hidden'].includes(page) ? '...' : String(page)
@@ -32,15 +32,15 @@
 </template>
 
 <script>
-import unnnicButton from '../Button/Button.vue';
+import UnnnicButton from '../Button/Button.vue';
 
 export default {
   components: {
-    unnnicButton,
+    UnnnicButton,
   },
 
   props: {
-    value: {
+    modelValue: {
       type: Number,
       default: 1,
     },
@@ -94,11 +94,11 @@ export default {
     },
 
     canPrevious() {
-      return this.value > 1;
+      return this.modelValue > 1;
     },
 
     canNext() {
-      return this.value < this.max;
+      return this.modelValue < this.max;
     },
   },
 
@@ -108,13 +108,13 @@ export default {
         const pageNumber =
           this.pages[this.pages.indexOf('left-hidden') + 1] - 1;
 
-        this.$emit('input', pageNumber);
+        this.$emit('update:model-value', pageNumber);
         this.setReference(pageNumber);
       } else if (page === 'right-hidden') {
         const pageNumber =
           this.pages[this.pages.indexOf('right-hidden') - 1] + 1;
 
-        this.$emit('input', pageNumber);
+        this.$emit('update:model-value', pageNumber);
 
         if (this.pages.includes('left-hidden')) {
           this.setReference(
@@ -124,13 +124,13 @@ export default {
           this.setReference(4);
         }
       } else {
-        this.$emit('input', page);
+        this.$emit('update:model-value', page);
       }
     },
 
     previousPage() {
       if (this.canPrevious) {
-        const pageNumber = this.value - 1;
+        const pageNumber = this.modelValue - 1;
 
         this.selectPage(pageNumber);
 
@@ -142,7 +142,7 @@ export default {
 
     nextPage() {
       if (this.canNext) {
-        const pageNumber = this.value + 1;
+        const pageNumber = this.modelValue + 1;
 
         this.selectPage(pageNumber);
 

package/src/components/SelectSmart/SelectSmart.vue

@@ -1,16 +1,12 @@
 <template>
-  <div
-    @keydown="onKeyDownSelect"
-    v-on-click-outside="onClickOutside"
-    class="unnnic-select-smart"
-  >
-    <DropdownSkeleton
+  <div @keydown="onKeyDownSelect" v-on-click-outside="onClickOutside" class="unnnic-select-smart">
+    <dropdown-skeleton
       type="manual"
       :modelValue="active || null"
       position="bottom"
       ref="dropdown-skeleton"
     >
-      <TextInput
+      <text-input
         class="unnnic-select-smart__input"
         ref="selectSmartInput"
         :modelValue="inputValue"
@@ -19,11 +15,9 @@
         :size="size"
         :disabled="disabled"
         :readonly="!isAutocompleteAllowed"
-        :iconLeft="
-          isAutocompleteAllowed && autocompleteIconLeft ? 'search-1' : ''
-        "
-        :iconRight="active ? 'arrow-button-up-1' : 'arrow-button-down-1'"
-        :iconRightClickable="!disabled"
+        :icon-left="isAutocompleteAllowed && autocompleteIconLeft ? 'search-1' : ''"
+        :icon-right="active ? 'arrow-button-up-1' : 'arrow-button-down-1'"
+        :icon-right-clickable="!disabled"
         @icon-right-click="handleClickInput"
         @click.stop="handleClickInput"
         @update:modelValue="searchValue = $event"
@@ -40,7 +34,7 @@
           }"
         >
           <div :style="{ overflow: 'auto' }">
-            <SelectSmartMultipleHeader
+            <select-smart-multiple-header
               v-if="multiple"
               :selectedOptions="modelValue"
               :withoutSelectsMessage="multipleWithoutSelectsMessage"
@@ -59,16 +53,14 @@
                 },
               ]"
             >
-              <SelectSmartOption
+              <select-smart-option
                 v-for="(option, index) in filterOptions(options)"
                 :key="option.value"
                 :label="option.label"
                 :description="option.description"
                 :tabindex="index"
                 :size="size"
-                :active="
-                  option.value === modelValue || optionIsSelected(option)
-                "
+                :active="option.value === modelValue || optionIsSelected(option)"
                 :focused="focusedOption && focusedOption.value === option.value"
                 :allowCheckbox="!!multiple"
                 @click="handleSelect(option)"
@@ -83,7 +75,7 @@
           </div>
         </div>
       </template>
-    </DropdownSkeleton>
+    </dropdown-skeleton>
   </div>
 </template>
 
@@ -163,6 +155,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    selectFirst: {
+      type: Boolean,
+      default: true,
+    }
   },
 
   data() {
@@ -202,7 +198,7 @@ export default {
           this.searchValue = this.selectedLabel;
         });
       }
-    } else if (this.options?.[0] && this.options?.[0].value) {
+    } else if (this.selectFirst && this.options?.[0] && this.options?.[0].value) {
       this.selectOption(this.options?.[0]);
     }
   },
@@ -259,8 +255,7 @@ export default {
           return isValueMatch && option.value !== '';
         }
 
-        const isEmptyOption =
-          option.value === '' && this.modelValue.length === 0;
+        const isEmptyOption = option.value === '' && this.modelValue.length === 0;
         return isEmptyOption || isValueMatch;
       });
 
@@ -278,9 +273,7 @@ export default {
     },
 
     hasDescriptionOptions() {
-      return this.options.some(
-        (item) => typeof item.description !== 'undefined',
-      );
+      return this.options.some((item) => typeof item.description !== 'undefined');
     },
 
     autocompletePlaceholder() {
@@ -314,9 +307,7 @@ export default {
 
   methods: {
     optionIsSelected(option) {
-      return this.modelValue.some(
-        (selectedOption) => selectedOption.value === option.value,
-      );
+      return this.modelValue.some((selectedOption) => selectedOption.value === option.value);
     },
 
     clearSelectedOptions() {
@@ -363,18 +354,13 @@ export default {
 
       const getNumber = (str) => parseInt(str.match(/\d+/)?.[0], 10) || 0;
 
-      const filteredOptions = options.filter(
-        ({ value, label }, index, self) => {
-          const labelWithoutAccents = normalizeLabel(label);
-          const isValueUnique =
-            self.findIndex((option) => option.value === value) === index;
-          const matchesSearchTerms = searchTerms.every((term) =>
-            labelWithoutAccents.includes(term),
-          );
+      const filteredOptions = options.filter(({ value, label }, index, self) => {
+        const labelWithoutAccents = normalizeLabel(label);
+        const isValueUnique = self.findIndex((option) => option.value === value) === index;
+        const matchesSearchTerms = searchTerms.every((term) => labelWithoutAccents.includes(term));
 
-          return isValueUnique && matchesSearchTerms && value;
-        },
-      );
+        return isValueUnique && matchesSearchTerms && value;
+      });
 
       if (this.orderedByIndex) {
         return filteredOptions;
@@ -410,8 +396,7 @@ export default {
         valueByType = this.modelValue?.[0]?.value;
       }
       if (type === 'focused') {
-        valueByType =
-          this.focusedOption?.value || this.modelValue.at(-1)?.value;
+        valueByType = this.focusedOption?.value || this.modelValue.at(-1)?.value;
       }
       return options.findIndex((option) => option.value === valueByType);
     },
@@ -419,11 +404,7 @@ export default {
     scrollToOption(optionIndex, scrollBlock = 'nearest') {
       const elementScroll = this.$refs.selectSmartOptionsScrollArea;
 
-      if (
-        elementScroll &&
-        optionIndex >= 0 &&
-        optionIndex < elementScroll.childNodes.length
-      ) {
+      if (elementScroll && optionIndex >= 0 && optionIndex < elementScroll.childNodes.length) {
         const optionElement = elementScroll.childNodes[optionIndex];
 
         if (optionElement instanceof HTMLElement) {
@@ -433,8 +414,7 @@ export default {
     },
 
     selectOption(option) {
-      const selectedOption =
-        option.value === null || option.value.length === 0 ? null : option;
+      const selectedOption = option.value === null || option.value.length === 0 ? null : option;
 
       this.$emit(
         'update:modelValue',
@@ -448,9 +428,7 @@ export default {
       );
 
       if (indexToRemove !== -1) {
-        const newModelValue = this.modelValue;
-        newModelValue.splice(indexToRemove, 1);
-        this.$emit('update:modelValue', newModelValue);
+        this.modelValue.splice(indexToRemove, 1);
       }
 
       if (this.multiple) {
@@ -522,8 +500,7 @@ export default {
           this.scrollToOption(newIndex);
         }
 
-        const newOption =
-          options[newIndex === undefined ? focusedOptionIndex : newIndex];
+        const newOption = options[newIndex === undefined ? focusedOptionIndex : newIndex];
         this.focusedOption = newOption;
       }
     },
@@ -647,8 +624,7 @@ export default {
     }
 
     &:disabled {
-      box-shadow: inset 0 0 0 $unnnic-border-width-thinner
-        $unnnic-color-neutral-cleanest;
+      box-shadow: inset 0 0 0 $unnnic-border-width-thinner $unnnic-color-neutral-cleanest;
 
       cursor: not-allowed;
 

package/src/components/TableNext/TableBodyCell.vue

@@ -0,0 +1,38 @@
+<template>
+  <td class="unnnic-table-next__body-cell">
+    <template v-if="getIsComponent(cell)">
+      <component :is="cell.component" v-bind="cell.props" v-on="cell.events" />
+    </template>
+    <template v-else>
+      <p class="unnnic-table-next__body-cell-text">{{ cell }}</p>
+    </template>
+  </td>
+</template>
+
+<script>
+export default {
+  name: 'TableBodyCell',
+
+  props: {
+    cell: {
+      type: [String, Object],
+      default: '',
+    },
+  },
+  methods: {
+    getIsComponent(cell) {
+      return typeof cell === 'object';
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.unnnic-table-next__body-cell-text {
+  margin: 0;
+
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>

package/src/components/TableNext/TableNext.vue

@@ -0,0 +1,269 @@
+<template>
+  <table class="unnnic-table-next">
+    <thead class="unnnic-table-next__header">
+      <tr class="unnnic-table-next__header-row">
+        <th
+          v-for="(cell, index) of headers"
+          :key="cell.content + index"
+          class="unnnic-table-next__header-cell"
+        >
+          {{ cell.content }}
+        </th>
+      </tr>
+    </thead>
+
+    <tbody class="unnnic-table-next__body">
+      <tr
+        v-if="isLoading"
+        class="unnnic-table-next__body-row"
+      >
+        <img
+          class="unnnic-table-next__body-cell--loading"
+          src="../../assets/icons/weni-loading.svg"
+          height="40"
+        />
+      </tr>
+      <template v-else-if="rows.length">
+        <tr
+          v-for="(row, index) of rows"
+          :key="row.content + index"
+          class="unnnic-table-next__body-row"
+        >
+          <a
+            v-if="row.link"
+            class="unnnic-table-next__body-row--redirect"
+            :href="row.link.url"
+            :target="row.link.target || '_blank'"
+          >
+            <TableBodyCell
+              v-for="(cell, index) of row.content"
+              :key="cell + index"
+              class="unnnic-table-next__body-cell"
+              :cell="cell"
+            />
+          </a>
+          <template v-else>
+            <TableBodyCell
+              v-for="(cell, index) of row.content"
+              :key="cell + index"
+              class="unnnic-table-next__body-cell"
+              :cell="cell"
+            />
+          </template>
+        </tr>
+      </template>
+      <tr
+        v-else
+        class="unnnic-table-next__body-row"
+      >
+        <td class="unnnic-table-next__body-cell">
+          <p class="unnnic-table-next__body-cell-text">
+            {{ i18n('without_results') }}
+          </p>
+        </td>
+      </tr>
+    </tbody>
+    <TablePagination
+      :modelValue="pagination"
+      @update:model-value="$emit('update:pagination', $event)"
+      :total="treatedPaginationTotal"
+      :interval="rows.length"
+    />
+  </table>
+</template>
+
+<script>
+import { validateHeaders, validateRows } from './validation';
+import TableBodyCell from './TableBodyCell.vue';
+import TablePagination from './TablePagination.vue';
+import UnnnicI18n from '../../mixins/i18n';
+
+export default {
+  name: 'UnnnicTableNext',
+
+  mixins: [UnnnicI18n],
+
+  components: {
+    TableBodyCell,
+    TablePagination,
+  },
+
+  props: {
+    /**
+     * @typedef {Array} HeaderItem
+     * @property {string} content - The content of the header cell.
+     * @property {boolean|undefined} isSortable - Indicates if the cell is enabled for sorting.
+     */
+
+    /**
+     * Array of header items.
+     * @type {HeaderItem[]}
+     */
+    headers: {
+      type: Array,
+      default: () => [],
+      validator: validateHeaders,
+    },
+
+    /**
+     * @typedef {Array} RowItem
+     * @property {Array} content - The content of the row cell.
+     * @property {object|undefined} link - Link object to redirect the row cell.
+     */
+
+    /**
+     * Array of row items.
+     * @type {RowItem[]}
+     */
+    rows: {
+      type: Array,
+      default: () => [],
+      validator: validateRows,
+    },
+
+    pagination: {
+      type: Number,
+      default: 1,
+    },
+    paginationTotal: {
+      type: Number,
+      default: 1,
+    },
+    isLoading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      defaultTranslations: {
+        without_results: {
+          'pt-br': 'Nenhum resultado correspondente',
+          en: 'No matching results',
+          es: 'No hay resultados coincidentes',
+        },
+      },
+    };
+  },
+
+  computed: {
+    treatedPaginationTotal() {
+      return this.rows.length === 0 ? 0 : this.paginationTotal;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../assets/scss/unnnic.scss';
+
+$tableBorder: $unnnic-border-width-thinner solid $unnnic-color-neutral-soft;
+
+.unnnic-table-next {
+  border-spacing: 0;
+
+  overflow: hidden;
+
+  width: 100%;
+
+  &__header {
+    &-row {
+      @extend %base-row;
+    }
+
+    &-cell {
+      @extend %base-cell;
+
+      height: 100%;
+
+      box-sizing: border-box;
+      border: $tableBorder;
+      background-color: $unnnic-color-neutral-light;
+
+      font-weight: $unnnic-font-weight-bold;
+
+      &:first-of-type {
+        border-radius: $unnnic-border-radius-sm 0 0 0;
+      }
+
+      &:not(:first-of-type) {
+        border-left: none;
+      }
+
+      &:last-of-type {
+        border-radius: 0 $unnnic-border-radius-sm 0 0;
+      }
+    }
+  }
+
+  &__body {
+    &-row {
+      @extend %base-row;
+
+      border: $tableBorder;
+      border-collapse: collapse;
+      border-top: none;
+
+      &--redirect {
+        @extend %base-row;
+        text-decoration: none;
+
+        &:hover {
+          background-color: $unnnic-color-neutral-lightest;
+        }
+
+        :visited {
+          color: $unnnic-color-neutral-dark;
+        }
+      }
+
+      &:last-of-type {
+        border-radius: 0 0 $unnnic-border-radius-sm $unnnic-border-radius-sm;
+      }
+    }
+
+    &-cell {
+      @extend %base-cell;
+
+      &-text {
+        margin: 0;
+
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+    &-cell--loading {
+      margin: $unnnic-spacing-xl 0;
+      padding: 0;
+
+      width: 100%;
+
+      pointer-events: none;
+    }
+  }
+
+  %base-cell {
+    border-collapse: collapse;
+
+    padding: $unnnic-spacing-ant $unnnic-spacing-sm;
+
+    font-family: $unnnic-font-family-secondary;
+    font-size: $unnnic-font-size-body-gt;
+    line-height: $unnnic-line-height-small * 5.5;
+    text-align: left;
+    color: $unnnic-color-neutral-dark;
+
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  %base-row {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+    align-items: center;
+  }
+}
+</style>