@orianatech/pire 0.2.1 → 0.4.0

package/dist/index.js

@@ -1,6 +1,71 @@
-// src/components/core/Icon.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
+// src/components/core/icon-data.generated.ts
+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"/>',
+  "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--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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "chevron--down": '<path d="M16 22 6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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--vertical": '<circle cx="16" cy="8" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="16" cy="24" r="2"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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--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"/>',
+  "subtract": '<path d="M8 15H24V17H8z"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>',
+  "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"/>'
+};
+
+// src/components/core/icon-map.ts
 var CARBON_MAP = {
   "menu": "menu",
   "search": "search",
@@ -70,21 +135,49 @@ var CARBON_MAP = {
   "eye": "view",
   "minimize-2": "minimize"
 };
-var PACKS = {
-  carbon: { base: "https://cdn.jsdelivr.net/npm/@carbon/icons@11/svg/32/", map: CARBON_MAP },
-  lucide: { base: "https://cdn.jsdelivr.net/npm/lucide-static/icons/", map: null }
-};
+
+// src/components/core/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+var IS_DEV = process.env.NODE_ENV !== "production";
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message) {
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[pire] ${message}`);
+}
 var config = {};
 function configureIcons(next) {
   config = { ...config, ...next };
+  if (!IS_DEV) return;
+  if (next.base !== void 0) {
+    warnOnce(
+      "config:base",
+      "configureIcons({ base }) is ignored: glyphs are inlined in the bundle and no longer fetched over the network. Remove the call, and the self-hosted SVGs it pointed at."
+    );
+  }
+  if (next.pack !== void 0) {
+    warnOnce(
+      "config:pack",
+      "configureIcons({ pack }) is ignored: the bundled Carbon pack is the only pack. Use configureIcons({ resolve }) to supply a glyph Pire does not ship."
+    );
+  }
 }
 function Icon({ name, size = 16, label, pack, style, ...rest }) {
-  const cfg = PACKS[pack ?? config.pack ?? "carbon"] ?? PACKS.lucide;
-  const slug = cfg.map ? cfg.map[name] ?? name : name;
-  const url = `${config.base ?? cfg.base}${slug}.svg`;
-  const [failed, setFailed] = React.useState(false);
-  React.useEffect(() => setFailed(false), [url]);
-  const mask = `url("${url}") center / ${size}px ${size}px no-repeat`;
+  const markup = config.resolve?.(name) ?? ICON_MARKUP[CARBON_MAP[name] ?? name];
+  if (IS_DEV) {
+    if (pack !== void 0) {
+      warnOnce(
+        "prop:pack",
+        "The Icon `pack` prop is ignored: the bundled Carbon pack is the only pack. Drop the prop."
+      );
+    }
+    if (markup === void 0) {
+      warnOnce(
+        `missing:${name}`,
+        `Unknown icon name "${name}" \u2014 nothing will render. Add it to CARBON_MAP in src/components/core/icon-map.ts and rebuild, or register it with configureIcons({ resolve }).`
+      );
+    }
+  }
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -93,26 +186,18 @@ function Icon({ name, size = 16, label, pack, style, ...rest }) {
       "aria-hidden": label ? void 0 : true,
       "data-icon": name,
       ...rest,
-      style: {
-        position: "relative",
-        display: "inline-block",
-        flex: "0 0 auto",
-        width: size,
-        height: size,
-        backgroundColor: failed ? "transparent" : "currentColor",
-        WebkitMaskImage: failed ? void 0 : `url("${url}")`,
-        WebkitMask: failed ? void 0 : mask,
-        mask: failed ? void 0 : mask,
-        ...style
-      },
-      children: /* @__PURE__ */ jsx(
-        "img",
+      style: { display: "inline-block", flex: "0 0 auto", width: size, height: size, ...style },
+      children: markup === void 0 ? null : /* @__PURE__ */ jsx(
+        "svg",
         {
-          src: url,
-          alt: "",
+          viewBox: "0 0 32 32",
+          width: size,
+          height: size,
+          fill: "currentColor",
+          focusable: "false",
           "aria-hidden": "true",
-          onError: () => setFailed(true),
-          style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" }
+          style: { display: "block" },
+          dangerouslySetInnerHTML: { __html: markup }
         }
       )
     }
@@ -120,7 +205,7 @@ function Icon({ name, size = 16, label, pack, style, ...rest }) {
 }
 
 // src/components/core/Button.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { Button as AriaButton } from "react-aria-components";
 
 // src/components/utils/cx.ts
@@ -130,7 +215,7 @@ function cx(...parts) {
 
 // src/components/core/Button.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Button = React2.forwardRef(function Button2({ children, variant = "secondary", size = "md", icon, iconEnd, fullWidth, className, ...rest }, ref) {
+var Button = React.forwardRef(function Button2({ children, variant = "secondary", size = "md", icon, iconEnd, fullWidth, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs(
     AriaButton,
     {
@@ -150,7 +235,7 @@ var Button = React2.forwardRef(function Button2({ children, variant = "secondary
 });
 
 // src/components/core/IconButton.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { Button as AriaButton2 } from "react-aria-components";
 
 // src/components/feedback/Tooltip.tsx
@@ -168,7 +253,7 @@ function Tooltip({ label, placement = "top", delay = 500, children }) {
 
 // src/components/core/IconButton.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var IconButton = React3.forwardRef(function IconButton2({ icon, label, size = "md", variant = "tertiary", selected, hideTooltip, className, ...rest }, ref) {
+var IconButton = React2.forwardRef(function IconButton2({ icon, label, size = "md", variant = "tertiary", selected, hideTooltip, className, ...rest }, ref) {
   const button = /* @__PURE__ */ jsx4(
     AriaButton2,
     {
@@ -239,11 +324,11 @@ function Card({ title, subtitle, icon, actions, footer, interactive, children, c
 }
 
 // src/components/core/Avatar.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
 function Avatar({ name, size = "md", src, className, ...rest }) {
-  const [failed, setFailed] = React4.useState(false);
+  const [failed, setFailed] = React3.useState(false);
   return /* @__PURE__ */ jsx8("span", { className: cx("pire-avatar", className), "data-size": size, role: "img", "aria-label": name, ...rest, children: src && !failed ? /* @__PURE__ */ jsx8(
     "img",
     {
@@ -256,7 +341,7 @@ function Avatar({ name, size = "md", src, className, ...rest }) {
 }
 
 // src/components/core/SegmentedControl.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { ToggleButtonGroup, ToggleButton } from "react-aria-components";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function SegmentedControl({
@@ -270,7 +355,7 @@ function SegmentedControl({
   style,
   ...rest
 }) {
-  const selected = React5.useMemo(() => new Set(value ? [value] : defaultValue ? [defaultValue] : []), [value, defaultValue]);
+  const selected = React4.useMemo(() => new Set(value ? [value] : defaultValue ? [defaultValue] : []), [value, defaultValue]);
   return /* @__PURE__ */ jsx9(
     ToggleButtonGroup,
     {
@@ -372,19 +457,104 @@ function Input({
   );
 }
 
+// src/components/forms/TextArea.tsx
+import * as React5 from "react";
+import { TextField as TextField2, Label as Label2, TextArea as AriaTextArea, Group as Group2, Text as Text2, FieldError as FieldError2 } from "react-aria-components";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var useIsomorphicLayoutEffect = typeof document === "undefined" ? React5.useEffect : React5.useLayoutEffect;
+function TextArea({
+  label,
+  description,
+  errorMessage,
+  size = "md",
+  rows = 3,
+  autoGrow,
+  maxRows,
+  fullWidth = true,
+  className,
+  style,
+  textAreaRef,
+  onChange,
+  ...rest
+}) {
+  const innerRef = React5.useRef(null);
+  const ref = React5.useCallback((node) => {
+    innerRef.current = node;
+    if (typeof textAreaRef === "function") textAreaRef(node);
+    else if (textAreaRef) textAreaRef.current = node;
+  }, [textAreaRef]);
+  const grow = React5.useCallback(() => {
+    const el = innerRef.current;
+    if (!el || !autoGrow) return;
+    const styles = getComputedStyle(el);
+    const lineHeight = Number.parseFloat(styles.lineHeight) || Number.parseFloat(styles.fontSize) * 1.5;
+    const chrome = el.offsetHeight - el.clientHeight;
+    el.style.height = "auto";
+    const wanted = maxRows ? Math.min(el.scrollHeight, Math.ceil(lineHeight * maxRows)) : el.scrollHeight;
+    const next = `${wanted + chrome}px`;
+    if (el.style.height !== next) el.style.height = next;
+  }, [autoGrow, maxRows]);
+  useIsomorphicLayoutEffect(() => {
+    if (!autoGrow) {
+      if (innerRef.current) innerRef.current.style.height = "";
+      return;
+    }
+    grow();
+  }, [autoGrow, grow, rest.value]);
+  return /* @__PURE__ */ jsxs9(
+    TextField2,
+    {
+      className: cx("pire-field", className),
+      style,
+      onChange,
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ jsxs9(Label2, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ jsx12("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx12(
+          Group2,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-multiline": "true",
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            "data-readonly": rest.isReadOnly ? "true" : void 0,
+            children: /* @__PURE__ */ jsx12(
+              AriaTextArea,
+              {
+                ref,
+                rows,
+                onInput: autoGrow ? grow : void 0,
+                className: cx("pire-input", "pire-textarea"),
+                "data-auto-grow": autoGrow ? "true" : void 0
+              }
+            )
+          }
+        ),
+        description ? /* @__PURE__ */ jsx12(Text2, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx12(FieldError2, { className: "pire-field-error", children: errorMessage })
+      ]
+    }
+  );
+}
+
 // src/components/forms/Select.tsx
 import {
   Select as AriaSelect,
-  Label as Label2,
+  Label as Label3,
   Button as AriaButton4,
   SelectValue,
   Popover,
   ListBox,
   ListBoxItem,
-  Text as Text2,
-  FieldError as FieldError2
+  Text as Text3,
+  FieldError as FieldError3
 } from "react-aria-components";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var norm = (o) => typeof o === "string" ? { value: o, label: o, isDisabled: false } : o;
 function Select({
   label,
@@ -402,7 +572,7 @@ function Select({
   ...rest
 }) {
   const items = options.map(norm);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     AriaSelect,
     {
       className: cx("pire-field", className),
@@ -414,11 +584,11 @@ function Select({
       validationBehavior: "aria",
       ...rest,
       children: [
-        label ? /* @__PURE__ */ jsxs9(Label2, { className: "pire-field-label", children: [
+        label ? /* @__PURE__ */ jsxs10(Label3, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx12("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          rest.isRequired ? /* @__PURE__ */ jsx13("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10(
           AriaButton4,
           {
             className: "pire-control",
@@ -426,14 +596,14 @@ function Select({
             "data-full-width": String(fullWidth),
             "data-invalid": rest.isInvalid ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx12(SelectValue, { className: "pire-select-value" }),
-              /* @__PURE__ */ jsx12(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
+              /* @__PURE__ */ jsx13(SelectValue, { className: "pire-select-value" }),
+              /* @__PURE__ */ jsx13(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx12(Text2, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx12(FieldError2, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx12(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx12(ListBox, { className: "pire-listbox", items, children: (item) => /* @__PURE__ */ jsx12(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label }) }) })
+        description ? /* @__PURE__ */ jsx13(Text3, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx13(FieldError3, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx13(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx13(ListBox, { className: "pire-listbox", items, children: (item) => /* @__PURE__ */ jsx13(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label }) }) })
       ]
     }
   );
@@ -441,13 +611,13 @@ function Select({
 
 // src/components/forms/Checkbox.tsx
 import { Checkbox as AriaCheckbox } from "react-aria-components";
-import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function Checkbox({ label, hint, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx13(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs10(Fragment, { children: [
-    /* @__PURE__ */ jsx13("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx13(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx13(Icon, { name: "check", size: 12 }) : null }),
-    /* @__PURE__ */ jsxs10("span", { children: [
+  return /* @__PURE__ */ jsx14(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs11(Fragment, { children: [
+    /* @__PURE__ */ jsx14("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx14(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx14(Icon, { name: "check", size: 12 }) : null }),
+    /* @__PURE__ */ jsxs11("span", { children: [
       label ?? children,
-      hint ? /* @__PURE__ */ jsx13("span", { className: "pire-choice-hint", children: hint }) : null
+      hint ? /* @__PURE__ */ jsx14("span", { className: "pire-choice-hint", children: hint }) : null
     ] })
   ] }) });
 }
@@ -456,53 +626,53 @@ function Checkbox({ label, hint, children, className, ...rest }) {
 import {
   RadioGroup as AriaRadioGroup,
   Radio as AriaRadio,
-  Label as Label3,
-  Text as Text3,
-  FieldError as FieldError3
+  Label as Label4,
+  Text as Text4,
+  FieldError as FieldError4
 } from "react-aria-components";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function RadioGroup({ label, description, errorMessage, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs11(AriaRadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
-    label ? /* @__PURE__ */ jsx14(Label3, { className: "pire-field-label", children: label }) : null,
-    /* @__PURE__ */ jsx14("div", { className: "pire-radiogroup", children }),
-    description ? /* @__PURE__ */ jsx14(Text3, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx14(FieldError3, { className: "pire-field-error", children: errorMessage })
+  return /* @__PURE__ */ jsxs12(AriaRadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ jsx15(Label4, { className: "pire-field-label", children: label }) : null,
+    /* @__PURE__ */ jsx15("div", { className: "pire-radiogroup", children }),
+    description ? /* @__PURE__ */ jsx15(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx15(FieldError4, { className: "pire-field-error", children: errorMessage })
   ] });
 }
 function Radio({ label, hint, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs11(AriaRadio, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx14("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs11("span", { children: [
+  return /* @__PURE__ */ jsxs12(AriaRadio, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ jsx15("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs12("span", { children: [
       label ?? children,
-      hint ? /* @__PURE__ */ jsx14("span", { className: "pire-choice-hint", children: hint }) : null
+      hint ? /* @__PURE__ */ jsx15("span", { className: "pire-choice-hint", children: hint }) : null
     ] })
   ] });
 }
 
 // src/components/forms/Switch.tsx
 import { Switch as AriaSwitch } from "react-aria-components";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function Switch({ label, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs12(AriaSwitch, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx15("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx15("span", { className: "pire-switch-thumb" }) }),
-    /* @__PURE__ */ jsx15("span", { children: label ?? children })
+  return /* @__PURE__ */ jsxs13(AriaSwitch, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ jsx16("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("span", { className: "pire-switch-thumb" }) }),
+    /* @__PURE__ */ jsx16("span", { children: label ?? children })
   ] });
 }
 
 // src/components/forms/ComboBox.tsx
 import {
   ComboBox as AriaComboBox,
-  Label as Label4,
+  Label as Label5,
   Input as AriaInput2,
   Button as AriaButton5,
-  Group as Group2,
+  Group as Group3,
   Popover as Popover2,
   ListBox as ListBox2,
   ListBoxItem as ListBoxItem2,
-  Text as Text4,
-  FieldError as FieldError4
+  Text as Text5,
+  FieldError as FieldError5
 } from "react-aria-components";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var norm2 = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function ComboBox({
   label,
@@ -520,7 +690,7 @@ function ComboBox({
   ...rest
 }) {
   const items = options.map(norm2);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     AriaComboBox,
     {
       className: cx("pire-field", className),
@@ -534,46 +704,180 @@ function ComboBox({
       validationBehavior: "aria",
       ...rest,
       children: [
-        label ? /* @__PURE__ */ jsxs13(Label4, { className: "pire-field-label", children: [
+        label ? /* @__PURE__ */ jsxs14(Label5, { className: "pire-field-label", children: [
           label,
-          rest.isRequired ? /* @__PURE__ */ jsx16("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__ */ jsxs13(
-          Group2,
+        /* @__PURE__ */ jsxs14(
+          Group3,
           {
             className: "pire-control",
             "data-size": size,
             "data-full-width": String(fullWidth),
             "data-invalid": rest.isInvalid ? "true" : void 0,
             children: [
-              /* @__PURE__ */ jsx16(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
-              /* @__PURE__ */ jsx16(AriaInput2, { className: "pire-input", placeholder: rest.placeholder }),
-              /* @__PURE__ */ jsx16(AriaButton5, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Show suggestions", style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx16(Icon, { name: "chevron-down", size: 16 }) })
+              /* @__PURE__ */ jsx17(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
+              /* @__PURE__ */ jsx17(AriaInput2, { className: "pire-input", placeholder: rest.placeholder }),
+              /* @__PURE__ */ jsx17(AriaButton5, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Show suggestions", style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx17(Icon, { name: "chevron-down", size: 16 }) })
             ]
           }
         ),
-        description ? /* @__PURE__ */ jsx16(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx16(FieldError4, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx16(Popover2, { className: "pire-popover", children: /* @__PURE__ */ jsx16(ListBox2, { className: "pire-listbox", children: (item) => /* @__PURE__ */ jsxs13(ListBoxItem2, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
-          /* @__PURE__ */ jsx16("span", { style: { flex: 1 }, children: item.label }),
-          item.secondary ? /* @__PURE__ */ jsx16("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
+        description ? /* @__PURE__ */ jsx17(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx17(FieldError5, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx17(Popover2, { className: "pire-popover", children: /* @__PURE__ */ jsx17(ListBox2, { className: "pire-listbox", children: (item) => /* @__PURE__ */ jsxs14(ListBoxItem2, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
+          /* @__PURE__ */ jsx17("span", { style: { flex: 1 }, children: item.label }),
+          item.secondary ? /* @__PURE__ */ jsx17("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
         ] }) }) })
       ]
     }
   );
 }
 
-// src/components/forms/NumberField.tsx
+// src/components/forms/MultiComboBox.tsx
+import * as React6 from "react";
 import {
-  NumberField as AriaNumberField,
-  Label as Label5,
+  ComboBox as AriaComboBox2,
+  Label as Label6,
   Input as AriaInput3,
-  Group as Group3,
   Button as AriaButton6,
-  Text as Text5,
-  FieldError as FieldError5
+  ButtonContext,
+  Group as Group4,
+  Popover as Popover3,
+  ListBox as ListBox3,
+  ListBoxItem as ListBoxItem3,
+  Text as Text6,
+  FieldError as FieldError6,
+  VisuallyHidden
 } from "react-aria-components";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+var norm3 = (o) => typeof o === "string" ? { value: o, label: o } : o;
+function MultiComboBox({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  onInputChange,
+  options = [],
+  description,
+  errorMessage,
+  allowsCustomValue,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  const items = React6.useMemo(() => options.map(norm3), [options]);
+  const [uncontrolled, setUncontrolled] = React6.useState(defaultValue ?? []);
+  const [announcement, setAnnouncement] = React6.useState("");
+  const inputRef = React6.useRef(null);
+  const raw = value ?? uncontrolled;
+  const contentKey = raw.join("\0");
+  const values = React6.useMemo(() => raw, [contentKey]);
+  const labelOf = (v) => items.find((o) => o.value === v)?.label ?? v;
+  const isEditable = !rest.isDisabled && !rest.isReadOnly;
+  const commit = (next) => {
+    const added = next.find((v) => !values.includes(v));
+    const removed = values.find((v) => !next.includes(v));
+    if (added) setAnnouncement(`${labelOf(added)} added. ${next.length} selected.`);
+    else if (removed) setAnnouncement(`${labelOf(removed)} removed. ${next.length} selected.`);
+    if (value === void 0) setUncontrolled(next);
+    onChange?.(next);
+  };
+  const remove = (v) => {
+    commit(values.filter((x) => x !== v));
+    inputRef.current?.focus();
+  };
+  const onKeyDownCapture = (e) => {
+    const el = e.currentTarget;
+    if (!isEditable) return;
+    if (e.key === "Backspace" && el.value === "" && values.length > 0) {
+      e.preventDefault();
+      e.stopPropagation();
+      commit(values.slice(0, -1));
+      return;
+    }
+    if (e.key !== "Enter" || !allowsCustomValue) return;
+    const text = el.value.trim();
+    if (text === "" || el.getAttribute("aria-activedescendant")) return;
+    const match = items.find((o) => o.label.toLowerCase() === text.toLowerCase());
+    const next = match ? match.value : text;
+    e.preventDefault();
+    e.stopPropagation();
+    if (!values.includes(next)) commit([...values, next]);
+  };
+  return /* @__PURE__ */ jsxs15(
+    AriaComboBox2,
+    {
+      className: cx("pire-field", className),
+      style,
+      selectionMode: "multiple",
+      value: values,
+      onChange: (keys) => commit(keys.map(String)),
+      onInputChange,
+      defaultItems: items,
+      menuTrigger: "input",
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ jsxs15(Label6, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ jsx18("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs15(
+          Group4,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-multiline": "true",
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            "data-readonly": rest.isReadOnly ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ jsx18(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
+              /* @__PURE__ */ jsxs15("div", { className: "pire-chipfield", children: [
+                /* @__PURE__ */ jsx18(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__ */ jsx18(Tag, { isDisabled: rest.isDisabled, onRemove: isEditable ? () => remove(v) : void 0, children: labelOf(v) }, v)
+                )) }),
+                /* @__PURE__ */ jsx18(
+                  AriaInput3,
+                  {
+                    ref: inputRef,
+                    className: cx("pire-input", "pire-chipinput"),
+                    placeholder: rest.placeholder,
+                    onKeyDownCapture
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx18(AriaButton6, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Show suggestions", style: { width: 20, height: 20 }, children: /* @__PURE__ */ jsx18(Icon, { name: "chevron-down", size: 16 }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(VisuallyHidden, { children: /* @__PURE__ */ jsx18("span", { "aria-live": "polite", children: announcement }) }),
+        description ? /* @__PURE__ */ jsx18(Text6, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx18(FieldError6, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx18(Popover3, { className: "pire-popover", children: /* @__PURE__ */ jsx18(ListBox3, { className: "pire-listbox", children: (item) => /* @__PURE__ */ jsxs15(ListBoxItem3, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
+          /* @__PURE__ */ jsx18("span", { style: { flex: 1 }, children: item.label }),
+          item.secondary ? /* @__PURE__ */ jsx18("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
+        ] }) }) })
+      ]
+    }
+  );
+}
+
+// src/components/forms/NumberField.tsx
+import {
+  NumberField as AriaNumberField,
+  Label as Label7,
+  Input as AriaInput4,
+  Group as Group5,
+  Button as AriaButton7,
+  Text as Text7,
+  FieldError as FieldError7
+} from "react-aria-components";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function NumberField({
   label,
   suffix,
@@ -586,13 +890,13 @@ function NumberField({
   style,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs14(AriaNumberField, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
-    label ? /* @__PURE__ */ jsxs14(Label5, { className: "pire-field-label", children: [
+  return /* @__PURE__ */ jsxs16(AriaNumberField, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ jsxs16(Label7, { className: "pire-field-label", children: [
       label,
-      rest.isRequired ? /* @__PURE__ */ jsx17("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__ */ jsxs14(
-      Group3,
+    /* @__PURE__ */ jsxs16(
+      Group5,
       {
         className: "pire-control",
         "data-size": size,
@@ -600,29 +904,29 @@ function NumberField({
         "data-invalid": rest.isInvalid ? "true" : void 0,
         "data-readonly": rest.isReadOnly ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx17(AriaInput3, { className: "pire-input", "data-numeric": "true" }),
-          suffix ? /* @__PURE__ */ jsx17("span", { className: "pire-affix", children: suffix }) : null,
-          hideStepper ? null : /* @__PURE__ */ jsxs14("span", { className: "pire-stepper", children: [
-            /* @__PURE__ */ jsx17(AriaButton6, { slot: "increment", className: "pire-stepper-btn", "aria-label": "Increase", children: /* @__PURE__ */ jsx17(Icon, { name: "plus", size: 10 }) }),
-            /* @__PURE__ */ jsx17(AriaButton6, { slot: "decrement", className: "pire-stepper-btn", "aria-label": "Decrease", children: /* @__PURE__ */ jsx17(Icon, { name: "minus", size: 10 }) })
+          /* @__PURE__ */ jsx19(AriaInput4, { className: "pire-input", "data-numeric": "true" }),
+          suffix ? /* @__PURE__ */ jsx19("span", { className: "pire-affix", children: suffix }) : null,
+          hideStepper ? null : /* @__PURE__ */ jsxs16("span", { className: "pire-stepper", children: [
+            /* @__PURE__ */ jsx19(AriaButton7, { slot: "increment", className: "pire-stepper-btn", "aria-label": "Increase", children: /* @__PURE__ */ jsx19(Icon, { name: "plus", size: 10 }) }),
+            /* @__PURE__ */ jsx19(AriaButton7, { slot: "decrement", className: "pire-stepper-btn", "aria-label": "Decrease", children: /* @__PURE__ */ jsx19(Icon, { name: "minus", size: 10 }) })
           ] })
         ]
       }
     ),
-    description ? /* @__PURE__ */ jsx17(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx17(FieldError5, { className: "pire-field-error", children: errorMessage })
+    description ? /* @__PURE__ */ jsx19(Text7, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx19(FieldError7, { className: "pire-field-error", children: errorMessage })
   ] });
 }
 
 // src/components/forms/DatePicker.tsx
 import {
   DatePicker as AriaDatePicker,
-  Label as Label6,
-  Group as Group4,
+  Label as Label8,
+  Group as Group6,
   DateInput,
   DateSegment,
-  Button as AriaButton7,
-  Popover as Popover3,
+  Button as AriaButton8,
+  Popover as Popover4,
   Dialog as AriaDialog,
   Calendar,
   CalendarGrid,
@@ -631,10 +935,10 @@ import {
   CalendarGridBody,
   CalendarCell,
   Heading,
-  Text as Text6,
-  FieldError as FieldError6
+  Text as Text8,
+  FieldError as FieldError8
 } from "react-aria-components";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function DatePicker({
   label,
   description,
@@ -645,13 +949,13 @@ function DatePicker({
   style,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs15(AriaDatePicker, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
-    label ? /* @__PURE__ */ jsxs15(Label6, { className: "pire-field-label", children: [
+  return /* @__PURE__ */ jsxs17(AriaDatePicker, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ jsxs17(Label8, { className: "pire-field-label", children: [
       label,
-      rest.isRequired ? /* @__PURE__ */ jsx18("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      rest.isRequired ? /* @__PURE__ */ jsx20("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs15(
-      Group4,
+    /* @__PURE__ */ jsxs17(
+      Group6,
       {
         className: "pire-control",
         "data-size": size,
@@ -659,36 +963,36 @@ function DatePicker({
         "data-invalid": rest.isInvalid ? "true" : void 0,
         "data-readonly": rest.isReadOnly ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx18(DateInput, { className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx18(DateSegment, { segment, className: "pire-datesegment" }) }),
-          /* @__PURE__ */ jsx18(AriaButton7, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Open calendar", style: { width: 24, height: 24 }, children: /* @__PURE__ */ jsx18(Icon, { name: "calendar", size: 16 }) })
+          /* @__PURE__ */ jsx20(DateInput, { className: "pire-datefield", children: (segment) => /* @__PURE__ */ jsx20(DateSegment, { segment, className: "pire-datesegment" }) }),
+          /* @__PURE__ */ jsx20(AriaButton8, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Open calendar", style: { width: 24, height: 24 }, children: /* @__PURE__ */ jsx20(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
-    description ? /* @__PURE__ */ jsx18(Text6, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx18(FieldError6, { className: "pire-field-error", children: errorMessage }),
-    /* @__PURE__ */ jsx18(Popover3, { className: "pire-popover", children: /* @__PURE__ */ jsx18(AriaDialog, { children: /* @__PURE__ */ jsxs15(Calendar, { className: "pire-calendar", children: [
-      /* @__PURE__ */ jsxs15("header", { className: "pire-calendar-head", children: [
-        /* @__PURE__ */ jsx18(AriaButton7, { slot: "previous", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Previous month", children: /* @__PURE__ */ jsx18(Icon, { name: "chevron-left", size: 16 }) }),
-        /* @__PURE__ */ jsx18(Heading, { className: "pire-calendar-title" }),
-        /* @__PURE__ */ jsx18(AriaButton7, { slot: "next", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Next month", children: /* @__PURE__ */ jsx18(Icon, { name: "chevron-right", size: 16 }) })
+    description ? /* @__PURE__ */ jsx20(Text8, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx20(FieldError8, { className: "pire-field-error", children: errorMessage }),
+    /* @__PURE__ */ jsx20(Popover4, { className: "pire-popover", children: /* @__PURE__ */ jsx20(AriaDialog, { children: /* @__PURE__ */ jsxs17(Calendar, { className: "pire-calendar", children: [
+      /* @__PURE__ */ jsxs17("header", { className: "pire-calendar-head", children: [
+        /* @__PURE__ */ jsx20(AriaButton8, { slot: "previous", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Previous month", children: /* @__PURE__ */ jsx20(Icon, { name: "chevron-left", size: 16 }) }),
+        /* @__PURE__ */ jsx20(Heading, { className: "pire-calendar-title" }),
+        /* @__PURE__ */ jsx20(AriaButton8, { slot: "next", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Next month", children: /* @__PURE__ */ jsx20(Icon, { name: "chevron-right", size: 16 }) })
       ] }),
-      /* @__PURE__ */ jsxs15(CalendarGrid, { className: "pire-calendar-grid", children: [
-        /* @__PURE__ */ jsx18(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx18(CalendarHeaderCell, { children: day }) }),
-        /* @__PURE__ */ jsx18(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx18(CalendarCell, { date, className: "pire-calendar-cell" }) })
+      /* @__PURE__ */ jsxs17(CalendarGrid, { className: "pire-calendar-grid", children: [
+        /* @__PURE__ */ jsx20(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx20(CalendarHeaderCell, { children: day }) }),
+        /* @__PURE__ */ jsx20(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx20(CalendarCell, { date, className: "pire-calendar-cell" }) })
       ] })
     ] }) }) })
   ] });
 }
 
 // src/components/forms/ValueHelpField.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 
 // src/components/patterns/ValueHelpDialog.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 
 // src/components/feedback/Dialog.tsx
 import { ModalOverlay, Modal, Dialog as AriaDialog2, Heading as Heading2 } from "react-aria-components";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function Dialog({
   isOpen,
   onOpenChange,
@@ -707,7 +1011,7 @@ function Dialog({
     onClose?.();
     onOpenChange?.(false);
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     ModalOverlay,
     {
       className: "pire-modal-overlay",
@@ -716,16 +1020,16 @@ function Dialog({
       onOpenChange: (o) => {
         if (!o) close();
       },
-      children: /* @__PURE__ */ jsx19(Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ jsxs16(AriaDialog2, { className: "pire-dialog", children: [
-        title ? /* @__PURE__ */ jsxs16("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ jsxs16("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ jsx19("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ jsx21(Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ jsxs18(AriaDialog2, { className: "pire-dialog", children: [
+        title ? /* @__PURE__ */ jsxs18("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ jsxs18("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx21(Heading2, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ jsx21("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          showClose ? /* @__PURE__ */ jsx19(IconButton, { icon: "x", label: "Close", size: "sm", onPress: close }) : null
+          showClose ? /* @__PURE__ */ jsx21(IconButton, { icon: "x", label: "Close", size: "sm", onPress: close }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx19("div", { className: "pire-dialog-body", children }),
-        footer ? /* @__PURE__ */ jsx19("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ jsx21("div", { className: "pire-dialog-body", children }),
+        footer ? /* @__PURE__ */ jsx21("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
@@ -740,7 +1044,7 @@ import {
   Row,
   Cell
 } from "react-aria-components";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function DataTable({
   columns,
   rows,
@@ -762,7 +1066,7 @@ function DataTable({
     if (keys === "all") return onSelectionChange?.(rows.map((r) => r.id));
     onSelectionChange?.([...keys]);
   };
-  return /* @__PURE__ */ jsx20("div", { className: cx("pire-table-wrap", className), style, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx22("div", { className: cx("pire-table-wrap", className), style, children: /* @__PURE__ */ jsxs19(
     Table,
     {
       className: "pire-table",
@@ -779,9 +1083,9 @@ function DataTable({
         if (row) onRowAction(row);
       } : void 0,
       children: [
-        /* @__PURE__ */ jsxs17(TableHeader, { className: "pire-thead-row", children: [
-          selectable ? /* @__PURE__ */ jsx20(Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ jsx20(Checkbox, { slot: "selection", "aria-label": "Select all rows" }) }) : null,
-          columns.map((c, i) => /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs19(TableHeader, { className: "pire-thead-row", children: [
+          selectable ? /* @__PURE__ */ jsx22(Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ jsx22(Checkbox, { slot: "selection", "aria-label": "Select all rows" }) }) : null,
+          columns.map((c, i) => /* @__PURE__ */ jsx22(
             Column,
             {
               id: c.key,
@@ -791,9 +1095,9 @@ function DataTable({
               width: c.width,
               "data-align": c.numeric || c.align === "right" ? "right" : c.align,
               "data-allows-sorting": c.sortable ? "true" : void 0,
-              children: /* @__PURE__ */ jsxs17("span", { className: "pire-th-inner", children: [
+              children: /* @__PURE__ */ jsxs19("span", { className: "pire-th-inner", children: [
                 c.label,
-                c.sortable ? /* @__PURE__ */ jsx20(
+                c.sortable ? /* @__PURE__ */ jsx22(
                   Icon,
                   {
                     size: 12,
@@ -806,9 +1110,9 @@ function DataTable({
             c.key
           ))
         ] }),
-        /* @__PURE__ */ jsx20(TableBody, { renderEmptyState: () => /* @__PURE__ */ jsx20("div", { className: "pire-table-empty", children: emptyLabel }), children: rows.map((row) => /* @__PURE__ */ jsxs17(Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
-          selectable ? /* @__PURE__ */ jsx20(Cell, { className: "pire-td", children: /* @__PURE__ */ jsx20(Checkbox, { slot: "selection", "aria-label": "Select row" }) }) : null,
-          columns.map((c) => /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(TableBody, { renderEmptyState: () => /* @__PURE__ */ jsx22("div", { className: "pire-table-empty", children: emptyLabel }), children: rows.map((row) => /* @__PURE__ */ jsxs19(Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
+          selectable ? /* @__PURE__ */ jsx22(Cell, { className: "pire-td", children: /* @__PURE__ */ jsx22(Checkbox, { slot: "selection", "aria-label": "Select row" }) }) : null,
+          columns.map((c) => /* @__PURE__ */ jsx22(
             Cell,
             {
               className: "pire-td",
@@ -825,7 +1129,7 @@ function DataTable({
 }
 
 // src/components/patterns/ValueHelpDialog.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function ValueHelpDialog({
   isOpen,
   title = "Select a record",
@@ -836,25 +1140,25 @@ function ValueHelpDialog({
   onSelect,
   onClose
 }) {
-  const [query, setQuery] = React6.useState("");
-  React6.useEffect(() => {
+  const [query, setQuery] = React7.useState("");
+  React7.useEffect(() => {
     if (isOpen) setQuery("");
   }, [isOpen]);
-  const filtered = React6.useMemo(() => {
+  const filtered = React7.useMemo(() => {
     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__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     Dialog,
     {
       isOpen,
       size: "lg",
       title,
       onClose,
-      footer: /* @__PURE__ */ jsx21(Button, { variant: "tertiary", onPress: onClose, children: "Cancel" }),
-      children: /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
-        /* @__PURE__ */ jsx21(
+      footer: /* @__PURE__ */ jsx23(Button, { variant: "tertiary", onPress: onClose, children: "Cancel" }),
+      children: /* @__PURE__ */ jsxs20("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
+        /* @__PURE__ */ jsx23(
           Input,
           {
             "aria-label": "Search records",
@@ -866,7 +1170,7 @@ function ValueHelpDialog({
             autoFocus: true
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           DataTable,
           {
             "aria-label": typeof title === "string" ? title : "Records",
@@ -886,7 +1190,7 @@ function ValueHelpDialog({
 }
 
 // src/components/forms/ValueHelpField.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var defaultFormat = (row) => [row.id, row.name ?? row.label ?? row.text].filter(Boolean).join(" \u2014 ");
 function ValueHelpField({
   label,
@@ -906,10 +1210,10 @@ function ValueHelpField({
   className,
   style
 }) {
-  const [open, setOpen] = React7.useState(false);
-  return /* @__PURE__ */ jsxs19("div", { className: cx(className), style, children: [
-    /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
-      /* @__PURE__ */ jsx22(
+  const [open, setOpen] = React8.useState(false);
+  return /* @__PURE__ */ jsxs21("div", { className: cx(className), style, children: [
+    /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
+      /* @__PURE__ */ jsx24(
         Input,
         {
           label,
@@ -923,7 +1227,7 @@ function ValueHelpField({
           errorMessage
         }
       ),
-      allowsClear && value ? /* @__PURE__ */ jsx22(
+      allowsClear && value ? /* @__PURE__ */ jsx24(
         IconButton,
         {
           icon: "x",
@@ -933,7 +1237,7 @@ function ValueHelpField({
           onPress: () => onChange?.(null)
         }
       ) : null,
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24(
         IconButton,
         {
           icon: "search",
@@ -944,7 +1248,7 @@ function ValueHelpField({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx24(
       ValueHelpDialog,
       {
         isOpen: open,
@@ -959,26 +1263,136 @@ function ValueHelpField({
 }
 
 // src/components/navigation/ShellBar.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var initials2 = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
-function ShellBar({ product, monogram, title, onMenu, onSearch, actions, user, className, ...rest }) {
-  return /* @__PURE__ */ jsxs20("header", { className: cx("pire-shellbar", className), ...rest, children: [
-    onMenu ? /* @__PURE__ */ jsx23(IconButton, { icon: "menu", label: "Open navigation", variant: "inverse", size: "sm", onPress: onMenu }) : null,
-    monogram ? /* @__PURE__ */ jsx23("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
-    product ? /* @__PURE__ */ jsx23("span", { className: "pire-shellbar-product", children: product }) : null,
-    title ? /* @__PURE__ */ jsx23("span", { className: "pire-shellbar-title", children: title }) : null,
-    /* @__PURE__ */ jsx23("span", { className: "pire-shellbar-spacer" }),
-    onSearch ? /* @__PURE__ */ jsx23(IconButton, { icon: "search", label: "Search", variant: "inverse", size: "sm", onPress: onSearch }) : null,
+function ShellBar({
+  product,
+  monogram,
+  title,
+  onMenu,
+  onSearch,
+  menuLabel = "Open navigation",
+  searchLabel = "Search",
+  actions,
+  user,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs22("header", { className: cx("pire-shellbar", className), ...rest, children: [
+    onMenu ? /* @__PURE__ */ jsx25(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
+    monogram ? /* @__PURE__ */ jsx25("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
+    product ? /* @__PURE__ */ jsx25("span", { className: "pire-shellbar-product", children: product }) : null,
+    title ? /* @__PURE__ */ jsx25("span", { className: "pire-shellbar-title", children: title }) : null,
+    /* @__PURE__ */ jsx25("span", { className: "pire-shellbar-spacer" }),
+    onSearch ? /* @__PURE__ */ jsx25(IconButton, { icon: "search", label: searchLabel, variant: "inverse", size: "sm", onPress: onSearch }) : null,
     actions,
-    user ? /* @__PURE__ */ jsx23("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
+    user ? /* @__PURE__ */ jsx25("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
   ] });
 }
 
 // src/components/navigation/SideNav.tsx
-import { Button as AriaButton8 } from "react-aria-components";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
-function SideNav({ groups, value, onChange, collapsed, footer, className, ...rest }) {
-  return /* @__PURE__ */ jsxs21(
+import * as React9 from "react";
+import { Button as AriaButton9, Disclosure, DisclosureGroup, DisclosurePanel } from "react-aria-components";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+function findActiveParent(groups, value) {
+  if (value == null) return void 0;
+  for (const group of groups) {
+    for (const item of group.items) {
+      if (item.items?.some((child) => child.id === value)) return item.id;
+    }
+  }
+  return void 0;
+}
+function SideNav({
+  groups,
+  value,
+  onChange,
+  expandedIds,
+  defaultExpandedIds,
+  onExpandedChange,
+  collapsed,
+  footer,
+  className,
+  ...rest
+}) {
+  const activeParent = findActiveParent(groups, value);
+  const isControlled = expandedIds != null;
+  const [ownExpanded, setOwnExpanded] = React9.useState(
+    () => new Set(defaultExpandedIds ?? (activeParent ? [activeParent] : []))
+  );
+  const [lastValue, setLastValue] = React9.useState(value);
+  if (value !== lastValue) {
+    setLastValue(value);
+    if (!isControlled && activeParent && !ownExpanded.has(activeParent)) {
+      setOwnExpanded(new Set(ownExpanded).add(activeParent));
+    }
+  }
+  const expanded = isControlled ? new Set(expandedIds) : ownExpanded;
+  const commitExpanded = (next) => {
+    if (!isControlled) setOwnExpanded(next);
+    onExpandedChange?.([...next]);
+  };
+  const handleExpandedChange = (keys) => commitExpanded(new Set([...keys].map(String)));
+  const toggleExpanded = (id) => {
+    const next = new Set(expanded);
+    if (!next.delete(id)) next.add(id);
+    commitExpanded(next);
+  };
+  const renderRow = (item, onPress, isGroup) => {
+    const selected = !isGroup && item.id === value;
+    const button = /* @__PURE__ */ jsxs23(
+      AriaButton9,
+      {
+        className: "pire-sidenav-item",
+        "data-selected": selected ? "true" : void 0,
+        "data-active-child": isGroup && item.id === activeParent ? "true" : void 0,
+        "aria-current": selected ? "page" : void 0,
+        onPress,
+        children: [
+          item.icon ? /* @__PURE__ */ jsx26(Icon, { name: item.icon, size: 16 }) : null,
+          collapsed ? null : /* @__PURE__ */ jsx26("span", { children: item.label }),
+          item.count != null && !collapsed ? /* @__PURE__ */ jsx26("span", { className: "pire-sidenav-count", children: item.count }) : null
+        ]
+      },
+      item.id
+    );
+    return collapsed ? /* @__PURE__ */ jsx26(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
+  };
+  const renderSection = (item) => /* @__PURE__ */ jsxs23(Disclosure, { id: item.id, className: "pire-sidenav-section", children: [
+    /* @__PURE__ */ jsxs23(
+      AriaButton9,
+      {
+        slot: "trigger",
+        className: "pire-sidenav-item",
+        "data-kind": "group",
+        "data-active-child": item.id === activeParent ? "true" : void 0,
+        children: [
+          item.icon ? /* @__PURE__ */ jsx26(Icon, { name: item.icon, size: 16 }) : null,
+          /* @__PURE__ */ jsx26("span", { children: item.label }),
+          item.count != null ? /* @__PURE__ */ jsx26("span", { className: "pire-sidenav-count", children: item.count }) : null,
+          /* @__PURE__ */ jsx26(Icon, { name: "chevron-down", size: 16, className: "pire-sidenav-chevron" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx26(DisclosurePanel, { className: "pire-sidenav-subnav", children: item.items?.map((child) => {
+      const selected = child.id === value;
+      return /* @__PURE__ */ jsxs23(
+        AriaButton9,
+        {
+          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__ */ jsx26("span", { children: child.label }),
+            child.count != null ? /* @__PURE__ */ jsx26("span", { className: "pire-sidenav-count", children: child.count }) : null
+          ]
+        },
+        child.id
+      );
+    }) })
+  ] }, item.id);
+  return /* @__PURE__ */ jsxs23(
     "nav",
     {
       className: cx("pire-sidenav", className),
@@ -986,29 +1400,28 @@ function SideNav({ groups, value, onChange, collapsed, footer, className, ...res
       "aria-label": "Main navigation",
       ...rest,
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs21("div", { className: "pire-sidenav-group", children: [
-          group.label && !collapsed ? /* @__PURE__ */ jsx24("div", { className: "pire-sidenav-label", children: group.label }) : null,
-          group.items.map((item) => {
-            const selected = item.id === value;
-            const button = /* @__PURE__ */ jsxs21(
-              AriaButton8,
+        groups.map((group, gi) => {
+          const hasSections = !collapsed && group.items.some((item) => item.items?.length);
+          const rows = group.items.map((item) => {
+            const isGroup = Boolean(item.items?.length);
+            if (isGroup && !collapsed) return renderSection(item);
+            return renderRow(item, () => isGroup ? toggleExpanded(item.id) : onChange?.(item.id), isGroup);
+          });
+          return /* @__PURE__ */ jsxs23("div", { className: "pire-sidenav-group", children: [
+            group.label && !collapsed ? /* @__PURE__ */ jsx26("div", { className: "pire-sidenav-label", children: group.label }) : null,
+            hasSections ? /* @__PURE__ */ jsx26(
+              DisclosureGroup,
               {
-                className: "pire-sidenav-item",
-                "data-selected": selected ? "true" : void 0,
-                "aria-current": selected ? "page" : void 0,
-                onPress: () => onChange?.(item.id),
-                children: [
-                  item.icon ? /* @__PURE__ */ jsx24(Icon, { name: item.icon, size: 16 }) : null,
-                  collapsed ? null : /* @__PURE__ */ jsx24("span", { children: item.label }),
-                  item.count != null && !collapsed ? /* @__PURE__ */ jsx24("span", { className: "pire-sidenav-count", children: item.count }) : null
-                ]
-              },
-              item.id
-            );
-            return collapsed ? /* @__PURE__ */ jsx24(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
-          })
-        ] }, group.label ?? gi)),
-        footer ? /* @__PURE__ */ jsx24("div", { className: "pire-sidenav-footer", children: footer }) : null
+                className: "pire-sidenav-tree",
+                allowsMultipleExpanded: true,
+                expandedKeys: expanded,
+                onExpandedChange: handleExpandedChange,
+                children: rows
+              }
+            ) : rows
+          ] }, group.label ?? gi);
+        }),
+        footer ? /* @__PURE__ */ jsx26("div", { className: "pire-sidenav-footer", children: footer }) : null
       ]
     }
   );
@@ -1016,9 +1429,9 @@ function SideNav({ groups, value, onChange, collapsed, footer, className, ...res
 
 // src/components/navigation/Tabs.tsx
 import { Tabs as AriaTabs, TabList, Tab as AriaTab, TabPanel } from "react-aria-components";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24(
     AriaTabs,
     {
       className,
@@ -1027,12 +1440,12 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
       defaultSelectedKey: defaultValue,
       onSelectionChange: (k) => onChange?.(String(k)),
       children: [
-        /* @__PURE__ */ jsx25(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs22(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
-          item.icon ? /* @__PURE__ */ jsx25(Icon, { name: item.icon, size: 16 }) : null,
+        /* @__PURE__ */ jsx27(TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ jsxs24(AriaTab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ jsx27(Icon, { name: item.icon, size: 16 }) : null,
           item.label,
-          item.count != null ? /* @__PURE__ */ jsx25("span", { className: "pire-tab-count", children: item.count }) : null
+          item.count != null ? /* @__PURE__ */ jsx27("span", { className: "pire-tab-count", children: item.count }) : null
         ] }) }),
-        items.map((item) => /* @__PURE__ */ jsx25(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
+        items.map((item) => /* @__PURE__ */ jsx27(TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
       ]
     }
   );
@@ -1040,9 +1453,9 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
 
 // src/components/navigation/Breadcrumb.tsx
 import { Breadcrumbs as AriaBreadcrumbs, Breadcrumb as AriaBreadcrumb, Link } from "react-aria-components";
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function Breadcrumb({ items, onNavigate, className, style }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     AriaBreadcrumbs,
     {
       className: cx("pire-breadcrumbs", className),
@@ -1051,9 +1464,9 @@ function Breadcrumb({ items, onNavigate, className, style }) {
       onAction: (key) => onNavigate?.(String(key)),
       children: (item) => {
         const last = items[items.length - 1] === item;
-        return /* @__PURE__ */ jsxs23(AriaBreadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
-          last ? item.label : /* @__PURE__ */ jsx26(Link, { href: item.href, children: item.label }),
-          last ? null : /* @__PURE__ */ jsx26(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+        return /* @__PURE__ */ jsxs25(AriaBreadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
+          last ? item.label : /* @__PURE__ */ jsx28(Link, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ jsx28(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
         ] });
       }
     }
@@ -1061,7 +1474,7 @@ function Breadcrumb({ items, onNavigate, className, style }) {
 }
 
 // src/components/navigation/Pagination.tsx
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -1075,15 +1488,15 @@ function Pagination({
   const pages = Math.max(1, Math.ceil(total / pageSize));
   const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
   const to = Math.min(total, page * pageSize);
-  return /* @__PURE__ */ jsxs24("nav", { className: cx("pire-pagination", className), style, "aria-label": "Pagination", children: [
-    /* @__PURE__ */ jsxs24("span", { className: "pire-pagination-count", children: [
+  return /* @__PURE__ */ jsxs26("nav", { className: cx("pire-pagination", className), style, "aria-label": "Pagination", children: [
+    /* @__PURE__ */ jsxs26("span", { className: "pire-pagination-count", children: [
       from.toLocaleString(),
       "\u2013",
       to.toLocaleString(),
       " of ",
       total.toLocaleString()
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       IconButton,
       {
         icon: "chevron-left",
@@ -1094,13 +1507,13 @@ function Pagination({
         onPress: () => onPageChange?.(page - 1)
       }
     ),
-    /* @__PURE__ */ jsxs24("span", { className: "pire-pagination-count", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs26("span", { className: "pire-pagination-count", "aria-live": "polite", children: [
       "Page ",
       page,
       " of ",
       pages
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       IconButton,
       {
         icon: "chevron-right",
@@ -1111,7 +1524,7 @@ function Pagination({
         onPress: () => onPageChange?.(page + 1)
       }
     ),
-    onPageSizeChange ? /* @__PURE__ */ jsx27(
+    onPageSizeChange ? /* @__PURE__ */ jsx29(
       Select,
       {
         "aria-label": "Rows per page",
@@ -1127,7 +1540,7 @@ function Pagination({
 }
 
 // src/components/feedback/InlineMessage.tsx
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var KIND_ICON = {
   info: "info",
   success: "check-circle-2",
@@ -1136,7 +1549,7 @@ var KIND_ICON = {
 };
 function InlineMessage({ kind = "info", title, action, onClose, children, className, ...rest }) {
   const assertive = kind === "error" || kind === "warning";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cx("pire-msg", className),
@@ -1145,21 +1558,21 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
       "aria-live": assertive ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx28(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
-        /* @__PURE__ */ jsxs25("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
-          title ? /* @__PURE__ */ jsx28("span", { className: "pire-msg-title", children: title }) : null,
-          children ? /* @__PURE__ */ jsx28("span", { className: "pire-msg-body", children }) : null,
+        /* @__PURE__ */ jsx30(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ jsxs27("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
+          title ? /* @__PURE__ */ jsx30("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ jsx30("span", { className: "pire-msg-body", children }) : null,
           action
         ] }),
-        onClose ? /* @__PURE__ */ jsx28(IconButton, { icon: "x", label: "Dismiss message", size: "sm", onPress: onClose }) : null
+        onClose ? /* @__PURE__ */ jsx30(IconButton, { icon: "x", label: "Dismiss message", size: "sm", onPress: onClose }) : null
       ]
     }
   );
 }
 
 // src/components/feedback/ProgressBar.tsx
-import { ProgressBar as AriaProgressBar, Label as Label7 } from "react-aria-components";
-import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { ProgressBar as AriaProgressBar, Label as Label9 } from "react-aria-components";
+import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function ProgressBar({
   value = 0,
   minValue = 0,
@@ -1172,7 +1585,7 @@ function ProgressBar({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     AriaProgressBar,
     {
       className: cx("pire-progress", className),
@@ -1183,20 +1596,20 @@ function ProgressBar({
       maxValue,
       isIndeterminate,
       style,
-      children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs26(Fragment2, { children: [
-        label || showValue ? /* @__PURE__ */ jsxs26("div", { className: "pire-progress-head", children: [
-          label ? /* @__PURE__ */ jsx29(Label7, { children: label }) : /* @__PURE__ */ jsx29("span", {}),
-          showValue && !isIndeterminate ? /* @__PURE__ */ jsx29("span", { className: "pire-numeric", children: valueText }) : null
+      children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs28(Fragment2, { children: [
+        label || showValue ? /* @__PURE__ */ jsxs28("div", { className: "pire-progress-head", children: [
+          label ? /* @__PURE__ */ jsx31(Label9, { children: label }) : /* @__PURE__ */ jsx31("span", {}),
+          showValue && !isIndeterminate ? /* @__PURE__ */ jsx31("span", { className: "pire-numeric", children: valueText }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx29("div", { className: "pire-progress-track", children: /* @__PURE__ */ jsx29("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
+        /* @__PURE__ */ jsx31("div", { className: "pire-progress-track", children: /* @__PURE__ */ jsx31("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
       ] })
     }
   );
 }
 
 // src/components/feedback/Toast.tsx
-import * as React8 from "react";
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import * as React10 from "react";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var KIND_ICON2 = {
   info: "info",
   success: "check-circle-2",
@@ -1204,7 +1617,7 @@ var KIND_ICON2 = {
   error: "alert-octagon"
 };
 function Toast({ kind = "success", onClose, position = "bottom-center", children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: cx("pire-toast", className),
@@ -1213,39 +1626,84 @@ function Toast({ kind = "success", onClose, position = "bottom-center", children
       "aria-live": kind === "error" ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx30(Icon, { name: KIND_ICON2[kind], size: 16 }),
-        /* @__PURE__ */ jsx30("span", { style: { flex: 1 }, children }),
-        onClose ? /* @__PURE__ */ jsx30(IconButton, { icon: "x", label: "Dismiss", size: "sm", variant: "inverse", onPress: onClose }) : null
+        /* @__PURE__ */ jsx32(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ jsx32("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ jsx32(IconButton, { icon: "x", label: "Dismiss", size: "sm", variant: "inverse", onPress: onClose }) : null
       ]
     }
   );
 }
-var ToastContext = React8.createContext(null);
+var ToastContext = React10.createContext(null);
 function ToastProvider({ children, timeout = 6e3 }) {
-  const [toasts, setToasts] = React8.useState([]);
-  const close = React8.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
-  const add = React8.useCallback((toast) => {
+  const [toasts, setToasts] = React10.useState([]);
+  const close = React10.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
+  const add = React10.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 = React8.useMemo(() => ({ add, close }), [add, close]);
-  return /* @__PURE__ */ jsxs27(ToastContext.Provider, { value, children: [
+  const value = React10.useMemo(() => ({ add, close }), [add, close]);
+  return /* @__PURE__ */ jsxs29(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx30("div", { className: "pire-toast-region", role: "region", "aria-label": "Notifications", children: toasts.map((t) => /* @__PURE__ */ jsx30(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+    /* @__PURE__ */ jsx32("div", { className: "pire-toast-region", role: "region", "aria-label": "Notifications", children: toasts.map((t) => /* @__PURE__ */ jsx32(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
   ] });
 }
 function useToast() {
-  const ctx = React8.useContext(ToastContext);
+  const ctx = React10.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
   return ctx;
 }
 
+// src/components/feedback/Skeleton.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Skeleton({ shape = "text", width, height, className, style, ...rest }) {
+  return /* @__PURE__ */ jsx33(
+    "div",
+    {
+      className: cx("pire-skeleton", className),
+      "data-shape": shape,
+      "aria-hidden": "true",
+      style: { width, height, ...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__ */ jsx33(
+    "div",
+    {
+      className: cx("pire-skeleton-row", className),
+      "data-density": density,
+      "aria-hidden": "true",
+      style,
+      ...rest,
+      children: cells.map((c, i) => {
+        const align = c.numeric ? "right" : c.align ?? "left";
+        return (
+          // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional and never reordered.
+          /* @__PURE__ */ jsx33(
+            "div",
+            {
+              className: "pire-skeleton-cell",
+              "data-align": align,
+              style: { width: c.width, flex: c.width ? "0 0 auto" : void 0 },
+              children: /* @__PURE__ */ jsx33(Skeleton, { width: BAR_WIDTHS[i % BAR_WIDTHS.length] })
+            },
+            i
+          )
+        );
+      })
+    }
+  );
+}
+
 // src/components/data/KpiTile.tsx
-import { Button as AriaButton9 } from "react-aria-components";
-import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Button as AriaButton10 } from "react-aria-components";
+import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function KpiTile({
   label,
   value,
@@ -1261,50 +1719,50 @@ function KpiTile({
   style
 }) {
   const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
-  const body = /* @__PURE__ */ jsxs28(Fragment3, { children: [
-    /* @__PURE__ */ jsxs28("span", { className: "pire-kpi-label", children: [
-      icon ? /* @__PURE__ */ jsx31(Icon, { name: icon, size: 16 }) : null,
+  const body = /* @__PURE__ */ jsxs30(Fragment3, { children: [
+    /* @__PURE__ */ jsxs30("span", { className: "pire-kpi-label", children: [
+      icon ? /* @__PURE__ */ jsx34(Icon, { name: icon, size: 16 }) : null,
       label
     ] }),
-    /* @__PURE__ */ jsxs28("span", { className: "pire-kpi-value", children: [
+    /* @__PURE__ */ jsxs30("span", { className: "pire-kpi-value", children: [
       value,
-      unit ? /* @__PURE__ */ jsx31("span", { className: "pire-kpi-unit", children: unit }) : null
+      unit ? /* @__PURE__ */ jsx34("span", { className: "pire-kpi-unit", children: unit }) : null
     ] }),
-    delta ? /* @__PURE__ */ jsxs28("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
-      deltaDirection ? /* @__PURE__ */ jsx31(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+    delta ? /* @__PURE__ */ jsxs30("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
+      deltaDirection ? /* @__PURE__ */ jsx34(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
       delta
     ] }) : null,
-    footnote ? /* @__PURE__ */ jsx31("span", { className: "pire-kpi-foot", children: footnote }) : null
+    footnote ? /* @__PURE__ */ jsx34("span", { className: "pire-kpi-foot", children: footnote }) : null
   ] });
   const props = { className: cx("pire-kpi", className), "data-status": status, style };
-  return onPress ? /* @__PURE__ */ jsx31(AriaButton9, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx31("div", { ...props, children: body });
+  return onPress ? /* @__PURE__ */ jsx34(AriaButton10, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ jsx34("div", { ...props, children: body });
 }
 
 // src/components/data/ObjectHeader.tsx
-import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs29("header", { className: cx("pire-objheader", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs31("header", { className: cx("pire-objheader", className), ...rest, children: [
     breadcrumb,
-    /* @__PURE__ */ jsxs29("div", { className: "pire-objheader-row", children: [
-      /* @__PURE__ */ jsxs29("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx32("h1", { className: "pire-objheader-title", children: title }),
-        subtitle || id ? /* @__PURE__ */ jsxs29("div", { className: "pire-objheader-sub", children: [
+    /* @__PURE__ */ jsxs31("div", { className: "pire-objheader-row", children: [
+      /* @__PURE__ */ jsxs31("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx35("h1", { className: "pire-objheader-title", children: title }),
+        subtitle || id ? /* @__PURE__ */ jsxs31("div", { className: "pire-objheader-sub", children: [
           subtitle,
-          id ? /* @__PURE__ */ jsx32("span", { className: "pire-objheader-id", children: id }) : null
+          id ? /* @__PURE__ */ jsx35("span", { className: "pire-objheader-id", children: id }) : null
         ] }) : null
       ] }),
       badge,
-      actions ? /* @__PURE__ */ jsx32("div", { className: "pire-objheader-actions", children: actions }) : null
+      actions ? /* @__PURE__ */ jsx35("div", { className: "pire-objheader-actions", children: actions }) : null
     ] }),
-    facts?.length ? /* @__PURE__ */ jsx32("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs29("div", { children: [
-      /* @__PURE__ */ jsx32("dt", { className: "pire-fact-label", children: fact.label }),
-      /* @__PURE__ */ jsx32("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
+    facts?.length ? /* @__PURE__ */ jsx35("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ jsxs31("div", { children: [
+      /* @__PURE__ */ jsx35("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ jsx35("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 jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 function FilterBar({
   children,
   activeFilters = [],
@@ -1316,115 +1774,115 @@ function FilterBar({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs30("section", { className: cx("pire-filterbar", className), "aria-label": "Filters", ...rest, children: [
-    /* @__PURE__ */ jsxs30("div", { className: "pire-filterbar-controls", children: [
+  return /* @__PURE__ */ jsxs32("section", { className: cx("pire-filterbar", className), "aria-label": "Filters", ...rest, children: [
+    /* @__PURE__ */ jsxs32("div", { className: "pire-filterbar-controls", children: [
       children,
-      onGo ? /* @__PURE__ */ jsx33(Button, { variant: "primary", onPress: onGo, children: "Go" }) : null
+      onGo ? /* @__PURE__ */ jsx36(Button, { variant: "primary", onPress: onGo, children: "Go" }) : null
     ] }),
-    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ jsxs30("div", { className: "pire-filterbar-foot", children: [
-      activeFilters.map((filter) => /* @__PURE__ */ jsx33(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
-      activeFilters.length && onClear ? /* @__PURE__ */ jsx33(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: "Clear all" }) : null,
-      resultLabel ? /* @__PURE__ */ jsx33("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
-      actions ? /* @__PURE__ */ jsx33("div", { className: "pire-filterbar-actions", children: actions }) : null
+    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ jsxs32("div", { className: "pire-filterbar-foot", children: [
+      activeFilters.map((filter) => /* @__PURE__ */ jsx36(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ jsx36(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: "Clear all" }) : null,
+      resultLabel ? /* @__PURE__ */ jsx36("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ jsx36("div", { className: "pire-filterbar-actions", children: actions }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/DescriptionList.tsx
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37(
     "dl",
     {
       className: cx("pire-dl", className),
       "data-layout": layout,
       style: { ...layout === "grid" ? { "--pire-dl-cols": columns } : null, ...style },
       ...rest,
-      children: items.map((item, i) => /* @__PURE__ */ jsxs31("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
-        /* @__PURE__ */ jsxs31("dt", { className: "pire-dl-term", children: [
+      children: items.map((item, i) => /* @__PURE__ */ jsxs33("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
+        /* @__PURE__ */ jsxs33("dt", { className: "pire-dl-term", children: [
           item.label,
           item.hint
         ] }),
-        /* @__PURE__ */ jsx34("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
+        /* @__PURE__ */ jsx37("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
       ] }, i))
     }
   );
 }
 
 // src/components/data/Timeline.tsx
-import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function Timeline({ entries, reverse = false, className, ...rest }) {
   const list = reverse ? [...entries].reverse() : entries;
-  return /* @__PURE__ */ jsx35("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs32("li", { className: "pire-timeline-item", children: [
-    /* @__PURE__ */ jsx35("span", { className: "pire-timeline-time", children: entry.time }),
-    /* @__PURE__ */ jsx35("span", { className: "pire-timeline-text", children: entry.event }),
-    entry.actor ? /* @__PURE__ */ jsx35("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  return /* @__PURE__ */ jsx38("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ jsxs34("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ jsx38("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ jsx38("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ jsx38("span", { className: "pire-timeline-actor", children: entry.actor }) : null
   ] }, entry.id ?? i)) });
 }
 
 // src/components/data/LinkList.tsx
-import { Button as AriaButton10 } from "react-aria-components";
-import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Button as AriaButton11 } from "react-aria-components";
+import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 function LinkList({ items, onSelect, className, ...rest }) {
-  return /* @__PURE__ */ jsx36("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ jsxs33(AriaButton10, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-    item.icon ? /* @__PURE__ */ jsx36(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
-    item.key ? /* @__PURE__ */ jsx36("span", { className: "pire-linklist-key", children: item.key }) : null,
-    item.text ? /* @__PURE__ */ jsx36("span", { className: "pire-linklist-text", children: item.text }) : null,
+  return /* @__PURE__ */ jsx39("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ jsxs35(AriaButton11, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+    item.icon ? /* @__PURE__ */ jsx39(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    item.key ? /* @__PURE__ */ jsx39("span", { className: "pire-linklist-key", children: item.key }) : null,
+    item.text ? /* @__PURE__ */ jsx39("span", { className: "pire-linklist-text", children: item.text }) : null,
     item.trailing
   ] }, item.id)) });
 }
 
 // src/components/layout/PageHeader.tsx
-import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 function PageHeader({ title, subtitle, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs34("header", { className: cx("pire-pageheader", className), ...rest, children: [
-    /* @__PURE__ */ jsxs34("div", { style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx37("h1", { className: "pire-pageheader-title", children: title }),
-      subtitle ? /* @__PURE__ */ jsx37("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+  return /* @__PURE__ */ jsxs36("header", { className: cx("pire-pageheader", className), ...rest, children: [
+    /* @__PURE__ */ jsxs36("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx40("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ jsx40("p", { className: "pire-pageheader-sub", children: subtitle }) : null
     ] }),
-    actions ? /* @__PURE__ */ jsx37("div", { className: "pire-pageheader-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx40("div", { className: "pire-pageheader-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SectionHeader.tsx
-import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function SectionHeader({ title, meta, actions, className, ...rest }) {
-  return /* @__PURE__ */ jsxs35("div", { className: cx("pire-sectionhead", className), ...rest, children: [
-    /* @__PURE__ */ jsx38("span", { className: "pire-eyebrow", children: title }),
-    meta ? /* @__PURE__ */ jsx38("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
-    actions ? /* @__PURE__ */ jsx38("div", { className: "pire-sectionhead-actions", children: actions }) : null
+  return /* @__PURE__ */ jsxs37("div", { className: cx("pire-sectionhead", className), ...rest, children: [
+    /* @__PURE__ */ jsx41("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ jsx41("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ jsx41("div", { className: "pire-sectionhead-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SelectionBar.tsx
-import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
 function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
   if (!count) return null;
-  return /* @__PURE__ */ jsxs36("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
-    /* @__PURE__ */ jsxs36("span", { className: "pire-selectionbar-count", children: [
+  return /* @__PURE__ */ jsxs38("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ jsxs38("span", { className: "pire-selectionbar-count", children: [
       count.toLocaleString(),
       " ",
       noun,
       count === 1 ? "" : "s",
       " selected"
     ] }),
-    children ? /* @__PURE__ */ jsx39("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
-    actions ? /* @__PURE__ */ jsx39("div", { className: "pire-selectionbar-actions", children: actions }) : null
+    children ? /* @__PURE__ */ jsx42("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ jsx42("div", { className: "pire-selectionbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/FooterBar.tsx
-import { jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 function FooterBar({ note, actions, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs37("footer", { className: cx("pire-footerbar", className), ...rest, children: [
-    note ? /* @__PURE__ */ jsx40("span", { className: "pire-footerbar-note", children: note }) : null,
+  return /* @__PURE__ */ jsxs39("footer", { className: cx("pire-footerbar", className), ...rest, children: [
+    note ? /* @__PURE__ */ jsx43("span", { className: "pire-footerbar-note", children: note }) : null,
     children,
-    actions ? /* @__PURE__ */ jsx40("div", { className: "pire-footerbar-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx43("div", { className: "pire-footerbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/patterns/ConfirmDialog.tsx
-import { Fragment as Fragment4, jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 function ConfirmDialog({
   isOpen,
   title,
@@ -1438,7 +1896,7 @@ function ConfirmDialog({
   onConfirm,
   onCancel
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs40(
     Dialog,
     {
       isOpen,
@@ -1448,12 +1906,12 @@ function ConfirmDialog({
       onClose: onCancel,
       isDismissable: !isBusy,
       showClose: false,
-      footer: /* @__PURE__ */ jsxs38(Fragment4, { children: [
-        /* @__PURE__ */ jsx41(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ jsx41(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+      footer: /* @__PURE__ */ jsxs40(Fragment4, { children: [
+        /* @__PURE__ */ jsx44(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx44(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
       ] }),
       children: [
-        consequence ? /* @__PURE__ */ jsx41(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        consequence ? /* @__PURE__ */ jsx44(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
         children
       ]
     }
@@ -1462,9 +1920,9 @@ function ConfirmDialog({
 
 // src/components/patterns/SidePanel.tsx
 import { ModalOverlay as ModalOverlay2, Modal as Modal2, Dialog as AriaDialog3, Heading as Heading3 } from "react-aria-components";
-import { jsx as jsx42, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
 function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx45(
     ModalOverlay2,
     {
       className: "pire-sidepanel-overlay",
@@ -1473,34 +1931,34 @@ function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onC
       onOpenChange: (o) => {
         if (!o) onClose?.();
       },
-      children: /* @__PURE__ */ jsx42(Modal2, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs39(AriaDialog3, { className: "pire-dialog", style: { height: "100%" }, children: [
-        /* @__PURE__ */ jsxs39("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ jsxs39("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx42(Heading3, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ jsx42("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ jsx45(Modal2, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ jsxs41(AriaDialog3, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ jsxs41("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ jsxs41("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx45(Heading3, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ jsx45("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ jsx42(IconButton, { icon: "x", label: "Close panel", size: "sm", onPress: onClose })
+          /* @__PURE__ */ jsx45(IconButton, { icon: "x", label: "Close panel", size: "sm", onPress: onClose })
         ] }),
-        /* @__PURE__ */ jsx42("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
-        footer ? /* @__PURE__ */ jsx42("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ jsx45("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ jsx45("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/patterns/EmptyState.tsx
-import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
 function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs40("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ jsx43(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
-    title ? /* @__PURE__ */ jsx43("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
-    children ? /* @__PURE__ */ jsx43("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+  return /* @__PURE__ */ jsxs42("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ jsx46(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ jsx46("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ jsx46("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
     action
   ] });
 }
 
 // src/index.ts
-import { DialogTrigger, MenuTrigger, Menu, MenuItem, Popover as Popover4, Separator, I18nProvider } from "react-aria-components";
+import { DialogTrigger, MenuTrigger, Menu, MenuItem, Popover as Popover5, Separator, I18nProvider } from "react-aria-components";
 export {
   Avatar,
   Badge,
@@ -1529,11 +1987,12 @@ export {
   Menu,
   MenuItem,
   MenuTrigger,
+  MultiComboBox,
   NumberField,
   ObjectHeader,
   PageHeader,
   Pagination,
-  Popover4 as Popover,
+  Popover5 as Popover,
   ProgressBar,
   Radio,
   RadioGroup,
@@ -1545,9 +2004,12 @@ export {
   ShellBar,
   SideNav,
   SidePanel,
+  Skeleton,
+  SkeletonTableRow,
   Switch,
   Tabs,
   Tag,
+  TextArea,
   Timeline,
   Toast,
   ToastProvider,