@clicoh/orion-library 1.2.0-beta.21 → 1.2.0-beta.23

package/assets/avatares/caja-ruedas.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="8.6" cy="26.5" rx="3.2" ry="2.6" transform="rotate(-15 8.6 26.5)" fill="#FDB653" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.4" cy="26.5" rx="3.2" ry="2.6" transform="rotate(15 39.4 26.5)" fill="#FDB653" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="9.5" y="11" width="29" height="25" rx="4" fill="#FDB653"/><rect x="10.7" y="30" width="26.6" height="4.8" rx="2.8" fill="#F09B3B"/><rect x="9.5" y="11" width="29" height="25" rx="4" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="20.5" y="11" width="7" height="6.5" rx="0.8" fill="#E9822A" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="16" cy="38" r="4.6" fill="#3A3F6B" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="16" cy="38" r="1.6" fill="#AEB8EC"/><circle cx="32" cy="38" r="4.6" fill="#3A3F6B" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="32" cy="38" r="1.6" fill="#AEB8EC"/><ellipse cx="18.5" cy="23.5" rx="2" ry="2.5" fill="#222329"/><circle cx="19.1" cy="22.62" r="0.7" fill="#FFFFFF"/><ellipse cx="29.5" cy="23.5" rx="2" ry="2.5" fill="#222329"/><circle cx="30.1" cy="22.62" r="0.7" fill="#FFFFFF"/><ellipse cx="14.8" cy="27.6" rx="1.8" ry="1.1" fill="#FF8A70"/><ellipse cx="33.2" cy="27.6" rx="1.8" ry="1.1" fill="#FF8A70"/><path d="M21.6 27.2Q24 29.6 26.4 27.2" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/avatares/cohete-azul.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M19.5 39.5C19.5 44 22 46.5 24 46.5S28.5 44 28.5 39.5Z" fill="#F7922E" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><path d="M22 40C22 42.8 23 44.2 24 44.2S26 42.8 26 40Z" fill="#FCCB3C"/><path d="M17.5 28L11 35.5C10 36.8 10.5 39 12.5 39H18Z" fill="#2F63C9" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M30.5 28L37 35.5C38 36.8 37.5 39 35.5 39H30Z" fill="#2F63C9" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M24 4.5C30.5 9 33 17 32.2 27L31.3 40H16.7L15.8 27C15 17 17.5 9 24 4.5Z" fill="#8EC3FA"/><path d="M28.4 10.5C30.6 14.5 31.4 20 30.9 27L30.1 38.8H27.6C28.8 30 29.4 19 28.4 10.5Z" fill="#6AA4EE"/><path d="M16.4 33.6H31.6" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 4.5C30.5 9 33 17 32.2 27L31.3 40H16.7L15.8 27C15 17 17.5 9 24 4.5Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M24 4.5C26.6 6.3 28.5 8.6 29.8 11.3H18.2C19.5 8.6 21.4 6.3 24 4.5Z" fill="#F7922E" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="24" cy="20.5" r="4.6" fill="#EAF4FF" stroke="#222329" stroke-width="2" stroke-linejoin="round"/><circle cx="24" cy="20.5" r="2.7" fill="#2F63C9"/><circle cx="22.8" cy="19.3" r="1" fill="#FFFFFF"/></svg>

package/assets/avatares/criatura-tres-ojos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="15" cy="39.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><ellipse cx="33" cy="39.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><ellipse cx="24" cy="40.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><path d="M8 33C6.5 27.5 10.5 22.5 16 22.5C16.5 15 19.5 9.5 24 9.5S31.5 15 32 22.5C37.5 22.5 41.5 27.5 40 33C39 38 32.5 40 24 40S9 38 8 33Z" fill="#7FBF83" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="20.3" cy="13.2" rx="1.7" ry="1" transform="rotate(-35 20.3 13.2)" fill="#AEDDA8"/><circle cx="17" cy="33.5" r="1.1" fill="#5C9C6A"/><circle cx="31" cy="34" r="1.3" fill="#5C9C6A"/><circle cx="10.8" cy="25.5" r="3.8" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="11.4" cy="26" r="1.9" fill="#222329"/><circle cx="10.64" cy="25.16" r="0.65" fill="#FFFFFF"/><circle cx="37.2" cy="25.5" r="3.8" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="36.6" cy="26" r="1.9" fill="#222329"/><circle cx="35.84" cy="25.16" r="0.65" fill="#FFFFFF"/><circle cx="24" cy="17.5" r="4.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="24" cy="18.3" r="2.2" fill="#222329"/><circle cx="23.12" cy="17.33" r="0.75" fill="#FFFFFF"/><path d="M20.5 30.5Q24 33.5 27.5 30.5" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/avatares/cubo-brazos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="8.6" cy="29.5" rx="4.2" ry="3.2" transform="rotate(15 8.6 29.5)" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.4" cy="29.5" rx="4.2" ry="3.2" transform="rotate(-15 39.4 29.5)" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="18.5" cy="41" rx="4.2" ry="2.8" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="29.5" cy="41" rx="4.2" ry="2.8" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="11" y="8.5" width="26" height="31" rx="6" fill="#FDB82A"/><rect x="12.2" y="9.7" width="23.6" height="6" rx="4.8" fill="#FED465"/><rect x="11" y="8.5" width="26" height="31" rx="6" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="19.5" cy="22.5" r="3.2" fill="#FFFFFF" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><circle cx="20.2" cy="23.1" r="1.6" fill="#222329"/><circle cx="19.56" cy="22.4" r="0.54" fill="#FFFFFF"/><circle cx="28.5" cy="22.5" r="3.2" fill="#FFFFFF" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><circle cx="27.8" cy="23.1" r="1.6" fill="#222329"/><circle cx="27.16" cy="22.4" r="0.54" fill="#FFFFFF"/><path d="M20.5 29C21.5 32.5 26.5 32.5 27.5 29Z" fill="#8A3324" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/></svg>

package/assets/avatares/cubo-morado.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><polygon points="24 5.5 41 14.5 24 23.5 7 14.5" fill="#EADCFF" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><polygon points="7 14.5 24 23.5 24 43.5 7 34.5" fill="#B57BEA" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><polygon points="24 23.5 41 14.5 41 34.5 24 43.5" fill="#8F5AD6" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="24" cy="14.5" rx="4.4" ry="2.4" fill="#8E55F0" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><path d="M32.5 25L33.6 27.9L36.5 29L33.6 30.1L32.5 33L31.4 30.1L28.5 29L31.4 27.9Z" fill="#FFFFFF"/><circle cx="15.5" cy="29" r="2" fill="#D9B8FA"/></svg>

package/assets/avatares/dino-placas-amarillas.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="11.5" cy="27.5" r="2.6" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="16" cy="20" r="2.8" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="22.5" cy="13.2" r="3" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="29.2" cy="15" r="2.8" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="33.8" cy="20.4" r="2.5" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="12" cy="39.8" rx="3.4" ry="2.4" fill="#5FA56A" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="28" cy="39.8" rx="3.4" ry="2.4" fill="#5FA56A" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M4 39.5C8 34 12 24 19 16.5C21.5 13.8 25.5 13.5 28 16C31.5 19.5 34 24 35.5 26.8C38 25.3 42.5 25.8 44 29.5C45.5 33.5 42.5 37.5 38.5 37.5C37 37.5 36 38 35.5 39.5Z" fill="#86CC86"/><path d="M8.5 38.3C15 35.6 28 35.6 34.5 38.3Z" fill="#B8E2A2"/><circle cx="20" cy="30" r="1.8" fill="#F2C94C"/><circle cx="25.5" cy="23" r="1.3" fill="#F2C94C"/><circle cx="14.5" cy="34" r="1.2" fill="#F2C94C"/><circle cx="28.5" cy="31" r="1.1" fill="#F2C94C"/><path d="M4 39.5C8 34 12 24 19 16.5C21.5 13.8 25.5 13.5 28 16C31.5 19.5 34 24 35.5 26.8C38 25.3 42.5 25.8 44 29.5C45.5 33.5 42.5 37.5 38.5 37.5C37 37.5 36 38 35.5 39.5Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.5" cy="30.5" rx="1.6" ry="1.6" fill="#222329"/><circle cx="39.98" cy="29.94" r="0.56" fill="#FFFFFF"/><path d="M40.4 34.4Q42.2 34.9 43.3 33.5" stroke="#222329" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/avatares/dino-placas-azules.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="20.5" cy="19" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="25.5" cy="15.2" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="31.5" cy="14.6" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="37" cy="18" r="2.6" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="14.5" cy="38.5" rx="3.6" ry="2.6" fill="#62A964" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="30.5" cy="38.5" rx="3.6" ry="2.6" fill="#62A964" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M6.5 32C6 26.5 9.5 22.5 14 22.5C16 22.5 17.5 23.5 18.5 24.5C20.5 18.5 25 15 30 15C37 15 41 21.5 41 29C41 33 43 36.5 45 39C40.5 40 36.5 39.5 34 38.5H10.5C8 38.5 6.8 35.5 6.5 32Z" fill="#8CCB7A"/><path d="M11 37.3C17 34 29 34 36 37.3Z" fill="#C3E08F"/><circle cx="29" cy="22" r="1.5" fill="#62A964"/><circle cx="34.5" cy="25.5" r="1.1" fill="#62A964"/><circle cx="25" cy="25" r="1.1" fill="#62A964"/><path d="M6.5 32C6 26.5 9.5 22.5 14 22.5C16 22.5 17.5 23.5 18.5 24.5C20.5 18.5 25 15 30 15C37 15 41 21.5 41 29C41 33 43 36.5 45 39C40.5 40 36.5 39.5 34 38.5H10.5C8 38.5 6.8 35.5 6.5 32Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="12" cy="28.5" rx="1.7" ry="1.7" fill="#222329"/><circle cx="12.51" cy="27.91" r="0.59" fill="#FFFFFF"/><path d="M8.6 33Q10.6 34.3 12.6 33.4" stroke="#222329" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/avatares/edificio-cupulas.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M24 8.6V5.2" stroke="#222329" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="4.6" r="1.5" fill="#FBC33D" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><rect x="9" y="18" width="9" height="24" rx="1" fill="#6FCF9E"/><rect x="15" y="19" width="2" height="22" rx="0.6" fill="#52B585"/><rect x="9" y="18" width="9" height="24" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="30" y="18" width="9" height="24" rx="1" fill="#6FCF9E"/><rect x="36" y="19" width="2" height="22" rx="0.6" fill="#52B585"/><rect x="30" y="18" width="9" height="24" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="18.5" y="14" width="11" height="28" rx="1" fill="#6FCF9E"/><rect x="26.5" y="15" width="2" height="26" rx="0.6" fill="#52B585"/><rect x="18.5" y="14" width="11" height="28" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M9 18A4.5 4.5 0 0 1 18 18Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M30 18A4.5 4.5 0 0 1 39 18Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M18.5 14A5.5 5.5 0 0 1 29.5 14Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="22" cy="11" rx="1.6" ry="0.9" transform="rotate(-20 22 11)" fill="#B5D6FF"/><path d="M11.8 29V24.7A1.7 1.7 0 0 1 15.2 24.7V29Z" fill="#2E5E6E"/><rect x="11.8" y="33" width="3.4" height="3.4" rx="0.6" fill="#2E5E6E"/><path d="M32.8 29V24.7A1.7 1.7 0 0 1 36.2 24.7V29Z" fill="#2E5E6E"/><rect x="32.8" y="33" width="3.4" height="3.4" rx="0.6" fill="#2E5E6E"/><circle cx="24" cy="21" r="2.2" fill="#5AA0E8" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><path d="M21 42V32.5A3 3 0 0 1 27 32.5V42Z" fill="#2E5E6E" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/></svg>

package/assets/avatares/globo-anillo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="23" cy="25" r="16.8" fill="#EE6A3C" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M10.5 18A14 14 0 0 1 17 12" stroke="#FF9E70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="23" cy="25" r="11.2" fill="#3F86E8" stroke="#222329" stroke-width="2.2" stroke-linejoin="round"/><path d="M16.5 19.5C18.5 17 22 16.5 23.5 18C25 19.5 23.5 21.5 21.5 22C19.5 22.5 20 25 18 25.5C16 26 15.2 22.5 16.5 19.5Z" fill="#FCCB3C"/><path d="M25 27C27 25.5 30 26 30.5 28.5C31 31 29 33.5 26.5 33.5C24.5 33.5 23.5 31.5 24.5 30C25 29 24 28 25 27Z" fill="#FCCB3C"/><ellipse cx="29" cy="19.5" rx="1.8" ry="1.2" fill="#FCCB3C"/><circle cx="38.5" cy="9.5" r="3" fill="#EE6A3C" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="37.45" cy="8.45" r="0.9" fill="#FF9E70"/><circle cx="39.6" cy="39.6" r="2.4" fill="#EE6A3C" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="38.76" cy="38.76" r="0.72" fill="#FF9E70"/></svg>

package/assets/avatares/pulpo-morado.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="24" cy="33" rx="11" ry="5" fill="#8E55F0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M16 29C14 34 9 35 8 39C7.5 42 11.5 42.5 11.8 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M22.2 30C21.4 35 16 38.5 17.5 41.5C19 43.5 22.5 42 21 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M25.8 30C26.6 35 32 38.5 30.5 41.5C29 43.5 25.5 42 27 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M32 29C34 34 39 35 40 39C40.5 42 36.5 42.5 36.2 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M16 29C14 34 9 35 8 39C7.5 42 11.5 42.5 11.8 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M22.2 30C21.4 35 16 38.5 17.5 41.5C19 43.5 22.5 42 21 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M25.8 30C26.6 35 32 38.5 30.5 41.5C29 43.5 25.5 42 27 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M32 29C34 34 39 35 40 39C40.5 42 36.5 42.5 36.2 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M10 25C10 13.5 16.5 6 24 6S38 13.5 38 25C38 31 32 33.5 24 33.5S10 31 10 25Z" fill="#8E55F0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="16.5" cy="13.5" rx="3" ry="1.8" transform="rotate(-35 16.5 13.5)" fill="#BD98FF"/><ellipse cx="18" cy="21.5" rx="3.8" ry="3.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="19" cy="22.4" r="1.9" fill="#222329"/><polygon points="13 15 23.5 15 23.5 20.4 13 17.6" fill="#8E55F0"/><path d="M13.7 17.8L22.8 20.4" stroke="#222329" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><ellipse cx="30" cy="21.5" rx="3.8" ry="3.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="29" cy="22.4" r="1.9" fill="#222329"/><polygon points="35 15 24.5 15 24.5 20.4 35 17.6" fill="#8E55F0"/><path d="M34.3 17.8L25.2 20.4" stroke="#222329" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.8 27.6Q24 28.8 26.2 27.6" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/avatares/robot-lente.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="12.5" cy="33" rx="4.2" ry="7" transform="rotate(18 12.5 33)" fill="#3E7FE0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="35.5" cy="33" rx="4.2" ry="7" transform="rotate(-18 35.5 33)" fill="#3E7FE0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="19" cy="41.5" rx="3.6" ry="2.8" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="29" cy="41.5" rx="3.6" ry="2.8" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="13" y="14" width="22" height="27" rx="6" fill="#A9D8FB"/><rect x="29.6" y="20" width="4.2" height="19.8" rx="2.6" fill="#82BCEF"/><rect x="13" y="14" width="22" height="27" rx="6" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M13 21V17C13 11.5 16.5 8.5 21 8.2L31.5 7C34 6.8 35.6 8.6 35.3 11L35 21Z" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="19.5" cy="12.4" rx="2.6" ry="1.3" transform="rotate(-8 19.5 12.4)" fill="#FFE59A"/><circle cx="24" cy="29.5" r="6.4" fill="#EAF4FF" stroke="#222329" stroke-width="2.2" stroke-linejoin="round"/><circle cx="24" cy="29.5" r="3.6" fill="#2B3F66"/><circle cx="22.6" cy="28.1" r="1.2" fill="#FFFFFF"/></svg>

package/assets/avatares/ventana-codigo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><rect x="8" y="10" width="32" height="28" rx="5" fill="#F2F2F2" stroke="#616265" stroke-width="2.4" stroke-linejoin="round"/><path d="M8 16.5H40" stroke="#616265" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="13.3" r="1" fill="#A5A5A7"/><circle cx="15.2" cy="13.3" r="1" fill="#A5A5A7"/><circle cx="18.4" cy="13.3" r="1" fill="#A5A5A7"/><path d="M19.5 22.5L15 27.2L19.5 32" stroke="#616265" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.5 22.5L33 27.2L28.5 32" stroke="#616265" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.6 21.5L22.4 33" stroke="#616265" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/assets/css/expresivo.css

@@ -698,6 +698,13 @@
   color: var(--exp-field-ink);
 }
 
+:root:has(.exp-scope)
+  :is(input, textarea)[data-orion-part='field-control']:read-only:not(
+    :disabled
+  ) {
+  color: var(--exp-field-label);
+}
+
 :root:has(.exp-scope) [data-orion-part='field-control']::placeholder {
   color: var(--color-gray-2);
 }
@@ -870,6 +877,27 @@
     var(--exp-card-bg);
 }
 
+/* ExpSplitCard reads as an `accent` card split into columns. */
+:root:has(.exp-scope) [data-orion-part='exp-split-card'] {
+  border-color: var(--exp-card-edge);
+  background:
+    var(--exp-card-band) top / 100% 4px no-repeat,
+    var(--exp-card-bg);
+  box-shadow: var(--exp-card-drop);
+}
+
+/* `data-exp-band="cool"` on an element switches the band of the cards and
+   framed tables inside it: blue to orange instead of orange to violet. */
+:root:has(.exp-scope) [data-exp-band='cool'] {
+  --exp-card-band: linear-gradient(
+    90deg,
+    var(--color-info) 0%,
+    var(--color-lavender) 45%,
+    #b07fd0 72%,
+    #f7882f 100%
+  );
+}
+
 /* Skin: framed tables (DataTable card) ---------------------------------- */
 
 /* A framed table reads as one card: the brand band along the top, like
@@ -885,6 +913,15 @@
   box-shadow: var(--exp-card-drop);
 }
 
+/* Skin: tab bar (TabList second) ----------------------------------------- */
+
+/* In dark mode the core `second` bar is gray-1, lighter than the cards
+   around it; in the layer it takes the dark surface of a card. */
+:root.dark:has(.exp-scope) [data-orion-part='tab-bar'][data-modifier='second'] {
+  background: var(--exp-card-bg);
+  box-shadow: inset 0 0 0 1px var(--exp-field-line);
+}
+
 /* Skin: table rows as cards (ExpScope tables="cards") ------------------- */
 
 :root:has(.exp-scope[data-exp-tables='cards'])

package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts

@@ -14,13 +14,20 @@ export type CodeBlockProps = {
     startLine?: number;
     /** Lines to emphasize, as inclusive ranges in the same numbering. */
     highlight?: CodeBlockRange[];
+    /** Long lines continue on the next row instead of scrolling sideways. */
+    wrap?: boolean;
     /** Called when the browser refuses to write to the clipboard. */
     onCopyError?: (error: unknown) => void;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
 /**
  * Read-only block of source code with a copy button. Shows an excerpt
- * exactly as written: monospace, no wrapping, horizontal scroll when a line
- * is longer than the block.
+ * exactly as written: monospace and, by default, no wrapping, with horizontal
+ * scroll when a line is longer than the block.
+ *
+ * With `wrap`, a line longer than the block continues on the next row, under
+ * the code and not under the line numbers. Use it where scrolling sideways is
+ * awkward, such as narrow screens or a command to read whole. Copying always
+ * takes the original text.
  *
  * Setting `startLine` numbers the lines, so an excerpt from the middle of a
  * file keeps its real line numbers; `highlight` then marks ranges in that
@@ -48,9 +55,10 @@ export type CodeBlockProps = {
  * @param {string} [props.language] - Label shown in the header.
  * @param {number} [props.startLine] - Number of the first line; enables line numbers.
  * @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
+ * @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
  * @param {(error: unknown) => void} [props.onCopyError] - Called when the clipboard write fails.
  *
  * @returns {ReactNode} The rendered CodeBlock component.
  */
-export declare function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
+export declare function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight, wrap, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
 //# sourceMappingURL=CodeBlock.d.ts.map

package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAc,EACd,WAAW,EACX,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAgG5B"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAc,EACd,IAAY,EACZ,WAAW,EACX,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAmG5B"}

package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx

@@ -10,8 +10,13 @@ function isHighlighted(line, ranges) {
 }
 /**
  * Read-only block of source code with a copy button. Shows an excerpt
- * exactly as written: monospace, no wrapping, horizontal scroll when a line
- * is longer than the block.
+ * exactly as written: monospace and, by default, no wrapping, with horizontal
+ * scroll when a line is longer than the block.
+ *
+ * With `wrap`, a line longer than the block continues on the next row, under
+ * the code and not under the line numbers. Use it where scrolling sideways is
+ * awkward, such as narrow screens or a command to read whole. Copying always
+ * takes the original text.
  *
  * Setting `startLine` numbers the lines, so an excerpt from the middle of a
  * file keeps its real line numbers; `highlight` then marks ranges in that
@@ -39,11 +44,12 @@ function isHighlighted(line, ranges) {
  * @param {string} [props.language] - Label shown in the header.
  * @param {number} [props.startLine] - Number of the first line; enables line numbers.
  * @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
+ * @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
  * @param {(error: unknown) => void} [props.onCopyError] - Called when the clipboard write fails.
  *
  * @returns {ReactNode} The rendered CodeBlock component.
  */
-export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight = [], onCopyError, ...restProps }) {
+export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight = [], wrap = false, onCopyError, ...restProps }) {
     const [isCopied, setIsCopied] = useState(false);
     const resetTimer = useRef(undefined);
     useEffect(() => () => clearTimeout(resetTimer.current), []);
@@ -74,7 +80,7 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
         </span>
       </div>
       <pre tabIndex={0} className="focus-visible:ring-lavender dark:focus-visible:ring-lavender-dark m-0 overflow-x-auto py-2 font-mono text-xs leading-5 text-black focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset dark:text-white">
-        <code className="block min-w-max">
+        <code className={clsx('block', !wrap && 'min-w-max')}>
           <Each of={lines} render={(line, index) => {
             const number = firstLine + index;
             const isMarked = isHighlighted(number, highlight);
@@ -84,7 +90,9 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
                         : 'text-gray-1 dark:text-gray-2')}>
                       {number}
                     </span>)}
-                  <span className={clsx('pr-3 whitespace-pre', !isNumbered && 'pl-3')}>
+                  <span className={clsx('pr-3', wrap
+                    ? 'min-w-0 flex-1 wrap-anywhere whitespace-pre-wrap'
+                    : 'whitespace-pre', !isNumbered && 'pl-3')}>
                     {line || ' '}
                   </span>
                   {'\n'}

package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAGL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAsB3C,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEhC,SAAS,aAAa,CAAC,IAAY,EAAE,MAAwB;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;AACjE,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,WAAW,EACX,GAAG,SAAS,EACG;IACf,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5D,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,MAAM,SAAS,GAAG,SAAS,IAAI,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC;IAEvE,MAAM,IAAI,GAAG,KAAK,IAAmB,EAAE;QACrC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QACD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAC7B,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACxB,kBAAkB,CACnB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,sGAAsG,EACtG,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kGAAkG,CAC/G;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,yDAAyD,CACvE;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,AAAD,EAAG,CAAC,CAC1C,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAC1C,OAAO,CAAC,CAAC,IAAI,CAAC,EAEhB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CACrC;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC9B;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CACF,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,SAAS,CAAC,4NAA4N,CAEtO;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAC/B;UAAA,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;YACjC,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAElD,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,MAAM,EACN,QAAQ,IAAI,uCAAuC,CACpD,CAAC,CAEF;kBAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CACf,CAAC,IAAI,CACH,WAAW,CAAC,MAAM,CAClB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAC9B,SAAS,CAAC,CAAC,IAAI,CACb,kDAAkD,EAClD,QAAQ;wBACN,CAAC,CAAC,qDAAqD;wBACvD,CAAC,CAAC,8BAA8B,CACnC,CAAC,CAEF;sBAAA,CAAC,MAAM,CACT;oBAAA,EAAE,IAAI,CAAC,CACR,CACD;kBAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,qBAAqB,EACrB,CAAC,UAAU,IAAI,MAAM,CACtB,CAAC,CAEF;oBAAA,CAAC,IAAI,IAAI,GAAG,CACd;kBAAA,EAAE,IAAI,CACN;kBAAA,CAAC,IAAI,CACP;gBAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CAAC,EAEN;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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"}

package/dist/components/01-atoms/OtpInput/OtpInput.d.ts

@@ -28,7 +28,7 @@ type OtpInputProps = {
  * @param {boolean} [props.disabled=false] - Whether the input fields are disabled.
  * @param {string} [props.labelStyle] - Additional CSS classes for the label.
  * @param {string} [props.error] - Error message to be displayed below the input fields.
- * @param {(otp: string) => void} props.handleSubmit - Callback function called when the OTP is complete (all boxes filled).
+ * @param {(otp: string) => void} props.handleSubmit - Callback function called as soon as the OTP is complete (all boxes filled), in the same change.
  * @param {(digit: number) => string} [props.getDigitAriaLabel] - Generates an accessible label for each one-based digit position.
  * @param {React.HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container div.
  * @required props.label, props.handleSubmit

package/dist/components/01-atoms/OtpInput/OtpInput.jsx

@@ -23,7 +23,7 @@ import { Paragraph } from '../Paragraph';
  * @param {boolean} [props.disabled=false] - Whether the input fields are disabled.
  * @param {string} [props.labelStyle] - Additional CSS classes for the label.
  * @param {string} [props.error] - Error message to be displayed below the input fields.
- * @param {(otp: string) => void} props.handleSubmit - Callback function called when the OTP is complete (all boxes filled).
+ * @param {(otp: string) => void} props.handleSubmit - Callback function called as soon as the OTP is complete (all boxes filled), in the same change.
  * @param {(digit: number) => string} [props.getDigitAriaLabel] - Generates an accessible label for each one-based digit position.
  * @param {React.HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container div.
  * @required props.label, props.handleSubmit
@@ -36,7 +36,8 @@ export function OtpInput({ length = 4, disabled = false, label, labelStyle, erro
     const accessibilityId = useId();
     const labelId = `${accessibilityId}-label`;
     const errorId = `${accessibilityId}-error`;
-    const onSubmit = (newCode) => setTimeout(() => handleSubmit(newCode.join('')), 100);
+    // Right away: a form that reads the code on Enter must already have it.
+    const onSubmit = (newCode) => handleSubmit(newCode.join(''));
     const handleInputChange = (index, value) => {
         if (value && !/^\d$/.test(value))
             return;

package/dist/components/01-atoms/OtpInput/OtpInput.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/OtpInput/OtpInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OtpInput.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/OtpInput/OtpInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/02-molecules/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { IconButton } from '../../01-atoms/IconButton';
+import { type DropdownProps } from '../Dropdown/Dropdown';
+export type ActionMenuProps = {
+    /** Accessible name of the button and text of its tooltip. */
+    label: string;
+    /** The actions of the menu, as in `Dropdown`. */
+    actions: DropdownProps['actions'];
+    tooltipPlacement?: ComponentProps<typeof IconButton>['tooltipPlacement'];
+} & Omit<DropdownProps, 'children' | 'actions'>;
+/**
+ * Button with three vertical dots that opens a menu of actions. For the
+ * secondary actions of a table row or a card, where a button for each one
+ * does not fit. The menu is a `Dropdown`: it opens below the button when the
+ * right side has no room, and it is driven with the keyboard.
+ *
+ * `label` names what the menu acts on (`Options for core-logistics`): with
+ * several menus on a page, the dots alone do not say which row they belong to.
+ *
+ * @component
+ * @example
+ * <ActionMenu
+ *   label="Options for core-logistics"
+ *   actions={[
+ *     { text: 'View cases', action: openCases },
+ *     { text: 'Sync', action: sync, disabled: isSyncing },
+ *   ]}
+ * />
+ *
+ * @param {ActionMenuProps} props - The properties of the ActionMenu component.
+ * @param {string} props.label - Accessible name of the button and text of its tooltip.
+ * @param {DropdownProps['actions']} props.actions - The actions of the menu.
+ * @param {UseFloatingOptions['placement']} [props.tooltipPlacement='top'] - Placement of the tooltip.
+ * @param {string} [props.className] - Classes for the open menu, as in `Dropdown`.
+ *
+ * @returns {ReactNode} The rendered ActionMenu component.
+ */
+export declare function ActionMenu({ label, actions, tooltipPlacement, ...restProps }: ActionMenuProps): ReactNode;
+//# sourceMappingURL=ActionMenu.d.ts.map

package/dist/components/02-molecules/ActionMenu/ActionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CAU7B"}

package/dist/components/02-molecules/ActionMenu/ActionMenu.jsx

@@ -0,0 +1,36 @@
+import { IoEllipsisVertical } from 'react-icons/io5';
+import { IconButton } from '../../01-atoms/IconButton';
+import { Dropdown } from '../Dropdown/Dropdown';
+/**
+ * Button with three vertical dots that opens a menu of actions. For the
+ * secondary actions of a table row or a card, where a button for each one
+ * does not fit. The menu is a `Dropdown`: it opens below the button when the
+ * right side has no room, and it is driven with the keyboard.
+ *
+ * `label` names what the menu acts on (`Options for core-logistics`): with
+ * several menus on a page, the dots alone do not say which row they belong to.
+ *
+ * @component
+ * @example
+ * <ActionMenu
+ *   label="Options for core-logistics"
+ *   actions={[
+ *     { text: 'View cases', action: openCases },
+ *     { text: 'Sync', action: sync, disabled: isSyncing },
+ *   ]}
+ * />
+ *
+ * @param {ActionMenuProps} props - The properties of the ActionMenu component.
+ * @param {string} props.label - Accessible name of the button and text of its tooltip.
+ * @param {DropdownProps['actions']} props.actions - The actions of the menu.
+ * @param {UseFloatingOptions['placement']} [props.tooltipPlacement='top'] - Placement of the tooltip.
+ * @param {string} [props.className] - Classes for the open menu, as in `Dropdown`.
+ *
+ * @returns {ReactNode} The rendered ActionMenu component.
+ */
+export function ActionMenu({ label, actions, tooltipPlacement, ...restProps }) {
+    return (<Dropdown {...restProps} actions={actions}>
+      <IconButton icon={<IoEllipsisVertical />} label={label} tooltipPlacement={tooltipPlacement}/>
+    </Dropdown>);
+}
+//# sourceMappingURL=ActionMenu.jsx.map

package/dist/components/02-molecules/ActionMenu/ActionMenu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAsB,MAAM,sBAAsB,CAAC;AAUpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,GAAG,SAAS,EACI;IAChB,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACxC;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,EAEvC;IAAA,EAAE,QAAQ,CAAC,CACZ,CAAC;AACJ,CAAC"}

package/dist/components/02-molecules/ActionMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/02-molecules/ActionMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/ActionMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/02-molecules/ActionMenu/index.js

@@ -0,0 +1,2 @@
+export * from './ActionMenu';
+//# sourceMappingURL=index.js.map

package/dist/components/02-molecules/ActionMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/ActionMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts

@@ -1,11 +1,15 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
+import { type TImageViewerDocumentLabels } from './ImageViewerDocument';
 import { type TImageCrop } from './ImageViewerImage';
 export type { TImageCrop } from './ImageViewerImage';
+export type { TImageViewerDocumentLabels } from './ImageViewerDocument';
+export type TImageViewType = 'image' | 'pdf';
 export type TImageView = {
     id: string;
     label: string;
     src: string;
     alt: string;
+    type?: TImageViewType;
     indicator?: ReactNode;
     crop?: TImageCrop;
 };
@@ -16,7 +20,7 @@ export type TImageViewerLabels = {
     rotate: string;
     enterFullscreen: string;
     exitFullscreen: string;
-};
+} & TImageViewerDocumentLabels;
 type ImageViewerProps = {
     views: TImageView[];
     labels: TImageViewerLabels;
@@ -34,6 +38,12 @@ type ImageViewerProps = {
  * changes, whether the user picked a tab or the consumer moved `activeId`: a
  * transform that made sense for one angle rarely makes sense for the next.
  *
+ * Once zoomed in, the image can be panned: by dragging it with the pointer
+ * (mouse, touch or pen) or with the arrow keys while the panel has focus. The
+ * pan never leaves a gap between the image and the frame; zooming in keeps the
+ * point under inspection centered, zooming out to the minimum, rotating and
+ * toggling full screen center the image again.
+ *
  * Uncontrolled by default. Passing `activeId` makes the consumer own the active
  * view, so something outside the viewer (a side panel, a "next pending" action)
  * can follow or drive it; `onViewChange` reports tab picks in both modes.
@@ -49,6 +59,14 @@ type ImageViewerProps = {
  * A view's `crop` draws only that region of its image, fitted to the frame
  * like the whole image would be — a face inside a document, for instance.
  *
+ * A view with `type: 'pdf'` is rendered page by page into images with pdf.js,
+ * loaded on first use, so zoom, rotation and pan work on it exactly as on a
+ * photo and there is a single toolbar. A document with several pages shows a
+ * pager over the page; the toolbar gains an "open in a new tab" action for
+ * the original file. The browser fetches the PDF itself, so its origin must
+ * allow CORS; when it cannot be loaded, the view shows its description and
+ * the same link.
+ *
  * @component
  * @example
  * const [viewId, setViewId] = useState('front');
@@ -94,9 +112,23 @@ type ImageViewerProps = {
  *   labels={labels}
  * />
  *
+ * @example
+ * <ImageViewer
+ *   title="Insurance policy"
+ *   views={[
+ *     { id: 'policy', label: 'Policy', src: '/policy.pdf', alt: 'Insurance policy', type: 'pdf' },
+ *   ]}
+ *   labels={{
+ *     ...labels,
+ *     openDocument: 'Open PDF',
+ *     previousPage: 'Previous page',
+ *     nextPage: 'Next page',
+ *   }}
+ * />
+ *
  * @param {Object} props - The properties of the ImageViewer component.
- * @param {TImageView[]} props.views - Images to display. In `tabs`, more than one renders a tab per view; in `split`, a pane per view. A view's optional `indicator` sits after its label and becomes part of the tab's accessible name, so give it its own (for an icon, `role="img"` and `aria-label`). In `tabs` with a single view there are no tabs, so no indicator is shown. A view's optional `crop` (`left`, `top`, `width`, `height` as fractions from 0 to 1 of the image) shows only that region; a crop outside the image is clamped to it, and one with no area left falls back to the whole image.
- * @param {TImageViewerLabels} props.labels - Accessible names of the toolbar actions.
+ * @param {TImageView[]} props.views - Files to display. In `tabs`, more than one renders a tab per view; in `split`, a pane per view. A view's optional `indicator` sits after its label and becomes part of the tab's accessible name, so give it its own (for an icon, `role="img"` and `aria-label`). In `tabs` with a single view there are no tabs, so no indicator is shown. A view's optional `crop` (`left`, `top`, `width`, `height` as fractions from 0 to 1 of the image) shows only that region; a crop outside the image is clamped to it, and one with no area left falls back to the whole image. A view's `type` is `image` unless set to `pdf`; `crop` is ignored on a `pdf`.
+ * @param {TImageViewerLabels} props.labels - Accessible names of the toolbar actions. With `pdf` views, `openDocument` names the action that opens the original file in a new tab, and `previousPage` / `nextPage` name the pager of a document with several pages; without the pair, only the first page is reachable.
  * @param {TImageViewerLayout} [props.layout='tabs'] - `tabs` shows one view at a time; `split` shows every view at once, one pane each.
  * @param {ReactNode} [props.title] - Optional heading rendered on the left of the toolbar.
  * @param {ReactNode} [props.emptyState] - Content rendered when there is no image.

package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/ImageViewer/ImageViewer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAiB5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,MAAe,EACf,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,SAAS,CAqP9B"}
+{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/ImageViewer/ImageViewer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAaf,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB,GAAG,0BAA0B,CAAC;AAE/B,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AA0E5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,MAAe,EACf,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,SAAS,CA6X9B"}