@khipu/design-system 0.2.0-alpha.99 → 0.3.0

package/dist/beercss/leaf-clover4.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="296" height="296" fill="none" viewBox="0 0 296 296"><path fill="#d0bcff" d="M21 148C7.9 132.34 0 112.13 0 90.06 0 40.32 40.11 0 89.6 0c22.39 0 42.87 8.26 58.57 21.91C163.84 8.26 184.27 0 206.61 0 255.98 0 296 40.32 296 90.06c0 22.07-7.88 42.28-20.95 57.94 13.07 15.66 20.95 35.87 20.95 57.94 0 49.74-40.02 90.06-89.39 90.06-22.34 0-42.77-8.26-58.44-21.91C132.47 287.74 111.99 296 89.6 296 40.11 296 0 255.68 0 205.94c0-22.07 7.9-42.28 21-57.94"/></svg>

package/dist/beercss/leaf-clover8.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M308.58 160c25.85 48.16 6.32 91.77-43.51 105.06-13.3 49.84-56.91 69.36-105.07 43.52-48.17 25.85-91.78 6.32-105.07-43.51C5.1 251.77-14.43 208.16 11.42 160-14.43 111.83 5.1 68.22 54.93 54.93 68.22 5.1 111.83-14.43 160 11.42c48.16-25.85 91.77-6.32 105.06 43.51 49.84 13.29 69.36 56.9 43.52 105.07"/></svg>

package/dist/beercss/loading-indicator.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="4 4 40 40" width="40" height="40"><path fill="#d0bcff"><animate attributeName="d" calcMode="spline" dur="5s" keySplines="0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8" keyTimes="0; 0.14; 0.29; 0.43; 0.57; 0.71; 0.86; 1" repeatCount="indefinite" values="m37.4 24.7 0.5 0.7 0.8 0.9 0.8 1.0 0.6 1.0 -0.1 0.8 -0.0 0.1 -0.6 0.7 -1.1 0.5 -1.3 0.3 -1.0 0.2 -0.9 0.4 -0.7 1.1 0.1 1.0 0.1 1.1 0.0 1.2 -0.2 1.1 -0.4 0.5 -0.3 0.2 -0.8 0.2 -1.2 -0.4 -1.2 -0.4 -1.0 -0.5 -0.8 -0.1 -1.3 0.5 -0.5 0.8 -0.6 0.9 -0.6 1.0 -0.8 0.8 -0.8 0.2 -0.1 -0.0 -0.9 -0.3 -0.8 -1.0 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.3 -0.3 -0.9 0.2 -0.9 0.4 -1.2 0.5 -1.2 0.3 -0.8 -0.3 -0.0 -0.1 -0.6 -0.6 -0.1 -1.2 0.1 -1.2 0.0 -1.1 0.0 -0.9 -0.7 -1.1 -0.9 -0.3 -1.1 -0.3 -1.2 -0.3 -1.1 -0.4 -0.5 -0.8 -0.0 0.0 -0.1 -0.9 0.6 -1.0 0.8 -0.9 0.8 -0.9 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.8 -0.9 -0.8 -0.9 -0.6 -1.0 0.1 -0.9 0.0 -0.0 0.5 -0.8 1.1 -0.4 1.2 -0.3 1.1 -0.3 0.9 -0.3 0.7 -1.1 0.0 -0.9 -0.0 -1.1 -0.1 -1.2 0.1 -1.2 0.6 -0.6 0.0 -0.1 0.8 -0.3 1.2 0.3 1.2 0.5 0.9 0.4 0.9 0.2 1.3 -0.3 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.8 -1.0 0.9 -0.3 0.1 0.0 0.8 0.2 0.8 0.8 0.6 1.0 0.6 0.9 0.5 0.8 1.3 0.5 0.8 -0.1 1.0 -0.5 1.2 -0.4 1.2 -0.4 0.8 0.2 0.3 0.2 0.4 0.5 0.2 1.1 -0.0 1.2 -0.1 1.1 -0.1 1.0 0.7 1.1 0.9 0.4 1.0 0.2 1.3 0.3 1.1 0.5 0.6 0.7 0.0 0.1 0.1 0.8 -0.5 1.0 -0.9 1.0 -0.8 0.9 -0.5 0.7 z;m39.9 24.0 -0.3 0.8 -0.4 0.8 -0.3 0.8 -0.2 1.5 0.1 0.9 0.1 0.9 -0.1 0.9 -0.2 0.8 -0.3 0.8 -0.2 0.4 -0.3 0.4 -0.5 0.7 -0.7 0.5 -0.8 0.4 -0.8 0.4 -0.8 0.4 -1.2 1.0 -0.5 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.8 0.4 -0.4 0.2 -0.5 0.1 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.1 -0.8 0.2 -0.9 0.3 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.5 -0.1 -0.4 -0.2 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.5 -0.8 -0.5 -0.7 -1.2 -1.0 -0.7 -0.4 -0.9 -0.4 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.3 -0.4 -0.2 -0.4 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.9 0.1 -0.9 -0.2 -1.5 -0.3 -0.8 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.7 -0.0 -0.2 0.2 -0.8 0.4 -0.8 0.5 -0.7 0.6 -0.6 0.7 -0.7 0.5 -0.6 0.6 -1.3 0.3 -0.9 0.2 -0.8 0.3 -0.8 0.5 -0.7 0.5 -0.6 0.2 -0.2 0.5 -0.4 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.9 -0.0 0.8 -0.1 1.4 -0.5 0.7 -0.4 0.7 -0.5 0.7 -0.5 0.8 -0.3 0.8 -0.2 0.9 -0.1 0.0 -0.0 0.8 0.1 0.9 0.2 0.8 0.3 0.7 0.5 0.7 0.5 0.7 0.4 1.4 0.5 0.8 0.1 0.9 0.0 0.9 0.2 0.8 0.3 0.7 0.4 0.5 0.4 0.2 0.1 0.5 0.7 0.5 0.7 0.3 0.8 0.2 0.8 0.3 0.9 0.6 1.3 0.5 0.6 0.7 0.7 0.6 0.6 0.5 0.7 0.4 0.8 0.2 0.8 0.0 0.2 0.1 0.7 -0.1 0.9 z;m38.9 24.2 -0.2 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.3 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.4 1.0 -0.4 0.8 -0.4 0.8 -0.6 0.6 -0.7 0.5 0.0 0.1 -0.7 0.4 -0.8 0.3 -0.8 0.3 -0.9 0.1 -1.1 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -1.1 -0.0 -0.9 -0.1 -0.8 -0.3 -0.8 -0.3 -0.7 -0.5 -0.1 0.0 -0.6 -0.5 -0.6 -0.7 -0.4 -0.7 -0.4 -0.8 -0.4 -1.0 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -1.1 -0.2 -0.9 -0.0 -0.8 0.0 -0.9 0.2 -0.8 0.1 -0.1 0.3 -0.7 0.4 -0.8 0.6 -0.6 0.6 -0.6 0.9 -0.7 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.9 -0.7 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.8 -0.0 0.1 -0.0 0.9 0.0 0.8 0.2 0.8 0.3 0.8 0.4 0.9 0.7 0.6 0.5 0.7 0.4 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.4 0.6 0.5 0.9 0.7 0.6 0.6 0.6 0.7 0.4 0.7 0.3 0.7 0.0 0.1 0.2 0.8 0.1 0.9 -0.0 0.9 -0.2 0.8 -0.3 1.1 z;m39.6 24.0 -0.1 0.8 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.3 0.8 -0.4 0.7 -0.4 0.7 -0.5 0.6 -0.4 0.6 -0.6 0.6 -0.6 0.6 -0.4 0.4 -0.6 0.6 -0.4 0.5 -0.9 0.8 -0.5 0.5 -0.6 0.6 -0.4 0.4 -0.7 0.7 -0.5 0.5 -0.6 0.4 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.7 0.3 -0.8 0.3 -0.8 0.3 -0.8 0.2 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.9 0.0 -0.8 -0.0 -0.9 -0.1 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.3 -0.8 -0.4 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -0.7 -0.5 -0.6 -0.6 -0.1 -0.1 -0.5 -0.6 -0.6 -0.7 -0.5 -0.7 -0.5 -0.8 -0.4 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.1 -0.9 0.0 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.3 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.3 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.5 0.6 -0.6 0.6 -0.7 0.4 -0.4 0.6 -0.6 0.5 -0.4 0.8 -0.9 0.5 -0.5 0.6 -0.6 0.4 -0.4 0.7 -0.7 0.5 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.3 0.8 -0.3 0.8 -0.3 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.9 -0.0 0.8 0.0 0.9 0.1 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.4 0.8 0.3 0.8 0.4 0.7 0.5 0.7 0.5 0.7 0.5 0.6 0.7 0.1 -0.0 0.5 0.6 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.7 0.3 0.8 0.4 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.0 0.8 -0.0 0.8 -0.1 0.9 z;m40.0 24.0 -0.1 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.6 -0.6 0.7 -0.5 0.6 -0.7 1.2 -0.1 0.7 -0.1 0.8 -0.0 0.9 -0.1 0.9 -0.1 0.9 -0.2 0.9 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.9 0.2 -0.9 0.1 -0.9 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -1.2 0.7 -0.6 0.5 -0.7 0.6 -0.6 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.5 -0.8 -0.6 -0.6 -0.6 -0.7 -0.6 -0.6 -0.5 -1.2 -0.7 -0.7 -0.1 -0.8 -0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.2 -0.7 -0.5 -0.0 0.0 -0.5 -0.7 -0.2 -0.9 -0.1 -0.9 -0.1 -0.9 -0.0 -0.8 -0.1 -0.8 -0.1 -0.8 -0.7 -1.2 -0.5 -0.6 -0.6 -0.7 -0.6 -0.6 -0.6 -0.8 -0.5 -0.8 -0.1 -0.8 -0.0 -0.0 0.1 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.7 -1.2 0.1 -0.7 0.1 -0.8 0.0 -0.9 0.1 -0.9 0.1 -0.9 0.2 -0.9 0.5 -0.7 -0.0 -0.0 0.7 -0.5 0.9 -0.2 0.9 -0.1 0.9 -0.1 0.8 -0.0 0.8 -0.1 0.8 -0.1 1.2 -0.7 0.6 -0.5 0.7 -0.6 0.6 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.1 0.0 -0.0 0.8 0.1 0.8 0.5 0.8 0.6 0.6 0.6 0.7 0.6 0.6 0.5 1.2 0.7 0.7 0.1 0.8 0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.2 0.7 0.5 0.0 -0.0 0.5 0.7 0.2 0.9 0.1 0.9 0.1 0.9 0.0 0.8 0.1 0.8 0.1 0.8 0.7 1.2 0.5 0.6 0.6 0.7 0.6 0.6 0.6 0.8 0.5 0.8 0.1 0.8 z;m36.9 24.6 0.1 0.7 0.2 0.8 0.2 0.7 0.4 0.9 0.4 0.9 0.2 0.9 0.1 1.0 0.1 0.9 -0.1 0.9 -0.3 0.9 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.9 0.3 -0.9 0.1 -0.9 -0.1 -1.0 -0.1 -0.9 -0.2 -0.9 -0.4 -0.9 -0.4 -0.7 -0.2 -0.8 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.8 0.2 -0.7 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -1.0 0.1 -0.9 0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.6 -0.6 -0.1 -0.1 -0.6 -0.6 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -0.7 0.2 -0.8 0.1 -0.7 -0.0 -1.2 -0.1 -0.7 -0.2 -0.8 -0.2 -0.7 -0.4 -0.9 -0.4 -0.9 -0.2 -0.9 -0.1 -1.0 -0.1 -0.9 0.1 -0.9 0.3 -0.9 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.6 0.1 -0.1 0.6 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.3 0.9 -0.1 0.9 0.1 1.0 0.1 0.9 0.2 0.9 0.4 0.9 0.4 0.7 0.2 0.8 0.2 0.7 0.1 1.2 -0.0 0.7 -0.1 0.8 -0.2 0.7 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 1.0 -0.1 0.9 -0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.5 0.6 0.6 0.1 0.1 0.6 0.6 0.5 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 0.7 -0.2 0.8 -0.1 0.7 z;m37.7 24.0 -0.3 0.7 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.6 -0.3 0.5 -0.4 0.6 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.4 -0.5 0.4 -0.8 0.8 -0.4 0.5 -0.4 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.6 0.4 -0.5 0.3 -0.6 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.7 0.3 -0.7 0.2 -0.7 0.3 -0.9 0.3 -0.8 0.2 -0.8 0.1 -0.9 0.1 -1.0 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.6 -0.7 -0.6 -0.0 0.0 -0.6 -0.7 -0.6 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 -0.1 -0.9 0.0 -0.9 0.1 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.2 -0.7 0.3 -0.7 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.6 0.3 -0.5 0.4 -0.6 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.4 0.5 -0.4 0.8 -0.8 0.4 -0.5 0.4 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.6 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.7 -0.3 0.7 -0.2 0.7 -0.3 0.9 -0.3 0.8 -0.2 0.8 -0.1 0.9 -0.1 1.0 -0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.6 0.7 0.6 -0.0 0.0 0.6 0.7 0.6 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 0.1 0.9 -0.0 0.9 -0.1 1.0 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.9 -0.3 0.7 z;m37.4 24.7 0.5 0.7 0.8 0.9 0.8 1.0 0.6 1.0 -0.1 0.8 -0.0 0.1 -0.6 0.7 -1.1 0.5 -1.3 0.3 -1.0 0.2 -0.9 0.4 -0.7 1.1 0.1 1.0 0.1 1.1 0.0 1.2 -0.2 1.1 -0.4 0.5 -0.3 0.2 -0.8 0.2 -1.2 -0.4 -1.2 -0.4 -1.0 -0.5 -0.8 -0.1 -1.3 0.5 -0.5 0.8 -0.6 0.9 -0.6 1.0 -0.8 0.8 -0.8 0.2 -0.1 -0.0 -0.9 -0.3 -0.8 -1.0 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.3 -0.3 -0.9 0.2 -0.9 0.4 -1.2 0.5 -1.2 0.3 -0.8 -0.3 -0.0 -0.1 -0.6 -0.6 -0.1 -1.2 0.1 -1.2 0.0 -1.1 0.0 -0.9 -0.7 -1.1 -0.9 -0.3 -1.1 -0.3 -1.2 -0.3 -1.1 -0.4 -0.5 -0.8 -0.0 0.0 -0.1 -0.9 0.6 -1.0 0.8 -0.9 0.8 -0.9 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.8 -0.9 -0.8 -0.9 -0.6 -1.0 0.1 -0.9 0.0 -0.0 0.5 -0.8 1.1 -0.4 1.2 -0.3 1.1 -0.3 0.9 -0.3 0.7 -1.1 0.0 -0.9 -0.0 -1.1 -0.1 -1.2 0.1 -1.2 0.6 -0.6 0.0 -0.1 0.8 -0.3 1.2 0.3 1.2 0.5 0.9 0.4 0.9 0.2 1.3 -0.3 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.8 -1.0 0.9 -0.3 0.1 0.0 0.8 0.2 0.8 0.8 0.6 1.0 0.6 0.9 0.5 0.8 1.3 0.5 0.8 -0.1 1.0 -0.5 1.2 -0.4 1.2 -0.4 0.8 0.2 0.3 0.2 0.4 0.5 0.2 1.1 -0.0 1.2 -0.1 1.1 -0.1 1.0 0.7 1.1 0.9 0.4 1.0 0.2 1.3 0.3 1.1 0.5 0.6 0.7 0.0 0.1 0.1 0.8 -0.5 1.0 -0.9 1.0 -0.8 0.9 -0.5 0.7 z"/><animateTransform attributeName="transform" attributeType="XML" calcMode="spline" dur="5s" keySplines="0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8; 0.5 0.2 0 0.8" keyTimes="0; 0.14; 0.29; 0.43; 0.57; 0.71; 0.86; 1" repeatCount="indefinite" type="rotate" values="0 24 24; 154 24 24; 309 24 24; 463 24 24; 617 24 24; 771 24 24; 926 24 24; 1080 24 24"/></path></svg>

package/dist/beercss/metadata.json

@@ -1,8 +1,8 @@
 {
   "name": "@khipu/design-system/beercss",
-  "version": "0.2.0-alpha.99",
+  "version": "0.3.0",
   "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
-  "buildDate": "2026-07-06T20:11:57.464Z",
+  "buildDate": "2026-08-04T17:30:52.937Z",
   "includes": {
     "beercss": "4.0.1",
     "khipu-tokens": "latest",
@@ -19,8 +19,8 @@
   },
   "scopeClass": ".kds-theme-root",
   "cdn": {
-    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.min.css",
-    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.scoped.min.css",
-    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.min.js"
+    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.3.0/dist/beercss/khipu-beercss.min.css",
+    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.3.0/dist/beercss/khipu-beercss.scoped.min.css",
+    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.3.0/dist/beercss/khipu-beercss.min.js"
   }
 }

package/dist/beercss/oval.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" fill="none" viewBox="0 0 300 300"><path fill="#d0bcff" d="M231.309 231.31c-69.604 69.6-162.432 89.63-207.338 44.72S-.913 138.29 68.69 68.69s162.432-89.63 207.338-44.72 24.884 137.74-44.72 207.34"/></svg>

package/dist/beercss/pentagon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M109.63 24.37c15.61-12.08 23.41-18.12 31.75-21.12a55 55 0 0 1 37.24 0c8.34 3 16.14 9.04 31.75 21.12l34.14 26.43 34.12 24.76c16.19 11.75 24.29 17.63 29.7 25.01 7.82 10.69 11.94 23.82 11.66 37.25-.2 9.29-3.41 19-9.85 38.41l-13.4 40.43-12.36 41.42c-5.81 19.44-8.71 29.16-13.78 36.72-7.34 10.94-18.01 18.98-30.28 22.83-8.48 2.67-18.26 2.51-37.82 2.2l-42.5-.67-42.5.67c-19.56.31-29.34.47-37.82-2.2-12.27-3.85-22.94-11.89-30.28-22.83-5.07-7.56-7.97-17.28-13.78-36.72l-12.36-41.42-13.4-40.43C3.42 156.82.21 147.11.01 137.82c-.28-13.43 3.84-26.56 11.66-37.25 5.41-7.38 13.51-13.26 29.7-25.01L75.49 50.8z"/></svg>

package/dist/beercss/pill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" fill="none" viewBox="0 0 300 300"><path fill="#d0bcff" d="M79.86 37.77c50.36-50.36 132.01-50.36 182.37 0s50.36 132.01 0 182.37l-42.09 42.09c-50.36 50.36-132.01 50.36-182.37 0s-50.36-132.01 0-182.37z"/></svg>

package/dist/beercss/pixel-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M225.19 0H94.81v20.74H50.37v26.67H23.704v47.4H0v130.38h23.704v47.4H50.37v26.67h44.44V320h130.38v-20.74h44.44v-26.67h26.67v-47.4H320V94.81h-23.7v-47.4h-26.67V20.74h-44.44z"/></svg>

package/dist/beercss/pixel-triangle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="248" height="320" fill="none" viewBox="0 0 248 320"><path fill="#d0bcff" d="M55.64 0H0v320h55.64v-27.826h42.92v-26.435h44.52V235.13h36.56v-25.044h36.57v-30.608H248v-38.956h-31.79v-30.61h-36.57V84.869h-36.56V54.261H98.56V27.826H55.64z"/></svg>

package/dist/beercss/puffy-diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M249.4 249.754c12.08-12.088 16.17-29.146 12.26-44.597 15.46 3.929 32.54-.156 44.64-12.255 18.27-18.266 18.27-47.882 0-66.148-12.03-12.027-28.98-16.135-44.36-12.324 3.43-15.144-.75-31.664-12.54-43.455-12.12-12.115-29.23-16.195-44.7-12.239 4.1-15.565.05-32.833-12.16-45.036-18.26-18.267-47.88-18.267-66.14 0-12.13 12.13-16.21 29.265-12.23 44.758-15.17-3.472-31.74.7-43.55 12.517-11.79 11.792-15.97 28.314-12.54 43.459-15.39-3.818-32.35.289-44.38 12.32-18.27 18.266-18.27 47.882 0 66.148 12.1 12.103 29.19 16.187 44.65 12.251-3.91 15.452.18 32.512 12.27 44.601 11.76 11.767 28.24 15.954 43.36 12.56-3.65 15.288.49 32.057 12.42 43.986 18.26 18.267 47.88 18.267 66.14 0 12-11.999 16.12-28.897 12.35-44.257 15.43 3.871 32.44-.226 44.51-12.289"/></svg>

package/dist/beercss/puffy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="280" fill="none" viewBox="0 0 320 280"><path fill="#d0bcff" d="M319.98 138.106c-.26-21.532-16.25-38.773-35.74-38.485-1.07 0-2.13.09-3.18.217.82-.74 1.62-1.497 2.38-2.327 13.96-15.022 14.25-39.729.67-55.167-.8-.901-1.59-1.803-2.41-2.669-13.96-15.022-36.28-14.698-49.88.74-.75.847-1.43 1.731-2.1 2.633.11-1.154.18-2.327.2-3.517C230.19 17.998 214.61.307 195.14 0h-2.87C177.84 0 165.46 9.594 160 23.318 154.54 9.594 142.15 0 127.73 0h-2.87c-19.47.289-35.05 17.98-34.79 39.531 0 1.19.08 2.363.19 3.517a36 36 0 0 0-2.1-2.633c-13.58-15.438-35.92-15.762-49.88-.74-.81.884-1.63 1.768-2.41 2.669-13.58 15.438-13.29 40.127.67 55.167.77.83 1.56 1.587 2.38 2.327a30 30 0 0 0-3.18-.217C16.27 99.333.28 116.574 0 138.106v3.788c.26 21.533 16.26 38.773 35.74 38.485 1.08 0 2.14-.09 3.18-.217-.82.74-1.61 1.497-2.38 2.327-13.96 15.022-14.25 39.729-.67 55.167.8.901 1.6 1.803 2.41 2.669 13.96 15.022 36.28 14.698 49.88-.74.75-.847 1.44-1.731 2.1-2.633a41 41 0 0 0-.19 3.517c-.26 21.533 15.31 39.242 34.79 39.531h2.87c14.43 0 26.81-9.594 32.27-23.318C165.46 270.406 177.85 280 192.27 280h2.87c19.47-.289 35.05-17.98 34.79-39.531 0-1.19-.08-2.363-.19-3.517.66.902 1.35 1.786 2.1 2.633 13.58 15.438 35.92 15.762 49.88.74.81-.884 1.63-1.768 2.41-2.669 13.58-15.438 13.29-40.127-.67-55.167-.77-.83-1.56-1.587-2.38-2.327a30 30 0 0 0 3.18.217c19.47.288 35.48-16.934 35.74-38.485v-3.788z"/></svg>

package/dist/beercss/semicircle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" fill="none" viewBox="0 0 320 200"><path fill="#d0bcff" d="M320 166.92c0 18.27-14.81 33.08-33.079 33.08H33.079C14.81 200 0 185.19 0 166.92V160C0 71.63 71.634 0 160 0s160 71.63 160 160z"/></svg>

package/dist/beercss/sided-cookie12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M136.7 9.85c.54-.53.81-.8 1.04-1.02 12.51-11.77 32.01-11.77 44.52 0 .23.22.5.49 1.04 1.02.33.31.49.47.64.62a32.48 32.48 0 0 0 30.09 8.06c.21-.05.43-.11.87-.22.73-.19 1.1-.28 1.41-.36 16.71-3.94 33.61 5.81 38.55 22.26.09.31.19.67.4 1.4.12.44.18.66.24.87a32.47 32.47 0 0 0 22.02 22.02c.21.06.43.12.87.24.73.21 1.09.31 1.4.4 16.45 4.94 26.2 21.84 22.26 38.55-.08.31-.17.68-.36 1.41-.11.44-.17.66-.22.87a32.48 32.48 0 0 0 8.06 30.09c.15.15.31.31.62.64.53.54.8.81 1.02 1.04 11.77 12.51 11.77 32.01 0 44.52-.22.23-.49.5-1.02 1.04-.31.33-.47.49-.62.64a32.48 32.48 0 0 0-8.06 30.09c.05.21.11.43.22.87.19.73.28 1.1.36 1.41 3.94 16.71-5.81 33.61-22.26 38.55-.31.09-.67.19-1.4.4-.44.12-.66.18-.87.24a32.47 32.47 0 0 0-22.02 22.02c-.06.21-.12.43-.24.87-.21.73-.31 1.09-.4 1.4-4.94 16.45-21.84 26.2-38.55 22.26-.31-.08-.68-.17-1.41-.36-.44-.11-.66-.17-.87-.22a32.48 32.48 0 0 0-30.09 8.06c-.15.15-.31.31-.64.62-.54.53-.81.8-1.04 1.02-12.51 11.77-32.01 11.77-44.52 0-.23-.22-.5-.49-1.04-1.02-.33-.31-.49-.47-.64-.62a32.48 32.48 0 0 0-30.09-8.06c-.21.05-.43.11-.87.22-.73.19-1.1.28-1.41.36-16.71 3.94-33.61-5.81-38.55-22.26-.09-.31-.19-.67-.4-1.4-.12-.44-.18-.66-.24-.87a32.47 32.47 0 0 0-22.02-22.02c-.21-.06-.43-.12-.87-.24-.73-.21-1.09-.31-1.4-.4-16.45-4.94-26.2-21.84-22.26-38.55.08-.31.17-.68.36-1.41.11-.44.17-.66.22-.87a32.48 32.48 0 0 0-8.06-30.09c-.15-.15-.31-.31-.62-.64-.53-.54-.8-.81-1.02-1.04-11.77-12.51-11.77-32.01 0-44.52.22-.23.49-.5 1.02-1.04.31-.33.47-.49.62-.64a32.48 32.48 0 0 0 8.06-30.09c-.05-.21-.11-.43-.22-.87-.19-.73-.28-1.1-.36-1.41-3.94-16.71 5.81-33.61 22.26-38.55.31-.09.67-.19 1.4-.4.44-.12.66-.18.87-.24A32.47 32.47 0 0 0 64.5 42.48c.06-.21.12-.43.24-.87.21-.73.31-1.09.4-1.4 4.94-16.45 21.84-26.2 38.55-22.26.31.08.68.17 1.41.36.44.11.66.17.87.22a32.48 32.48 0 0 0 30.09-8.06c.15-.15.31-.31.64-.62"/></svg>

package/dist/beercss/sided-cookie4.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="280" height="280" fill="none" viewBox="0 0 280 280"><path fill="#d0bcff" d="M178.73 6.21c60.14-26.12 121.18 34.92 95.06 95.06l-4.32 9.94a72.32 72.32 0 0 0 0 57.58l4.32 9.94c26.12 60.14-34.92 121.18-95.06 95.06l-9.94-4.32a72.32 72.32 0 0 0-57.58 0l-9.94 4.32c-60.142 26.12-121.184-34.92-95.063-95.06l4.319-9.94a72.28 72.28 0 0 0 0-57.58l-4.32-9.94C-19.913 41.13 41.129-19.91 101.27 6.21l9.94 4.32a72.32 72.32 0 0 0 57.58 0z"/></svg>

package/dist/beercss/sided-cookie6.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="296" height="316" fill="none" viewBox="0 0 296 316"><path fill="#d0bcff" d="M92.186 22.57c31.09-30.09 80.538-30.09 111.628 0a80.24 80.24 0 0 0 33.924 19.52c41.681 11.8 66.404 54.5 55.814 96.38a79.7 79.7 0 0 0 0 39.06c10.59 41.88-14.133 84.58-55.814 96.38a80.24 80.24 0 0 0-33.924 19.52c-31.09 30.09-80.538 30.09-111.628 0a80.24 80.24 0 0 0-33.924-19.52c-41.681-11.8-66.404-54.5-55.814-96.38a79.7 79.7 0 0 0 0-39.06C-8.142 96.59 16.58 53.89 58.262 42.09a80.24 80.24 0 0 0 33.924-19.52"/></svg>

package/dist/beercss/sided-cookie7.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="316" fill="none" viewBox="0 0 320 316"><path fill="#d0bcff" d="M112.67 19.78c3.573-3.14 5.359-4.71 7.001-5.98 23.754-18.4 56.904-18.4 80.658 0 1.642 1.27 3.428 2.84 7.001 5.98 1.196 1.06 1.794 1.58 2.394 2.09a66 66 0 0 0 29.196 14.09c.768.16 1.551.3 3.118.58 4.681.84 7.021 1.25 9.037 1.75 29.159 7.14 49.827 33.12 50.289 63.2.032 2.08-.081 4.46-.307 9.22-.075 1.6-.113 2.39-.132 3.18a66.24 66.24 0 0 0 7.211 31.66c.357.7.736 1.4 1.494 2.81 2.264 4.19 3.396 6.28 4.267 8.17 12.606 27.3 5.23 59.7-17.948 78.81-1.602 1.33-3.529 2.72-7.383 5.51-1.29.94-1.936 1.4-2.559 1.88a66.1 66.1 0 0 0-20.204 25.39c-.323.72-.634 1.45-1.256 2.92-1.857 4.39-2.786 6.58-3.715 8.44-13.439 26.9-43.306 41.32-72.67 35.08-2.03-.44-4.32-1.08-8.9-2.36-1.534-.42-2.3-.64-3.059-.83a65.84 65.84 0 0 0-32.406 0c-.759.19-1.525.41-3.059.83-4.58 1.28-6.87 1.92-8.9 2.36-29.364 6.24-59.23-8.18-72.67-35.08-.93-1.86-1.858-4.05-3.715-8.44-.622-1.47-.933-2.2-1.256-2.92a66.14 66.14 0 0 0-20.204-25.39c-.623-.48-1.269-.94-2.559-1.88-3.854-2.79-5.78-4.18-7.383-5.51C.873 216.23-6.503 183.83 6.103 156.53c.871-1.89 2.003-3.98 4.267-8.17.758-1.41 1.137-2.11 1.494-2.81a66.2 66.2 0 0 0 7.21-31.66c-.018-.79-.056-1.58-.131-3.18-.226-4.76-.34-7.14-.307-9.22.462-30.08 21.13-56.06 50.29-63.2 2.015-.5 4.355-.91 9.036-1.75 1.567-.28 2.35-.42 3.117-.58a66 66 0 0 0 29.197-14.09c.6-.51 1.198-1.03 2.394-2.09"/></svg>

package/dist/beercss/sided-cookie9.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M125.26 13.38c1.73-1.43 2.59-2.14 3.38-2.74a51.525 51.525 0 0 1 62.72 0c.79.6 1.65 1.31 3.38 2.74.77.63 1.15.95 1.53 1.26a51.7 51.7 0 0 0 30.55 11.23c.48.01.98.02 1.97.03 2.23.03 3.35.04 4.33.09 23.24 1.19 42.86 17.83 48.05 40.74.22.97.43 2.08.85 4.29.18.99.27 1.48.37 1.96 2.27 11 7.97 20.96 16.25 28.44.37.33.74.66 1.5 1.31 1.69 1.47 2.53 2.21 3.25 2.89 17.05 15.99 21.5 41.49 10.9 62.41-.45.89-1 1.87-2.09 3.83-.49.88-.73 1.32-.96 1.75a53 53 0 0 0-5.64 32.34c.07.49.15.98.31 1.97.36 2.23.54 3.34.66 4.33 2.88 23.32-9.93 45.74-31.36 54.88-.91.39-1.96.79-4.04 1.59-.93.35-1.4.53-1.85.71-10.32 4.17-19.04 11.57-24.9 21.11-.25.42-.5.85-1.01 1.71-1.14 1.94-1.71 2.91-2.25 3.75-12.63 19.73-36.7 28.59-58.94 21.67-.94-.29-2-.66-4.1-1.41-.94-.33-1.41-.5-1.87-.65a51.47 51.47 0 0 0-32.5 0c-.46.15-.93.32-1.87.65-2.1.75-3.16 1.12-4.1 1.41-22.24 6.92-46.31-1.94-58.94-21.67-.54-.84-1.11-1.81-2.25-3.75-.51-.86-.76-1.29-1.01-1.71C69.72 281 61 273.6 50.68 269.43c-.45-.18-.92-.36-1.85-.71-2.08-.8-3.13-1.2-4.04-1.59-21.43-9.14-34.24-31.56-31.36-54.88.12-.99.3-2.1.66-4.33.16-.99.24-1.48.31-1.97a53 53 0 0 0-5.64-32.34c-.23-.43-.47-.87-.96-1.75-1.09-1.96-1.64-2.94-2.09-3.83-10.6-20.92-6.15-46.42 10.9-62.41.72-.68 1.56-1.42 3.25-2.89.76-.65 1.13-.98 1.5-1.31a52.66 52.66 0 0 0 16.25-28.44c.1-.48.19-.97.37-1.96.42-2.21.63-3.32.85-4.29 5.19-22.91 24.81-39.55 48.05-40.74.98-.05 2.1-.06 4.33-.09.99-.01 1.49-.02 1.97-.03a51.7 51.7 0 0 0 30.55-11.23c.38-.31.76-.63 1.53-1.26"/></svg>

package/dist/beercss/slanted.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="300" fill="none" viewBox="0 0 320 300"><path fill="#d0bcff" d="M15.715 80.54c2.574-24.58 3.861-36.87 8.588-46.562C31.142 19.945 43.077 9.11 57.628 3.723 67.683 0 79.933 0 104.432 0h123.705c29.627 0 44.441 0 55.75 4.854 16.374 7.028 28.833 20.995 34.04 38.166 3.596 11.85 2.04 26.71-1.073 56.44l-12.569 120c-2.574 24.58-3.861 36.87-8.588 46.56-6.839 14.03-18.774 24.87-33.325 30.26-10.055 3.72-22.305 3.72-46.804 3.72H91.863c-29.627 0-44.441 0-55.75-4.85-16.374-7.03-28.833-21-34.04-38.17-3.597-11.85-2.04-26.71 1.073-56.44z"/></svg>

package/dist/beercss/soft-boom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M174.94 84.95c22.54-113.265-52.39-113.265-29.86 0C122.55-28.315 53.327.352 117.49 96.38 53.327.352.352 53.33 96.38 117.49.352 53.33-28.315 122.55 84.95 145.07c-113.265-22.53-113.265 52.39 0 29.86-113.265 22.53-84.584 91.74 11.43 27.58-96.014 64.16-43.04 117.14 21.11 21.11-64.163 96.01 5.06 124.68 27.58 11.43-22.53 113.27 52.39 113.27 29.86 0 22.53 113.27 91.74 84.58 27.58-11.43 64.16 96.01 117.14 43.04 21.11-21.11 96.01 64.16 124.68-5.06 11.43-27.58 113.27 22.53 113.27-52.39 0-29.86 113.27-22.53 84.58-91.74-11.43-27.58C319.63 53.33 266.66.352 202.51 96.38c64.16-96.014-5.06-124.682-27.58-11.43z"/></svg>

package/dist/beercss/soft-burst.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M145.15 7.904c6.83-10.539 22.87-10.539 29.7 0l16.39 25.261c4.49 6.928 13.56 9.745 21.45 6.665l28.78-11.227c12.01-4.683 24.98 4.329 24.04 16.697l-2.27 29.65c-.63 8.13 4.97 15.5 13.25 17.45l30.19 7.09c12.59 2.96 17.55 17.54 9.18 27.02l-20.06 22.7c-5.5 6.23-5.5 15.35 0 21.58l20.06 22.7c8.37 9.48 3.41 24.06-9.18 27.02l-30.19 7.09c-8.28 1.95-13.88 9.32-13.25 17.45l2.27 29.65c.94 12.37-12.03 21.38-24.04 16.7l-28.78-11.23c-7.89-3.08-16.96-.26-21.45 6.67l-16.39 25.26c-6.83 10.53-22.87 10.53-29.7 0l-16.39-25.26c-4.49-6.93-13.56-9.75-21.45-6.67L78.53 291.4c-12.01 4.68-24.98-4.33-24.04-16.7l2.27-29.65c.63-8.13-4.97-15.5-13.25-17.45l-30.19-7.09c-12.59-2.96-17.55-17.54-9.18-27.02l20.06-22.7c5.5-6.23 5.5-15.35 0-21.58l-20.06-22.7c-8.37-9.48-3.41-24.06 9.18-27.02l30.19-7.09c8.28-1.95 13.88-9.32 13.25-17.45L54.49 45.3c-.94-12.368 12.03-21.38 24.04-16.697l28.78 11.227c7.89 3.08 16.96.263 21.45-6.665z"/></svg>

package/dist/beercss/square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M320 172c0 44.72 0 67.08-7.02 84.81-10.17 25.68-30.49 46-56.17 56.17C239.08 320 216.72 320 172 320h-24c-44.72 0-67.08 0-84.81-7.02-25.68-10.17-46-30.49-56.17-56.17C0 239.08 0 216.72 0 172v-24c0-44.72 0-67.08 7.02-84.81A100 100 0 0 1 63.19 7.022C80.92 0 103.28 0 148 0h24c44.72 0 67.08 0 84.81 7.022a100 100 0 0 1 56.17 56.168C320 80.92 320 103.28 320 148z"/></svg>

package/dist/beercss/sunny.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="340" fill="none" viewBox="0 0 340 340"><path fill="#d0bcff" d="M261.856 41.24c10.575.72 15.862 1.08 20.135 2.94a26.86 26.86 0 0 1 13.825 13.83c1.869 4.27 2.228 9.56 2.946 20.13l1.64 24.13c.291 4.28.436 6.42.901 8.46a26.8 26.8 0 0 0 3.451 8.33c1.115 1.78 2.525 3.39 5.343 6.62l15.904 18.22c6.969 7.99 10.454 11.98 12.154 16.32a26.84 26.84 0 0 1 0 19.56c-1.7 4.34-5.185 8.33-12.154 16.32l-15.904 18.22c-2.818 3.23-4.228 4.84-5.343 6.62a26.8 26.8 0 0 0-3.451 8.33c-.465 2.04-.61 4.18-.901 8.46l-1.64 24.13c-.718 10.57-1.077 15.86-2.946 20.13a26.86 26.86 0 0 1-13.825 13.83c-4.273 1.86-9.56 2.22-20.135 2.94l-24.131 1.64c-4.277.29-6.415.44-8.458.9a26.8 26.8 0 0 0-8.33 3.45c-1.773 1.12-3.388 2.53-6.618 5.35L196.097 326c-7.986 6.97-11.978 10.45-16.322 12.15a26.72 26.72 0 0 1-19.55 0c-4.344-1.7-8.336-5.18-16.322-12.15l-18.222-15.9c-3.23-2.82-4.845-4.23-6.618-5.35a26.8 26.8 0 0 0-8.33-3.45c-2.043-.46-4.181-.61-8.458-.9l-24.131-1.64c-10.575-.72-15.862-1.08-20.135-2.94a26.86 26.86 0 0 1-13.825-13.83c-1.869-4.27-2.228-9.56-2.947-20.13l-1.64-24.13c-.29-4.28-.435-6.42-.9-8.46a26.8 26.8 0 0 0-3.45-8.33c-1.116-1.78-2.526-3.39-5.344-6.62L13.999 196.1c-6.969-7.99-10.454-11.98-12.154-16.32a26.84 26.84 0 0 1 0-19.56c1.7-4.34 5.185-8.33 12.154-16.32l15.904-18.22c2.818-3.23 4.228-4.84 5.343-6.62a26.8 26.8 0 0 0 3.45-8.33c.466-2.04.611-4.18.902-8.46l1.64-24.13c.718-10.57 1.077-15.86 2.946-20.13A26.86 26.86 0 0 1 58.01 44.18c4.273-1.86 9.56-2.22 20.135-2.94l24.131-1.64c4.277-.29 6.415-.44 8.458-.9a26.8 26.8 0 0 0 8.33-3.45c1.773-1.12 3.388-2.53 6.618-5.35L143.903 14c7.986-6.97 11.978-10.45 16.322-12.15a26.72 26.72 0 0 1 19.55 0c4.344 1.7 8.336 5.18 16.322 12.15l18.222 15.9c3.23 2.82 4.845 4.23 6.618 5.35a26.8 26.8 0 0 0 8.33 3.45c2.043.46 4.181.61 8.458.9z"/></svg>

package/dist/beercss/triangle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="316" height="286" fill="none" viewBox="0 0 316 286"><path fill="#d0bcff" d="M104.461 51.2c15.136-26.38 22.704-39.57 31.881-45.14a41.73 41.73 0 0 1 43.316 0c9.177 5.57 16.745 18.76 31.881 45.14l81.77 142.52c14.991 26.13 22.486 39.19 22.684 49.86a41.63 41.63 0 0 1-21.629 37.28c-9.37 5.14-24.445 5.14-54.594 5.14H76.23c-30.15 0-45.224 0-54.594-5.14a41.62 41.62 0 0 1-21.63-37.28c.199-10.67 7.694-23.73 22.685-49.86z"/></svg>

package/dist/beercss/very-sunny.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M136.72 13.19c10.54-17.59 36.02-17.59 46.56 0l11.84 19.77c6.15 10.25 18.28 15.28 29.87 12.37l22.36-5.6c19.89-4.98 37.9 13.03 32.92 32.92l-5.6 22.36c-2.91 11.59 2.12 23.72 12.37 29.87l19.77 11.84c17.59 10.54 17.59 36.02 0 46.56l-19.77 11.84c-10.25 6.15-15.28 18.28-12.37 29.87l5.6 22.36c4.98 19.89-13.03 37.9-32.92 32.92l-22.36-5.6c-11.59-2.91-23.72 2.12-29.87 12.37l-11.84 19.77c-10.54 17.59-36.02 17.59-46.56 0l-11.84-19.77c-6.15-10.25-18.28-15.28-29.87-12.37l-22.364 5.6c-19.883 4.98-37.899-13.03-32.917-32.92l5.604-22.36c2.905-11.59-2.119-23.72-12.373-29.87l-19.773-11.84c-17.583-10.54-17.583-36.02 0-46.56l19.773-11.84c10.254-6.15 15.278-18.28 12.373-29.87l-5.604-22.36c-4.982-19.89 13.034-37.9 32.916-32.92l22.365 5.6c11.59 2.91 23.72-2.12 29.87-12.37z"/></svg>

package/dist/beercss/wavy-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" fill="none"><path fill="#d0bcff" d="M295.84 18.168c4.163 3.594 7.898 7.636 11.723 11.582 8.982 9.199 15.965 13.623 29.054 14.21 3.442.04 6.879.016 10.32-.023 24.023-.106 46.223 8.762 63.445 25.426 15.466 15.648 25.276 37.002 25.662 59.176-.023 3.55-.086 7.096-.171 10.645-.133 10.66 1.763 19.84 9.074 27.985 2.227 2.22 4.504 4.374 6.803 6.518 7.48 7.24 13.335 14.117 18.25 23.313l1.723 3.156c9.935 19.724 11.982 44.682 5.664 65.89-5.617 16.737-14.542 29.311-27.137 41.517-8.844 8.627-13.592 15.6-14.21 28.21-.044 3.536-.014 7.067.022 10.602.1 24.28-8.555 46.572-25.425 64.007-15.648 15.466-37.002 25.276-59.176 25.662-3.55-.023-7.096-.086-10.645-.171-10.66-.133-19.84 1.763-27.985 9.074-2.22 2.227-4.374 4.504-6.519 6.803-7.238 7.48-14.116 13.335-23.312 18.25l-3.156 1.723c-19.724 9.935-44.682 11.982-65.89 5.664-16.738-5.617-29.31-14.543-41.517-27.137-8.982-9.199-15.965-13.623-29.054-14.21-3.442-.04-6.879-.016-10.32.022-24.023.107-46.223-8.761-63.445-25.425-15.466-15.648-25.276-37.002-25.662-59.176.023-3.55.086-7.096.171-10.645.133-10.66-1.763-19.84-9.074-27.985-2.227-2.22-4.504-4.374-6.803-6.519C20.77 299.075 14.915 292.197 10 283l-1.723-3.156c-9.935-19.724-11.982-44.682-5.664-65.89 5.617-16.737 14.542-29.311 27.137-41.517 8.844-8.627 13.592-15.6 14.21-28.21.044-3.536.014-7.067-.023-10.602-.098-24.28 8.556-46.572 25.426-64.007 15.648-15.466 37.002-25.276 59.176-25.662 3.55.023 7.096.086 10.645.171 10.66.133 19.84-1.763 27.985-9.074 2.22-2.227 4.374-4.504 6.518-6.803C180.928 20.77 187.804 14.915 197 10l3.156-1.723c30.418-15.321 69.005-11.063 95.684 9.891M196 50a154 154 0 0 0-2.875 3.5c-9.82 11.895-25.259 19.027-40.367 20.902a164 164 0 0 1-16.782.508c-16.253-.278-30.131 4.27-42.66 14.828-10.325 10.081-17.964 24.122-18.388 38.735-.002 2.78.027 5.56.072 8.34.309 19.165-3.59 37.379-17.352 51.62a813 813 0 0 1-5.515 5.294c-11.667 11.161-20.677 23.997-21.371 40.68-.409 18.723 3.98 33.495 17.015 47.402a71 71 0 0 0 5.723 5.066c11.895 9.82 19.027 25.259 20.902 40.367.465 5.61.617 11.153.508 16.782-.278 16.253 4.27 30.131 14.828 42.66 10.081 10.325 24.122 17.964 38.735 18.388 2.78.002 5.56-.027 8.34-.072 19.165-.309 37.379 3.59 51.62 17.352a810 810 0 0 1 5.294 5.515c11.161 11.667 23.997 20.677 40.68 21.371 18.723.409 33.495-3.98 47.402-17.015a71 71 0 0 0 5.066-5.723c9.82-11.895 25.259-19.027 40.367-20.902a164 164 0 0 1 16.782-.508c16.253.278 30.131-4.27 42.66-14.828 10.325-10.081 17.964-24.122 18.388-38.735a487 487 0 0 0-.072-8.34c-.309-19.165 3.59-37.379 17.352-51.62a810 810 0 0 1 5.515-5.294c11.667-11.161 20.677-23.997 21.371-40.68.409-18.723-3.98-33.495-17.015-47.402a71 71 0 0 0-5.723-5.066c-11.895-9.82-19.027-25.259-20.902-40.367a164 164 0 0 1-.508-16.782c.278-16.253-4.27-30.131-14.828-42.66-10.081-10.325-24.122-17.964-38.735-18.388a487 487 0 0 0-8.34.072c-19.165.309-37.379-3.59-51.62-17.352a813 813 0 0 1-5.294-5.515c-11.161-11.667-23.997-20.677-40.68-21.371C225.65 30.327 210.23 35.567 196 50"/><animateTransform attributeName="transform" calcMode="linear" dur="8s" from="360" repeatCount="indefinite" to="0" type="rotate"/></svg>

package/dist/beercss/wavy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1220" height="75" viewBox="610 1101 1220 75"><path fill="#d0bcff" d="M1870.425 1173.746c-29.448 0-58.665-7.477-84.493-21.622l-.09-.049c-43.555-23.82-95.546-23.809-139.091.039l-.113.062c-25.803 14.109-54.984 21.567-84.394 21.568-29.449 0-58.667-7.478-84.495-21.623-43.554-23.852-95.539-23.865-139.089-.052l-.092.051c-25.83 14.146-55.048 21.623-84.497 21.623-29.423 0-58.613-7.463-84.425-21.584l-.077-.042c-43.572-23.863-95.596-23.862-139.164-.001l-.085.046c-25.809 14.117-55.001 21.581-84.418 21.581h-.001c-29.45-.001-58.669-7.479-84.498-21.625-43.534-23.845-95.513-23.863-139.063-.058l-.108.06c-25.829 14.146-55.047 21.623-84.496 21.623-29.398 0-58.566-7.451-84.362-21.551l-.142-.075c-43.568-23.863-95.593-23.863-139.163 0l-.081.043c-25.811 14.12-55.001 21.583-84.421 21.583-29.45 0-58.668-7.478-84.497-21.624-7.521-4.118-10.278-13.554-6.159-21.074s13.554-10.277 21.074-6.158c43.57 23.862 95.593 23.864 139.163 0l.098-.053c25.807-14.114 54.991-21.573 84.406-21.573 29.398 0 58.567 7.451 84.364 21.55l.14.076c43.534 23.843 95.508 23.864 139.056.059l.113-.063c25.828-14.145 55.049-21.622 84.496-21.622h.002c29.449 0 58.668 7.478 84.497 21.625 43.57 23.863 95.595 23.862 139.165.001q.032-.019.065-.036c25.813-14.124 55.011-21.591 84.438-21.591 29.42 0 58.61 7.463 84.421 21.582l.082.045c43.539 23.847 95.521 23.862 139.074.049l.096-.053c25.829-14.146 55.047-21.623 84.496-21.623s58.667 7.477 84.496 21.623c43.58 23.867 95.604 23.866 139.172.005l.118-.064c25.803-14.108 54.98-21.564 84.389-21.564 29.448-.001 58.666 7.476 84.494 21.62l.114.063c43.549 23.807 95.528 23.791 139.063-.051 7.52-4.121 16.955-1.361 21.073 6.159 4.119 7.521 1.361 16.955-6.159 21.073-25.828 14.146-55.045 21.622-84.492 21.622"><animateTransform attributeName="transform" calcMode="linear" dur="1s" from="0 0" repeatCount="indefinite" to="312.5 0" type="translate"/></path></svg>

package/dist/index.d.mts

@@ -2836,7 +2836,7 @@ declare const KdsAlert: React__default.ForwardRefExoticComponent<KdsAlertProps &
 /**
  * Custom Khipu typography variants that map to specific design tokens
  */
-type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'value' | 'code' | 'caption' | 'muted' | 'link' | 'strong';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'kv-label' | 'value' | 'code' | 'caption' | 'muted' | 'link' | 'strong';
 type ElementTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label';
 interface KdsTypographyProps extends React__default.HTMLAttributes<HTMLElement> {
     /**
@@ -3355,6 +3355,36 @@ interface KdsFabProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
  */
 declare const KdsFab: React__default.ForwardRefExoticComponent<KdsFabProps & React__default.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Khipu Design System - EmptyState Component
+ *
+ * Estado vacío para búsquedas y listas filtradas sin resultados: ícono +
+ * mensaje principal + sugerencia opcional, centrados.
+ */
+
+interface KdsEmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Ícono Material Symbols. Por defecto `hide_source` (sin resultados). */
+    icon?: string;
+    /** Mensaje principal, p.ej. "Sin coincidencias". */
+    title: string;
+    /** Sugerencia secundaria, p.ej. "Intenta buscando otro banco". */
+    description?: string;
+}
+/**
+ * KdsEmptyState — estado "sin resultados" para búsquedas/listas filtradas
+ * (p.ej. `KdsSearchField` + `KdsBankList`).
+ *
+ * Canoniza el patrón que khenshin-web renderizaba a mano en la búsqueda de
+ * bancos (cuyo markup de utilidades quedaba en block: kds-flex-col no define
+ * display, y los párrafos heredaban márgenes de BeerCSS). La clase propia
+ * resetea márgenes, centra y dimensiona el ícono.
+ * `role="status"` para que los lectores de pantalla anuncien el cambio cuando
+ * el filtro se queda sin resultados.
+ *
+ * @css .kds-empty-state
+ */
+declare const KdsEmptyState: React__default.ForwardRefExoticComponent<KdsEmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface KdsBankRowProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'name'> {
     /**
      * Contenido principal de la fila. Acepta texto o nodo — permite contenido en
@@ -3568,23 +3598,56 @@ declare const KdsMerchantTile: React__default.ForwardRefExoticComponent<KdsMerch
 interface KdsInvoiceMerchantProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Logo URL del comercio. Si falla la carga (o no se provee), cae al ícono `storefront`. */
     logoUrl?: string;
-    /** Color de marca de fondo (ej. del cobro). Si se omite, usa el fondo púrpura del DS. */
+    /**
+     * Color de marca del tile de fallback (ícono `storefront`). Si se omite, usa el fondo
+     * púrpura del DS. No aplica cuando hay logo: los logos van sobre el fondo neutro para
+     * que las transparencias no queden sobre el color de marca.
+     */
     brandColor?: string;
 }
 /**
  * KdsInvoiceMerchant — avatar cuadrado del comercio dentro del `kds-invoice-header`.
  *
  * Renderiza el markup canónico `.kds-invoice-merchant` (decorativo: `aria-hidden`), con el
- * logo del comercio y fallback al ícono `storefront` si la imagen no carga. El fondo toma el
- * color de marca del cobro cuando se provee. Dentro de `.kds-invoice-sticky` el tamaño colapsa
+ * logo del comercio y fallback al ícono `storefront` si la imagen no carga. El logo se muestra
+ * completo (`contain`) sobre el fondo neutro (`.kds-invoice-merchant-neutral`); el color de
+ * marca solo pinta el tile de fallback. Dentro de `.kds-invoice-sticky` el tamaño colapsa
  * con el scroll vía el CSS del DS (`--collapse-progress`).
  *
  * Reemplaza la imagen + `onerror` inline del header server-side por manejo de error en React.
  *
- * @css .kds-invoice-merchant, .kds-invoice-merchant img, .kds-invoice-merchant i
+ * @css .kds-invoice-merchant, .kds-invoice-merchant-neutral, .kds-invoice-merchant img, .kds-invoice-merchant i
  */
 declare const KdsInvoiceMerchant: React__default.ForwardRefExoticComponent<KdsInvoiceMerchantProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/** Umbral de luminancia media sobre el cual un logo se considera "claro". */
+declare const LIGHT_LOGO_LUMINANCE_THRESHOLD = 0.72;
+type LogoBackdrop = 'light' | 'dark';
+/**
+ * Mide la luminancia relativa media (0..1) de los píxeles visibles (alpha ≥ 50%) de una
+ * imagen, muestreada a 16×16. Devuelve `null` cuando no se puede medir: error de carga,
+ * canvas tainted (el origen no envía `Access-Control-Allow-Origin`) o imagen casi
+ * completamente transparente.
+ *
+ * Usa una imagen sonda con `crossOrigin='anonymous'` separada de la `<img>` visible, para
+ * no afectar la carga del logo cuando el origen no soporta CORS.
+ */
+declare function measureLogoLuminance(url: string): Promise<number | null>;
+/**
+ * Traduce la luminancia medida al fondo neutro del tile: logos claros van sobre el neutro
+ * oscuro; el resto (incluido `null`, no medible) sobre paper — el mismo default que el
+ * preview del backoffice.
+ */
+declare function pickLogoBackdrop(luminance: number | null): LogoBackdrop;
+
+/**
+ * Determina el fondo neutro para el logo de un comercio según su luminancia:
+ * `'light'` (paper) para logos oscuros o no medibles, `'dark'` (gray-800) para logos
+ * claros que se perderían sobre blanco. Parte en `'light'` y se ajusta cuando la medición
+ * asíncrona termina.
+ */
+declare function useLogoBackdrop(logoUrl?: string): LogoBackdrop;
+
 type KdsPaymentTotalVariant = 'default' | 'email';
 /**
  * Color tone for the amount value.
@@ -3717,6 +3780,55 @@ interface KdsBillAttachmentsProps extends React__default.HTMLAttributes<HTMLDivE
  */
 declare const KdsBillAttachments: React__default.ForwardRefExoticComponent<KdsBillAttachmentsProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Corre el callback cuando termina el gesto de puntero en curso (fin del click),
+ * o tras un fallback corto si el gesto no era de puntero (Tab del teclado).
+ *
+ * Por qué: el blur de un campo llega en el mousedown, pero el click sobre el
+ * elemento destino (p.ej. el checkbox de términos) recién se completa en el
+ * mouseup EN LAS MISMAS COORDENADAS. Cualquier cambio de layout o robo de foco
+ * entre medio (mostrar un error bajo el campo, enfocar otro elemento) desplaza
+ * el destino y el click se pierde. Anclar el efecto al fin del click garantiza
+ * el orden: gesto completo → onChange/re-render → efecto.
+ */
+declare const runAfterPointerGesture: (callback: () => void) => void;
+
+/**
+ * Scroll al primer campo inválido de un formulario. NUNCA toma el foco.
+ *
+ * El foco se quitó a propósito: la guía corre en cada blur del formulario, así que
+ * tomarlo devolvía al usuario al campo con error cada vez que salía de un campo y
+ * dejaba inutilizables los demás controles (select, checkbox, campos ya válidos).
+ * El scroll solo, sin robar el foco, mantiene el formulario fluido.
+ *
+ * El scroll se aplica sobre el ancestro scrolleable real del campo (en la app el
+ * scroller es el body con height:100vh, no el window). El centrado usa la porción
+ * visible: con el teclado virtual abierto visualViewport se achica (el layout
+ * viewport no), así que centrar contra él deja el campo visible sobre el teclado.
+ * Además se re-centra una vez si el viewport cambia justo después (el teclado
+ * cerrándose al salir del campo anterior desplaza el centro recién calculado).
+ */
+declare const centerFieldInViewport: (field: HTMLElement) => void;
+declare const scrollToFirstInvalidField: (form: HTMLFormElement) => void;
+/** @deprecated Ya no toma el foco: usa scrollToFirstInvalidField. */
+declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
+/**
+ * Trigger en el blur de los campos: el submit vive deshabilitado hasta que el form
+ * valida, así que la guía al primer campo con error debe correr al perder el foco
+ * (p.ej. al marcar el checkbox de términos con un campo vacío).
+ *
+ * La guía NO puede correr con un timer fijo: el blur llega en el mousedown y el
+ * toggle del checkbox recién en el click (mouseup) EN LAS MISMAS COORDENADAS — si
+ * el gesto dura más que el timer, scrollear a mitad de gesto mueve el destino y el
+ * checkbox queda sin marcar. Por eso se ancla al fin del click que causó el blur
+ * (más un tick para que corran onChange y el re-render), con fallback por timer
+ * para blur de teclado (Tab).
+ *
+ * Guard: si el foco pasó a OTRO campo de texto del form (el usuario va a escribir
+ * ahí), no se scrollea — mover el viewport lejos del caret es igual de molesto.
+ */
+declare const guideToFirstInvalidFieldOnBlur: (form: HTMLFormElement) => void;
+
 declare function useCopyToClipboard(resetMs?: number): {
     copied: boolean;
     copy: (text: string) => Promise<void>;
@@ -3889,6 +4001,16 @@ interface UseHideOnScrollResult {
  */
 declare function useHideOnScroll(options?: UseHideOnScrollOptions): UseHideOnScrollResult;
 
+/**
+ * Khipu Design System - useMediaQuery
+ *
+ * Suscripción reactiva a una media query nativa.
+ * SSR-safe: sin `window` devuelve `false` y no se suscribe.
+ *
+ *   const thin = useMediaQuery('(max-width: 576px)');
+ */
+declare function useMediaQuery(query: string): boolean;
+
 /**
  * Khipu Design System - Core Utilities
  *
@@ -3926,4 +4048,4 @@ declare function formatDate(iso?: string): string;
  */
 declare function formatTime(iso?: string): string;
 
-export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, colors, colorsByMode, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, letterSpacings, lighten, lineHeights, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };
+export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, scrollToFirstInvalidField, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };

package/dist/index.d.ts

@@ -2836,7 +2836,7 @@ declare const KdsAlert: React__default.ForwardRefExoticComponent<KdsAlertProps &
 /**
  * Custom Khipu typography variants that map to specific design tokens
  */
-type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'value' | 'code' | 'caption' | 'muted' | 'link' | 'strong';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'kv-label' | 'value' | 'code' | 'caption' | 'muted' | 'link' | 'strong';
 type ElementTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label';
 interface KdsTypographyProps extends React__default.HTMLAttributes<HTMLElement> {
     /**
@@ -3355,6 +3355,36 @@ interface KdsFabProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
  */
 declare const KdsFab: React__default.ForwardRefExoticComponent<KdsFabProps & React__default.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Khipu Design System - EmptyState Component
+ *
+ * Estado vacío para búsquedas y listas filtradas sin resultados: ícono +
+ * mensaje principal + sugerencia opcional, centrados.
+ */
+
+interface KdsEmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Ícono Material Symbols. Por defecto `hide_source` (sin resultados). */
+    icon?: string;
+    /** Mensaje principal, p.ej. "Sin coincidencias". */
+    title: string;
+    /** Sugerencia secundaria, p.ej. "Intenta buscando otro banco". */
+    description?: string;
+}
+/**
+ * KdsEmptyState — estado "sin resultados" para búsquedas/listas filtradas
+ * (p.ej. `KdsSearchField` + `KdsBankList`).
+ *
+ * Canoniza el patrón que khenshin-web renderizaba a mano en la búsqueda de
+ * bancos (cuyo markup de utilidades quedaba en block: kds-flex-col no define
+ * display, y los párrafos heredaban márgenes de BeerCSS). La clase propia
+ * resetea márgenes, centra y dimensiona el ícono.
+ * `role="status"` para que los lectores de pantalla anuncien el cambio cuando
+ * el filtro se queda sin resultados.
+ *
+ * @css .kds-empty-state
+ */
+declare const KdsEmptyState: React__default.ForwardRefExoticComponent<KdsEmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface KdsBankRowProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'name'> {
     /**
      * Contenido principal de la fila. Acepta texto o nodo — permite contenido en
@@ -3568,23 +3598,56 @@ declare const KdsMerchantTile: React__default.ForwardRefExoticComponent<KdsMerch
 interface KdsInvoiceMerchantProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Logo URL del comercio. Si falla la carga (o no se provee), cae al ícono `storefront`. */
     logoUrl?: string;
-    /** Color de marca de fondo (ej. del cobro). Si se omite, usa el fondo púrpura del DS. */
+    /**
+     * Color de marca del tile de fallback (ícono `storefront`). Si se omite, usa el fondo
+     * púrpura del DS. No aplica cuando hay logo: los logos van sobre el fondo neutro para
+     * que las transparencias no queden sobre el color de marca.
+     */
     brandColor?: string;
 }
 /**
  * KdsInvoiceMerchant — avatar cuadrado del comercio dentro del `kds-invoice-header`.
  *
  * Renderiza el markup canónico `.kds-invoice-merchant` (decorativo: `aria-hidden`), con el
- * logo del comercio y fallback al ícono `storefront` si la imagen no carga. El fondo toma el
- * color de marca del cobro cuando se provee. Dentro de `.kds-invoice-sticky` el tamaño colapsa
+ * logo del comercio y fallback al ícono `storefront` si la imagen no carga. El logo se muestra
+ * completo (`contain`) sobre el fondo neutro (`.kds-invoice-merchant-neutral`); el color de
+ * marca solo pinta el tile de fallback. Dentro de `.kds-invoice-sticky` el tamaño colapsa
  * con el scroll vía el CSS del DS (`--collapse-progress`).
  *
  * Reemplaza la imagen + `onerror` inline del header server-side por manejo de error en React.
  *
- * @css .kds-invoice-merchant, .kds-invoice-merchant img, .kds-invoice-merchant i
+ * @css .kds-invoice-merchant, .kds-invoice-merchant-neutral, .kds-invoice-merchant img, .kds-invoice-merchant i
  */
 declare const KdsInvoiceMerchant: React__default.ForwardRefExoticComponent<KdsInvoiceMerchantProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/** Umbral de luminancia media sobre el cual un logo se considera "claro". */
+declare const LIGHT_LOGO_LUMINANCE_THRESHOLD = 0.72;
+type LogoBackdrop = 'light' | 'dark';
+/**
+ * Mide la luminancia relativa media (0..1) de los píxeles visibles (alpha ≥ 50%) de una
+ * imagen, muestreada a 16×16. Devuelve `null` cuando no se puede medir: error de carga,
+ * canvas tainted (el origen no envía `Access-Control-Allow-Origin`) o imagen casi
+ * completamente transparente.
+ *
+ * Usa una imagen sonda con `crossOrigin='anonymous'` separada de la `<img>` visible, para
+ * no afectar la carga del logo cuando el origen no soporta CORS.
+ */
+declare function measureLogoLuminance(url: string): Promise<number | null>;
+/**
+ * Traduce la luminancia medida al fondo neutro del tile: logos claros van sobre el neutro
+ * oscuro; el resto (incluido `null`, no medible) sobre paper — el mismo default que el
+ * preview del backoffice.
+ */
+declare function pickLogoBackdrop(luminance: number | null): LogoBackdrop;
+
+/**
+ * Determina el fondo neutro para el logo de un comercio según su luminancia:
+ * `'light'` (paper) para logos oscuros o no medibles, `'dark'` (gray-800) para logos
+ * claros que se perderían sobre blanco. Parte en `'light'` y se ajusta cuando la medición
+ * asíncrona termina.
+ */
+declare function useLogoBackdrop(logoUrl?: string): LogoBackdrop;
+
 type KdsPaymentTotalVariant = 'default' | 'email';
 /**
  * Color tone for the amount value.
@@ -3717,6 +3780,55 @@ interface KdsBillAttachmentsProps extends React__default.HTMLAttributes<HTMLDivE
  */
 declare const KdsBillAttachments: React__default.ForwardRefExoticComponent<KdsBillAttachmentsProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Corre el callback cuando termina el gesto de puntero en curso (fin del click),
+ * o tras un fallback corto si el gesto no era de puntero (Tab del teclado).
+ *
+ * Por qué: el blur de un campo llega en el mousedown, pero el click sobre el
+ * elemento destino (p.ej. el checkbox de términos) recién se completa en el
+ * mouseup EN LAS MISMAS COORDENADAS. Cualquier cambio de layout o robo de foco
+ * entre medio (mostrar un error bajo el campo, enfocar otro elemento) desplaza
+ * el destino y el click se pierde. Anclar el efecto al fin del click garantiza
+ * el orden: gesto completo → onChange/re-render → efecto.
+ */
+declare const runAfterPointerGesture: (callback: () => void) => void;
+
+/**
+ * Scroll al primer campo inválido de un formulario. NUNCA toma el foco.
+ *
+ * El foco se quitó a propósito: la guía corre en cada blur del formulario, así que
+ * tomarlo devolvía al usuario al campo con error cada vez que salía de un campo y
+ * dejaba inutilizables los demás controles (select, checkbox, campos ya válidos).
+ * El scroll solo, sin robar el foco, mantiene el formulario fluido.
+ *
+ * El scroll se aplica sobre el ancestro scrolleable real del campo (en la app el
+ * scroller es el body con height:100vh, no el window). El centrado usa la porción
+ * visible: con el teclado virtual abierto visualViewport se achica (el layout
+ * viewport no), así que centrar contra él deja el campo visible sobre el teclado.
+ * Además se re-centra una vez si el viewport cambia justo después (el teclado
+ * cerrándose al salir del campo anterior desplaza el centro recién calculado).
+ */
+declare const centerFieldInViewport: (field: HTMLElement) => void;
+declare const scrollToFirstInvalidField: (form: HTMLFormElement) => void;
+/** @deprecated Ya no toma el foco: usa scrollToFirstInvalidField. */
+declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
+/**
+ * Trigger en el blur de los campos: el submit vive deshabilitado hasta que el form
+ * valida, así que la guía al primer campo con error debe correr al perder el foco
+ * (p.ej. al marcar el checkbox de términos con un campo vacío).
+ *
+ * La guía NO puede correr con un timer fijo: el blur llega en el mousedown y el
+ * toggle del checkbox recién en el click (mouseup) EN LAS MISMAS COORDENADAS — si
+ * el gesto dura más que el timer, scrollear a mitad de gesto mueve el destino y el
+ * checkbox queda sin marcar. Por eso se ancla al fin del click que causó el blur
+ * (más un tick para que corran onChange y el re-render), con fallback por timer
+ * para blur de teclado (Tab).
+ *
+ * Guard: si el foco pasó a OTRO campo de texto del form (el usuario va a escribir
+ * ahí), no se scrollea — mover el viewport lejos del caret es igual de molesto.
+ */
+declare const guideToFirstInvalidFieldOnBlur: (form: HTMLFormElement) => void;
+
 declare function useCopyToClipboard(resetMs?: number): {
     copied: boolean;
     copy: (text: string) => Promise<void>;
@@ -3889,6 +4001,16 @@ interface UseHideOnScrollResult {
  */
 declare function useHideOnScroll(options?: UseHideOnScrollOptions): UseHideOnScrollResult;
 
+/**
+ * Khipu Design System - useMediaQuery
+ *
+ * Suscripción reactiva a una media query nativa.
+ * SSR-safe: sin `window` devuelve `false` y no se suscribe.
+ *
+ *   const thin = useMediaQuery('(max-width: 576px)');
+ */
+declare function useMediaQuery(query: string): boolean;
+
 /**
  * Khipu Design System - Core Utilities
  *
@@ -3926,4 +4048,4 @@ declare function formatDate(iso?: string): string;
  */
 declare function formatTime(iso?: string): string;
 
-export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, colors, colorsByMode, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, letterSpacings, lighten, lineHeights, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };
+export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, scrollToFirstInvalidField, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };