@orianatech/pire 0.13.0 → 0.16.0

package/dist/index.js

@@ -2,16 +2,30 @@
 var ICON_MARKUP = {
   "add": '<path d="M17 15 17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"/>',
   "apps": '<path d="M8,4V8H4V4Zm2-2H2v8h8Zm8,2V8H14V4Zm2-2H12v8h8Zm8,2V8H24V4Zm2-2H22v8h8ZM8,14v4H4V14Zm2-2H2v8h8Zm8,2v4H14V14Zm2-2H12v8h8Zm8,2v4H24V14Zm2-2H22v8h8ZM8,24v4H4V24Zm2-2H2v8h8Zm8,2v4H14V24Zm2-2H12v8h8Zm8,2v4H24V24Zm2-2H22v8h8Z"/>',
+  "archive": '<path d="M14 19H18V21H14z"/><path d="M6,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V2ZM24,28H8V16H24Zm0-14H8V10H24ZM8,8V4H24V8Z"/>',
   "arrow--down": '<path d="M24.59 16.59 17 24.17 17 4 15 4 15 24.17 7.41 16.59 6 18 16 28 26 18 24.59 16.59z"/>',
+  "arrow--left": '<path d="M14 26 15.41 24.59 7.83 17 28 17 28 15 7.83 15 15.41 7.41 14 6 4 16 14 26z"/>',
   "arrow--right": '<path d="M18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6z"/>',
   "arrow--up": '<path d="M16 4 6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"/>',
   "arrows--vertical": '<path d="M27.6 20.6 24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22z"/><path d="M9 4 3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"/>',
+  "asterisk": '<path d="M28.316 13.949 27.684 12.051 17 15.612 17 4 15 4 15 15.612 4.316 12.051 3.684 13.949 14.368 17.51 7.2 27.066 8.8 28.267 16 18.667 23.2 28.267 24.8 27.066 17.632 17.51 28.316 13.949z"/>',
   "attachment": '<path d="M28.1,18.9L13.1,3.9c-2.5-2.6-6.6-2.6-9.2-0.1S1.3,10.5,3.9,13c0,0,0.1,0.1,0.1,0.1L6.8,16l1.4-1.4l-2.9-2.9	C3.6,10,3.6,7.1,5.3,5.4s4.6-1.8,6.3-0.1c0,0,0,0,0.1,0.1l14.9,14.9c1.8,1.7,1.8,4.6,0.1,6.3c-1.7,1.8-4.6,1.8-6.3,0.1	c0,0,0,0-0.1-0.1l-7.4-7.4c-1-1-0.9-2.6,0-3.5c1-0.9,2.5-0.9,3.5,0l4.1,4.1l1.4-1.4c0,0-4.2-4.2-4.2-4.2c-1.8-1.7-4.6-1.6-6.3,0.2	c-1.6,1.7-1.6,4.4,0,6.2l7.5,7.5c2.5,2.6,6.6,2.6,9.2,0.1S30.7,21.5,28.1,18.9C28.1,19,28.1,18.9,28.1,18.9L28.1,18.9z"/>',
+  "bank--vault": '<path d="M26,30h-2v-2H8v2h-2v-2h-2c-1.103,0-2-.8975-2-2V4c0-1.103.897-2,2-2h24c1.1025,0,2,.897,2,2v22c0,1.1025-.8975,2-2,2h-2v2ZM4,4v22h24.002l-.002-22H4ZM17,22h-2v-2.1006c-.626-.127-1.2207-.374-1.7573-.7285l-2.5356,2.5361-1.4141-1.4141,2.5366-2.5371c-.3555-.5371-.6021-1.1318-.729-1.7559h-2.1006v-2h2.1001c.1274-.626.374-1.2207.7285-1.7573l-2.5356-2.5356,1.4141-1.4141,2.5366,2.5366c.5376-.3555,1.1318-.6021,1.7563-.729v-2.1006h2v2.1006c.626.127,1.2207.3735,1.7568.728l2.5361-2.5356,1.4141,1.4141-2.5361,2.5356c.3545.5366.6016,1.1313.7285,1.7573h2.1006v2h-2.1006c-.127.626-.374,1.2207-.7285,1.7568l2.5361,2.5361-1.4141,1.4141-2.5371-2.5371c-.5371.3555-1.1318.6025-1.7559.7295v2.1006ZM16,12c-.7954,0-1.5513.3135-2.1279.8818-.5586.5669-.8721,1.3228-.8721,2.1182,0,.7949.3135,1.5508.8823,2.1279,1.1318,1.1162,3.0908,1.127,4.2456-.0098.5586-.5674.8721-1.3232.8721-2.1182,0-.793-.3115-1.5464-.877-2.1226-.5771-.5659-1.3306-.8774-2.123-.8774Z"/>',
+  "barcode": '<path d="M2 6H4V28H2z"/><path d="M12 6H14V26H12z"/><path d="M6 6H10V26H6z"/><path d="M16 6H20V26H16z"/><path d="M22 6H26V26H22z"/><path d="M28 6H30V28H28z"/>',
+  "book": '<path d="M19 10H26V12H19z"/><path d="M19 15H26V17H19z"/><path d="M19 20H26V22H19z"/><path d="M6 10H13V12H6z"/><path d="M6 15H13V17H6z"/><path d="M6 20H13V22H6z"/><path d="M28,5H4A2.002,2.002,0,0,0,2,7V25a2.002,2.002,0,0,0,2,2H28a2.002,2.002,0,0,0,2-2V7A2.002,2.002,0,0,0,28,5ZM4,7H15V25H4ZM17,25V7H28V25Z"/>',
+  "bookmark": '<path d="M24,4V26.75l-7.1-3.59-.9-.45-.9.45L8,26.75V4H24m0-2H8A2,2,0,0,0,6,4V30L16,25,26,30V4A2,2,0,0,0,24,2Z"/>',
   "box": '<path d="M20,21H12a2,2,0,0,1-2-2V17a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v2A2,2,0,0,1,20,21Zm-8-4v2h8V17Z"/><path d="M28,4H4A2,2,0,0,0,2,6v4a2,2,0,0,0,2,2V28a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V12a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4ZM26,28H6V12H26Zm2-18H4V6H28v4Z"/>',
   "building": '<path d="M28,2H16a2.002,2.002,0,0,0-2,2V14H4a2.002,2.002,0,0,0-2,2V30H30V4A2.0023,2.0023,0,0,0,28,2ZM9,28V21h4v7Zm19,0H15V20a1,1,0,0,0-1-1H8a1,1,0,0,0-1,1v8H4V16H16V4H28Z"/><path d="M18 8H20V10H18z"/><path d="M24 8H26V10H24z"/><path d="M18 14H20V16H18z"/><path d="M24 14H26V16H24z"/><path d="M18 20H20V22H18z"/><path d="M24 20H26V22H24z"/>',
   "building--insights-1": '<path d="M28,2H16a2.002,2.002,0,0,0-2,2V14H4a2.002,2.002,0,0,0-2,2V30H30V4A2.0023,2.0023,0,0,0,28,2ZM9,28V21h4v7Zm19,0H15V20a1,1,0,0,0-1-1H8a1,1,0,0,0-1,1v8H4V16H16V4H28Z"/><path d="M18 8H20V10H18z"/><path d="M24 8H26V10H24z"/><path d="M18 14H20V16H18z"/><path d="M24 14H26V16H24z"/><path d="M18 20H20V22H18z"/><path d="M24 20H26V22H24z"/><path d="M9,12H7a5.0059,5.0059,0,0,1,5-5V9A3.0033,3.0033,0,0,0,9,12Z"/><path d="M4,12H2A10.0114,10.0114,0,0,1,12,2V4A8.0092,8.0092,0,0,0,4,12Z"/>',
   "calculator": '<path d="M26,4V28H6V4H26m0-2H6A2,2,0,0,0,4,4V28a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V4A2,2,0,0,0,26,2Z"/><path d="M9 23H11V25H9z"/><path d="M21 23H23V25H21z"/><path d="M9 18H11V20H9z"/><path d="M21 18H23V20H21z"/><path d="M9 13H11V15H9z"/><path d="M15 23H17V25H15z"/><path d="M15 18H17V20H15z"/><path d="M15 13H17V15H15z"/><path d="M21 13H23V15H21z"/><path d="M9 7H23V10H9z"/>',
   "calendar": '<path d="M26,4h-4V2h-2v2h-8V2h-2v2H6C4.9,4,4,4.9,4,6v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V6C28,4.9,27.1,4,26,4z M26,26H6V12h20	V26z M26,10H6V6h4v2h2V6h8v2h2V6h4V10z"/>',
+  "calendar--add": '<switch><foreignObject width="1" height="1" x="0" y="0" requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/"/><g><path d="M30 22 24 22 24 16 22 16 22 22 16 22 16 24 22 24 22 30 24 30 24 24 30 24z"/><path d="M28,6c0-1.1-0.9-2-2-2h-4V2h-2v2h-8V2h-2v2H6C4.9,4,4,4.9,4,6v20c0,1.1,0.9,2,2,2h8v-2H6V6h4v2h2V6h8v2h2V6h4v8h2V6z"/></g></switch>',
+  "calendar--heat-map": '<path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"/>',
+  "chart--area": '<path d="M20.4761,8.0151,13.4473,4.2109a2.0076,2.0076,0,0,0-2.1158.2051L4,10.001V2H2V28a2,2,0,0,0,2,2H30V5.7354ZM28,20.209l-7.62,1.8022-7.0288-2.8838a1.99,1.99,0,0,0-2.022.37L4,25.8359v-4.455l8.375-9.4,7.0186,5.62a2.0155,2.0155,0,0,0,2.0459.2119L28,14.6025ZM12.5239,5.9849l7.03,3.8042a2.012,2.012,0,0,0,1.3408.16L28,8.2646v4.1138L20.6187,16.02,13.6,10.4a1.99,1.99,0,0,0-2.6885.2642L4,18.3838v-5.87ZM4.5513,28,12.62,20.9888l7.0288,2.8838a1.9977,1.9977,0,0,0,1.147.0771L28,22.2612V28Z"/>',
+  "chart--bar": '<path d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4V25H26V17H4V13H18V5H4ZM24,19v4H4V19ZM16,7v4H4V7Z"/>',
+  "chart--column": '<path d="M27,28V6H19V28H15V14H7V28H4V2H2V28a2,2,0,0,0,2,2H30V28ZM13,28H9V16h4Zm12,0H21V8h4Z"/>',
+  "chart--line": '<path d="M4.67,28l6.39-12,7.3,6.49a2,2,0,0,0,1.7.47,2,2,0,0,0,1.42-1.07L27,10.9,25.18,10,19.69,21l-7.3-6.49A2,2,0,0,0,10.71,14a2,2,0,0,0-1.42,1L4,25V2H2V28a2,2,0,0,0,2,2H30V28Z"/>',
+  "chart--pie": '<path d="M16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4ZM26,15H17V6.05A10,10,0,0,1,26,15ZM15.42,26A10,10,0,0,1,15,6.05v9a2,2,0,0,0,2,2h9A10,10,0,0,1,15.42,26Z"/>',
   "checkmark": '<path d="M13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"/>',
   "checkmark--filled": '<path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z"/><path fill="none" d="M14 21.591 9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591z" data-icon-path="inner-path"/>',
   "checkmark--outline": '<path d="M14 21.414 9 16.413 10.413 15 14 18.586 21.585 11 23 12.415 14 21.414z"/><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"/>',
@@ -19,48 +33,109 @@ var ICON_MARKUP = {
   "chevron--left": '<path d="M10 16 20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z"/>',
   "chevron--right": '<path d="M22 16 12 26 10.6 24.6 19.2 16 10.6 7.4 12 6z"/>',
   "chevron--sort": '<path d="M16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28z"/><path d="M16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4z"/>',
+  "chevron--up": '<path d="M16 10 26 20 24.6 21.4 16 12.8 7.4 21.4 6 20z"/>',
   "circle-dash": '<path d="M7.7,4.7a14.7,14.7,0,0,0-3,3.1L6.3,9A13.26,13.26,0,0,1,8.9,6.3Z"/><path d="M4.6,12.3l-1.9-.6A12.51,12.51,0,0,0,2,16H4A11.48,11.48,0,0,1,4.6,12.3Z"/><path d="M2.7,20.4a14.4,14.4,0,0,0,2,3.9l1.6-1.2a12.89,12.89,0,0,1-1.7-3.3Z"/><path d="M7.8,27.3a14.4,14.4,0,0,0,3.9,2l.6-1.9A12.89,12.89,0,0,1,9,25.7Z"/><path d="M11.7,2.7l.6,1.9A11.48,11.48,0,0,1,16,4V2A12.51,12.51,0,0,0,11.7,2.7Z"/><path d="M24.2,27.3a15.18,15.18,0,0,0,3.1-3.1L25.7,23A11.53,11.53,0,0,1,23,25.7Z"/><path d="M27.4,19.7l1.9.6A15.47,15.47,0,0,0,30,16H28A11.48,11.48,0,0,1,27.4,19.7Z"/><path d="M29.2,11.6a14.4,14.4,0,0,0-2-3.9L25.6,8.9a12.89,12.89,0,0,1,1.7,3.3Z"/><path d="M24.1,4.6a14.4,14.4,0,0,0-3.9-2l-.6,1.9a12.89,12.89,0,0,1,3.3,1.7Z"/><path d="M20.3,29.3l-.6-1.9A11.48,11.48,0,0,1,16,28v2A21.42,21.42,0,0,0,20.3,29.3Z"/>',
   "close": '<path d="M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"/>',
+  "cloud--download": '<path d="M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"/><path d="M17 26.17 17 14 15 14 15 26.17 12.41 23.59 11 25 16 30 21 25 19.59 23.59 17 26.17z"/>',
+  "cloud--upload": '<path d="M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"/><path d="M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"/>',
   "color-palette": '<circle cx="10" cy="12" r="2"/><circle cx="16" cy="9" r="2"/><circle cx="22" cy="12" r="2"/><circle cx="23" cy="18" r="2"/><circle cx="19" cy="23" r="2"/><path d="M16.54,2A14,14,0,0,0,2,16a4.82,4.82,0,0,0,6.09,4.65l1.12-.31A3,3,0,0,1,13,23.24V27a3,3,0,0,0,3,3A14,14,0,0,0,30,15.46,14.05,14.05,0,0,0,16.54,2Zm8.11,22.31A11.93,11.93,0,0,1,16,28a1,1,0,0,1-1-1V23.24a5,5,0,0,0-5-5,5.07,5.07,0,0,0-1.33.18l-1.12.31A2.82,2.82,0,0,1,4,16,12,12,0,0,1,16.47,4,12.18,12.18,0,0,1,28,15.53,11.89,11.89,0,0,1,24.65,24.32Z"/>',
   "copy": '<path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"/><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z"/>',
+  "currency": '<path d="M21,12V10H17V7H15v3H13a2.002,2.002,0,0,0-2,2v3a2.002,2.002,0,0,0,2,2h6v3H11v2h4v3h2V22h2a2.0023,2.0023,0,0,0,2-2V17a2.002,2.002,0,0,0-2-2H13V12Z"/><path d="M16,4A12,12,0,1,1,4,16,12.0353,12.0353,0,0,1,16,4m0-2A14,14,0,1,0,30,16,14.0412,14.0412,0,0,0,16,2Z"/>',
+  "currency--dollar": '<path d="M23,20.5151c0-4.6152-3.78-5.1411-6.8171-5.563-3.31-.4609-5.1829-.86-5.1829-3.71C11,8.8491,13.5071,8,15.6538,8a6.7538,6.7538,0,0,1,5.5681,2.6279l1.5562-1.2558A8.6508,8.6508,0,0,0,17,6.0962V3H15V6.022c-3.6152.2192-6,2.26-6,5.22,0,4.73,3.83,5.2627,6.9075,5.69C19.16,17.3848,21,17.7744,21,20.5151,21,23.5474,17.8674,24,16,24c-3.4294,0-4.8782-.9639-6.2219-2.6279L8.2219,22.6279A8.4382,8.4382,0,0,0,15,25.9648V29h2V25.9551C20.7256,25.6509,23,23.6279,23,20.5151Z"/>',
+  "currency--euro": '<path d="M17,26c-3.6162,0-6.3328-2.2974-7.4456-6H19V18H9.1321A15.2782,15.2782,0,0,1,9,16c0-.33.01-.6641.0259-1H19V13H9.2371C9.8447,9.3525,11.81,6,17,6c3.8533,0,5.5315,1.6465,7.1282,4.4893l1.7436-.9786C24.2649,6.6484,22.0779,4,17,4,10.6448,4,7,8.374,7,16c0,7.0654,4.1121,12,10,12,5.0779,0,7.2649-2.6484,8.8718-5.5107l-1.7436-.9786C22.5315,24.3535,20.8533,26,17,26Z"/>',
+  "data--base": '<path d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V5A2,2,0,0,0,24,3Zm0,2v6H8V5ZM8,19V13H24v6Zm0,8V21H24v6Z"/><circle cx="11" cy="8" r="1"/><circle cx="11" cy="16" r="1"/><circle cx="11" cy="24" r="1"/>',
+  "debug": '<path d="M29.83,20l.34-2L25,17.15V13c0-.08,0-.15,0-.23l5.06-1.36-.51-1.93-4.83,1.29A9,9,0,0,0,20,5V2H18V4.23a8.81,8.81,0,0,0-4,0V2H12V5a9,9,0,0,0-4.71,5.82L2.46,9.48,2,11.41,7,12.77c0,.08,0,.15,0,.23v4.15L1.84,18l.32,2L7,19.18a8.9,8.9,0,0,0,.82,3.57L3.29,27.29l1.42,1.42,4.19-4.2a9,9,0,0,0,14.2,0l4.19,4.2,1.42-1.42-4.54-4.54A8.9,8.9,0,0,0,25,19.18ZM15,25.92A7,7,0,0,1,9,19V13h6ZM9.29,11a7,7,0,0,1,13.42,0ZM23,19a7,7,0,0,1-6,6.92V13h6Z"/>',
+  "delivery--parcel": '<path d="M29.4819,8.624l-10-5.5a1,1,0,0,0-.9638,0l-10,5.5a1,1,0,0,0,0,1.752L18,15.5913V26.3086l-3.0362-1.6693L14,26.3912l4.5181,2.4848a.9984.9984,0,0,0,.9638,0l10-5.5A1,1,0,0,0,30,22.5V9.5A1,1,0,0,0,29.4819,8.624ZM19,5.1416,26.9248,9.5,19,13.8584,11.0752,9.5Zm9,16.7671-8,4.4V15.5913l8-4.4Z"/><path d="M2 14H10V16H2z" transform="matrix(-1 0 0 -1 12 30)"/><path d="M4 22H12V24H4z" transform="matrix(-1 0 0 -1 16 46)"/><path d="M6 18H14V20H6z" transform="matrix(-1 0 0 -1 20 38)"/>',
   "delivery-truck": '<path d="M29.92,16.61l-3-7A1,1,0,0,0,26,9H23V7a1,1,0,0,0-1-1H3A1,1,0,0,0,2,7V24a1,1,0,0,0,1,1H5.14a4,4,0,0,0,7.72,0h6.28a4,4,0,0,0,7.72,0H29a1,1,0,0,0,1-1V17A1,1,0,0,0,29.92,16.61ZM23,11h2.34l2.14,5H23ZM9,26a2,2,0,1,1,2-2A2,2,0,0,1,9,26Zm10.14-3H12.86a4,4,0,0,0-7.72,0H4V8H21V20.56A4,4,0,0,0,19.14,23ZM23,26a2,2,0,1,1,2-2A2,2,0,0,1,23,26Zm5-3H26.86A4,4,0,0,0,23,20V18h5Z"/>',
   "document": '<path d="M25.7,9.3l-7-7C18.5,2.1,18.3,2,18,2H8C6.9,2,6,2.9,6,4v24c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V10C26,9.7,25.9,9.5,25.7,9.3	z M18,4.4l5.6,5.6H18V4.4z M24,28H8V4h8v6c0,1.1,0.9,2,2,2h6V28z"/><path d="M10 22H22V24H10z"/><path d="M10 16H22V18H10z"/>',
+  "document--add": '<path d="M30 24 26 24 26 20 24 20 24 24 20 24 20 26 24 26 24 30 26 30 26 26 30 26 30 24z"/><path d="M16,28H8V4h8v6a2.0058,2.0058,0,0,0,2,2h6v4h2V10a.9092.9092,0,0,0-.3-.7l-7-7A.9087.9087,0,0,0,18,2H8A2.0058,2.0058,0,0,0,6,4V28a2.0058,2.0058,0,0,0,2,2h8ZM18,4.4,23.6,10H18Z"/>',
   "download": '<path d="M26,24v4H6V24H4v4H4a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2h0V24Z"/><path d="M26 14 24.59 12.59 17 20.17 17 2 15 2 15 20.17 7.41 12.59 6 14 16 24 26 14z"/>',
   "edit": '<path d="M2 26H30V28H2z"/><path d="M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6	l-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"/>',
+  "email": '<path d="M28,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM25.8,8,16,14.78,6.2,8ZM4,24V8.91l11.43,7.91a1,1,0,0,0,1.14,0L28,8.91V24Z"/>',
   "error--filled": '<path fill="none" d="M14.9 7.2H17.1V24.799H14.9z" data-icon-path="inner-path" transform="rotate(-45 16 16)"/><path d="M16,2A13.914,13.914,0,0,0,2,16,13.914,13.914,0,0,0,16,30,13.914,13.914,0,0,0,30,16,13.914,13.914,0,0,0,16,2Zm5.4449,21L9,10.5557,10.5557,9,23,21.4448Z"/>',
+  "events": '<path d="M26,14H24v2h2a3.0033,3.0033,0,0,1,3,3v4h2V19A5.0058,5.0058,0,0,0,26,14Z"/><path d="M24,4a3,3,0,1,1-3,3,3,3,0,0,1,3-3m0-2a5,5,0,1,0,5,5A5,5,0,0,0,24,2Z"/><path d="M23,30H21V28a3.0033,3.0033,0,0,0-3-3H14a3.0033,3.0033,0,0,0-3,3v2H9V28a5.0059,5.0059,0,0,1,5-5h4a5.0059,5.0059,0,0,1,5,5Z"/><path d="M16,13a3,3,0,1,1-3,3,3,3,0,0,1,3-3m0-2a5,5,0,1,0,5,5A5,5,0,0,0,16,11Z"/><path d="M8,14H6a5.0059,5.0059,0,0,0-5,5v4H3V19a3.0033,3.0033,0,0,1,3-3H8Z"/><path d="M8,4A3,3,0,1,1,5,7,3,3,0,0,1,8,4M8,2a5,5,0,1,0,5,5A5,5,0,0,0,8,2Z"/>',
   "filter": '<path d="M18,28H14a2,2,0,0,1-2-2V18.41L4.59,11A2,2,0,0,1,4,9.59V6A2,2,0,0,1,6,4H26a2,2,0,0,1,2,2V9.59A2,2,0,0,1,27.41,11L20,18.41V26A2,2,0,0,1,18,28ZM6,6V9.59l8,8V26h4V17.59l8-8V6Z"/>',
+  "filter--edit": '<path d="M26,6H4V9.17l7.41,7.42.59.58V26h4V24h2v2a2,2,0,0,1-2,2H12a2,2,0,0,1-2-2V18L2.59,10.59A2,2,0,0,1,2,9.17V6A2,2,0,0,1,4,4H26Z"/><path d="M29.71,11.29l-3-3a1,1,0,0,0-1.42,0L16,17.59V22h4.41l9.3-9.29A1,1,0,0,0,29.71,11.29ZM19.59,20H18V18.41l5-5L24.59,15ZM26,13.59,24.41,12,26,10.41,27.59,12Z"/>',
   "flash": '<path d="M11.61,29.92a1,1,0,0,1-.6-1.07L12.83,17H8a1,1,0,0,1-1-1.23l3-13A1,1,0,0,1,11,2H21a1,1,0,0,1,.78.37,1,1,0,0,1,.2.85L20.25,11H25a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1l-13,17A1,1,0,0,1,12,30,1.09,1.09,0,0,1,11.61,29.92ZM17.75,13l2-9H11.8L9.26,15h5.91L13.58,25.28,23,13Z"/>',
+  "flow": '<path d="M27,22.14V17a2,2,0,0,0-2-2H17V9.86a4,4,0,1,0-2,0V15H7a2,2,0,0,0-2,2v5.14a4,4,0,1,0,2,0V17H25v5.14a4,4,0,1,0,2,0ZM8,26a2,2,0,1,1-2-2A2,2,0,0,1,8,26ZM14,6a2,2,0,1,1,2,2A2,2,0,0,1,14,6ZM26,28a2,2,0,1,1,2-2A2,2,0,0,1,26,28Z"/>',
+  "folder": '<path d="M11.17,6l3.42,3.41.58.59H28V26H4V6h7.17m0-2H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2H16L12.59,4.59A2,2,0,0,0,11.17,4Z"/>',
+  "function": '<path d="M19.6262,29.5256,19.11,27.5935A12.0035,12.0035,0,0,0,25.2312,8.3323l1.5376-1.2788a14.0033,14.0033,0,0,1-7.1426,22.4721Z"/><path d="M10,29H8V25.18l.8037-.1607C10.2617,24.728,12,23.6206,12,20V18.6182l-4-2V14.3818l4-2V12c0-5.4673,3.9253-9,10-9h2V6.82l-.8037.1607C21.7383,7.272,20,8.3794,20,12v.3818l4,2v2.2364l-4,2V20C20,25.4673,16.0747,29,10,29Zm0-2c4.9346,0,8-2.6821,8-7V17.3818L21.7642,15.5,18,13.6182V12c0-4.5781,2.3853-6.1924,4-6.76V5c-4.9346,0-8,2.6821-8,7v1.6182L10.2358,15.5,14,17.3818V20c0,4.5781-2.3853,6.1924-4,6.76Z"/><path d="M5.2312,24.9465A14.0032,14.0032,0,0,1,12.3779,2.4734l.5161,1.9321A12.0035,12.0035,0,0,0,6.7688,23.6677Z"/>',
+  "globe": '<path d="M14,4a7,7,0,1,1-7,7,7,7,0,0,1,7-7m0-2a9,9,0,1,0,9,9A9,9,0,0,0,14,2Z"/><path d="M28,11a13.9563,13.9563,0,0,0-4.1051-9.8949L22.4813,2.5187A11.9944,11.9944,0,0,1,5.5568,19.5194l-.0381-.0381L4.1051,20.8949A13.9563,13.9563,0,0,0,14,25v3H10v2H20V28H16V24.84A14.0094,14.0094,0,0,0,28,11Z"/>',
   "grid": '<path d="M12,4H6A2,2,0,0,0,4,6v6a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V6A2,2,0,0,0,12,4Zm0,8H6V6h6Z"/><path d="M26,4H20a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Zm0,8H20V6h6Z"/><path d="M12,18H6a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V20A2,2,0,0,0,12,18Zm0,8H6V20h6Z"/><path d="M26,18H20a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V20A2,2,0,0,0,26,18Zm0,8H20V20h6Z"/>',
   "hashtag": '<path d="M28,12V10H22V4H20v6H12V4H10v6H4v2h6v8H4v2h6v6h2V22h8v6h2V22h6V20H22V12Zm-8,8H12V12h8Z"/>',
   "help": '<path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"/><circle cx="16" cy="23.5" r="1.5"/><path d="M17,8H15.5A4.49,4.49,0,0,0,11,12.5V13h2v-.5A2.5,2.5,0,0,1,15.5,10H17a2.5,2.5,0,0,1,0,5H15v4.5h2V17a4.5,4.5,0,0,0,0-9Z"/>',
   "home": '<path d="M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z"/>',
+  "idea": '<path d="M11 24H21V26H11z"/><path d="M13 28H19V30H13z"/><path d="M16,2A10,10,0,0,0,6,12a9.19,9.19,0,0,0,3.46,7.62c1,.93,1.54,1.46,1.54,2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2,7.2,0,0,1,8,12a8,8,0,0,1,16,0,7.2,7.2,0,0,1-2.82,6.14c-1.07,1-2.18,2-2.18,3.86h2c0-.92.53-1.45,1.54-2.39A9.18,9.18,0,0,0,26,12,10,10,0,0,0,16,2Z"/>',
+  "identification": '<path d="M28,6V26H4V6H28m0-2H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2Z"/><path d="M6 10H13V12H6z"/><path d="M6 14H10V16H6z"/><path d="M23,18H17a3,3,0,0,0-3,3v2h2V21a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v2h2V21A3,3,0,0,0,23,18Z"/><path d="M20,17a4,4,0,1,0-4-4A4,4,0,0,0,20,17Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,20,11Z"/>',
   "information": '<path d="M17 22 17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22z"/><path d="M16,8a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,8Z"/><path d="M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"/>',
+  "information--square": '<path d="M17 22 17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22z"/><path d="M16,8a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,8Z"/><path d="M26,28H6a2.0023,2.0023,0,0,1-2-2V6A2.0023,2.0023,0,0,1,6,4H26a2.0023,2.0023,0,0,1,2,2V26A2.0023,2.0023,0,0,1,26,28ZM6,6V26H26V6Z"/>',
+  "inventory-management": '<path d="M19 24H23V28H19z"/><path d="M26 24H30V28H26z"/><path d="M19 17H23V21H19z"/><path d="M26 17H30V21H26z"/><path d="M17,24H4V10H28v5h2V10a2.0023,2.0023,0,0,0-2-2H22V4a2.0023,2.0023,0,0,0-2-2H12a2.002,2.002,0,0,0-2,2V8H4a2.002,2.002,0,0,0-2,2V24a2.0023,2.0023,0,0,0,2,2H17ZM12,4h8V8H12Z"/>',
   "launch": '<path d="M26,28H6a2.0027,2.0027,0,0,1-2-2V6A2.0027,2.0027,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0027,2.0027,0,0,1,26,28Z"/><path d="M20 2 20 4 26.586 4 18 12.586 19.414 14 28 5.414 28 12 30 12 30 2 20 2z"/>',
   "layers": '<path d="M16,24a.9967.9967,0,0,1-.4741-.12l-13-7L3.4741,15.12,16,21.8643,28.5259,15.12l.9482,1.7607-13,7A.9967.9967,0,0,1,16,24Z"/><path d="M16,30a.9967.9967,0,0,1-.4741-.12l-13-7L3.4741,21.12,16,27.8643,28.5259,21.12l.9482,1.7607-13,7A.9967.9967,0,0,1,16,30Z"/><path d="M16,18a.9967.9967,0,0,1-.4741-.12l-13-7a1,1,0,0,1,0-1.7607l13-7a.9982.9982,0,0,1,.9482,0l13,7a1,1,0,0,1,0,1.7607l-13,7A.9967.9967,0,0,1,16,18ZM5.1094,10,16,15.8643,26.8906,10,16,4.1358Z"/>',
+  "license": '<path d="M10 6H22V8H10z"/><path d="M10 10H22V12H10z"/><path d="M10 24H16V26H10z"/><path d="M10 14H16V16H10z"/><path d="M24,30H8a2.0023,2.0023,0,0,1-2-2V4A2.0023,2.0023,0,0,1,8,2H24a2.0023,2.0023,0,0,1,2,2V28A2.0023,2.0023,0,0,1,24,30ZM8,4V28H24V4Z"/>',
   "list": '<path d="M10 6H28V8H10z"/><path d="M10 24H28V26H10z"/><path d="M10 15H28V17H10z"/><path d="M4 15H6V17H4z"/><path d="M4 6H6V8H4z"/><path d="M4 24H6V26H4z"/>',
   "list--boxes": '<path d="M16 8H30V10H16z"/><path d="M16 22H30V24H16z"/><path d="M10,14H4a2.0023,2.0023,0,0,1-2-2V6A2.0023,2.0023,0,0,1,4,4h6a2.0023,2.0023,0,0,1,2,2v6A2.0023,2.0023,0,0,1,10,14ZM4,6v6h6.0012L10,6Z"/><path d="M10,28H4a2.0023,2.0023,0,0,1-2-2V20a2.0023,2.0023,0,0,1,2-2h6a2.0023,2.0023,0,0,1,2,2v6A2.0023,2.0023,0,0,1,10,28ZM4,20v6h6.0012L10,20Z"/>',
   "list--checked": '<path d="M16 22H30V24H16z"/><path d="M14 19.4 12.6 18 6 24.6 3.4 22 2 23.4 6 27.4z"/><path d="M16 8H30V10H16z"/><path d="M14 5.4 12.6 4 6 10.6 3.4 8 2 9.4 6 13.4z"/>',
   "location": '<path d="M16,18a5,5,0,1,1,5-5A5.0057,5.0057,0,0,1,16,18Zm0-8a3,3,0,1,0,3,3A3.0033,3.0033,0,0,0,16,10Z"/><path d="M16,30,7.5645,20.0513c-.0479-.0571-.3482-.4515-.3482-.4515A10.8888,10.8888,0,0,1,5,13a11,11,0,0,1,22,0,10.8844,10.8844,0,0,1-2.2148,6.5973l-.0015.0025s-.3.3944-.3447.4474ZM8.8125,18.395c.001.0007.2334.3082.2866.3744L16,26.9079l6.91-8.15c.0439-.0552.2783-.3649.2788-.3657A8.901,8.901,0,0,0,25,13,9,9,0,1,0,7,13a8.9054,8.9054,0,0,0,1.8125,5.395Z"/>',
+  "location--company": '<path d="M16,30,7.5645,20.0513c-.0479-.0571-.3482-.4515-.3482-.4515A10.8888,10.8888,0,0,1,5,13a11,11,0,0,1,22,0,10.8844,10.8844,0,0,1-2.2148,6.5973l-.0015.0025s-.3.3944-.3447.4474ZM8.8125,18.395c.001.0007.2334.3082.2866.3744L16,26.9079l6.91-8.15c.0439-.0552.2783-.3649.2788-.3657A8.901,8.901,0,0,0,25,13,9,9,0,0,0,7,13a8.9054,8.9054,0,0,0,1.8125,5.395Z"/><path d="M21,18H19V10H13v8H11V10a2.0021,2.0021,0,0,1,2-2h6a2.0021,2.0021,0,0,1,2,2Z"/><path d="M15 16H17V18H15z"/><path d="M15 12H17V14H15z"/>',
   "locked": '<path d="M24,14H22V8A6,6,0,0,0,10,8v6H8a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V16A2,2,0,0,0,24,14ZM12,8a4,4,0,0,1,8,0v6H12ZM24,28H8V16H24Z"/>',
+  "login": '<path d="M26,30H14a2,2,0,0,1-2-2V25h2v3H26V4H14V7H12V4a2,2,0,0,1,2-2H26a2,2,0,0,1,2,2V28A2,2,0,0,1,26,30Z"/><path d="M14.59 20.59 18.17 17 4 17 4 15 18.17 15 14.59 11.41 16 10 22 16 16 22 14.59 20.59z"/>',
+  "logout": '<path d="M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"/><path d="M20.586 20.586 24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586z"/>',
+  "maximize": '<path d="M20 2 20 4 26.586 4 18 12.582 19.414 14 28 5.414 28 12 30 12 30 2 20 2z"/><path d="M14 19.416 12.592 18 4 26.586 4 20 2 20 2 30 12 30 12 28 5.414 28 14 19.416z"/>',
   "menu": '<path d="M4 6H28V8H4z"/><path d="M4 24H28V26H4z"/><path d="M4 12H28V14H4z"/><path d="M4 18H28V20H4z"/>',
   "minimize": '<path d="M4 18 4 20 10.586 20 2 28.582 3.414 30 12 21.414 12 28 14 28 14 18 4 18z"/><path d="M30 3.416 28.592 2 20 10.586 20 4 18 4 18 14 28 14 28 12 21.414 12 30 3.416z"/>',
   "misuse": '<path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M21.4,23L16,17.6L10.6,23L9,21.4l5.4-5.4L9,10.6L10.6,9	l5.4,5.4L21.4,9l1.6,1.6L17.6,16l5.4,5.4L21.4,23z"/><path fill="none" d="M21.4,23L16,17.6L10.6,23L9,21.4l5.4-5.4L9,10.6L10.6,9l5.4,5.4L21.4,9l1.6,1.6L17.6,16	l5.4,5.4L21.4,23z" data-icon-path="inner-path" opacity="0"/>',
+  "money": '<path d="M2 22H30V24H2z"/><path d="M2 26H30V28H2z"/><path d="M24,10a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z"/><path d="M16,16a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,16,16Zm0-6a2,2,0,1,0,2,2A2.002,2.002,0,0,0,16,10Z"/><path d="M8,10a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z"/><path d="M28,20H4a2.0051,2.0051,0,0,1-2-2V6A2.0051,2.0051,0,0,1,4,4H28a2.0051,2.0051,0,0,1,2,2V18A2.0027,2.0027,0,0,1,28,20ZM28,6H4V18H28Z"/>',
+  "notebook": '<path d="M19 10H26V12H19z"/><path d="M19 15H26V17H19z"/><path d="M19 20H26V22H19z"/><path d="M28,5H4A2.002,2.002,0,0,0,2,7V25a2.0023,2.0023,0,0,0,2,2H28a2.0027,2.0027,0,0,0,2-2V7A2.0023,2.0023,0,0,0,28,5ZM4,7H15V25H4ZM17,25V7H28l.002,18Z"/>',
   "notification": '<path d="M28.7071,19.293,26,16.5859V13a10.0136,10.0136,0,0,0-9-9.9492V1H15V3.0508A10.0136,10.0136,0,0,0,6,13v3.5859L3.2929,19.293A1,1,0,0,0,3,20v3a1,1,0,0,0,1,1h7v.7768a5.152,5.152,0,0,0,4.5,5.1987A5.0057,5.0057,0,0,0,21,25V24h7a1,1,0,0,0,1-1V20A1,1,0,0,0,28.7071,19.293ZM19,25a3,3,0,0,1-6,0V24h6Zm8-3H5V20.4141L7.707,17.707A1,1,0,0,0,8,17V13a8,8,0,0,1,16,0v4a1,1,0,0,0,.293.707L27,20.4141Z"/>',
+  "overflow-menu--horizontal": '<circle cx="8" cy="16" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="24" cy="16" r="2"/>',
   "overflow-menu--vertical": '<circle cx="16" cy="8" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="16" cy="24" r="2"/>',
+  "partnership": '<path d="M8,9a4,4,0,1,1,4-4A4,4,0,0,1,8,9ZM8,3a2,2,0,1,0,2,2A2,2,0,0,0,8,3Z"/><path d="M24,9a4,4,0,1,1,4-4A4,4,0,0,1,24,9Zm0-6a2,2,0,1,0,2,2A2,2,0,0,0,24,3Z"/><path d="M26,30H22a2,2,0,0,1-2-2V21h2v7h4V19h2V13a1,1,0,0,0-1-1H20.58L16,20l-4.58-8H5a1,1,0,0,0-1,1v6H6v9h4V21h2v7a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V21a2,2,0,0,1-2-2V13a3,3,0,0,1,3-3h7.58L16,16l3.42-6H27a3,3,0,0,1,3,3v6a2,2,0,0,1-2,2v7A2,2,0,0,1,26,30Z"/>',
+  "payment--methods": '<path d="M5,26V15.8281l-3.5859,3.586L0,18l6-6,6,6-1.4141,1.4141-3.5859-3.586v10.1719h12v2H7c-1.104-.0013-1.9987-.896-2-2Z"/><path d="M31,18h-3v-2h-2v2h-1c-1.1046,0-2,.8954-2,2v2c0,1.1046,.8954,2,2,2h4v2h-6s0,2,0,2h3v2h2v-2h1c1.1046,0,2-.8954,2-2v-2c0-1.1046-.8954-2-2-2h-4v-2h6v-2Z"/><path d="M28,12V6c-.0012-1.104-.896-1.9988-2-2H12v2h14v6"/><path d="M2 6H7V8H2z"/><path d="M2 2H10V4H2z"/>',
+  "percentage": '<path d="M9,14a5,5,0,1,1,5-5A5.0055,5.0055,0,0,1,9,14ZM9,6a3,3,0,1,0,3,3A3.0033,3.0033,0,0,0,9,6Z"/><path d="M.029 15H31.97V17H.029z" transform="rotate(-45 16 16)"/><path d="M23,28a5,5,0,1,1,5-5A5.0055,5.0055,0,0,1,23,28Zm0-8a3,3,0,1,0,3,3A3.0033,3.0033,0,0,0,23,20Z"/>',
+  "phone": '<path d="M26,29h-.17C6.18,27.87,3.39,11.29,3,6.23A3,3,0,0,1,5.76,3h5.51a2,2,0,0,1,1.86,1.26L14.65,8a2,2,0,0,1-.44,2.16l-2.13,2.15a9.37,9.37,0,0,0,7.58,7.6l2.17-2.15A2,2,0,0,1,24,17.35l3.77,1.51A2,2,0,0,1,29,20.72V26A3,3,0,0,1,26,29ZM6,5A1,1,0,0,0,5,6v.08C5.46,12,8.41,26,25.94,27A1,1,0,0,0,27,26.06V20.72l-3.77-1.51-2.87,2.85L19.88,22C11.18,20.91,10,12.21,10,12.12l-.06-.48,2.84-2.87L11.28,5Z"/>',
+  "piggy-bank": '<path d="M16.5,14H20V12H18V11H16v1.0508A2.5,2.5,0,0,0,16.5,17h1a.5.5,0,0,1,0,1H14v2h2v1h2V19.9492A2.5,2.5,0,0,0,17.5,15h-1a.5.5,0,0,1,0-1Z"/><path d="M29,13H26.98A5.7789,5.7789,0,0,0,25,8.8525V5a1,1,0,0,0-1.6-.8L19.6665,7H15c-5.5095,0-9.4634,3.2412-9.9485,8H5a1.0009,1.0009,0,0,1-1-1V12H2v2a3.0033,3.0033,0,0,0,3,3h.07A9.1733,9.1733,0,0,0,9,23.5566V27a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1V25h3v2a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1V23.6372A5.0926,5.0926,0,0,0,26.8188,20H29a1,1,0,0,0,1-1V14A1,1,0,0,0,29,13Zm-1,5H25.124c-.3052,2.7529-.8235,3.4854-3.124,4.3154V26H20V23H13v3H11V22.3779A7.013,7.013,0,0,1,7,16c0-4.8354,4.0181-7,8-7h5.3335L23,7V9.7764c2.4182,1.8593,1.9126,3.186,2.0183,5.2236H28Z"/>',
+  "portfolio": '<path d="M28,10H22V6a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2v4H4a2,2,0,0,0-2,2V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V12A2,2,0,0,0,28,10ZM12,6h8v4H12ZM4,26V12H28V26Z"/>',
   "printer": '<path d="M28,9H25V3H7V9H4a2,2,0,0,0-2,2V21a2,2,0,0,0,2,2H7v6H25V23h3a2,2,0,0,0,2-2V11A2,2,0,0,0,28,9ZM9,5H23V9H9ZM23,27H9V17H23Zm5-6H25V15H7v6H4V11H28Z"/>',
+  "purchase": '<path d="M28,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6Zm0,2v3H4V8ZM4,24V13H28V24Z"/><path d="M6 20H16V22H6z"/>',
   "qr-code": '<path d="M24 26H26V28H24z" transform="rotate(-90 25 27)"/><path d="M18 22H20V24H18z" transform="rotate(-90 19 23)"/><path d="M18 30 22 30 22 28 20 28 20 26 18 26 18 30z"/><path d="M25 23H29V25H25z" transform="rotate(-90 27 24)"/><path d="M28 26 30 26 30 30 26 30 26 28 28 28 28 26z"/><path d="M26 20 26 18 30 18 30 22 28 22 28 20 26 20z"/><path d="M24 20 22 20 22 24 20 24 20 26 24 26 24 20z"/><path d="M19 17H21V21H19z" transform="rotate(-90 20 19)"/><path d="M6 22H10V26H6z"/><path d="M14,30H2V18H14ZM4,28h8V20H4Z"/><path d="M22 6H26V10H22z"/><path d="M30,14H18V2H30ZM20,12h8V4H20Z"/><path d="M6 6H10V10H6z"/><path d="M14,14H2V2H14ZM4,12h8V4H4Z"/>',
+  "receipt": '<path d="M21 16H23V18H21z"/><path d="M9 16H17V18H9z"/><path d="M21 12H23V14H21z"/><path d="M9 12H17V14H9z"/><path d="M9 8H23V10H9z"/><path d="M25,2H7A2.002,2.002,0,0,0,5,4V29a1,1,0,0,0,1,1H7a.9987.9987,0,0,0,.8-.4L10,26.667,12.2,29.6a1.0353,1.0353,0,0,0,1.6,0L16,26.667,18.2,29.6a1.0353,1.0353,0,0,0,1.6,0L22,26.667,24.2,29.6a.9993.9993,0,0,0,.8.4h1a1,1,0,0,0,1-1V4A2.0023,2.0023,0,0,0,25,2Zm0,25.333L22.8,24.4a1.0353,1.0353,0,0,0-1.6,0L19,27.333,16.8,24.4a1.0353,1.0353,0,0,0-1.6,0L13,27.333,10.8,24.4a1.0353,1.0353,0,0,0-1.6,0L7,27.333V4H25Z"/>',
   "recently-viewed": '<path d="M20.59 22 15 16.41 15 7 17 7 17 15.58 22 20.59 20.59 22z"/><path d="M16,2A13.94,13.94,0,0,0,6,6.23V2H4v8h8V8H7.08A12,12,0,1,1,4,16H2A14,14,0,1,0,16,2Z"/>',
+  "redo": '<path d="M12,10H24.1851L20.5977,6.4141,22,5,28,11,22,17l-1.4023-1.4146L24.1821,12H12a6,6,0,0,0,0,12h8v2H12a8,8,0,0,1,0-16Z"/>',
   "renew": '<path d="M12,10H6.78A11,11,0,0,1,27,16h2A13,13,0,0,0,6,7.68V4H4v8h8Z"/><path d="M20,22h5.22A11,11,0,0,1,5,16H3a13,13,0,0,0,23,8.32V28h2V20H20Z"/>',
+  "repeat": '<path d="M6,6H26.1719l-3.586-3.5859L24,1l6,6-6,6-1.4141-1.4141L26.1719,8H6v7H4V8A2.0024,2.0024,0,0,1,6,6Z"/><path d="M9.4141,20.4141,5.8281,24H26V17h2v7a2.0024,2.0024,0,0,1-2,2H5.8281L9.414,29.5859,8,31,2,25l6-6Z"/>',
+  "report": '<path d="M10 18H18V20H10z"/><path d="M10 13H22V15H10z"/><path d="M10 23H15V25H10z"/><path d="M25,5H22V4a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2V5H7A2,2,0,0,0,5,7V28a2,2,0,0,0,2,2H25a2,2,0,0,0,2-2V7A2,2,0,0,0,25,5ZM12,4h8V8H12ZM25,28H7V7h3v3H22V7h3Z"/>',
+  "request-quote": '<path d="M22,22v6H6V4H16V2H6A2,2,0,0,0,4,4V28a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V22Z"/><path d="M29.54,5.76l-3.3-3.3a1.6,1.6,0,0,0-2.24,0l-14,14V22h5.53l14-14a1.6,1.6,0,0,0,0-2.24ZM14.7,20H12V17.3l9.44-9.45,2.71,2.71ZM25.56,9.15,22.85,6.44l2.27-2.27,2.71,2.71Z"/>',
+  "reset": '<path d="M18,28A12,12,0,1,0,6,16v6.2L2.4,18.6,1,20l6,6,6-6-1.4-1.4L8,22.2V16H8A10,10,0,1,1,18,26Z"/>',
+  "rule": '<path d="M10 16H22V18H10z"/><path d="M10 10H22V12H10z"/><path d="M16,30,9.8242,26.7071A10.9815,10.9815,0,0,1,4,17V4A2.0022,2.0022,0,0,1,6,2H26a2.0022,2.0022,0,0,1,2,2V17a10.9815,10.9815,0,0,1-5.8242,9.7069ZM6,4V17a8.9852,8.9852,0,0,0,4.7656,7.9423L16,27.7333l5.2344-2.791A8.9852,8.9852,0,0,0,26,17V4Z"/>',
+  "save": '<path d="M27.71,9.29l-5-5A1,1,0,0,0,22,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V10A1,1,0,0,0,27.71,9.29ZM12,6h8v4H12Zm8,20H12V18h8Zm2,0V18a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2v8H6V6h4v4a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V6.41l4,4V26Z"/>',
+  "scales": '<path d="M20,16a5,5,0,0,0,10,0,1,1,0,0,0-.1055-.4473L25.896,7.5562a.8913.8913,0,0,0-.0454-.0816A1,1,0,0,0,25,7H18.8218A3.0155,3.0155,0,0,0,17,5.1841V2H15V5.1841A3.0155,3.0155,0,0,0,13.1782,7H7a1,1,0,0,0-.8945.5527l-4,8A1,1,0,0,0,2,16a5,5,0,0,0,10,0,1,1,0,0,0-.1055-.4473L8.6182,9h4.56A3.0147,3.0147,0,0,0,15,10.8154V28H6v2H26V28H17V10.8159A3.0155,3.0155,0,0,0,18.8218,9h4.56l-3.2763,6.5527A1,1,0,0,0,20,16ZM7,19a2.9958,2.9958,0,0,1-2.8152-2h5.63A2.9956,2.9956,0,0,1,7,19Zm2.3821-4H4.6179L7,10.2363ZM16,9a1,1,0,1,1,1-1A1.0009,1.0009,0,0,1,16,9Zm9,10a2.9958,2.9958,0,0,1-2.8152-2h5.63A2.9956,2.9956,0,0,1,25,19Zm0-8.7637L27.3821,15H22.6179Z"/>',
   "search": '<path d="M29,27.5859l-7.5521-7.5521a11.0177,11.0177,0,1,0-1.4141,1.4141L27.5859,29ZM4,13a9,9,0,1,1,9,9A9.01,9.01,0,0,1,4,13Z"/>',
+  "send": '<path d="M27.45,15.11l-22-11a1,1,0,0,0-1.08.12,1,1,0,0,0-.33,1L7,16,4,26.74A1,1,0,0,0,5,28a1,1,0,0,0,.45-.11l22-11a1,1,0,0,0,0-1.78Zm-20.9,10L8.76,17H18V15H8.76L6.55,6.89,24.76,16Z"/>',
   "settings": '<path d="M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z"/><path d="M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z"/>',
   "settings--adjust": '<path d="M30,8h-4.1c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2v2h14.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30V8z M21,12c-1.7,0-3-1.3-3-3	s1.3-3,3-3s3,1.3,3,3S22.7,12,21,12z"/><path d="M2,24h4.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30v-2H15.9c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2V24z M11,20c1.7,0,3,1.3,3,3	s-1.3,3-3,3s-3-1.3-3-3S9.3,20,11,20z"/>',
+  "shopping--bag": '<path d="M28.76,11.35A1,1,0,0,0,28,11H22V7a3,3,0,0,0-3-3H13a3,3,0,0,0-3,3v4H4a1,1,0,0,0-1,1.15L4.88,24.3a2,2,0,0,0,2,1.7H25.14a2,2,0,0,0,2-1.7L29,12.15A1,1,0,0,0,28.76,11.35ZM12,7a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v4H12ZM25.14,24H6.86L5.17,13H26.83Z"/>',
   "shopping--cart": '<circle cx="10" cy="28" r="2"/><circle cx="24" cy="28" r="2"/><path d="M28,7H5.82L5,2.8A1,1,0,0,0,4,2H0V4H3.18L7,23.2A1,1,0,0,0,8,24H26V22H8.82L8,18H26a1,1,0,0,0,1-.78l2-9A1,1,0,0,0,28,7Zm-2.8,9H7.62L6.22,9H26.75Z"/>',
+  "sort--ascending": '<path d="M18 22 19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22z"/><path d="M2 18H16V20H2z"/><path d="M6 12H16V14H6z"/><path d="M10 6H16V8H10z"/>',
+  "sort--descending": '<path d="M18 22 19.414 20.586 23 24.172 23 4 25 4 25 24.172 28.586 20.586 30 22 24 28 18 22z"/><path d="M2 6H16V8H2z"/><path d="M6 12H16V14H6z"/><path d="M10 18H16V20H10z"/>',
+  "star": '<path d="M16,6.52l2.76,5.58.46,1,1,.15,6.16.89L22,18.44l-.75.73.18,1,1.05,6.13-5.51-2.89L16,23l-.93.49L9.56,26.34l1-6.13.18-1L10,18.44,5.58,14.09l6.16-.89,1-.15.46-1L16,6.52M16,2l-4.55,9.22L1.28,12.69l7.36,7.18L6.9,30,16,25.22,25.1,30,23.36,19.87l7.36-7.17L20.55,11.22Z"/>',
+  "star--filled": '<path d="M16,2l-4.55,9.22L1.28,12.69l7.36,7.18L6.9,30,16,25.22,25.1,30,23.36,19.87l7.36-7.17L20.55,11.22Z"/>',
   "subtract": '<path d="M8 15H24V17H8z"/>',
+  "table--split": '<path d="M27,3H5A2,2,0,0,0,3,5V27a2,2,0,0,0,2,2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,2V9H5V5ZM17,11H27v7H17Zm-2,7H5V11H15ZM5,20H15v7H5Zm12,7V20H27v7Z"/>',
+  "tag": '<path d="M10,14a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,14Zm0-6a2,2,0,1,0,1.998,2.0044A2.002,2.002,0,0,0,10,8Z"/><path d="M16.6436,29.4145,2.5858,15.3555A2,2,0,0,1,2,13.9414V4A2,2,0,0,1,4,2h9.9413a2,2,0,0,1,1.4142.5858L29.4144,16.6436a2.0005,2.0005,0,0,1,0,2.8285l-9.9424,9.9425a2.0008,2.0008,0,0,1-2.8285,0ZM4,4v9.9417L18.0578,28,28,18.0579,13.9416,4Z"/>',
+  "task": '<path d="M14 20.18 10.41 16.59 9 18 14 23 23 14 21.59 12.58 14 20.18z"/><path d="M25,5H22V4a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2V5H7A2,2,0,0,0,5,7V28a2,2,0,0,0,2,2H25a2,2,0,0,0,2-2V7A2,2,0,0,0,25,5ZM12,4h8V8H12ZM25,28H7V7h3v3H22V7h3Z"/>',
+  "task--complete": '<path d="M22 27.18 19.41 24.59 18 26 22 30 30 22 28.59 20.59 22 27.18z"/><path d="M25,5H22V4a2.0058,2.0058,0,0,0-2-2H12a2.0058,2.0058,0,0,0-2,2V5H7A2.0058,2.0058,0,0,0,5,7V28a2.0058,2.0058,0,0,0,2,2h9V28H7V7h3v3H22V7h3V18h2V7A2.0058,2.0058,0,0,0,25,5ZM20,8H12V4h8Z"/>',
   "text--font": '<path d="M25,12H20v2h5a1.0008,1.0008,0,0,1,1,1v2H22a3.0033,3.0033,0,0,0-3,3v1a3.0033,3.0033,0,0,0,3,3h6V15A3.0033,3.0033,0,0,0,25,12ZM22,22a1.0008,1.0008,0,0,1-1-1V20a1.0008,1.0008,0,0,1,1-1h4v3Z"/><path d="M16,24h2L12,7H10L4,24H6l1.6936-5h6.6135ZM8.3711,17l2.4966-7.3711.2668.0005L13.63,17Z"/>',
   "time": '<path d="M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"/><path d="M20.59 22 15 16.41 15 7 17 7 17 15.58 22 20.59 20.59 22z"/>',
   "trash-can": '<path d="M12 12H14V24H12z"/><path d="M18 12H20V24H18z"/><path d="M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z"/><path d="M12 2H20V4H12z"/>',
+  "undo": '<path d="M20,10H7.8149l3.5874-3.5859L10,5,4,11,10,17l1.4023-1.4146L7.8179,12H20a6,6,0,0,1,0,12H12v2h8a8,8,0,0,0,0-16Z"/>',
   "user": '<path d="M16,4a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,16,2Z"/><path d="M26,30H24V25a5,5,0,0,0-5-5H13a5,5,0,0,0-5,5v5H6V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"/>',
+  "user--admin": '<path d="M12,4A5,5,0,1,1,7,9a5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,12,2Z"/><path d="M22,30H20V25a5,5,0,0,0-5-5H9a5,5,0,0,0-5,5v5H2V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"/><path d="M25 16.18 22.41 13.59 21 15 25 19 32 12 30.59 10.59 25 16.18z"/>',
+  "user--follow": '<path d="M32 14 28 14 28 10 26 10 26 14 22 14 22 16 26 16 26 20 28 20 28 16 32 16 32 14z"/><path d="M12,4A5,5,0,1,1,7,9a5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,12,2Z"/><path d="M22,30H20V25a5,5,0,0,0-5-5H9a5,5,0,0,0-5,5v5H2V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"/>',
+  "user--multiple": '<path d="M30,30H28V25a5.0057,5.0057,0,0,0-5-5V18a7.0078,7.0078,0,0,1,7,7Z"/><path d="M22,30H20V25a5.0059,5.0059,0,0,0-5-5H9a5.0059,5.0059,0,0,0-5,5v5H2V25a7.0082,7.0082,0,0,1,7-7h6a7.0082,7.0082,0,0,1,7,7Z"/><path d="M20,2V4a5,5,0,0,1,0,10v2A7,7,0,0,0,20,2Z"/><path d="M12,4A5,5,0,1,1,7,9a5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,12,2Z"/>',
+  "user--profile": '<path d="M12,4A5,5,0,1,1,7,9a5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,12,2Z"/><path d="M22,30H20V25a5,5,0,0,0-5-5H9a5,5,0,0,0-5,5v5H2V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"/><path d="M22 4H32V6H22z"/><path d="M22 9H32V11H22z"/><path d="M22 14H29V16H22z"/>',
   "view": '<path d="M30.94,15.66A16.69,16.69,0,0,0,16,5,16.69,16.69,0,0,0,1.06,15.66a1,1,0,0,0,0,.68A16.69,16.69,0,0,0,16,27,16.69,16.69,0,0,0,30.94,16.34,1,1,0,0,0,30.94,15.66ZM16,25c-5.3,0-10.9-3.93-12.93-9C5.1,10.93,10.7,7,16,7s10.9,3.93,12.93,9C26.9,21.07,21.3,25,16,25Z"/><path d="M16,10a6,6,0,1,0,6,6A6,6,0,0,0,16,10Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,16,20Z"/>',
+  "wallet": '<path d="M22 17H24V19H22z"/><path d="M28,8H4V5H26V3H4A2,2,0,0,0,2,5V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10A2,2,0,0,0,28,8ZM4,26V10H28v3H20a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h8v3ZM28,15v6H20V15Z"/>',
   "warning--alt": '<path d="M16,23a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,23Z"/><path d="M15 12H17V21H15z"/><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"/>',
   "warning--filled": '<path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14C30,8.3,23.7,2,16,2z M14.9,8h2.2v11h-2.2V8z M16,25	c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z"/><path fill="none" d="M17.5,23.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22	C16.8,22,17.5,22.7,17.5,23.5z M17.1,8h-2.2v11h2.2V8z" data-icon-path="inner-path" opacity="0"/>'
 };
@@ -133,8 +208,96 @@ var CARBON_MAP = {
   "pencil": "edit",
   "lock": "locked",
   "eye": "view",
-  "minimize-2": "minimize"
+  "minimize-2": "minimize",
+  /* --- Direction and chrome, completing the sets above --------------------
+     `chevron-up` and `arrow-left` were missing while their three siblings shipped, so a collapsible
+     that pointed down had nothing to point back up with. */
+  "chevron-up": "chevron--up",
+  "arrow-left": "arrow--left",
+  "more-horizontal": "overflow-menu--horizontal",
+  "maximize-2": "maximize",
+  "log-out": "logout",
+  "log-in": "login",
+  "archive": "archive",
+  "folder": "folder",
+  "book": "book",
+  "notebook": "notebook",
+  "asterisk": "asterisk",
+  "bookmark": "bookmark",
+  "star": "star",
+  "star-filled": "star--filled",
+  "tag": "tag",
+  "repeat": "repeat",
+  "undo-2": "undo",
+  "redo-2": "redo",
+  "rotate-ccw": "reset",
+  "table": "table--split",
+  "database": "data--base",
+  "function-square": "function",
+  /* --- Money -------------------------------------------------------------
+     `credit-card` is here because its absence shipped: it resolved to nothing, rendered an empty
+     box, and reached production on the payment notifications. Carbon spells it `payment--methods`,
+     which is exactly the kind of mismatch this map exists to absorb. */
+  "credit-card": "payment--methods",
+  "wallet": "wallet",
+  "banknote": "money",
+  "coins": "currency",
+  "dollar-sign": "currency--dollar",
+  "euro": "currency--euro",
+  "receipt": "receipt",
+  "percent": "percentage",
+  "piggy-bank": "piggy-bank",
+  "landmark": "bank--vault",
+  "scale": "scales",
+  "purchase": "purchase",
+  /* --- Documents and ERP objects ----------------------------------------- */
+  "file-signature": "request-quote",
+  "scroll-text": "license",
+  "file-plus": "document--add",
+  "save": "save",
+  "file-bar-chart": "report",
+  "list-todo": "task",
+  "check-square": "task--complete",
+  "gavel": "rule",
+  "id-card": "identification",
+  "briefcase": "portfolio",
+  "handshake": "partnership",
+  "lightbulb": "idea",
+  "inventory": "inventory-management",
+  "package-2": "delivery--parcel",
+  "shopping-bag": "shopping--bag",
+  "barcode": "barcode",
+  "qr-code": "qr-code",
+  "git-branch": "flow",
+  "bug": "debug",
+  /* --- People and contact ------------------------------------------------- */
+  "users": "user--multiple",
+  "user-plus": "user--follow",
+  "user-cog": "user--admin",
+  "user-circle": "user--profile",
+  "mail": "email",
+  "phone": "phone",
+  "send": "send",
+  "globe": "globe",
+  "building": "location--company",
+  /* --- Charts and time ---------------------------------------------------- */
+  "bar-chart-3": "chart--column",
+  "bar-chart-horizontal": "chart--bar",
+  "line-chart": "chart--line",
+  "pie-chart": "chart--pie",
+  "area-chart": "chart--area",
+  "calendar-days": "events",
+  "calendar-plus": "calendar--add",
+  "calendar-heatmap": "calendar--heat-map",
+  /* --- Transfer ----------------------------------------------------------- */
+  "cloud-upload": "cloud--upload",
+  "cloud-download": "cloud--download",
+  "filter-x": "filter--edit",
+  "arrow-up-narrow-wide": "sort--ascending",
+  "arrow-down-wide-narrow": "sort--descending",
+  "badge-info": "information--square"
 };
+var ICON_NAMES = Object.freeze(Object.keys(CARBON_MAP).sort());
 
 // src/components/core/Icon.tsx
 import { jsx } from "react/jsx-runtime";
@@ -187,7 +350,14 @@ function Icon({ name, size = 16, label, pack, style, ...rest }) {
       "data-icon": name,
       ...rest,
       style: { display: "inline-block", flex: "0 0 auto", width: size, height: size, ...style },
-      children: markup === void 0 ? null : /* @__PURE__ */ jsx(
+      children: markup === void 0 ? (
+        // A broken icon has to look broken. In development the box gets a dashed outline so the
+        // gap is visible on screen instead of only in a console warning that is easy to lose in a
+        // busy log — which is how a missing `credit-card` reached production as a blank square.
+        // Production still renders nothing at all: a dev diagnostic must never become a user's
+        // first sight of a defect. Deliberately not an <svg>, so nothing reads it as a real glyph.
+        IS_DEV ? /* @__PURE__ */ jsx("span", { className: "pire-icon-missing", title: `Unknown icon: ${name}` }) : null
+      ) : /* @__PURE__ */ jsx(
         "svg",
         {
           viewBox: "0 0 32 32",
@@ -511,25 +681,175 @@ function Separator({
   );
 }
 
+// src/components/core/Kbd.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function Kbd({ children, size = "md", className, ...rest }) {
+  return /* @__PURE__ */ jsx14("kbd", { className: cx("pire-kbd", className), "data-size": size, ...rest, children });
+}
+
 // src/components/forms/FormField.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function FormField({ label, htmlFor, isRequired, hint, error, layout = "stacked", children, className, ...rest }) {
   return /* @__PURE__ */ jsxs9("div", { className: cx("pire-field", className), "data-layout": layout, ...rest, children: [
     /* @__PURE__ */ jsxs9("label", { className: "pire-field-label", htmlFor, children: [
       label,
-      isRequired ? /* @__PURE__ */ jsx14("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ jsx15("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }),
     children,
     error ? /* @__PURE__ */ jsxs9("span", { className: "pire-field-error", role: "alert", children: [
-      /* @__PURE__ */ jsx14(Icon, { name: "alert-circle", size: 12 }),
+      /* @__PURE__ */ jsx15(Icon, { name: "alert-circle", size: 12 }),
       error
-    ] }) : hint ? /* @__PURE__ */ jsx14("span", { className: "pire-field-hint", children: hint }) : null
+    ] }) : hint ? /* @__PURE__ */ jsx15("span", { className: "pire-field-hint", children: hint }) : null
   ] });
 }
 
 // src/components/forms/Input.tsx
-import { TextField, Label, Input as AriaInput, Group, Text as Text2, FieldError } from "react-aria-components";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import * as React6 from "react";
+import {
+  TextField,
+  Label,
+  Input as AriaInput,
+  Group,
+  Text as Text2,
+  FieldError,
+  Button as AriaButton4
+} from "react-aria-components";
+
+// src/i18n/PireIntlProvider.tsx
+import * as React5 from "react";
+
+// src/i18n/messages.ts
+var enMessages = {
+  filterBarLabel: "Filters",
+  filterBarGo: "Go",
+  filterBarClearAll: "Clear all",
+  dataTableSelectAll: "Select all rows",
+  dataTableSelectRow: "Select row",
+  dataTableLoading: "Loading records",
+  dialogClose: "Close",
+  sidePanelClose: "Close panel",
+  inlineMessageDismiss: "Dismiss message",
+  toastDismiss: "Dismiss",
+  toastRegionLabel: "Notifications",
+  selectEmpty: "No options available",
+  comboBoxShowSuggestions: "Show suggestions",
+  comboBoxLoading: "Searching\u2026",
+  datePickerOpenCalendar: "Open calendar",
+  datePickerPreviousMonth: "Previous month",
+  datePickerNextMonth: "Next month",
+  dateRangePresetsLabel: "Date range shortcuts",
+  numberFieldIncrease: "Increase",
+  numberFieldDecrease: "Decrease",
+  inputClear: "Clear",
+  valueHelpFieldPlaceholder: "Not selected",
+  valueHelpFieldClear: "Clear selection",
+  valueHelpFieldOpenNamed: "Select {label}",
+  valueHelpFieldOpen: "Open value help",
+  valueHelpDialogSearch: "Search records",
+  valueHelpDialogTitle: "Select a record",
+  valueHelpDialogSearchPlaceholder: "Search by ID or name",
+  valueHelpDialogEmpty: "No records found",
+  valueHelpDialogCancel: "Cancel",
+  paginationLabel: "Pagination",
+  paginationRange: "{from}\u2013{to} of {total}",
+  paginationPageOf: "Page {page} of {pages}",
+  paginationPrevious: "Previous page",
+  paginationNext: "Next page",
+  paginationRowsPerPage: "Rows per page",
+  sideNavLabel: "Main navigation",
+  fileUploadChoose: "Choose files",
+  fileUploadRemoveNamed: "Remove {name}",
+  fileUploadUploading: "Uploading",
+  fileDropZonePrompt: "Drag files here, or choose them",
+  shellBarUserMenu: "Account menu for {user}",
+  commandPaletteLabel: "Command palette",
+  commandPaletteSearchLabel: "Search commands and records",
+  commandPalettePlaceholder: "Search for a screen, an action or a record\u2026",
+  commandPaletteEmpty: "Nothing matches that",
+  commandPaletteLoading: "Searching\u2026",
+  commandPaletteHintNavigate: "navigate",
+  commandPaletteHintSelect: "open",
+  commandPaletteHintClose: "close",
+  chartCategoryHeader: "Category",
+  chartNoValue: "No data",
+  chartEmpty: "No data for this period"
+};
+var esMessages = {
+  filterBarLabel: "Filtros",
+  filterBarGo: "Buscar",
+  filterBarClearAll: "Limpiar todo",
+  dataTableSelectAll: "Seleccionar todas las filas",
+  dataTableSelectRow: "Seleccionar fila",
+  dataTableLoading: "Cargando registros",
+  dialogClose: "Cerrar",
+  sidePanelClose: "Cerrar panel",
+  inlineMessageDismiss: "Descartar mensaje",
+  toastDismiss: "Descartar",
+  toastRegionLabel: "Notificaciones",
+  selectEmpty: "Sin opciones disponibles",
+  comboBoxShowSuggestions: "Mostrar sugerencias",
+  comboBoxLoading: "Buscando\u2026",
+  datePickerOpenCalendar: "Abrir calendario",
+  datePickerPreviousMonth: "Mes anterior",
+  datePickerNextMonth: "Mes siguiente",
+  dateRangePresetsLabel: "Atajos de rango de fechas",
+  numberFieldIncrease: "Aumentar",
+  numberFieldDecrease: "Disminuir",
+  inputClear: "Limpiar",
+  valueHelpFieldPlaceholder: "Sin seleccionar",
+  valueHelpFieldClear: "Limpiar selecci\xF3n",
+  valueHelpFieldOpenNamed: "Seleccionar {label}",
+  valueHelpFieldOpen: "Abrir ayuda de valores",
+  valueHelpDialogSearch: "Buscar registros",
+  valueHelpDialogTitle: "Seleccionar un registro",
+  valueHelpDialogSearchPlaceholder: "Buscar por c\xF3digo o nombre",
+  valueHelpDialogEmpty: "No se encontraron registros",
+  valueHelpDialogCancel: "Cancelar",
+  paginationLabel: "Paginaci\xF3n",
+  paginationRange: "{from}\u2013{to} de {total}",
+  paginationPageOf: "P\xE1gina {page} de {pages}",
+  paginationPrevious: "P\xE1gina anterior",
+  paginationNext: "P\xE1gina siguiente",
+  paginationRowsPerPage: "Filas por p\xE1gina",
+  sideNavLabel: "Navegaci\xF3n principal",
+  fileUploadChoose: "Elegir archivos",
+  fileUploadRemoveNamed: "Quitar {name}",
+  fileUploadUploading: "Subiendo",
+  fileDropZonePrompt: "Arrastr\xE1 archivos ac\xE1, o elegilos",
+  shellBarUserMenu: "Men\xFA de cuenta de {user}",
+  commandPaletteLabel: "Paleta de comandos",
+  commandPaletteSearchLabel: "Buscar comandos y registros",
+  commandPalettePlaceholder: "Busc\xE1 una pantalla, una acci\xF3n o un registro\u2026",
+  commandPaletteEmpty: "No hay coincidencias",
+  commandPaletteLoading: "Buscando\u2026",
+  commandPaletteHintNavigate: "navegar",
+  commandPaletteHintSelect: "abrir",
+  commandPaletteHintClose: "cerrar",
+  chartCategoryHeader: "Categor\xEDa",
+  chartNoValue: "Sin datos",
+  chartEmpty: "Sin datos para este per\xEDodo"
+};
+
+// src/i18n/PireIntlProvider.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var MessagesContext = React5.createContext(enMessages);
+function PireIntlProvider({ messages, children }) {
+  const value = React5.useMemo(
+    () => messages ? { ...enMessages, ...messages } : enMessages,
+    [messages]
+  );
+  return /* @__PURE__ */ jsx16(MessagesContext.Provider, { value, children });
+}
+function usePireMessages() {
+  return React5.useContext(MessagesContext);
+}
+function useMessage(key, override) {
+  const messages = React5.useContext(MessagesContext);
+  return override ?? messages[key];
+}
+
+// src/components/forms/Input.tsx
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function Input({
   label,
   icon,
@@ -538,6 +858,8 @@ function Input({
   errorMessage,
   size = "md",
   numeric,
+  isClearable,
+  clearLabel,
   fullWidth = true,
   className,
   style,
@@ -545,18 +867,30 @@ function Input({
   onChange,
   ...rest
 }) {
+  const msg = usePireMessages();
+  const isControlled = rest.value !== void 0;
+  const [ownValue, setOwnValue] = React6.useState(rest.defaultValue ?? "");
+  const currentValue = isControlled ? rest.value : ownValue;
+  const handleChange = (next) => {
+    setOwnValue(next);
+    onChange?.(next);
+  };
+  const takesOverValue = isClearable && !isControlled;
+  const valueProps = takesOverValue ? { value: ownValue, defaultValue: void 0 } : {};
+  const showsClear = isClearable && currentValue !== "" && !rest.isDisabled && !rest.isReadOnly;
   return /* @__PURE__ */ jsxs10(
     TextField,
     {
       className: cx("pire-field", className),
       style,
-      onChange,
+      onChange: handleChange,
       validationBehavior: "aria",
       ...rest,
+      ...valueProps,
       children: [
         label ? /* @__PURE__ */ jsxs10(Label, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx15("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx17("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs10(
           Group,
@@ -567,24 +901,25 @@ function Input({
             "data-invalid": rest.isInvalid ? "true" : void 0,
             "data-readonly": rest.isReadOnly ? "true" : void 0,
             children: [
-              icon ? /* @__PURE__ */ jsx15(Icon, { name: icon, size: 16, className: "pire-leading-icon" }) : null,
-              /* @__PURE__ */ jsx15(AriaInput, { ref: inputRef, className: "pire-input", "data-numeric": numeric ? "true" : void 0 }),
-              suffix ? /* @__PURE__ */ jsx15("span", { className: "pire-affix", children: suffix }) : null
+              icon ? /* @__PURE__ */ jsx17(Icon, { name: icon, size: 16, className: "pire-leading-icon" }) : null,
+              /* @__PURE__ */ jsx17(AriaInput, { ref: inputRef, className: "pire-input", "data-numeric": numeric ? "true" : void 0 }),
+              showsClear ? /* @__PURE__ */ jsx17(AriaButton4, { className: "pire-input-clear", onPress: () => handleChange(""), children: clearLabel ?? msg.inputClear }) : null,
+              suffix ? /* @__PURE__ */ jsx17("span", { className: "pire-affix", children: suffix }) : null
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx15(Text2, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx15(FieldError, { className: "pire-field-error", children: errorMessage })
+        description ? /* @__PURE__ */ jsx17(Text2, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx17(FieldError, { className: "pire-field-error", children: errorMessage })
       ]
     }
   );
 }
 
 // src/components/forms/TextArea.tsx
-import * as React5 from "react";
+import * as React7 from "react";
 import { TextField as TextField2, Label as Label2, TextArea as AriaTextArea, Group as Group2, Text as Text3, FieldError as FieldError2 } from "react-aria-components";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var useIsomorphicLayoutEffect = typeof document === "undefined" ? React5.useEffect : React5.useLayoutEffect;
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+var useIsomorphicLayoutEffect = typeof document === "undefined" ? React7.useEffect : React7.useLayoutEffect;
 function TextArea({
   label,
   description,
@@ -600,13 +935,13 @@ function TextArea({
   onChange,
   ...rest
 }) {
-  const innerRef = React5.useRef(null);
-  const ref = React5.useCallback((node) => {
+  const innerRef = React7.useRef(null);
+  const ref = React7.useCallback((node) => {
     innerRef.current = node;
     if (typeof textAreaRef === "function") textAreaRef(node);
     else if (textAreaRef) textAreaRef.current = node;
   }, [textAreaRef]);
-  const grow = React5.useCallback(() => {
+  const grow = React7.useCallback(() => {
     const el = innerRef.current;
     if (!el || !autoGrow) return;
     const styles = getComputedStyle(el);
@@ -635,9 +970,9 @@ function TextArea({
       children: [
         label ? /* @__PURE__ */ jsxs11(Label2, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx16("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx18("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           Group2,
           {
             className: "pire-control",
@@ -646,7 +981,7 @@ function TextArea({
             "data-multiline": "true",
             "data-invalid": rest.isInvalid ? "true" : void 0,
             "data-readonly": rest.isReadOnly ? "true" : void 0,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx18(
               AriaTextArea,
               {
                 ref,
@@ -658,8 +993,8 @@ function TextArea({
             )
           }
         ),
-        description ? /* @__PURE__ */ jsx16(Text3, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx16(FieldError2, { className: "pire-field-error", children: errorMessage })
+        description ? /* @__PURE__ */ jsx18(Text3, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx18(FieldError2, { className: "pire-field-error", children: errorMessage })
       ]
     }
   );
@@ -669,7 +1004,7 @@ function TextArea({
 import {
   Select as AriaSelect,
   Label as Label3,
-  Button as AriaButton4,
+  Button as AriaButton5,
   SelectValue,
   Popover,
   ListBox,
@@ -677,114 +1012,7 @@ import {
   Text as Text4,
   FieldError as FieldError3
 } from "react-aria-components";
-
-// src/i18n/PireIntlProvider.tsx
-import * as React6 from "react";
-
-// src/i18n/messages.ts
-var enMessages = {
-  filterBarLabel: "Filters",
-  filterBarGo: "Go",
-  filterBarClearAll: "Clear all",
-  dataTableSelectAll: "Select all rows",
-  dataTableSelectRow: "Select row",
-  dataTableLoading: "Loading records",
-  dialogClose: "Close",
-  sidePanelClose: "Close panel",
-  inlineMessageDismiss: "Dismiss message",
-  toastDismiss: "Dismiss",
-  toastRegionLabel: "Notifications",
-  selectEmpty: "No options available",
-  comboBoxShowSuggestions: "Show suggestions",
-  comboBoxLoading: "Searching\u2026",
-  datePickerOpenCalendar: "Open calendar",
-  datePickerPreviousMonth: "Previous month",
-  datePickerNextMonth: "Next month",
-  dateRangePresetsLabel: "Date range shortcuts",
-  numberFieldIncrease: "Increase",
-  numberFieldDecrease: "Decrease",
-  valueHelpFieldClear: "Clear selection",
-  valueHelpFieldOpenNamed: "Select {label}",
-  valueHelpFieldOpen: "Open value help",
-  valueHelpDialogSearch: "Search records",
-  valueHelpDialogCancel: "Cancel",
-  paginationLabel: "Pagination",
-  paginationRange: "{from}\u2013{to} of {total}",
-  paginationPageOf: "Page {page} of {pages}",
-  paginationPrevious: "Previous page",
-  paginationNext: "Next page",
-  paginationRowsPerPage: "Rows per page",
-  sideNavLabel: "Main navigation",
-  fileUploadChoose: "Choose files",
-  fileUploadRemoveNamed: "Remove {name}",
-  fileUploadUploading: "Uploading",
-  fileDropZonePrompt: "Drag files here, or choose them",
-  chartCategoryHeader: "Category",
-  chartNoValue: "No data",
-  chartEmpty: "No data for this period"
-};
-var esMessages = {
-  filterBarLabel: "Filtros",
-  filterBarGo: "Buscar",
-  filterBarClearAll: "Limpiar todo",
-  dataTableSelectAll: "Seleccionar todas las filas",
-  dataTableSelectRow: "Seleccionar fila",
-  dataTableLoading: "Cargando registros",
-  dialogClose: "Cerrar",
-  sidePanelClose: "Cerrar panel",
-  inlineMessageDismiss: "Descartar mensaje",
-  toastDismiss: "Descartar",
-  toastRegionLabel: "Notificaciones",
-  selectEmpty: "Sin opciones disponibles",
-  comboBoxShowSuggestions: "Mostrar sugerencias",
-  comboBoxLoading: "Buscando\u2026",
-  datePickerOpenCalendar: "Abrir calendario",
-  datePickerPreviousMonth: "Mes anterior",
-  datePickerNextMonth: "Mes siguiente",
-  dateRangePresetsLabel: "Atajos de rango de fechas",
-  numberFieldIncrease: "Aumentar",
-  numberFieldDecrease: "Disminuir",
-  valueHelpFieldClear: "Limpiar selecci\xF3n",
-  valueHelpFieldOpenNamed: "Seleccionar {label}",
-  valueHelpFieldOpen: "Abrir ayuda de valores",
-  valueHelpDialogSearch: "Buscar registros",
-  valueHelpDialogCancel: "Cancelar",
-  paginationLabel: "Paginaci\xF3n",
-  paginationRange: "{from}\u2013{to} de {total}",
-  paginationPageOf: "P\xE1gina {page} de {pages}",
-  paginationPrevious: "P\xE1gina anterior",
-  paginationNext: "P\xE1gina siguiente",
-  paginationRowsPerPage: "Filas por p\xE1gina",
-  sideNavLabel: "Navegaci\xF3n principal",
-  fileUploadChoose: "Elegir archivos",
-  fileUploadRemoveNamed: "Quitar {name}",
-  fileUploadUploading: "Subiendo",
-  fileDropZonePrompt: "Arrastr\xE1 archivos ac\xE1, o elegilos",
-  chartCategoryHeader: "Categor\xEDa",
-  chartNoValue: "Sin datos",
-  chartEmpty: "Sin datos para este per\xEDodo"
-};
-
-// src/i18n/PireIntlProvider.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var MessagesContext = React6.createContext(enMessages);
-function PireIntlProvider({ messages, children }) {
-  const value = React6.useMemo(
-    () => messages ? { ...enMessages, ...messages } : enMessages,
-    [messages]
-  );
-  return /* @__PURE__ */ jsx17(MessagesContext.Provider, { value, children });
-}
-function usePireMessages() {
-  return React6.useContext(MessagesContext);
-}
-function useMessage(key, override) {
-  const messages = React6.useContext(MessagesContext);
-  return override ?? messages[key];
-}
-
-// src/components/forms/Select.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var norm = (o) => typeof o === "string" ? { value: o, label: o, isDisabled: false } : o;
 function Select({
   label,
@@ -819,30 +1047,30 @@ function Select({
       children: [
         label ? /* @__PURE__ */ jsxs12(Label3, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx18("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx19("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs12(
-          AriaButton4,
+          AriaButton5,
           {
             className: "pire-control",
             "data-size": size,
             "data-full-width": String(fullWidth),
             "data-invalid": rest.isInvalid ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx18(SelectValue, { className: "pire-select-value" }),
-              /* @__PURE__ */ jsx18(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
+              /* @__PURE__ */ jsx19(SelectValue, { className: "pire-select-value" }),
+              /* @__PURE__ */ jsx19(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx18(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx18(FieldError3, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx18(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx18(
+        description ? /* @__PURE__ */ jsx19(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx19(FieldError3, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx19(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx19(
           ListBox,
           {
             className: "pire-listbox",
             items,
-            renderEmptyState: () => /* @__PURE__ */ jsx18("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: emptyLabel ?? msg.selectEmpty }),
-            children: (item) => /* @__PURE__ */ jsx18(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label })
+            renderEmptyState: () => /* @__PURE__ */ jsx19("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: emptyLabel ?? msg.selectEmpty }),
+            children: (item) => /* @__PURE__ */ jsx19(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label })
           }
         ) })
       ]
@@ -852,13 +1080,13 @@ function Select({
 
 // src/components/forms/Checkbox.tsx
 import { Checkbox as AriaCheckbox } from "react-aria-components";
-import { Fragment, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function Checkbox({ label, hint, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx19(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs13(Fragment, { children: [
-    /* @__PURE__ */ jsx19("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx19(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx19(Icon, { name: "check", size: 12 }) : null }),
+  return /* @__PURE__ */ jsx20(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs13(Fragment, { children: [
+    /* @__PURE__ */ jsx20("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx20(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx20(Icon, { name: "check", size: 12 }) : null }),
     /* @__PURE__ */ jsxs13("span", { children: [
       label ?? children,
-      hint ? /* @__PURE__ */ jsx19("span", { className: "pire-choice-hint", children: hint }) : null
+      hint ? /* @__PURE__ */ jsx20("span", { className: "pire-choice-hint", children: hint }) : null
     ] })
   ] }) });
 }
@@ -871,32 +1099,32 @@ import {
   Text as Text5,
   FieldError as FieldError4
 } from "react-aria-components";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function RadioGroup({ label, description, errorMessage, children, className, ...rest }) {
   return /* @__PURE__ */ jsxs14(AriaRadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
-    label ? /* @__PURE__ */ jsx20(Label4, { className: "pire-field-label", children: label }) : null,
-    /* @__PURE__ */ jsx20("div", { className: "pire-radiogroup", children }),
-    description ? /* @__PURE__ */ jsx20(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx20(FieldError4, { className: "pire-field-error", children: errorMessage })
+    label ? /* @__PURE__ */ jsx21(Label4, { className: "pire-field-label", children: label }) : null,
+    /* @__PURE__ */ jsx21("div", { className: "pire-radiogroup", children }),
+    description ? /* @__PURE__ */ jsx21(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx21(FieldError4, { className: "pire-field-error", children: errorMessage })
   ] });
 }
 function Radio({ label, hint, children, className, ...rest }) {
   return /* @__PURE__ */ jsxs14(AriaRadio, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx20("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx21("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs14("span", { children: [
       label ?? children,
-      hint ? /* @__PURE__ */ jsx20("span", { className: "pire-choice-hint", children: hint }) : null
+      hint ? /* @__PURE__ */ jsx21("span", { className: "pire-choice-hint", children: hint }) : null
     ] })
   ] });
 }
 
 // src/components/forms/Switch.tsx
 import { Switch as AriaSwitch } from "react-aria-components";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function Switch({ label, children, className, ...rest }) {
   return /* @__PURE__ */ jsxs15(AriaSwitch, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx21("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx21("span", { className: "pire-switch-thumb" }) }),
-    /* @__PURE__ */ jsx21("span", { children: label ?? children })
+    /* @__PURE__ */ jsx22("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx22("span", { className: "pire-switch-thumb" }) }),
+    /* @__PURE__ */ jsx22("span", { children: label ?? children })
   ] });
 }
 
@@ -905,7 +1133,7 @@ import {
   ComboBox as AriaComboBox,
   Label as Label5,
   Input as AriaInput2,
-  Button as AriaButton5,
+  Button as AriaButton6,
   Group as Group3,
   Popover as Popover2,
   ListBox as ListBox2,
@@ -913,7 +1141,7 @@ import {
   Text as Text6,
   FieldError as FieldError5
 } from "react-aria-components";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var norm2 = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function ComboBox({
   label,
@@ -961,7 +1189,7 @@ function ComboBox({
       children: [
         label ? /* @__PURE__ */ jsxs16(Label5, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx22("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx23("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs16(
           Group3,
@@ -971,15 +1199,15 @@ function ComboBox({
             "data-full-width": String(fullWidth),
             "data-invalid": rest.isInvalid ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx22(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
-              /* @__PURE__ */ jsx22(AriaInput2, { className: "pire-input", placeholder: rest.placeholder }),
-              /* @__PURE__ */ jsx22(AriaButton5, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.comboBoxShowSuggestions, style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx22(Icon, { name: "chevron-down", size: 16 }) })
+              /* @__PURE__ */ jsx23(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
+              /* @__PURE__ */ jsx23(AriaInput2, { className: "pire-input", placeholder: rest.placeholder }),
+              /* @__PURE__ */ jsx23(AriaButton6, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.comboBoxShowSuggestions, style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx23(Icon, { name: "chevron-down", size: 16 }) })
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx22(Text6, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx22(FieldError5, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx22(Popover2, { className: "pire-popover", children: /* @__PURE__ */ jsx22(
+        description ? /* @__PURE__ */ jsx23(Text6, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx23(FieldError5, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx23(Popover2, { className: "pire-popover", children: /* @__PURE__ */ jsx23(
           ListBox2,
           {
             className: "pire-listbox",
@@ -987,10 +1215,10 @@ function ComboBox({
               const el = e.currentTarget;
               if (el.scrollHeight - el.scrollTop - el.clientHeight < 48) onLoadMore();
             } : void 0,
-            renderEmptyState: showsStatus ? () => /* @__PURE__ */ jsx22("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
+            renderEmptyState: showsStatus ? () => /* @__PURE__ */ jsx23("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
             children: (item) => /* @__PURE__ */ jsxs16(ListBoxItem2, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
-              /* @__PURE__ */ jsx22("span", { className: "pire-option-label", children: item.label }),
-              item.secondary ? /* @__PURE__ */ jsx22("span", { className: "pire-option-secondary", children: item.secondary }) : null
+              /* @__PURE__ */ jsx23("span", { className: "pire-option-label", children: item.label }),
+              item.secondary ? /* @__PURE__ */ jsx23("span", { className: "pire-option-secondary", children: item.secondary }) : null
             ] })
           }
         ) })
@@ -1000,12 +1228,12 @@ function ComboBox({
 }
 
 // src/components/forms/MultiComboBox.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import {
   ComboBox as AriaComboBox2,
   Label as Label6,
   Input as AriaInput3,
-  Button as AriaButton6,
+  Button as AriaButton7,
   ButtonContext,
   Group as Group4,
   Popover as Popover3,
@@ -1015,7 +1243,7 @@ import {
   FieldError as FieldError6,
   VisuallyHidden
 } from "react-aria-components";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var norm3 = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function MultiComboBox({
   label,
@@ -1039,15 +1267,15 @@ function MultiComboBox({
   ...rest
 }) {
   const msg = usePireMessages();
-  const items = React7.useMemo(() => options.map(norm3), [options]);
+  const items = React8.useMemo(() => options.map(norm3), [options]);
   const collection = isFilteredExternally ? { items } : { defaultItems: items };
   const showsStatus = isLoading || isFilteredExternally && items.length === 0 && emptyLabel != null;
-  const [uncontrolled, setUncontrolled] = React7.useState(defaultValue ?? []);
-  const [announcement, setAnnouncement] = React7.useState("");
-  const inputRef = React7.useRef(null);
+  const [uncontrolled, setUncontrolled] = React8.useState(defaultValue ?? []);
+  const [announcement, setAnnouncement] = React8.useState("");
+  const inputRef = React8.useRef(null);
   const raw = value ?? uncontrolled;
   const contentKey = raw.join("\0");
-  const values = React7.useMemo(() => raw, [contentKey]);
+  const values = React8.useMemo(() => raw, [contentKey]);
   const labelOf = (v) => items.find((o) => o.value === v)?.label ?? v;
   const isEditable = !rest.isDisabled && !rest.isReadOnly;
   const commit = (next) => {
@@ -1099,7 +1327,7 @@ function MultiComboBox({
       children: [
         label ? /* @__PURE__ */ jsxs17(Label6, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx23("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx24("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs17(
           Group4,
@@ -1111,14 +1339,14 @@ function MultiComboBox({
             "data-invalid": rest.isInvalid ? "true" : void 0,
             "data-readonly": rest.isReadOnly ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx23(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
+              /* @__PURE__ */ jsx24(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
               /* @__PURE__ */ jsxs17("div", { className: "pire-chipfield", children: [
-                /* @__PURE__ */ jsx23(ButtonContext.Provider, { value: null, children: values.map((v) => (
+                /* @__PURE__ */ jsx24(ButtonContext.Provider, { value: null, children: values.map((v) => (
                   /* Disabled follows the field, not `isEditable`: a read-only field's chips are
                      real, current values and should read as such — they simply lose the × . */
-                  /* @__PURE__ */ jsx23(Tag, { isDisabled: rest.isDisabled, onRemove: isEditable ? () => remove(v) : void 0, children: labelOf(v) }, v)
+                  /* @__PURE__ */ jsx24(Tag, { isDisabled: rest.isDisabled, onRemove: isEditable ? () => remove(v) : void 0, children: labelOf(v) }, v)
                 )) }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   AriaInput3,
                   {
                     ref: inputRef,
@@ -1128,14 +1356,14 @@ function MultiComboBox({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx23(AriaButton6, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.comboBoxShowSuggestions, style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx23(Icon, { name: "chevron-down", size: 16 }) })
+              /* @__PURE__ */ jsx24(AriaButton7, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.comboBoxShowSuggestions, style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx24(Icon, { name: "chevron-down", size: 16 }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx23(VisuallyHidden, { children: /* @__PURE__ */ jsx23("span", { "aria-live": "polite", children: announcement }) }),
-        description ? /* @__PURE__ */ jsx23(Text7, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx23(FieldError6, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx23(Popover3, { className: "pire-popover", children: /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(VisuallyHidden, { children: /* @__PURE__ */ jsx24("span", { "aria-live": "polite", children: announcement }) }),
+        description ? /* @__PURE__ */ jsx24(Text7, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx24(FieldError6, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx24(Popover3, { className: "pire-popover", children: /* @__PURE__ */ jsx24(
           ListBox3,
           {
             className: "pire-listbox",
@@ -1143,10 +1371,10 @@ function MultiComboBox({
               const el = e.currentTarget;
               if (el.scrollHeight - el.scrollTop - el.clientHeight < 48) onLoadMore();
             } : void 0,
-            renderEmptyState: showsStatus ? () => /* @__PURE__ */ jsx23("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
+            renderEmptyState: showsStatus ? () => /* @__PURE__ */ jsx24("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
             children: (item) => /* @__PURE__ */ jsxs17(ListBoxItem3, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
-              /* @__PURE__ */ jsx23("span", { className: "pire-option-label", children: item.label }),
-              item.secondary ? /* @__PURE__ */ jsx23("span", { className: "pire-option-secondary", children: item.secondary }) : null
+              /* @__PURE__ */ jsx24("span", { className: "pire-option-label", children: item.label }),
+              item.secondary ? /* @__PURE__ */ jsx24("span", { className: "pire-option-secondary", children: item.secondary }) : null
             ] })
           }
         ) })
@@ -1161,11 +1389,11 @@ import {
   Label as Label7,
   Input as AriaInput4,
   Group as Group5,
-  Button as AriaButton7,
+  Button as AriaButton8,
   Text as Text8,
   FieldError as FieldError7
 } from "react-aria-components";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function NumberField({
   label,
   suffix,
@@ -1182,7 +1410,7 @@ function NumberField({
   return /* @__PURE__ */ jsxs18(AriaNumberField, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
     label ? /* @__PURE__ */ jsxs18(Label7, { className: "pire-field-label", children: [
       label,
-      rest.isRequired ? /* @__PURE__ */ jsx24("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      rest.isRequired ? /* @__PURE__ */ jsx25("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs18(
       Group5,
@@ -1193,17 +1421,17 @@ function NumberField({
         "data-invalid": rest.isInvalid ? "true" : void 0,
         "data-readonly": rest.isReadOnly ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx24(AriaInput4, { className: "pire-input", "data-numeric": "true" }),
-          suffix ? /* @__PURE__ */ jsx24("span", { className: "pire-affix", children: suffix }) : null,
+          /* @__PURE__ */ jsx25(AriaInput4, { className: "pire-input", "data-numeric": "true" }),
+          suffix ? /* @__PURE__ */ jsx25("span", { className: "pire-affix", children: suffix }) : null,
           hideStepper ? null : /* @__PURE__ */ jsxs18("span", { className: "pire-stepper", children: [
-            /* @__PURE__ */ jsx24(AriaButton7, { slot: "increment", className: "pire-stepper-btn", "aria-label": msg.numberFieldIncrease, children: /* @__PURE__ */ jsx24(Icon, { name: "plus", size: 10 }) }),
-            /* @__PURE__ */ jsx24(AriaButton7, { slot: "decrement", className: "pire-stepper-btn", "aria-label": msg.numberFieldDecrease, children: /* @__PURE__ */ jsx24(Icon, { name: "minus", size: 10 }) })
+            /* @__PURE__ */ jsx25(AriaButton8, { slot: "increment", className: "pire-stepper-btn", "aria-label": msg.numberFieldIncrease, children: /* @__PURE__ */ jsx25(Icon, { name: "plus", size: 10 }) }),
+            /* @__PURE__ */ jsx25(AriaButton8, { slot: "decrement", className: "pire-stepper-btn", "aria-label": msg.numberFieldDecrease, children: /* @__PURE__ */ jsx25(Icon, { name: "minus", size: 10 }) })
           ] })
         ]
       }
     ),
-    description ? /* @__PURE__ */ jsx24(Text8, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx24(FieldError7, { className: "pire-field-error", children: errorMessage })
+    description ? /* @__PURE__ */ jsx25(Text8, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx25(FieldError7, { className: "pire-field-error", children: errorMessage })
   ] });
 }
 
@@ -1214,7 +1442,7 @@ import {
   Group as Group6,
   DateInput,
   DateSegment,
-  Button as AriaButton8,
+  Button as AriaButton9,
   Popover as Popover4,
   Dialog as AriaDialog,
   Calendar,
@@ -1227,7 +1455,7 @@ import {
   Text as Text9,
   FieldError as FieldError8
 } from "react-aria-components";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 function DatePicker({
   label,
   description,
@@ -1242,7 +1470,7 @@ function DatePicker({
   return /* @__PURE__ */ jsxs19(AriaDatePicker, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
     label ? /* @__PURE__ */ jsxs19(Label8, { className: "pire-field-label", children: [
       label,
-      rest.isRequired ? /* @__PURE__ */ jsx25("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      rest.isRequired ? /* @__PURE__ */ jsx26("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs19(
       Group6,
@@ -1253,22 +1481,22 @@ function DatePicker({
         "data-invalid": rest.isInvalid ? "true" : void 0,
         "data-readonly": rest.isReadOnly ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx25(DateInput, { className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx25(DateSegment, { segment, className: "pire-datesegment" }) }),
-          /* @__PURE__ */ jsx25(AriaButton8, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerOpenCalendar, style: { width: 24, height: 24 }, children: /* @__PURE__ */ jsx25(Icon, { name: "calendar", size: 16 }) })
+          /* @__PURE__ */ jsx26(DateInput, { className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx26(DateSegment, { segment, className: "pire-datesegment" }) }),
+          /* @__PURE__ */ jsx26(AriaButton9, { className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerOpenCalendar, style: { width: 24, height: 24 }, children: /* @__PURE__ */ jsx26(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
-    description ? /* @__PURE__ */ jsx25(Text9, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx25(FieldError8, { className: "pire-field-error", children: errorMessage }),
-    /* @__PURE__ */ jsx25(Popover4, { className: "pire-popover", children: /* @__PURE__ */ jsx25(AriaDialog, { children: /* @__PURE__ */ jsxs19(Calendar, { className: "pire-calendar", children: [
+    description ? /* @__PURE__ */ jsx26(Text9, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx26(FieldError8, { className: "pire-field-error", children: errorMessage }),
+    /* @__PURE__ */ jsx26(Popover4, { className: "pire-popover", children: /* @__PURE__ */ jsx26(AriaDialog, { children: /* @__PURE__ */ jsxs19(Calendar, { className: "pire-calendar", children: [
       /* @__PURE__ */ jsxs19("header", { className: "pire-calendar-head", children: [
-        /* @__PURE__ */ jsx25(AriaButton8, { slot: "previous", className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerPreviousMonth, children: /* @__PURE__ */ jsx25(Icon, { name: "chevron-left", size: 16 }) }),
-        /* @__PURE__ */ jsx25(Heading2, { className: "pire-calendar-title" }),
-        /* @__PURE__ */ jsx25(AriaButton8, { slot: "next", className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerNextMonth, children: /* @__PURE__ */ jsx25(Icon, { name: "chevron-right", size: 16 }) })
+        /* @__PURE__ */ jsx26(AriaButton9, { slot: "previous", className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerPreviousMonth, children: /* @__PURE__ */ jsx26(Icon, { name: "chevron-left", size: 16 }) }),
+        /* @__PURE__ */ jsx26(Heading2, { className: "pire-calendar-title" }),
+        /* @__PURE__ */ jsx26(AriaButton9, { slot: "next", className: "pire-iconbtn", "data-size": "sm", "aria-label": msg.datePickerNextMonth, children: /* @__PURE__ */ jsx26(Icon, { name: "chevron-right", size: 16 }) })
       ] }),
       /* @__PURE__ */ jsxs19(CalendarGrid, { className: "pire-calendar-grid", children: [
-        /* @__PURE__ */ jsx25(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx25(CalendarHeaderCell, { children: day }) }),
-        /* @__PURE__ */ jsx25(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx25(CalendarCell, { date, className: "pire-calendar-cell" }) })
+        /* @__PURE__ */ jsx26(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx26(CalendarHeaderCell, { children: day }) }),
+        /* @__PURE__ */ jsx26(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx26(CalendarCell, { date, className: "pire-calendar-cell" }) })
       ] })
     ] }) }) })
   ] });
@@ -1281,7 +1509,7 @@ import {
   Group as Group7,
   DateInput as DateInput2,
   DateSegment as DateSegment2,
-  Button as AriaButton9,
+  Button as AriaButton10,
   Popover as Popover5,
   Dialog as AriaDialog2,
   RangeCalendar,
@@ -1294,7 +1522,7 @@ import {
   Text as Text10,
   FieldError as FieldError9
 } from "react-aria-components";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function rangeLengthInDays(range) {
   return range.end.toDate("UTC").getTime() / 864e5 - range.start.toDate("UTC").getTime() / 864e5 + 1;
 }
@@ -1328,7 +1556,7 @@ function DateRangePicker({
       children: [
         label ? /* @__PURE__ */ jsxs20(Label9, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx26("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx27("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs20(
           Group7,
@@ -1339,30 +1567,30 @@ function DateRangePicker({
             "data-invalid": rest.isInvalid || tooLong ? "true" : void 0,
             "data-readonly": rest.isReadOnly ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx26(DateInput2, { slot: "start", className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx26(DateSegment2, { segment, className: "pire-datesegment" }) }),
-              /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "pire-daterange-dash", children: "\u2013" }),
-              /* @__PURE__ */ jsx26(DateInput2, { slot: "end", className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx26(DateSegment2, { segment, className: "pire-datesegment" }) }),
-              /* @__PURE__ */ jsx26(
-                AriaButton9,
+              /* @__PURE__ */ jsx27(DateInput2, { slot: "start", className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx27(DateSegment2, { segment, className: "pire-datesegment" }) }),
+              /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: "pire-daterange-dash", children: "\u2013" }),
+              /* @__PURE__ */ jsx27(DateInput2, { slot: "end", className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx27(DateSegment2, { segment, className: "pire-datesegment" }) }),
+              /* @__PURE__ */ jsx27(
+                AriaButton10,
                 {
                   className: "pire-iconbtn",
                   "data-size": "sm",
                   "aria-label": msg.datePickerOpenCalendar,
                   style: { width: 24, height: 24 },
-                  children: /* @__PURE__ */ jsx26(Icon, { name: "calendar", size: 16 })
+                  children: /* @__PURE__ */ jsx27(Icon, { name: "calendar", size: 16 })
                 }
               )
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx26(Text10, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx26(FieldError9, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx26(Popover5, { className: "pire-popover", children: /* @__PURE__ */ jsxs20(AriaDialog2, { className: "pire-daterange-dialog", children: [
+        description ? /* @__PURE__ */ jsx27(Text10, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx27(FieldError9, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx27(Popover5, { className: "pire-popover", children: /* @__PURE__ */ jsxs20(AriaDialog2, { className: "pire-daterange-dialog", children: [
           presets?.length ? (
             // Before the calendar in the DOM, so keyboard users reach the shortcut without
             // arrowing through a month first.
-            /* @__PURE__ */ jsx26("div", { className: "pire-daterange-presets", role: "group", "aria-label": msg.dateRangePresetsLabel, children: presets.map((preset) => /* @__PURE__ */ jsx26(
-              AriaButton9,
+            /* @__PURE__ */ jsx27("div", { className: "pire-daterange-presets", role: "group", "aria-label": msg.dateRangePresetsLabel, children: presets.map((preset) => /* @__PURE__ */ jsx27(
+              AriaButton10,
               {
                 className: "pire-daterange-preset",
                 onPress: () => rest.onChange?.(preset.range()),
@@ -1373,31 +1601,31 @@ function DateRangePicker({
           ) : null,
           /* @__PURE__ */ jsxs20(RangeCalendar, { className: "pire-calendar", children: [
             /* @__PURE__ */ jsxs20("header", { className: "pire-calendar-head", children: [
-              /* @__PURE__ */ jsx26(
-                AriaButton9,
+              /* @__PURE__ */ jsx27(
+                AriaButton10,
                 {
                   slot: "previous",
                   className: "pire-iconbtn",
                   "data-size": "sm",
                   "aria-label": msg.datePickerPreviousMonth,
-                  children: /* @__PURE__ */ jsx26(Icon, { name: "chevron-left", size: 16 })
+                  children: /* @__PURE__ */ jsx27(Icon, { name: "chevron-left", size: 16 })
                 }
               ),
-              /* @__PURE__ */ jsx26(Heading3, { className: "pire-calendar-title" }),
-              /* @__PURE__ */ jsx26(
-                AriaButton9,
+              /* @__PURE__ */ jsx27(Heading3, { className: "pire-calendar-title" }),
+              /* @__PURE__ */ jsx27(
+                AriaButton10,
                 {
                   slot: "next",
                   className: "pire-iconbtn",
                   "data-size": "sm",
                   "aria-label": msg.datePickerNextMonth,
-                  children: /* @__PURE__ */ jsx26(Icon, { name: "chevron-right", size: 16 })
+                  children: /* @__PURE__ */ jsx27(Icon, { name: "chevron-right", size: 16 })
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs20(CalendarGrid2, { className: "pire-calendar-grid", children: [
-              /* @__PURE__ */ jsx26(CalendarGridHeader2, { children: (day) => /* @__PURE__ */ jsx26(CalendarHeaderCell2, { children: day }) }),
-              /* @__PURE__ */ jsx26(CalendarGridBody2, { children: (date) => /* @__PURE__ */ jsx26(CalendarCell2, { date, className: "pire-calendar-cell" }) })
+              /* @__PURE__ */ jsx27(CalendarGridHeader2, { children: (day) => /* @__PURE__ */ jsx27(CalendarHeaderCell2, { children: day }) }),
+              /* @__PURE__ */ jsx27(CalendarGridBody2, { children: (date) => /* @__PURE__ */ jsx27(CalendarCell2, { date, className: "pire-calendar-cell" }) })
             ] })
           ] })
         ] }) })
@@ -1407,14 +1635,14 @@ function DateRangePicker({
 }
 
 // src/components/forms/ValueHelpField.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 
 // src/components/patterns/ValueHelpDialog.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 
 // src/components/feedback/Dialog.tsx
 import { ModalOverlay, Modal, Dialog as AriaDialog3, Heading as Heading4 } from "react-aria-components";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function Dialog({
   isOpen,
   onOpenChange,
@@ -1434,7 +1662,7 @@ function Dialog({
     onClose?.();
     onOpenChange?.(false);
   };
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ModalOverlay,
     {
       className: "pire-modal-overlay",
@@ -1443,16 +1671,16 @@ function Dialog({
       onOpenChange: (o) => {
         if (!o) close();
       },
-      children: /* @__PURE__ */ jsx27(Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ jsxs21(AriaDialog3, { className: "pire-dialog", children: [
+      children: /* @__PURE__ */ jsx28(Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ jsxs21(AriaDialog3, { className: "pire-dialog", children: [
         title ? /* @__PURE__ */ jsxs21("header", { className: "pire-dialog-head", children: [
           /* @__PURE__ */ jsxs21("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx27(Heading4, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ jsx27("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+            /* @__PURE__ */ jsx28(Heading4, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ jsx28("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          showClose ? /* @__PURE__ */ jsx27(IconButton, { icon: "x", label: msg.dialogClose, size: "sm", onPress: close }) : null
+          showClose ? /* @__PURE__ */ jsx28(IconButton, { icon: "x", label: msg.dialogClose, size: "sm", onPress: close }) : null
         ] }) : null,
-        children ? /* @__PURE__ */ jsx27("div", { className: "pire-dialog-body", children }) : null,
-        footer ? /* @__PURE__ */ jsx27("footer", { className: "pire-dialog-foot", children: footer }) : null
+        children ? /* @__PURE__ */ jsx28("div", { className: "pire-dialog-body", children }) : null,
+        footer ? /* @__PURE__ */ jsx28("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
@@ -1469,9 +1697,9 @@ import {
 } from "react-aria-components";
 
 // src/components/feedback/Skeleton.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Skeleton({ shape = "text", width, height, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       className: cx("pire-skeleton", className),
@@ -1485,7 +1713,7 @@ function Skeleton({ shape = "text", width, height, className, style, ...rest })
 var BAR_WIDTHS = ["72%", "54%", "86%", "63%"];
 function SkeletonTableRow({ columns, density = "regular", className, style, ...rest }) {
   const cells = typeof columns === "number" ? Array.from({ length: columns }, () => ({})) : columns;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       className: cx("pire-skeleton-row", className),
@@ -1497,13 +1725,13 @@ function SkeletonTableRow({ columns, density = "regular", className, style, ...r
         const align = c.numeric ? "right" : c.align ?? "left";
         return (
           // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional and never reordered.
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "div",
             {
               className: "pire-skeleton-cell",
               "data-align": align,
               style: { width: c.width, flex: c.width ? "0 0 auto" : void 0 },
-              children: /* @__PURE__ */ jsx28(Skeleton, { width: BAR_WIDTHS[i % BAR_WIDTHS.length] })
+              children: /* @__PURE__ */ jsx29(Skeleton, { width: BAR_WIDTHS[i % BAR_WIDTHS.length] })
             },
             i
           )
@@ -1514,7 +1742,7 @@ function SkeletonTableRow({ columns, density = "regular", className, style, ...r
 }
 
 // src/components/data/DataTable.tsx
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function DataTable({
   columns,
   rows,
@@ -1546,7 +1774,7 @@ function DataTable({
     ...columns.map((c) => ({ width: c.width, align: c.align, numeric: c.numeric }))
   ];
   const body = isLoading ? [] : rows;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className: cx("pire-table-wrap", className),
@@ -1571,8 +1799,8 @@ function DataTable({
           } : void 0,
           children: [
             /* @__PURE__ */ jsxs22(TableHeader, { className: "pire-thead-row", children: [
-              selectable ? /* @__PURE__ */ jsx29(Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectAll }) }) : null,
-              columns.map((c, i) => /* @__PURE__ */ jsx29(
+              selectable ? /* @__PURE__ */ jsx30(Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ jsx30(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectAll }) }) : null,
+              columns.map((c, i) => /* @__PURE__ */ jsx30(
                 Column,
                 {
                   id: c.key,
@@ -1584,7 +1812,7 @@ function DataTable({
                   "data-allows-sorting": c.sortable ? "true" : void 0,
                   children: /* @__PURE__ */ jsxs22("span", { className: "pire-th-inner", children: [
                     c.label,
-                    c.sortable ? /* @__PURE__ */ jsx29(
+                    c.sortable ? /* @__PURE__ */ jsx30(
                       Icon,
                       {
                         size: 12,
@@ -1597,15 +1825,15 @@ function DataTable({
                 c.key
               ))
             ] }),
-            /* @__PURE__ */ jsx29(TableBody, { renderEmptyState: () => isLoading ? /* @__PURE__ */ jsxs22("div", { className: "pire-table-loading", role: "status", "aria-live": "polite", children: [
-              /* @__PURE__ */ jsx29("span", { className: "pire-sr-only", children: loadingLabel ?? msg.dataTableLoading }),
+            /* @__PURE__ */ jsx30(TableBody, { renderEmptyState: () => isLoading ? /* @__PURE__ */ jsxs22("div", { className: "pire-table-loading", role: "status", "aria-live": "polite", children: [
+              /* @__PURE__ */ jsx30("span", { className: "pire-sr-only", children: loadingLabel ?? msg.dataTableLoading }),
               Array.from({ length: skeletonRows }, (_, i) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: placeholder rows are positional.
-                /* @__PURE__ */ jsx29(SkeletonTableRow, { columns: skeletonColumns, density }, i)
+                /* @__PURE__ */ jsx30(SkeletonTableRow, { columns: skeletonColumns, density }, i)
               ))
-            ] }) : /* @__PURE__ */ jsx29("div", { className: "pire-table-empty", children: emptyLabel }), children: body.map((row) => /* @__PURE__ */ jsxs22(Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
-              selectable ? /* @__PURE__ */ jsx29(Cell, { className: "pire-td", children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectRow }) }) : null,
-              columns.map((c) => /* @__PURE__ */ jsx29(
+            ] }) : /* @__PURE__ */ jsx30("div", { className: "pire-table-empty", children: emptyLabel }), children: body.map((row) => /* @__PURE__ */ jsxs22(Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
+              selectable ? /* @__PURE__ */ jsx30(Cell, { className: "pire-td", children: /* @__PURE__ */ jsx30(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectRow }) }) : null,
+              columns.map((c) => /* @__PURE__ */ jsx30(
                 Cell,
                 {
                   className: "pire-td",
@@ -1624,69 +1852,83 @@ function DataTable({
 }
 
 // src/components/patterns/ValueHelpDialog.tsx
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function ValueHelpDialog({
   isOpen,
-  title = "Select a record",
+  title,
   columns = [],
   rows = [],
-  searchPlaceholder = "Search by ID or name",
+  searchPlaceholder,
   emptyLabel,
+  onSearch,
+  isFilteredExternally,
+  isLoading,
+  onLoadMore,
   onSelect,
   onClose
 }) {
   const msg = usePireMessages();
-  const [query, setQuery] = React8.useState("");
-  React8.useEffect(() => {
+  const [query, setQuery] = React9.useState("");
+  React9.useEffect(() => {
     if (isOpen) setQuery("");
   }, [isOpen]);
-  const filtered = React8.useMemo(() => {
+  const filtered = React9.useMemo(() => {
+    if (isFilteredExternally) return rows;
     const q = query.trim().toLowerCase();
     if (!q) return rows;
     return rows.filter((row) => Object.values(row).some((v) => String(v).toLowerCase().includes(q)));
-  }, [rows, query]);
-  return /* @__PURE__ */ jsx30(
+  }, [rows, query, isFilteredExternally]);
+  const handleSearch = (value) => {
+    setQuery(value);
+    onSearch?.(value);
+  };
+  return /* @__PURE__ */ jsx31(
     Dialog,
     {
       isOpen,
       size: "lg",
-      title,
+      title: title ?? msg.valueHelpDialogTitle,
       onClose,
-      footer: /* @__PURE__ */ jsx30(Button, { variant: "tertiary", onPress: onClose, children: msg.valueHelpDialogCancel }),
+      footer: /* @__PURE__ */ jsx31(Button, { variant: "tertiary", onPress: onClose, children: msg.valueHelpDialogCancel }),
       children: /* @__PURE__ */ jsxs23("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           Input,
           {
             "aria-label": msg.valueHelpDialogSearch,
             icon: "search",
             type: "search",
             value: query,
-            onChange: setQuery,
-            placeholder: searchPlaceholder,
+            onChange: handleSearch,
+            isClearable: true,
+            placeholder: searchPlaceholder ?? msg.valueHelpDialogSearchPlaceholder,
             autoFocus: true
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31("div", { onScroll: onLoadMore ? (event) => {
+          const el = event.currentTarget;
+          if (el.scrollHeight - el.scrollTop - el.clientHeight < 64) onLoadMore();
+        } : void 0, style: { overflow: "auto", maxHeight: "48vh" }, children: /* @__PURE__ */ jsx31(
           DataTable,
           {
-            "aria-label": typeof title === "string" ? title : "Records",
+            "aria-label": typeof title === "string" ? title : msg.valueHelpDialogTitle,
             density: "condensed",
             columns,
             rows: filtered,
-            emptyLabel: emptyLabel ?? `No records match \u201C${query}\u201D.`,
+            isLoading,
+            emptyLabel: emptyLabel ?? msg.valueHelpDialogEmpty,
             onRowAction: (row) => {
               onSelect?.(row);
               onClose?.();
             }
           }
-        )
+        ) })
       ] })
     }
   );
 }
 
 // src/components/forms/ValueHelpField.tsx
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 var defaultFormat = (row) => [row.id, row.name ?? row.label ?? row.text].filter(Boolean).join(" \u2014 ");
 function ValueHelpField({
   label,
@@ -1696,7 +1938,12 @@ function ValueHelpField({
   rows = [],
   columns = [],
   dialogTitle,
-  placeholder = "Not selected",
+  onSearch,
+  isFilteredExternally,
+  isLoading,
+  onLoadMore,
+  emptyLabel,
+  placeholder,
   description,
   errorMessage,
   isInvalid,
@@ -1707,52 +1954,55 @@ function ValueHelpField({
   style
 }) {
   const msg = usePireMessages();
-  const [open, setOpen] = React9.useState(false);
+  const [open, setOpen] = React10.useState(false);
   return /* @__PURE__ */ jsxs24("div", { className: cx(className), style, children: [
-    /* @__PURE__ */ jsxs24("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
-      /* @__PURE__ */ jsx31(
-        Input,
-        {
-          label,
-          isReadOnly: true,
-          isInvalid,
-          isDisabled,
-          isRequired,
-          value: value ? format(value) : "",
-          placeholder,
-          description,
-          errorMessage
-        }
-      ),
-      allowsClear && value ? /* @__PURE__ */ jsx31(
-        IconButton,
-        {
-          icon: "x",
-          label: msg.valueHelpFieldClear,
-          variant: "outlined",
-          isDisabled,
-          onPress: () => onChange?.(null)
-        }
-      ) : null,
-      /* @__PURE__ */ jsx31(
-        IconButton,
-        {
-          icon: "search",
-          label: typeof label === "string" ? msg.valueHelpFieldOpenNamed.replace("{label}", label.toLowerCase()) : msg.valueHelpFieldOpen,
-          variant: "outlined",
-          isDisabled,
-          onPress: () => setOpen(true)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(
+      Input,
+      {
+        label,
+        isReadOnly: true,
+        isInvalid,
+        isDisabled,
+        isRequired,
+        value: value ? format(value) : "",
+        placeholder: placeholder ?? msg.valueHelpFieldPlaceholder,
+        description,
+        errorMessage,
+        suffix: /* @__PURE__ */ jsxs24("span", { className: "pire-valuehelp-actions", children: [
+          allowsClear && value ? /* @__PURE__ */ jsx32(
+            IconButton,
+            {
+              icon: "x",
+              label: msg.valueHelpFieldClear,
+              isDisabled,
+              onPress: () => onChange?.(null)
+            }
+          ) : null,
+          /* @__PURE__ */ jsx32(
+            IconButton,
+            {
+              icon: "search",
+              label: typeof label === "string" ? msg.valueHelpFieldOpenNamed.replace("{label}", label.toLowerCase()) : msg.valueHelpFieldOpen,
+              isDisabled,
+              onPress: () => setOpen(true)
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx32(
       ValueHelpDialog,
       {
         isOpen: open,
         onClose: () => setOpen(false),
-        title: dialogTitle ?? label ?? "Select a record",
+        title: dialogTitle ?? label,
         columns,
         rows,
+        onSearch,
+        isFilteredExternally,
+        isLoading,
+        onLoadMore,
+        emptyLabel,
         onSelect: (row) => onChange?.(row)
       }
     )
@@ -1760,12 +2010,12 @@ function ValueHelpField({
 }
 
 // src/components/forms/FileUpload.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { FileTrigger, Text as Text11 } from "react-aria-components";
 
 // src/components/feedback/ProgressBar.tsx
 import { ProgressBar as AriaProgressBar, Label as Label10 } from "react-aria-components";
-import { Fragment as Fragment2, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function ProgressBar({
   value = 0,
   minValue = 0,
@@ -1778,7 +2028,7 @@ function ProgressBar({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     AriaProgressBar,
     {
       className: cx("pire-progress", className),
@@ -1791,17 +2041,17 @@ function ProgressBar({
       style,
       children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs25(Fragment2, { children: [
         label || showValue ? /* @__PURE__ */ jsxs25("div", { className: "pire-progress-head", children: [
-          label ? /* @__PURE__ */ jsx32(Label10, { children: label }) : /* @__PURE__ */ jsx32("span", {}),
-          showValue && !isIndeterminate ? /* @__PURE__ */ jsx32("span", { className: "pire-numeric", children: valueText }) : null
+          label ? /* @__PURE__ */ jsx33(Label10, { children: label }) : /* @__PURE__ */ jsx33("span", {}),
+          showValue && !isIndeterminate ? /* @__PURE__ */ jsx33("span", { className: "pire-numeric", children: valueText }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx32("div", { className: "pire-progress-track", children: /* @__PURE__ */ jsx32("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
+        /* @__PURE__ */ jsx33("div", { className: "pire-progress-track", children: /* @__PURE__ */ jsx33("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
       ] })
     }
   );
 }
 
 // src/components/forms/FileUpload.tsx
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var isImage = (file) => file.type.startsWith("image/");
 function formatFileSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -1850,10 +2100,10 @@ function FileUpload({
   style
 }) {
   const msg = usePireMessages();
-  const [uncontrolled, setUncontrolled] = React10.useState(defaultValue ?? []);
+  const [uncontrolled, setUncontrolled] = React11.useState(defaultValue ?? []);
   const files = value ?? uncontrolled;
-  const created = React10.useRef([]);
-  React10.useEffect(() => () => {
+  const created = React11.useRef([]);
+  React11.useEffect(() => () => {
     for (const url of created.current) URL.revokeObjectURL(url);
   }, []);
   const commit = (next) => {
@@ -1883,22 +2133,22 @@ function FileUpload({
       children: [
         label ? /* @__PURE__ */ jsxs26("span", { className: "pire-field-label", children: [
           label,
-          isRequired ? /* @__PURE__ */ jsx33("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          isRequired ? /* @__PURE__ */ jsx34("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           FileTrigger,
           {
             acceptedFileTypes,
             allowsMultiple,
             onSelect: accept,
-            children: /* @__PURE__ */ jsx33(Button, { icon: "paperclip", isDisabled: isDisabled || isReadOnly, children: chooseLabel ?? msg.fileUploadChoose })
+            children: /* @__PURE__ */ jsx34(Button, { icon: "paperclip", isDisabled: isDisabled || isReadOnly, children: chooseLabel ?? msg.fileUploadChoose })
           }
         ),
-        files.length ? /* @__PURE__ */ jsx33("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs26("li", { className: "pire-fileupload-item", children: [
-          previewUrl ? /* @__PURE__ */ jsx33("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx33(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-          /* @__PURE__ */ jsx33("span", { className: "pire-fileupload-name", children: file.name }),
-          /* @__PURE__ */ jsx33("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-          isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx33(
+        files.length ? /* @__PURE__ */ jsx34("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs26("li", { className: "pire-fileupload-item", children: [
+          previewUrl ? /* @__PURE__ */ jsx34("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx34(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+          /* @__PURE__ */ jsx34("span", { className: "pire-fileupload-name", children: file.name }),
+          /* @__PURE__ */ jsx34("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+          isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx34(
             IconButton,
             {
               icon: "x",
@@ -1908,16 +2158,17 @@ function FileUpload({
             }
           )
         ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-        uploadProgress != null ? /* @__PURE__ */ jsx33(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-        description ? /* @__PURE__ */ jsx33(Text11, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        isInvalid && errorMessage ? /* @__PURE__ */ jsx33("span", { className: "pire-field-error", children: errorMessage }) : null
+        uploadProgress != null ? /* @__PURE__ */ jsx34(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+        description ? /* @__PURE__ */ jsx34(Text11, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        isInvalid && errorMessage ? /* @__PURE__ */ jsx34("span", { className: "pire-field-error", children: errorMessage }) : null
       ]
     }
   );
 }
 
 // src/components/navigation/ShellBar.tsx
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { MenuTrigger, Button as AriaButton11, Popover as Popover6 } from "react-aria-components";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 var initials2 = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
 function ShellBar({
   product,
@@ -1929,30 +2180,48 @@ function ShellBar({
   searchLabel = "Search",
   actions,
   user,
+  userMenu,
+  userMenuLabel,
   className,
   ...rest
 }) {
+  const msg = usePireMessages();
   return /* @__PURE__ */ jsxs27("header", { className: cx("pire-shellbar", className), ...rest, children: [
-    onMenu ? /* @__PURE__ */ jsx34(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
-    monogram ? /* @__PURE__ */ jsx34("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
-    product ? /* @__PURE__ */ jsx34("span", { className: "pire-shellbar-product", children: product }) : null,
-    title ? /* @__PURE__ */ jsx34("span", { className: "pire-shellbar-title", children: title }) : null,
-    /* @__PURE__ */ jsx34("span", { className: "pire-shellbar-spacer" }),
-    onSearch ? /* @__PURE__ */ jsx34(IconButton, { icon: "search", label: searchLabel, variant: "inverse", size: "sm", onPress: onSearch }) : null,
+    onMenu ? /* @__PURE__ */ jsx35(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
+    monogram ? /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
+    product ? /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-product", children: product }) : null,
+    title ? /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-title", children: title }) : null,
+    /* @__PURE__ */ jsx35("span", { className: "pire-shellbar-spacer" }),
+    onSearch ? /* @__PURE__ */ jsx35(IconButton, { icon: "search", label: searchLabel, variant: "inverse", size: "sm", onPress: onSearch }) : null,
     actions,
-    user ? /* @__PURE__ */ jsx34("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
+    user && userMenu ? (
+      // A real button, not the img-role span: the avatar is where "my profile", "switch company"
+      // and "sign out" live in any ERP, and a span accepts neither focus nor onPress. Popover is
+      // rendered here rather than expected from the consumer so the panel keeps shell placement.
+      /* @__PURE__ */ jsxs27(MenuTrigger, { children: [
+        /* @__PURE__ */ jsx35(
+          AriaButton11,
+          {
+            className: "pire-avatar pire-avatar-trigger",
+            "aria-label": (userMenuLabel ?? msg.shellBarUserMenu).replace("{user}", user),
+            children: initials2(user)
+          }
+        ),
+        /* @__PURE__ */ jsx35(Popover6, { className: "pire-popover", children: userMenu })
+      ] })
+    ) : user ? /* @__PURE__ */ jsx35("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
   ] });
 }
 
 // src/components/navigation/SideNav.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import {
-  Button as AriaButton10,
+  Button as AriaButton12,
   Disclosure,
   DisclosureGroup,
   DisclosurePanel,
-  MenuTrigger,
-  Popover as Popover6
+  MenuTrigger as MenuTrigger2,
+  Popover as Popover7
 } from "react-aria-components";
 
 // src/components/navigation/Menu.tsx
@@ -1963,11 +2232,11 @@ import {
   Separator as AriaSeparator2,
   Header
 } from "react-aria-components";
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function Menu({ minWidth, className, style, ...rest }) {
   const width = typeof minWidth === "number" ? `${minWidth}px` : minWidth;
   const menuStyle = width == null ? style : { ["--pire-menu-min-w"]: width, ...style };
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     AriaMenu,
     {
       className: cx("pire-menu", className),
@@ -1976,6 +2245,11 @@ function Menu({ minWidth, className, style, ...rest }) {
     }
   );
 }
+var shortcutKeys = (shortcut) => {
+  if (shortcut == null) return [];
+  const parts = Array.isArray(shortcut) ? shortcut : shortcut.split(/[+\s]+/);
+  return parts.map((part) => part.trim()).filter(Boolean);
+};
 function MenuItem({
   children,
   icon,
@@ -1985,6 +2259,7 @@ function MenuItem({
   className,
   ...rest
 }) {
+  const keys = shortcutKeys(shortcut);
   return /* @__PURE__ */ jsxs28(
     AriaMenuItem,
     {
@@ -1992,28 +2267,28 @@ function MenuItem({
       "data-tone": tone === "danger" ? "danger" : void 0,
       ...rest,
       children: [
-        icon ? /* @__PURE__ */ jsx35(Icon, { name: icon, size: 16, className: "pire-menu-item-icon" }) : null,
+        icon ? /* @__PURE__ */ jsx36(Icon, { name: icon, size: 16, className: "pire-menu-item-icon" }) : null,
         /* @__PURE__ */ jsxs28("span", { className: "pire-menu-item-body", children: [
-          /* @__PURE__ */ jsx35("span", { className: "pire-menu-item-label", children }),
-          description ? /* @__PURE__ */ jsx35("span", { className: "pire-menu-item-desc", children: description }) : null
+          /* @__PURE__ */ jsx36("span", { className: "pire-menu-item-label", children }),
+          description ? /* @__PURE__ */ jsx36("span", { className: "pire-menu-item-desc", children: description }) : null
         ] }),
-        shortcut ? /* @__PURE__ */ jsx35("kbd", { className: "pire-menu-item-shortcut", children: shortcut }) : null
+        keys.length ? /* @__PURE__ */ jsx36("span", { className: "pire-menu-item-shortcut", children: keys.map((cap, index) => /* @__PURE__ */ jsx36(Kbd, { size: "sm", children: cap }, `${cap}-${index}`)) }) : null
       ]
     }
   );
 }
 function MenuSection({ title, children, className, ...rest }) {
   return /* @__PURE__ */ jsxs28(AriaMenuSection, { className: cx("pire-menu-section", className), ...rest, children: [
-    title ? /* @__PURE__ */ jsx35(Header, { className: "pire-menu-section-title", children: title }) : null,
+    title ? /* @__PURE__ */ jsx36(Header, { className: "pire-menu-section-title", children: title }) : null,
     children
   ] });
 }
 function MenuSeparator({ className }) {
-  return /* @__PURE__ */ jsx35(AriaSeparator2, { className: cx("pire-menu-separator", className) });
+  return /* @__PURE__ */ jsx36(AriaSeparator2, { className: cx("pire-menu-separator", className) });
 }
 
 // src/components/navigation/SideNav.tsx
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 function findActiveParent(groups, value) {
   if (value == null) return void 0;
   for (const group of groups) {
@@ -2039,10 +2314,10 @@ function SideNav({
   const msg = usePireMessages();
   const activeParent = findActiveParent(groups, value);
   const isControlled = expandedIds != null;
-  const [ownExpanded, setOwnExpanded] = React11.useState(
+  const [ownExpanded, setOwnExpanded] = React12.useState(
     () => new Set(defaultExpandedIds ?? (activeParent ? [activeParent] : []))
   );
-  const [lastValue, setLastValue] = React11.useState(value);
+  const [lastValue, setLastValue] = React12.useState(value);
   if (value !== lastValue) {
     setLastValue(value);
     if (!isControlled && activeParent && !ownExpanded.has(activeParent)) {
@@ -2063,7 +2338,7 @@ function SideNav({
   const renderRow = (item, onPress, isGroup) => {
     const selected = !isGroup && item.id === value;
     const button = /* @__PURE__ */ jsxs29(
-      AriaButton10,
+      AriaButton12,
       {
         className: "pire-sidenav-item",
         "data-selected": selected ? "true" : void 0,
@@ -2072,63 +2347,63 @@ function SideNav({
         "aria-label": collapsed ? item.label : void 0,
         onPress,
         children: [
-          item.icon ? /* @__PURE__ */ jsx36(Icon, { name: item.icon, size: 16 }) : null,
-          collapsed ? null : /* @__PURE__ */ jsx36("span", { children: item.label }),
-          item.count != null && !collapsed ? /* @__PURE__ */ jsx36("span", { className: "pire-sidenav-count", children: item.count }) : null
+          item.icon ? /* @__PURE__ */ jsx37(Icon, { name: item.icon, size: 16 }) : null,
+          collapsed ? null : /* @__PURE__ */ jsx37("span", { children: item.label }),
+          item.count != null && !collapsed ? /* @__PURE__ */ jsx37("span", { className: "pire-sidenav-count", children: item.count }) : null
         ]
       },
       item.id
     );
-    return collapsed ? /* @__PURE__ */ jsx36(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
+    return collapsed ? /* @__PURE__ */ jsx37(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
   };
-  const renderRailFlyout = (item) => /* @__PURE__ */ jsxs29(MenuTrigger, { children: [
-    /* @__PURE__ */ jsx36(
-      AriaButton10,
+  const renderRailFlyout = (item) => /* @__PURE__ */ jsxs29(MenuTrigger2, { children: [
+    /* @__PURE__ */ jsx37(
+      AriaButton12,
       {
         className: "pire-sidenav-item",
         "aria-label": item.label,
         "data-active-child": item.id === activeParent ? "true" : void 0,
-        children: item.icon ? /* @__PURE__ */ jsx36(Icon, { name: item.icon, size: 16 }) : null
+        children: item.icon ? /* @__PURE__ */ jsx37(Icon, { name: item.icon, size: 16 }) : null
       }
     ),
-    /* @__PURE__ */ jsx36(Popover6, { className: "pire-popover", placement: "right top", offset: 4, children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(Popover7, { className: "pire-popover", placement: "right top", offset: 4, children: /* @__PURE__ */ jsx37(
       Menu,
       {
         "aria-label": item.label,
         className: "pire-sidenav-flyout",
         onAction: (key) => onChange?.(String(key)),
-        children: (item.items ?? []).map((child) => /* @__PURE__ */ jsx36(MenuItem, { id: child.id, children: child.label }, child.id))
+        children: (item.items ?? []).map((child) => /* @__PURE__ */ jsx37(MenuItem, { id: child.id, children: child.label }, child.id))
       }
     ) })
   ] }, item.id);
   const renderSection = (item) => /* @__PURE__ */ jsxs29(Disclosure, { id: item.id, className: "pire-sidenav-section", children: [
     /* @__PURE__ */ jsxs29(
-      AriaButton10,
+      AriaButton12,
       {
         slot: "trigger",
         className: "pire-sidenav-item",
         "data-kind": "group",
         "data-active-child": item.id === activeParent ? "true" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ jsx36(Icon, { name: item.icon, size: 16 }) : null,
-          /* @__PURE__ */ jsx36("span", { children: item.label }),
-          item.count != null ? /* @__PURE__ */ jsx36("span", { className: "pire-sidenav-count", children: item.count }) : null,
-          /* @__PURE__ */ jsx36(Icon, { name: "chevron-down", size: 16, className: "pire-sidenav-chevron" })
+          item.icon ? /* @__PURE__ */ jsx37(Icon, { name: item.icon, size: 16 }) : null,
+          /* @__PURE__ */ jsx37("span", { children: item.label }),
+          item.count != null ? /* @__PURE__ */ jsx37("span", { className: "pire-sidenav-count", children: item.count }) : null,
+          /* @__PURE__ */ jsx37(Icon, { name: "chevron-down", size: 16, className: "pire-sidenav-chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx36(DisclosurePanel, { className: "pire-sidenav-subnav", children: item.items?.map((child) => {
+    /* @__PURE__ */ jsx37(DisclosurePanel, { className: "pire-sidenav-subnav", children: item.items?.map((child) => {
       const selected = child.id === value;
       return /* @__PURE__ */ jsxs29(
-        AriaButton10,
+        AriaButton12,
         {
           className: "pire-sidenav-item pire-sidenav-subitem",
           "data-selected": selected ? "true" : void 0,
           "aria-current": selected ? "page" : void 0,
           onPress: () => onChange?.(child.id),
           children: [
-            /* @__PURE__ */ jsx36("span", { children: child.label }),
-            child.count != null ? /* @__PURE__ */ jsx36("span", { className: "pire-sidenav-count", children: child.count }) : null
+            /* @__PURE__ */ jsx37("span", { children: child.label }),
+            child.count != null ? /* @__PURE__ */ jsx37("span", { className: "pire-sidenav-count", children: child.count }) : null
           ]
         },
         child.id
@@ -2152,8 +2427,8 @@ function SideNav({
             return renderRow(item, () => isGroup ? toggleExpanded(item.id) : onChange?.(item.id), isGroup);
           });
           return /* @__PURE__ */ jsxs29("div", { className: "pire-sidenav-group", children: [
-            group.label && !collapsed ? /* @__PURE__ */ jsx36("div", { className: "pire-sidenav-label", children: group.label }) : null,
-            hasSections ? /* @__PURE__ */ jsx36(
+            group.label && !collapsed ? /* @__PURE__ */ jsx37("div", { className: "pire-sidenav-label", children: group.label }) : null,
+            hasSections ? /* @__PURE__ */ jsx37(
               DisclosureGroup,
               {
                 className: "pire-sidenav-tree",
@@ -2165,7 +2440,7 @@ function SideNav({
             ) : rows
           ] }, group.label ?? gi);
         }),
-        footer ? /* @__PURE__ */ jsx36("div", { className: "pire-sidenav-footer", children: footer }) : null
+        footer ? /* @__PURE__ */ jsx37("div", { className: "pire-sidenav-footer", children: footer }) : null
       ]
     }
   );
@@ -2173,7 +2448,7 @@ function SideNav({
 
 // src/components/navigation/Tabs.tsx
 import { Tabs as AriaTabs, TabList, Tab as AriaTab, TabPanel } from "react-aria-components";
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
   return /* @__PURE__ */ jsxs30(
     AriaTabs,
@@ -2184,12 +2459,12 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
       defaultSelectedKey: defaultValue,
       onSelectionChange: (k) => onChange?.(String(k)),
       children: [
-        /* @__PURE__ */ jsx37(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs30(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
-          item.icon ? /* @__PURE__ */ jsx37(Icon, { name: item.icon, size: 16 }) : null,
+        /* @__PURE__ */ jsx38(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs30(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ jsx38(Icon, { name: item.icon, size: 16 }) : null,
           item.label,
-          item.count != null ? /* @__PURE__ */ jsx37("span", { className: "pire-tab-count", children: item.count }) : null
+          item.count != null ? /* @__PURE__ */ jsx38("span", { className: "pire-tab-count", children: item.count }) : null
         ] }) }),
-        items.map((item) => /* @__PURE__ */ jsx37(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
+        items.map((item) => /* @__PURE__ */ jsx38(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
       ]
     }
   );
@@ -2197,9 +2472,9 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
 
 // src/components/navigation/Breadcrumb.tsx
 import { Breadcrumbs as AriaBreadcrumbs, Breadcrumb as AriaBreadcrumb, Link as Link2 } from "react-aria-components";
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function Breadcrumb({ items, onNavigate, className, style }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     AriaBreadcrumbs,
     {
       className: cx("pire-breadcrumbs", className),
@@ -2209,8 +2484,8 @@ function Breadcrumb({ items, onNavigate, className, style }) {
       children: (item) => {
         const last = items[items.length - 1] === item;
         return /* @__PURE__ */ jsxs31(AriaBreadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
-          last ? item.label : /* @__PURE__ */ jsx38(Link2, { href: item.href, children: item.label }),
-          last ? null : /* @__PURE__ */ jsx38(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+          last ? item.label : /* @__PURE__ */ jsx39(Link2, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ jsx39(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
         ] });
       }
     }
@@ -2218,7 +2493,7 @@ function Breadcrumb({ items, onNavigate, className, style }) {
 }
 
 // src/components/navigation/Pagination.tsx
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -2234,8 +2509,8 @@ function Pagination({
   const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
   const to = Math.min(total, page * pageSize);
   return /* @__PURE__ */ jsxs32("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
-    /* @__PURE__ */ jsx39("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
+    /* @__PURE__ */ jsx40(
       IconButton,
       {
         icon: "chevron-left",
@@ -2246,8 +2521,8 @@ function Pagination({
         onPress: () => onPageChange?.(page - 1)
       }
     ),
-    /* @__PURE__ */ jsx39("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
+    /* @__PURE__ */ jsx40(
       IconButton,
       {
         icon: "chevron-right",
@@ -2258,7 +2533,7 @@ function Pagination({
         onPress: () => onPageChange?.(page + 1)
       }
     ),
-    onPageSizeChange ? /* @__PURE__ */ jsx39(
+    onPageSizeChange ? /* @__PURE__ */ jsx40(
       Select,
       {
         "aria-label": msg.paginationRowsPerPage,
@@ -2274,7 +2549,7 @@ function Pagination({
 }
 
 // src/components/feedback/InlineMessage.tsx
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 var KIND_ICON = {
   info: "info",
   success: "check-circle-2",
@@ -2293,21 +2568,21 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
       "aria-live": assertive ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx40(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ jsx41(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
         /* @__PURE__ */ jsxs33("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
-          title ? /* @__PURE__ */ jsx40("span", { className: "pire-msg-title", children: title }) : null,
-          children ? /* @__PURE__ */ jsx40("span", { className: "pire-msg-body", children }) : null,
+          title ? /* @__PURE__ */ jsx41("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ jsx41("span", { className: "pire-msg-body", children }) : null,
           action
         ] }),
-        onClose ? /* @__PURE__ */ jsx40(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
+        onClose ? /* @__PURE__ */ jsx41(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
       ]
     }
   );
 }
 
 // src/components/feedback/Toast.tsx
-import * as React12 from "react";
-import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React13 from "react";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 var KIND_ICON2 = {
   info: "info",
   success: "check-circle-2",
@@ -2325,40 +2600,40 @@ function Toast({ kind = "success", onClose, position = "bottom-center", children
       "aria-live": kind === "error" ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx41(Icon, { name: KIND_ICON2[kind], size: 16 }),
-        /* @__PURE__ */ jsx41("span", { style: { flex: 1 }, children }),
-        onClose ? /* @__PURE__ */ jsx41(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
+        /* @__PURE__ */ jsx42(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ jsx42("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ jsx42(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
       ]
     }
   );
 }
-var ToastContext = React12.createContext(null);
+var ToastContext = React13.createContext(null);
 function ToastProvider({ children, timeout = 6e3 }) {
   const msg = usePireMessages();
-  const [toasts, setToasts] = React12.useState([]);
-  const close = React12.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
-  const add = React12.useCallback((toast) => {
+  const [toasts, setToasts] = React13.useState([]);
+  const close = React13.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
+  const add = React13.useCallback((toast) => {
     const id = Math.random().toString(36).slice(2);
     setToasts((t) => [...t, { ...toast, id }]);
     const ms = toast.timeout ?? timeout;
     if (ms > 0) setTimeout(() => close(id), ms);
     return id;
   }, [close, timeout]);
-  const value = React12.useMemo(() => ({ add, close }), [add, close]);
+  const value = React13.useMemo(() => ({ add, close }), [add, close]);
   return /* @__PURE__ */ jsxs34(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx41("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ jsx41(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+    /* @__PURE__ */ jsx42("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ jsx42(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
   ] });
 }
 function useToast() {
-  const ctx = React12.useContext(ToastContext);
+  const ctx = React13.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
   return ctx;
 }
 
 // src/components/data/KpiTile.tsx
-import { Button as AriaButton11 } from "react-aria-components";
-import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Button as AriaButton13 } from "react-aria-components";
+import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function KpiTile({
   label,
   value,
@@ -2376,48 +2651,48 @@ function KpiTile({
   const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
   const body = /* @__PURE__ */ jsxs35(Fragment3, { children: [
     /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-label", children: [
-      icon ? /* @__PURE__ */ jsx42(Icon, { name: icon, size: 16 }) : null,
+      icon ? /* @__PURE__ */ jsx43(Icon, { name: icon, size: 16 }) : null,
       label
     ] }),
     /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-value", children: [
       value,
-      unit ? /* @__PURE__ */ jsx42("span", { className: "pire-kpi-unit", children: unit }) : null
+      unit ? /* @__PURE__ */ jsx43("span", { className: "pire-kpi-unit", children: unit }) : null
     ] }),
     delta ? /* @__PURE__ */ jsxs35("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
-      deltaDirection ? /* @__PURE__ */ jsx42(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+      deltaDirection ? /* @__PURE__ */ jsx43(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
       delta
     ] }) : null,
-    footnote ? /* @__PURE__ */ jsx42("span", { className: "pire-kpi-foot", children: footnote }) : null
+    footnote ? /* @__PURE__ */ jsx43("span", { className: "pire-kpi-foot", children: footnote }) : null
   ] });
   const props = { className: cx("pire-kpi", className), "data-status": status, style };
-  return onPress ? /* @__PURE__ */ jsx42(AriaButton11, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx42("div", { ...props, children: body });
+  return onPress ? /* @__PURE__ */ jsx43(AriaButton13, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx43("div", { ...props, children: body });
 }
 
 // src/components/data/ObjectHeader.tsx
-import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
   return /* @__PURE__ */ jsxs36("header", { className: cx("pire-objheader", className), ...rest, children: [
     breadcrumb,
     /* @__PURE__ */ jsxs36("div", { className: "pire-objheader-row", children: [
       /* @__PURE__ */ jsxs36("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx43("h1", { className: "pire-objheader-title", children: title }),
+        /* @__PURE__ */ jsx44("h1", { className: "pire-objheader-title", children: title }),
         subtitle || id ? /* @__PURE__ */ jsxs36("div", { className: "pire-objheader-sub", children: [
           subtitle,
-          id ? /* @__PURE__ */ jsx43("span", { className: "pire-objheader-id", children: id }) : null
+          id ? /* @__PURE__ */ jsx44("span", { className: "pire-objheader-id", children: id }) : null
         ] }) : null
       ] }),
       badge,
-      actions ? /* @__PURE__ */ jsx43("div", { className: "pire-objheader-actions", children: actions }) : null
+      actions ? /* @__PURE__ */ jsx44("div", { className: "pire-objheader-actions", children: actions }) : null
     ] }),
-    facts?.length ? /* @__PURE__ */ jsx43("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs36("div", { children: [
-      /* @__PURE__ */ jsx43("dt", { className: "pire-fact-label", children: fact.label }),
-      /* @__PURE__ */ jsx43("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
+    facts?.length ? /* @__PURE__ */ jsx44("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs36("div", { children: [
+      /* @__PURE__ */ jsx44("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ jsx44("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
     ] }, fact.label)) }) : null
   ] });
 }
 
 // src/components/data/FilterBar.tsx
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function FilterBar({
   children,
   activeFilters = [],
@@ -2437,21 +2712,21 @@ function FilterBar({
   return /* @__PURE__ */ jsxs37("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
     /* @__PURE__ */ jsxs37("div", { className: "pire-filterbar-controls", children: [
       children,
-      onGo ? /* @__PURE__ */ jsx44(Button, { variant: "primary", onPress: onGo, children: go }) : null
+      onGo ? /* @__PURE__ */ jsx45(Button, { variant: "primary", onPress: onGo, children: go }) : null
     ] }),
     activeFilters.length || resultLabel || actions ? /* @__PURE__ */ jsxs37("div", { className: "pire-filterbar-foot", children: [
-      activeFilters.map((filter) => /* @__PURE__ */ jsx44(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
-      activeFilters.length && onClear ? /* @__PURE__ */ jsx44(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
-      resultLabel ? /* @__PURE__ */ jsx44("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
-      actions ? /* @__PURE__ */ jsx44("div", { className: "pire-filterbar-actions", children: actions }) : null
+      activeFilters.map((filter) => /* @__PURE__ */ jsx45(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ jsx45(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
+      resultLabel ? /* @__PURE__ */ jsx45("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ jsx45("div", { className: "pire-filterbar-actions", children: actions }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/DescriptionList.tsx
-import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "dl",
     {
       className: cx("pire-dl", className),
@@ -2463,20 +2738,20 @@ function DescriptionList({ items, layout = "rows", columns = 3, className, style
           item.label,
           item.hint
         ] }),
-        /* @__PURE__ */ jsx45("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
+        /* @__PURE__ */ jsx46("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
       ] }, i))
     }
   );
 }
 
 // src/components/data/Timeline.tsx
-import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function Timeline({ entries, reverse = false, className, ...rest }) {
   const list = reverse ? [...entries].reverse() : entries;
-  return /* @__PURE__ */ jsx46("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs39("li", { className: "pire-timeline-item", children: [
-    /* @__PURE__ */ jsx46("span", { className: "pire-timeline-time", children: entry.time }),
-    /* @__PURE__ */ jsx46("span", { className: "pire-timeline-text", children: entry.event }),
-    entry.actor ? /* @__PURE__ */ jsx46("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  return /* @__PURE__ */ jsx47("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs39("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ jsx47("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ jsx47("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ jsx47("span", { className: "pire-timeline-actor", children: entry.actor }) : null
   ] }, entry.id ?? i)) });
 }
 
@@ -2559,7 +2834,7 @@ function alignToCategories(series, categoryCount) {
 }
 
 // src/components/data/ChartFrame.tsx
-import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function seriesLegend(series) {
   return series.map((one, index) => ({
     key: one.id,
@@ -2584,27 +2859,27 @@ function ChartFrame({
   const msg = usePireMessages();
   return /* @__PURE__ */ jsxs40("figure", { className: cx("pire-chart", className), style, children: [
     title || description ? /* @__PURE__ */ jsxs40("figcaption", { className: "pire-chart-head", children: [
-      title ? /* @__PURE__ */ jsx47("span", { className: "pire-chart-title", children: title }) : null,
-      description ? /* @__PURE__ */ jsx47("span", { className: "pire-chart-desc", children: description }) : null
+      title ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-title", children: title }) : null,
+      description ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-desc", children: description }) : null
     ] }) : null,
-    legend && legend.length > 1 ? /* @__PURE__ */ jsx47("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ jsxs40("li", { className: "pire-chart-legend-item", children: [
-      /* @__PURE__ */ jsx47("span", { className: "pire-chart-swatch", style: { background: item.color } }),
+    legend && legend.length > 1 ? /* @__PURE__ */ jsx48("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ jsxs40("li", { className: "pire-chart-legend-item", children: [
+      /* @__PURE__ */ jsx48("span", { className: "pire-chart-swatch", style: { background: item.color } }),
       item.label
     ] }, item.key)) }) : null,
-    /* @__PURE__ */ jsx47("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
-    /* @__PURE__ */ jsx47("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ jsxs40("table", { children: [
-      /* @__PURE__ */ jsx47("caption", { children: label }),
-      /* @__PURE__ */ jsx47("thead", { children: /* @__PURE__ */ jsxs40("tr", { children: [
-        /* @__PURE__ */ jsx47("th", { scope: "col", children: msg.chartCategoryHeader }),
-        series.map((one) => /* @__PURE__ */ jsx47("th", { scope: "col", children: one.label }, one.id))
+    /* @__PURE__ */ jsx48("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
+    /* @__PURE__ */ jsx48("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ jsxs40("table", { children: [
+      /* @__PURE__ */ jsx48("caption", { children: label }),
+      /* @__PURE__ */ jsx48("thead", { children: /* @__PURE__ */ jsxs40("tr", { children: [
+        /* @__PURE__ */ jsx48("th", { scope: "col", children: msg.chartCategoryHeader }),
+        series.map((one) => /* @__PURE__ */ jsx48("th", { scope: "col", children: one.label }, one.id))
       ] }) }),
-      /* @__PURE__ */ jsx47("tbody", { children: categories.map((category, categoryIndex) => (
+      /* @__PURE__ */ jsx48("tbody", { children: categories.map((category, categoryIndex) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
         /* @__PURE__ */ jsxs40("tr", { children: [
-          /* @__PURE__ */ jsx47("th", { scope: "row", children: category }),
+          /* @__PURE__ */ jsx48("th", { scope: "row", children: category }),
           series.map((one) => {
             const value = one.values[categoryIndex];
-            return /* @__PURE__ */ jsx47("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
+            return /* @__PURE__ */ jsx48("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
           })
         ] }, categoryIndex)
       )) })
@@ -2613,7 +2888,7 @@ function ChartFrame({
 }
 
 // src/components/data/BarChart.tsx
-import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function BarChart({
   categories,
   series: rawSeries,
@@ -2645,7 +2920,7 @@ function BarChart({
     const value = series[0].values[categoryIndex];
     return value == null ? msg.chartNoValue : formatValue(value);
   };
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     ChartFrame,
     {
       label,
@@ -2658,7 +2933,7 @@ function BarChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx48("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsx48(
+      children: !hasData ? /* @__PURE__ */ jsx49("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsx49(
         "div",
         {
           className: "pire-chart-bars",
@@ -2668,8 +2943,8 @@ function BarChart({
           children: categories.map((category, categoryIndex) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
             /* @__PURE__ */ jsxs41("div", { className: "pire-chart-group", children: [
-              /* @__PURE__ */ jsx48("span", { className: "pire-chart-cat", children: category }),
-              /* @__PURE__ */ jsx48("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
+              /* @__PURE__ */ jsx49("span", { className: "pire-chart-cat", children: category }),
+              /* @__PURE__ */ jsx49("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
                 const value = one.values[categoryIndex];
                 if (value == null) return null;
                 return /* @__PURE__ */ jsxs41(
@@ -2681,7 +2956,7 @@ function BarChart({
                       "--pire-bar-color": seriesColor(one, seriesIndex)
                     },
                     children: [
-                      withValues && orientation === "vertical" ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
+                      withValues && orientation === "vertical" ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
                       /* @__PURE__ */ jsxs41("span", { className: "pire-chart-tip", role: "presentation", children: [
                         series.length > 1 ? `${one.label}: ` : "",
                         formatValue(value)
@@ -2691,7 +2966,7 @@ function BarChart({
                   one.id
                 );
               }) }),
-              withValues && orientation === "horizontal" ? /* @__PURE__ */ jsx48("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
+              withValues && orientation === "horizontal" ? /* @__PURE__ */ jsx49("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
             ] }, categoryIndex)
           ))
         }
@@ -2701,14 +2976,14 @@ function BarChart({
 }
 
 // src/components/data/LineChart.tsx
-import * as React13 from "react";
-import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import * as React14 from "react";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 var PLOT_INSET = { top: 10, right: 14, bottom: 24, left: 58 };
 var MARKER_LIMIT = 20;
-var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? React13.useEffect : React13.useLayoutEffect;
+var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? React14.useEffect : React14.useLayoutEffect;
 function useMeasuredWidth() {
-  const ref = React13.useRef(null);
-  const [width, setWidth] = React13.useState(0);
+  const ref = React14.useRef(null);
+  const [width, setWidth] = React14.useState(0);
   useIsomorphicLayoutEffect2(() => {
     const element = ref.current;
     if (!element) return;
@@ -2769,7 +3044,7 @@ function LineChart({
     return `M${xAt(present[0].index)} ${baseline} L${line} L${xAt(last.index)} ${baseline} Z`;
   };
   const labelEvery = Math.max(1, Math.ceil(categories.length / Math.max(2, Math.floor(innerWidth / 64))));
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     ChartFrame,
     {
       label,
@@ -2782,7 +3057,7 @@ function LineChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx49("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs42("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
+      children: !hasData ? /* @__PURE__ */ jsx50("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs42("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
         width > 0 ? /* @__PURE__ */ jsxs42(
           "svg",
           {
@@ -2792,7 +3067,7 @@ function LineChart({
             "aria-hidden": "true",
             focusable: "false",
             children: [
-              /* @__PURE__ */ jsx49("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx50("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ jsx50(
                 "line",
                 {
                   x1: PLOT_INSET.left,
@@ -2803,7 +3078,7 @@ function LineChart({
                 tick
               )) }),
               /* @__PURE__ */ jsxs42("g", { className: "pire-chart-tick", children: [
-                scale.ticks.map((tick) => /* @__PURE__ */ jsx49(
+                scale.ticks.map((tick) => /* @__PURE__ */ jsx50(
                   "text",
                   {
                     x: PLOT_INSET.left - 8,
@@ -2816,10 +3091,10 @@ function LineChart({
                 )),
                 categories.map((category, index) => index % labelEvery === 0 ? (
                   // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-                  /* @__PURE__ */ jsx49("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
+                  /* @__PURE__ */ jsx50("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
                 ) : null)
               ] }),
-              showArea && series[0] ? /* @__PURE__ */ jsx49(
+              showArea && series[0] ? /* @__PURE__ */ jsx50(
                 "path",
                 {
                   d: areaFor(series[0].values),
@@ -2827,10 +3102,10 @@ function LineChart({
                   style: { fill: seriesColor(series[0], 0) }
                 }
               ) : null,
-              /* @__PURE__ */ jsx49("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ jsx49("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
-              withMarkers ? /* @__PURE__ */ jsx49("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
+              /* @__PURE__ */ jsx50("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ jsx50("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
+              withMarkers ? /* @__PURE__ */ jsx50("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
                 // biome-ignore lint/suspicious/noArrayIndexKey: a series is positional — the index is the point's identity, and category labels repeat.
-                /* @__PURE__ */ jsx49(
+                /* @__PURE__ */ jsx50(
                   "circle",
                   {
                     cx: xAt(index),
@@ -2844,15 +3119,15 @@ function LineChart({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "div",
           {
             className: "pire-chart-hover",
             style: { inset: `${PLOT_INSET.top}px ${PLOT_INSET.right}px ${PLOT_INSET.bottom}px ${PLOT_INSET.left}px` },
             children: categories.map((category, categoryIndex) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
-              /* @__PURE__ */ jsx49("div", { className: "pire-chart-band", children: /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip", role: "presentation", children: [
-                /* @__PURE__ */ jsx49("strong", { children: category }),
+              /* @__PURE__ */ jsx50("div", { className: "pire-chart-band", children: /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip", role: "presentation", children: [
+                /* @__PURE__ */ jsx50("strong", { children: category }),
                 series.map((one) => {
                   const value = one.values[categoryIndex];
                   return /* @__PURE__ */ jsxs42("span", { className: "pire-chart-tip-row", children: [
@@ -2871,8 +3146,8 @@ function LineChart({
 }
 
 // src/components/data/DonutChart.tsx
-import * as React14 from "react";
-import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 var SEGMENT_GAP_DEGREES = 1.5;
 function DonutChart({
   categories,
@@ -2892,7 +3167,7 @@ function DonutChart({
 }) {
   const label = rest["aria-label"];
   const msg = usePireMessages();
-  const [hoveredIndex, setHoveredIndex] = React14.useState(null);
+  const [hoveredIndex, setHoveredIndex] = React15.useState(null);
   warnOnDonutShape(series, categories.length, label);
   const values = (series[0]?.values ?? []).slice(0, categories.length);
   const segments = categories.map((category, index) => ({ category, index, value: values[index] ?? 0 })).filter((segment) => segment.value > 0);
@@ -2909,7 +3184,7 @@ function DonutChart({
   }));
   const hovered = hoveredIndex == null ? null : segments.find((segment) => segment.index === hoveredIndex) ?? null;
   let arcStart = 0;
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     ChartFrame,
     {
       label,
@@ -2922,8 +3197,8 @@ function DonutChart({
       showDataTable,
       className,
       style,
-      children: !hasData ? /* @__PURE__ */ jsx50("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs43("div", { className: "pire-chart-donut", style: { height: size }, children: [
-        /* @__PURE__ */ jsx50(
+      children: !hasData ? /* @__PURE__ */ jsx51("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ jsxs43("div", { className: "pire-chart-donut", style: { height: size }, children: [
+        /* @__PURE__ */ jsx51(
           "svg",
           {
             width: size,
@@ -2931,13 +3206,13 @@ function DonutChart({
             "aria-hidden": "true",
             focusable: "false",
             onMouseLeave: () => setHoveredIndex(null),
-            children: /* @__PURE__ */ jsx50("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
+            children: /* @__PURE__ */ jsx51("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
               const arcLength = segment.value / total * circumference;
               const offset = arcStart;
               arcStart += arcLength;
               return (
                 // biome-ignore lint/a11y/noStaticElementInteractions: pointer-only enhancement inside an aria-hidden plot — the arcs carry nothing the data table does not, so there is nothing here for a keyboard to reach.
-                /* @__PURE__ */ jsx50(
+                /* @__PURE__ */ jsx51(
                   "circle",
                   {
                     className: "pire-chart-arc",
@@ -2958,8 +3233,8 @@ function DonutChart({
           }
         ),
         /* @__PURE__ */ jsxs43("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
-          /* @__PURE__ */ jsx50("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
-          /* @__PURE__ */ jsx50("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
+          /* @__PURE__ */ jsx51("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
+          /* @__PURE__ */ jsx51("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
         ] })
       ] })
     }
@@ -2970,15 +3245,15 @@ function colorForSegment(index) {
 }
 
 // src/components/data/LinkList.tsx
-import { Button as AriaButton12 } from "react-aria-components";
-import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Button as AriaButton14 } from "react-aria-components";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
-  return /* @__PURE__ */ jsx51("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
-    const keySlot = item.key ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-key", children: item.key }) : null;
-    const textSlot = item.text ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-text", children: item.text }) : null;
+  return /* @__PURE__ */ jsx52("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
+    const keySlot = item.key ? /* @__PURE__ */ jsx52("span", { className: "pire-linklist-key", children: item.key }) : null;
+    const textSlot = item.text ? /* @__PURE__ */ jsx52("span", { className: "pire-linklist-text", children: item.text }) : null;
     const [first, second] = emphasis === "text" ? [textSlot, keySlot] : [keySlot, textSlot];
-    return /* @__PURE__ */ jsx51("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs44(AriaButton12, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-      item.icon ? /* @__PURE__ */ jsx51(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    return /* @__PURE__ */ jsx52("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs44(AriaButton14, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+      item.icon ? /* @__PURE__ */ jsx52(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
       first,
       second,
       item.trailing
@@ -2987,7 +3262,7 @@ function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
 }
 
 // src/components/layout/PageBand.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function PageBand({
   surface = "card",
   hasBorder = true,
@@ -2995,7 +3270,7 @@ function PageBand({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       className: cx("pire-pageband", className),
@@ -3008,29 +3283,29 @@ function PageBand({
 }
 
 // src/components/layout/PageHeader.tsx
-import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function PageHeader({ title, subtitle, actions, className, ...rest }) {
   return /* @__PURE__ */ jsxs45("header", { className: cx("pire-pageheader", className), ...rest, children: [
     /* @__PURE__ */ jsxs45("div", { style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx53("h1", { className: "pire-pageheader-title", children: title }),
-      subtitle ? /* @__PURE__ */ jsx53("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+      /* @__PURE__ */ jsx54("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ jsx54("p", { className: "pire-pageheader-sub", children: subtitle }) : null
     ] }),
-    actions ? /* @__PURE__ */ jsx53("div", { className: "pire-pageheader-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx54("div", { className: "pire-pageheader-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SectionHeader.tsx
-import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function SectionHeader({ title, meta, actions, className, ...rest }) {
   return /* @__PURE__ */ jsxs46("div", { className: cx("pire-sectionhead", className), ...rest, children: [
-    /* @__PURE__ */ jsx54("span", { className: "pire-eyebrow", children: title }),
-    meta ? /* @__PURE__ */ jsx54("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
-    actions ? /* @__PURE__ */ jsx54("div", { className: "pire-sectionhead-actions", children: actions }) : null
+    /* @__PURE__ */ jsx55("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ jsx55("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ jsx55("div", { className: "pire-sectionhead-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SelectionBar.tsx
-import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
   if (!count) return null;
   return /* @__PURE__ */ jsxs47("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
@@ -3041,23 +3316,23 @@ function SelectionBar({ count, noun = "record", children, actions, className, ..
       count === 1 ? "" : "s",
       " selected"
     ] }),
-    children ? /* @__PURE__ */ jsx55("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
-    actions ? /* @__PURE__ */ jsx55("div", { className: "pire-selectionbar-actions", children: actions }) : null
+    children ? /* @__PURE__ */ jsx56("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ jsx56("div", { className: "pire-selectionbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/FooterBar.tsx
-import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function FooterBar({ note, actions, children, className, ...rest }) {
   return /* @__PURE__ */ jsxs48("footer", { className: cx("pire-footerbar", className), ...rest, children: [
-    note ? /* @__PURE__ */ jsx56("span", { className: "pire-footerbar-note", children: note }) : null,
+    note ? /* @__PURE__ */ jsx57("span", { className: "pire-footerbar-note", children: note }) : null,
     children,
-    actions ? /* @__PURE__ */ jsx56("div", { className: "pire-footerbar-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx57("div", { className: "pire-footerbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/patterns/ConfirmDialog.tsx
-import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function ConfirmDialog({
   isOpen,
   title,
@@ -3082,24 +3357,167 @@ function ConfirmDialog({
       isDismissable: !isBusy,
       showClose: false,
       footer: /* @__PURE__ */ jsxs49(Fragment4, { children: [
-        /* @__PURE__ */ jsx57(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ jsx57(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+        /* @__PURE__ */ jsx58(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx58(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
       ] }),
       children: [
-        consequence ? /* @__PURE__ */ jsx57(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        consequence ? /* @__PURE__ */ jsx58(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
         children
       ]
     }
   );
 }
 
+// src/components/patterns/CommandPalette.tsx
+import * as React16 from "react";
+import {
+  Autocomplete,
+  ModalOverlay as ModalOverlay2,
+  Modal as Modal2,
+  Dialog as AriaDialog4,
+  SearchField,
+  Input as AriaInput5,
+  Menu as AriaMenu2,
+  MenuSection as AriaMenuSection2,
+  Header as Header2,
+  useFilter
+} from "react-aria-components";
+import { Fragment as Fragment5, jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
+var RESULTS_SECTION_KEY = "__pire_results__";
+var searchableText = (item) => [item.label, item.description, item.keywords].filter(Boolean).join(" ");
+function CommandPalette({
+  isOpen,
+  onOpenChange,
+  groups = [],
+  resultsGroup,
+  onAction,
+  onSearch,
+  isLoading,
+  emptyLabel,
+  loadingLabel,
+  placeholder,
+  footer,
+  showFooter = true,
+  "aria-label": ariaLabel,
+  className,
+  style
+}) {
+  const msg = usePireMessages();
+  const [query, setQuery] = React16.useState("");
+  const { contains } = useFilter({ sensitivity: "base" });
+  React16.useEffect(() => {
+    if (isOpen) setQuery("");
+  }, [isOpen]);
+  const searchableById = React16.useMemo(() => {
+    const byId = /* @__PURE__ */ new Map();
+    for (const group of groups) for (const item of group.items) byId.set(item.id, searchableText(item));
+    return byId;
+  }, [groups]);
+  const filter = React16.useCallback((textValue, inputValue, node) => {
+    if (node.parentKey === RESULTS_SECTION_KEY) return true;
+    return contains(searchableById.get(String(node.key)) ?? textValue, inputValue);
+  }, [contains, searchableById]);
+  const handleInputChange = (value) => {
+    setQuery(value);
+    onSearch?.(value);
+  };
+  const sections = [...groups, ...resultsGroup ? [{ ...resultsGroup, id: RESULTS_SECTION_KEY }] : []];
+  const status = isLoading ? loadingLabel ?? msg.commandPaletteLoading : emptyLabel ?? msg.commandPaletteEmpty;
+  return /* @__PURE__ */ jsx59(
+    ModalOverlay2,
+    {
+      className: "pire-cp-overlay",
+      isOpen,
+      isDismissable: true,
+      onOpenChange: (open) => {
+        if (!open) onOpenChange?.(false);
+      },
+      children: /* @__PURE__ */ jsx59(Modal2, { className: cx("pire-cp-modal", className), style, children: /* @__PURE__ */ jsxs50(AriaDialog4, { className: "pire-cp-dialog", "aria-label": ariaLabel ?? msg.commandPaletteLabel, children: [
+        /* @__PURE__ */ jsxs50(Autocomplete, { filter, inputValue: query, onInputChange: handleInputChange, children: [
+          /* @__PURE__ */ jsxs50(SearchField, { className: "pire-cp-search", "aria-label": msg.commandPaletteSearchLabel, children: [
+            /* @__PURE__ */ jsx59(Icon, { name: "search", size: 18, className: "pire-cp-search-icon" }),
+            /* @__PURE__ */ jsx59(
+              AriaInput5,
+              {
+                className: "pire-cp-input",
+                autoFocus: true,
+                placeholder: placeholder ?? msg.commandPalettePlaceholder
+              }
+            )
+          ] }),
+          isLoading ? /* @__PURE__ */ jsx59("div", { className: "pire-cp-loading", role: "status", "aria-live": "polite", children: loadingLabel ?? msg.commandPaletteLoading }) : null,
+          /* @__PURE__ */ jsx59(
+            AriaMenu2,
+            {
+              className: "pire-cp-list",
+              onAction: (key) => onAction?.(String(key)),
+              renderEmptyState: () => /* @__PURE__ */ jsx59("div", { className: "pire-cp-status", children: status }),
+              children: sections.map((section) => /* @__PURE__ */ jsxs50(AriaMenuSection2, { id: section.id, className: "pire-cp-section", children: [
+                section.label ? /* @__PURE__ */ jsx59(Header2, { className: "pire-cp-section-title", children: section.label }) : null,
+                section.items.map((item) => /* @__PURE__ */ jsx59(
+                  MenuItem,
+                  {
+                    id: item.id,
+                    textValue: item.label,
+                    icon: item.icon,
+                    description: item.description,
+                    shortcut: item.shortcut,
+                    isDisabled: item.isDisabled,
+                    children: item.label
+                  },
+                  item.id
+                ))
+              ] }, section.id))
+            }
+          )
+        ] }),
+        showFooter ? (
+          // aria-hidden: the glyphs are a sighted affordance for discovering the keys. A screen
+          // reader already announces the listbox semantics that make those keys work, so reading
+          // "up arrow down arrow navigate" out loud is noise on every open.
+          /* @__PURE__ */ jsx59("div", { className: "pire-cp-foot", "aria-hidden": "true", children: footer ?? /* @__PURE__ */ jsxs50(Fragment5, { children: [
+            /* @__PURE__ */ jsxs50("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx59(Kbd, { children: "\u2191" }),
+              /* @__PURE__ */ jsx59(Kbd, { children: "\u2193" }),
+              msg.commandPaletteHintNavigate
+            ] }),
+            /* @__PURE__ */ jsxs50("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx59(Kbd, { children: "\u21B5" }),
+              msg.commandPaletteHintSelect
+            ] }),
+            /* @__PURE__ */ jsxs50("span", { className: "pire-cp-hint", children: [
+              /* @__PURE__ */ jsx59(Kbd, { children: "esc" }),
+              msg.commandPaletteHintClose
+            ] })
+          ] }) })
+        ) : null
+      ] }) })
+    }
+  );
+}
+function useCommandPaletteShortcut(onTrigger, { key = "k", isDisabled } = {}) {
+  const handler = React16.useRef(onTrigger);
+  handler.current = onTrigger;
+  React16.useEffect(() => {
+    if (isDisabled) return;
+    const onKeyDown = (event) => {
+      if (!(event.metaKey || event.ctrlKey) || event.altKey) return;
+      if (event.key.toLowerCase() !== key.toLowerCase()) return;
+      event.preventDefault();
+      handler.current();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [key, isDisabled]);
+}
+
 // src/components/patterns/SidePanel.tsx
-import { ModalOverlay as ModalOverlay2, Modal as Modal2, Dialog as AriaDialog4, Heading as Heading5 } from "react-aria-components";
-import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
+import { ModalOverlay as ModalOverlay3, Modal as Modal3, Dialog as AriaDialog5, Heading as Heading5 } from "react-aria-components";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ jsx58(
-    ModalOverlay2,
+  return /* @__PURE__ */ jsx60(
+    ModalOverlay3,
     {
       className: "pire-sidepanel-overlay",
       isOpen,
@@ -3107,36 +3525,36 @@ function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onC
       onOpenChange: (o) => {
         if (!o) onClose?.();
       },
-      children: /* @__PURE__ */ jsx58(Modal2, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs50(AriaDialog4, { className: "pire-dialog", style: { height: "100%" }, children: [
-        /* @__PURE__ */ jsxs50("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ jsxs50("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx58(Heading5, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ jsx58("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ jsx60(Modal3, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs51(AriaDialog5, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ jsxs51("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ jsxs51("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx60(Heading5, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ jsx60("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ jsx58(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
+          /* @__PURE__ */ jsx60(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
         ] }),
-        /* @__PURE__ */ jsx58("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
-        footer ? /* @__PURE__ */ jsx58("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ jsx60("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ jsx60("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/patterns/EmptyState.tsx
-import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs51("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ jsx59(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
-    title ? /* @__PURE__ */ jsx59("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
-    children ? /* @__PURE__ */ jsx59("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+  return /* @__PURE__ */ jsxs52("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ jsx61(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ jsx61("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ jsx61("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
     action
   ] });
 }
 
 // src/components/patterns/FileDropZone.tsx
-import * as React15 from "react";
+import * as React17 from "react";
 import { DropZone, FileTrigger as FileTrigger2, isFileDropItem } from "react-aria-components";
-import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 var isImage2 = (file) => file.type.startsWith("image/");
 function FileDropZone({
   label,
@@ -3162,10 +3580,10 @@ function FileDropZone({
   style
 }) {
   const msg = usePireMessages();
-  const [uncontrolled, setUncontrolled] = React15.useState(defaultValue ?? []);
+  const [uncontrolled, setUncontrolled] = React17.useState(defaultValue ?? []);
   const files = value ?? uncontrolled;
-  const created = React15.useRef([]);
-  React15.useEffect(() => () => {
+  const created = React17.useRef([]);
+  React17.useEffect(() => () => {
     for (const url of created.current) URL.revokeObjectURL(url);
   }, []);
   const commit = (next) => {
@@ -3185,12 +3603,12 @@ function FileDropZone({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ jsxs52("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), children: [
-    label ? /* @__PURE__ */ jsxs52("span", { className: "pire-field-label", children: [
+  return /* @__PURE__ */ jsxs53("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), children: [
+    label ? /* @__PURE__ */ jsxs53("span", { className: "pire-field-label", children: [
       label,
-      isRequired ? /* @__PURE__ */ jsx60("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ jsx62("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs52(
+    /* @__PURE__ */ jsxs53(
       DropZone,
       {
         className: "pire-dropzone",
@@ -3203,25 +3621,25 @@ function FileDropZone({
           accept(dropped);
         },
         children: [
-          /* @__PURE__ */ jsx60(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
-          /* @__PURE__ */ jsx60("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
-          /* @__PURE__ */ jsx60(
+          /* @__PURE__ */ jsx62(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
+          /* @__PURE__ */ jsx62("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
+          /* @__PURE__ */ jsx62(
             FileTrigger2,
             {
               acceptedFileTypes,
               allowsMultiple,
               onSelect: (list) => accept(list ? [...list] : []),
-              children: /* @__PURE__ */ jsx60(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
+              children: /* @__PURE__ */ jsx62(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
             }
           )
         ]
       }
     ),
-    files.length ? /* @__PURE__ */ jsx60("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs52("li", { className: "pire-fileupload-item", children: [
-      previewUrl ? /* @__PURE__ */ jsx60("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx60(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-      /* @__PURE__ */ jsx60("span", { className: "pire-fileupload-name", children: file.name }),
-      /* @__PURE__ */ jsx60("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-      isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx60(
+    files.length ? /* @__PURE__ */ jsx62("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ jsxs53("li", { className: "pire-fileupload-item", children: [
+      previewUrl ? /* @__PURE__ */ jsx62("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ jsx62(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+      /* @__PURE__ */ jsx62("span", { className: "pire-fileupload-name", children: file.name }),
+      /* @__PURE__ */ jsx62("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+      isDisabled || isReadOnly ? null : /* @__PURE__ */ jsx62(
         IconButton,
         {
           icon: "x",
@@ -3231,14 +3649,14 @@ function FileDropZone({
         }
       )
     ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-    uploadProgress != null ? /* @__PURE__ */ jsx60(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-    description ? /* @__PURE__ */ jsx60("span", { className: "pire-field-hint", children: description }) : null,
-    isInvalid && errorMessage ? /* @__PURE__ */ jsx60("span", { className: "pire-field-error", children: errorMessage }) : null
+    uploadProgress != null ? /* @__PURE__ */ jsx62(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+    description ? /* @__PURE__ */ jsx62("span", { className: "pire-field-hint", children: description }) : null,
+    isInvalid && errorMessage ? /* @__PURE__ */ jsx62("span", { className: "pire-field-error", children: errorMessage }) : null
   ] });
 }
 
 // src/index.ts
-import { DialogTrigger, MenuTrigger as MenuTrigger2, SubmenuTrigger, Popover as Popover7, RouterProvider, I18nProvider } from "react-aria-components";
+import { DialogTrigger, MenuTrigger as MenuTrigger3, SubmenuTrigger, Popover as Popover8, RouterProvider, I18nProvider } from "react-aria-components";
 export {
   Avatar,
   Badge,
@@ -3248,6 +3666,7 @@ export {
   Card,
   Checkbox,
   ComboBox,
+  CommandPalette,
   ConfirmDialog,
   DataTable,
   DatePicker,
@@ -3264,10 +3683,12 @@ export {
   FormField,
   Heading,
   I18nProvider,
+  ICON_NAMES,
   Icon,
   IconButton,
   InlineMessage,
   Input,
+  Kbd,
   KpiTile,
   LineChart,
   Link,
@@ -3276,7 +3697,7 @@ export {
   MenuItem,
   MenuSection,
   MenuSeparator,
-  MenuTrigger2 as MenuTrigger,
+  MenuTrigger3 as MenuTrigger,
   MultiComboBox,
   NumberField,
   ObjectHeader,
@@ -3284,7 +3705,7 @@ export {
   PageHeader,
   Pagination,
   PireIntlProvider,
-  Popover7 as Popover,
+  Popover8 as Popover,
   ProgressBar,
   Radio,
   RadioGroup,
@@ -3318,6 +3739,7 @@ export {
   esMessages,
   formatFileSize,
   rangeLengthInDays,
+  useCommandPaletteShortcut,
   usePireMessages,
   useToast
 };