@jirawatpyk/aura-react 5.40.0 → 5.42.0

package/dist/cjs/index.cjs

@@ -214,7 +214,7 @@ function shapesOf(el) {
 }
 
 // src/Icon.tsx
-var map = { "check": [["path", { "d": "M20 6 9 17l-5-5" }]], "x": [["path", { "d": "M18 6 6 18" }], ["path", { "d": "m6 6 12 12" }]], "plus": [["path", { "d": "M5 12h14" }], ["path", { "d": "M12 5v14" }]], "minus": [["path", { "d": "M5 12h14" }]], "search": [["path", { "d": "m21 21-4.34-4.34" }], ["circle", { "cx": "11", "cy": "11", "r": "8" }]], "chevron-down": [["path", { "d": "m6 9 6 6 6-6" }]], "chevron-up": [["path", { "d": "m18 15-6-6-6 6" }]], "chevron-left": [["path", { "d": "m15 18-6-6 6-6" }]], "chevron-right": [["path", { "d": "m9 18 6-6-6-6" }]], "arrow-right": [["path", { "d": "M5 12h14" }], ["path", { "d": "m12 5 7 7-7 7" }]], "arrow-up-right": [["path", { "d": "M7 7h10v10" }], ["path", { "d": "M7 17 17 7" }]], "arrow-up-down": [["path", { "d": "m21 16-4 4-4-4" }], ["path", { "d": "M17 20V4" }], ["path", { "d": "m3 8 4-4 4 4" }], ["path", { "d": "M7 4v16" }]], "loader-circle": [["path", { "d": "M21 12a9 9 0 1 1-6.219-8.56" }]], "circle-alert": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }], ["line", { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }]], "circle-check": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "m16 9-5.5 5.5L8 12" }]], "info": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 16v-4" }], ["path", { "d": "M12 8h.01" }]], "triangle-alert": [["path", { "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }], ["path", { "d": "M12 9v4" }], ["path", { "d": "M12 17h.01" }]], "settings": [["path", { "d": "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "user": [["path", { "d": "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }], ["circle", { "cx": "12", "cy": "7", "r": "4" }]], "users": [["path", { "d": "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }], ["path", { "d": "M16 3.128a4 4 0 0 1 0 7.744" }], ["path", { "d": "M22 21v-2a4 4 0 0 0-3-3.87" }], ["circle", { "cx": "9", "cy": "7", "r": "4" }]], "filter": [["path", { "d": "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }]], "ellipsis": [["circle", { "cx": "12", "cy": "12", "r": "1" }], ["circle", { "cx": "19", "cy": "12", "r": "1" }], ["circle", { "cx": "5", "cy": "12", "r": "1" }]], "external-link": [["path", { "d": "M15 3h6v6" }], ["path", { "d": "M10 14 21 3" }], ["path", { "d": "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]], "copy": [["rect", { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" }], ["path", { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]], "trash-2": [["path", { "d": "M10 11v6" }], ["path", { "d": "M14 11v6" }], ["path", { "d": "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }], ["path", { "d": "M3 6h18" }], ["path", { "d": "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]], "pencil": [["path", { "d": "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { "d": "m15 5 4 4" }]], "download": [["path", { "d": "M12 15V3" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["path", { "d": "m7 10 5 5 5-5" }]], "upload": [["path", { "d": "M12 3v12" }], ["path", { "d": "m17 8-5-5-5 5" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]], "calendar": [["path", { "d": "M8 2v3" }], ["path", { "d": "M16 2v3" }], ["rect", { "x": "3", "y": "3", "width": "18", "height": "18", "rx": "2" }], ["path", { "d": "M3 9h18" }]], "bell": [["path", { "d": "M10.268 21a2 2 0 0 0 3.464 0" }], ["path", { "d": "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }]], "menu": [["path", { "d": "M4 5h16" }], ["path", { "d": "M4 12h16" }], ["path", { "d": "M4 19h16" }]], "eye": [["path", { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "log-out": [["path", { "d": "m16 17 5-5-5-5" }], ["path", { "d": "M21 12H9" }], ["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]], "circle": [["circle", { "cx": "12", "cy": "12", "r": "10" }]], "circle-dot-dashed": [["path", { "d": "M10.1 2.18a9.93 9.93 0 0 1 3.8 0" }], ["path", { "d": "M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7" }], ["path", { "d": "M21.82 10.1a9.93 9.93 0 0 1 0 3.8" }], ["path", { "d": "M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69" }], ["path", { "d": "M13.9 21.82a9.94 9.94 0 0 1-3.8 0" }], ["path", { "d": "M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7" }], ["path", { "d": "M2.18 13.9a9.93 9.93 0 0 1 0-3.8" }], ["path", { "d": "M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69" }], ["circle", { "cx": "12", "cy": "12", "r": "1" }]], "ban": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M4.929 4.929 19.07 19.071" }]], "arrow-up": [["path", { "d": "m5 12 7-7 7 7" }], ["path", { "d": "M12 19V5" }]], "arrow-down": [["path", { "d": "M12 5v14" }], ["path", { "d": "m19 12-7 7-7-7" }]], "inbox": [["polyline", { "points": "22 12 16 12 14 15 10 15 8 12 2 12" }], ["path", { "d": "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }]], "pin": [["path", { "d": "M12 17v5" }], ["path", { "d": "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" }]], "pin-off": [["path", { "d": "M12 17v5" }], ["path", { "d": "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89" }], ["path", { "d": "m2 2 20 20" }], ["path", { "d": "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11" }]], "eye-off": [["path", { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }], ["path", { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }], ["path", { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }], ["path", { "d": "m2 2 20 20" }]], "columns-3": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "M15 3v18" }]], "arrow-left": [["path", { "d": "m12 19-7-7 7-7" }], ["path", { "d": "M19 12H5" }]], "rotate-ccw": [["path", { "d": "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { "d": "M3 3v5h5" }]], "house": [["path", { "d": "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }], ["path", { "d": "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }]], "layout-dashboard": [["rect", { "width": "7", "height": "9", "x": "3", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "14", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "9", "x": "14", "y": "12", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "3", "y": "16", "rx": "1" }]], "folder": [["path", { "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }]], "chart-column": [["path", { "d": "M3 3v16a2 2 0 0 0 2 2h16" }], ["path", { "d": "M18 17V9" }], ["path", { "d": "M13 17V5" }], ["path", { "d": "M8 17v-3" }]], "file-text": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }], ["path", { "d": "M10 9H8" }], ["path", { "d": "M16 13H8" }], ["path", { "d": "M16 17H8" }]], "mail": [["path", { "d": "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }], ["rect", { "x": "2", "y": "4", "width": "20", "height": "16", "rx": "2" }]], "lock": [["rect", { "width": "18", "height": "11", "x": "3", "y": "11", "rx": "2", "ry": "2" }], ["path", { "d": "M7 11V7a5 5 0 0 1 10 0v4" }]], "clock": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 6v6l4 2" }]], "trending-up": [["path", { "d": "M16 7h6v6" }], ["path", { "d": "m22 7-8.5 8.5-5-5L2 17" }]], "trending-down": [["path", { "d": "M16 17h6v-6" }], ["path", { "d": "m22 17-8.5-8.5-5 5L2 7" }]], "image": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2", "ry": "2" }], ["circle", { "cx": "9", "cy": "9", "r": "2" }], ["path", { "d": "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]], "paperclip": [["path", { "d": "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }]], "cloud-upload": [["path", { "d": "M12 13v8" }], ["path", { "d": "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }], ["path", { "d": "m8 17 4-4 4 4" }]], "file": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }]], "sun": [["circle", { "cx": "12", "cy": "12", "r": "4" }], ["path", { "d": "M12 2v2" }], ["path", { "d": "M12 20v2" }], ["path", { "d": "m4.93 4.93 1.41 1.41" }], ["path", { "d": "m17.66 17.66 1.41 1.41" }], ["path", { "d": "M2 12h2" }], ["path", { "d": "M20 12h2" }], ["path", { "d": "m6.34 17.66-1.41 1.41" }], ["path", { "d": "m19.07 4.93-1.41 1.41" }]], "moon": [["path", { "d": "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }]], "monitor": [["rect", { "width": "20", "height": "14", "x": "2", "y": "3", "rx": "2" }], ["line", { "x1": "8", "x2": "16", "y1": "21", "y2": "21" }], ["line", { "x1": "12", "x2": "12", "y1": "17", "y2": "21" }]], "panel-left-close": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "m16 15-3-3 3-3" }]], "panel-left-open": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "m14 9 3 3-3 3" }]], "server": [["rect", { "width": "20", "height": "8", "x": "2", "y": "2", "rx": "2", "ry": "2" }], ["rect", { "width": "20", "height": "8", "x": "2", "y": "14", "rx": "2", "ry": "2" }], ["line", { "x1": "6", "x2": "6.01", "y1": "6", "y2": "6" }], ["line", { "x1": "6", "x2": "6.01", "y1": "18", "y2": "18" }]], "globe": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }], ["path", { "d": "M2 12h20" }]], "activity": [["path", { "d": "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2" }]], "shield-alert": [["path", { "d": "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }], ["path", { "d": "M12 8v4" }], ["path", { "d": "M12 16h.01" }]], "phone": [["path", { "d": "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" }]], "wrench": [["path", { "d": "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" }]] };
+var map = { "check": [["path", { "d": "M20 6 9 17l-5-5" }]], "x": [["path", { "d": "M18 6 6 18" }], ["path", { "d": "m6 6 12 12" }]], "plus": [["path", { "d": "M5 12h14" }], ["path", { "d": "M12 5v14" }]], "minus": [["path", { "d": "M5 12h14" }]], "search": [["path", { "d": "m21 21-4.34-4.34" }], ["circle", { "cx": "11", "cy": "11", "r": "8" }]], "chevron-down": [["path", { "d": "m6 9 6 6 6-6" }]], "chevron-up": [["path", { "d": "m18 15-6-6-6 6" }]], "chevron-left": [["path", { "d": "m15 18-6-6 6-6" }]], "chevron-right": [["path", { "d": "m9 18 6-6-6-6" }]], "arrow-right": [["path", { "d": "M5 12h14" }], ["path", { "d": "m12 5 7 7-7 7" }]], "arrow-up-right": [["path", { "d": "M7 7h10v10" }], ["path", { "d": "M7 17 17 7" }]], "arrow-up-down": [["path", { "d": "m21 16-4 4-4-4" }], ["path", { "d": "M17 20V4" }], ["path", { "d": "m3 8 4-4 4 4" }], ["path", { "d": "M7 4v16" }]], "loader-circle": [["path", { "d": "M21 12a9 9 0 1 1-6.219-8.56" }]], "circle-alert": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }], ["line", { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }]], "circle-check": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "m16 9-5.5 5.5L8 12" }]], "info": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 16v-4" }], ["path", { "d": "M12 8h.01" }]], "triangle-alert": [["path", { "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }], ["path", { "d": "M12 9v4" }], ["path", { "d": "M12 17h.01" }]], "settings": [["path", { "d": "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "user": [["path", { "d": "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }], ["circle", { "cx": "12", "cy": "7", "r": "4" }]], "users": [["path", { "d": "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }], ["path", { "d": "M16 3.128a4 4 0 0 1 0 7.744" }], ["path", { "d": "M22 21v-2a4 4 0 0 0-3-3.87" }], ["circle", { "cx": "9", "cy": "7", "r": "4" }]], "filter": [["path", { "d": "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }]], "ellipsis": [["circle", { "cx": "12", "cy": "12", "r": "1" }], ["circle", { "cx": "19", "cy": "12", "r": "1" }], ["circle", { "cx": "5", "cy": "12", "r": "1" }]], "external-link": [["path", { "d": "M15 3h6v6" }], ["path", { "d": "M10 14 21 3" }], ["path", { "d": "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]], "copy": [["rect", { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" }], ["path", { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]], "trash-2": [["path", { "d": "M10 11v6" }], ["path", { "d": "M14 11v6" }], ["path", { "d": "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }], ["path", { "d": "M3 6h18" }], ["path", { "d": "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]], "pencil": [["path", { "d": "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { "d": "m15 5 4 4" }]], "download": [["path", { "d": "M12 15V3" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["path", { "d": "m7 10 5 5 5-5" }]], "upload": [["path", { "d": "M12 3v12" }], ["path", { "d": "m17 8-5-5-5 5" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]], "calendar": [["path", { "d": "M8 2v3" }], ["path", { "d": "M16 2v3" }], ["rect", { "x": "3", "y": "3", "width": "18", "height": "18", "rx": "2" }], ["path", { "d": "M3 9h18" }]], "bell": [["path", { "d": "M10.268 21a2 2 0 0 0 3.464 0" }], ["path", { "d": "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }]], "menu": [["path", { "d": "M4 5h16" }], ["path", { "d": "M4 12h16" }], ["path", { "d": "M4 19h16" }]], "eye": [["path", { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "log-out": [["path", { "d": "m16 17 5-5-5-5" }], ["path", { "d": "M21 12H9" }], ["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]], "circle": [["circle", { "cx": "12", "cy": "12", "r": "10" }]], "circle-dot-dashed": [["path", { "d": "M10.1 2.18a9.93 9.93 0 0 1 3.8 0" }], ["path", { "d": "M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7" }], ["path", { "d": "M21.82 10.1a9.93 9.93 0 0 1 0 3.8" }], ["path", { "d": "M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69" }], ["path", { "d": "M13.9 21.82a9.94 9.94 0 0 1-3.8 0" }], ["path", { "d": "M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7" }], ["path", { "d": "M2.18 13.9a9.93 9.93 0 0 1 0-3.8" }], ["path", { "d": "M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69" }], ["circle", { "cx": "12", "cy": "12", "r": "1" }]], "ban": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M4.929 4.929 19.07 19.071" }]], "arrow-up": [["path", { "d": "m5 12 7-7 7 7" }], ["path", { "d": "M12 19V5" }]], "arrow-down": [["path", { "d": "M12 5v14" }], ["path", { "d": "m19 12-7 7-7-7" }]], "inbox": [["polyline", { "points": "22 12 16 12 14 15 10 15 8 12 2 12" }], ["path", { "d": "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }]], "pin": [["path", { "d": "M12 17v5" }], ["path", { "d": "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" }]], "pin-off": [["path", { "d": "M12 17v5" }], ["path", { "d": "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89" }], ["path", { "d": "m2 2 20 20" }], ["path", { "d": "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11" }]], "eye-off": [["path", { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }], ["path", { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }], ["path", { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }], ["path", { "d": "m2 2 20 20" }]], "columns-3": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "M15 3v18" }]], "arrow-left": [["path", { "d": "m12 19-7-7 7-7" }], ["path", { "d": "M19 12H5" }]], "rotate-ccw": [["path", { "d": "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { "d": "M3 3v5h5" }]], "house": [["path", { "d": "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }], ["path", { "d": "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }]], "layout-dashboard": [["rect", { "width": "7", "height": "9", "x": "3", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "14", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "9", "x": "14", "y": "12", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "3", "y": "16", "rx": "1" }]], "folder": [["path", { "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }]], "chart-column": [["path", { "d": "M3 3v16a2 2 0 0 0 2 2h16" }], ["path", { "d": "M18 17V9" }], ["path", { "d": "M13 17V5" }], ["path", { "d": "M8 17v-3" }]], "file-text": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }], ["path", { "d": "M10 9H8" }], ["path", { "d": "M16 13H8" }], ["path", { "d": "M16 17H8" }]], "mail": [["path", { "d": "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }], ["rect", { "x": "2", "y": "4", "width": "20", "height": "16", "rx": "2" }]], "lock": [["rect", { "width": "18", "height": "11", "x": "3", "y": "11", "rx": "2", "ry": "2" }], ["path", { "d": "M7 11V7a5 5 0 0 1 10 0v4" }]], "clock": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 6v6l4 2" }]], "trending-up": [["path", { "d": "M16 7h6v6" }], ["path", { "d": "m22 7-8.5 8.5-5-5L2 17" }]], "trending-down": [["path", { "d": "M16 17h6v-6" }], ["path", { "d": "m22 17-8.5-8.5-5 5L2 7" }]], "image": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2", "ry": "2" }], ["circle", { "cx": "9", "cy": "9", "r": "2" }], ["path", { "d": "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]], "paperclip": [["path", { "d": "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }]], "cloud-upload": [["path", { "d": "M12 13v8" }], ["path", { "d": "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }], ["path", { "d": "m8 17 4-4 4 4" }]], "file": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }]], "sun": [["circle", { "cx": "12", "cy": "12", "r": "4" }], ["path", { "d": "M12 2v2" }], ["path", { "d": "M12 20v2" }], ["path", { "d": "m4.93 4.93 1.41 1.41" }], ["path", { "d": "m17.66 17.66 1.41 1.41" }], ["path", { "d": "M2 12h2" }], ["path", { "d": "M20 12h2" }], ["path", { "d": "m6.34 17.66-1.41 1.41" }], ["path", { "d": "m19.07 4.93-1.41 1.41" }]], "moon": [["path", { "d": "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }]], "monitor": [["rect", { "width": "20", "height": "14", "x": "2", "y": "3", "rx": "2" }], ["line", { "x1": "8", "x2": "16", "y1": "21", "y2": "21" }], ["line", { "x1": "12", "x2": "12", "y1": "17", "y2": "21" }]], "panel-left-close": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "m16 15-3-3 3-3" }]], "panel-left-open": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "m14 9 3 3-3 3" }]], "server": [["rect", { "width": "20", "height": "8", "x": "2", "y": "2", "rx": "2", "ry": "2" }], ["rect", { "width": "20", "height": "8", "x": "2", "y": "14", "rx": "2", "ry": "2" }], ["line", { "x1": "6", "x2": "6.01", "y1": "6", "y2": "6" }], ["line", { "x1": "6", "x2": "6.01", "y1": "18", "y2": "18" }]], "globe": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }], ["path", { "d": "M2 12h20" }]], "activity": [["path", { "d": "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2" }]], "shield-alert": [["path", { "d": "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }], ["path", { "d": "M12 8v4" }], ["path", { "d": "M12 16h.01" }]], "phone": [["path", { "d": "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" }]], "wrench": [["path", { "d": "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" }]], "sliders-horizontal": [["path", { "d": "M10 5H3" }], ["path", { "d": "M12 19H3" }], ["path", { "d": "M14 3v4" }], ["path", { "d": "M16 17v4" }], ["path", { "d": "M21 12h-9" }], ["path", { "d": "M21 19h-5" }], ["path", { "d": "M21 5h-7" }], ["path", { "d": "M8 10v4" }], ["path", { "d": "M8 12H3" }]] };
 var ICONS = map;
 var registered = {};
 function registerIcons(icons) {
@@ -359,6 +359,7 @@ function useMergedRef(a, b) {
 function plainClick(e) {
   return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
 }
+var FilterSheet = React3.createContext(false);
 
 // src/display.tsx
 var React4 = __toESM(require("react"), 1);
@@ -583,6 +584,17 @@ var IconWrench = /* @__PURE__ */ defineIcon("wrench", [
     }
   ]
 ]);
+var IconSlidersHorizontal = /* @__PURE__ */ defineIcon("sliders-horizontal", [
+  ["path", { d: "M10 5H3" }],
+  ["path", { d: "M12 19H3" }],
+  ["path", { d: "M14 3v4" }],
+  ["path", { d: "M16 17v4" }],
+  ["path", { d: "M21 12h-9" }],
+  ["path", { d: "M21 19h-5" }],
+  ["path", { d: "M21 5h-7" }],
+  ["path", { d: "M8 10v4" }],
+  ["path", { d: "M8 12H3" }]
+]);
 
 // src/display.tsx
 var h2 = React4.createElement;
@@ -932,6 +944,11 @@ var th = {
   statusMaintenance: "\u0E1B\u0E34\u0E14\u0E1B\u0E23\u0E31\u0E1A\u0E1B\u0E23\u0E38\u0E07",
   statusOk: "\u0E1B\u0E01\u0E15\u0E34",
   statusUnknown: "\u0E22\u0E31\u0E07\u0E44\u0E21\u0E48\u0E21\u0E35\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25",
+  opensInNewTab: "\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E19\u0E41\u0E17\u0E47\u0E1A\u0E43\u0E2B\u0E21\u0E48",
+  filtersApplied: function(n3) {
+    return "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07, \u0E43\u0E0A\u0E49\u0E2D\u0E22\u0E39\u0E48 " + n3.toLocaleString("en") + " \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+  },
+  done: "\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E2A\u0E34\u0E49\u0E19",
   accepts: function(list, max) {
     return [list, max && "\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 " + max + " \u0E15\u0E48\u0E2D\u0E44\u0E1F\u0E25\u0E4C"].filter(Boolean).join(" \xB7 ");
   }
@@ -1068,6 +1085,11 @@ var sv = {
   statusMaintenance: "Underh\xE5ll",
   statusOk: "OK",
   statusUnknown: "Ingen data",
+  opensInNewTab: "\xF6ppnas i en ny flik",
+  filtersApplied: function(n3) {
+    return "Filter, " + n3.toLocaleString("sv-SE") + " aktiva";
+  },
+  done: "Klar",
   accepts: function(list, max) {
     return [list, max && "h\xF6gst " + max + " per fil"].filter(Boolean).join(", ");
   }
@@ -1205,6 +1227,11 @@ var STRINGS = {
     statusMaintenance: "Maintenance",
     statusOk: "OK",
     statusUnknown: "No data",
+    opensInNewTab: "opens in a new tab",
+    filtersApplied: function(n3) {
+      return "Filters, " + n3.toLocaleString("en") + " applied";
+    },
+    done: "Done",
     accepts: function(list, max) {
       return [list, max && "up to " + max + " each"].filter(Boolean).join(", ");
     }
@@ -1606,6 +1633,7 @@ var Menu = React9.forwardRef(function Menu2(props, ref) {
   const headerId = uid(), itemId = uid();
   const hasHeader = props.header != null && props.header !== false && props.header !== "";
   const Link = useLinkComponent(props.linkComponent);
+  const t = useStrings();
   function place2() {
     const a = props.anchor, m = own.current;
     if (!a || !m) return;
@@ -1732,6 +1760,8 @@ var Menu = React9.forwardRef(function Menu2(props, ref) {
     if (reasonId)
       body[2] = /* Hidden from the name (it would be read twice); aria-describedby still reads it. */
       /* @__PURE__ */ React9.createElement("span", { key: "h", id: reasonId, className: "aura-menu__hint aura-menu__reason", "aria-hidden": true }, it.disabledReason);
+    if (it.href && !it.disabled && it.target === "_blank")
+      body[1] = /* @__PURE__ */ React9.createElement("span", { key: "t", className: "aura-menu__label" }, it.label, /* @__PURE__ */ React9.createElement("span", { className: "aura-sr-only" }, " (" + t.opensInNewTab + ")"));
     if (it.href && !it.disabled)
       return /* @__PURE__ */ React9.createElement(
         Link,
@@ -2703,12 +2733,18 @@ var Select = React16.forwardRef(function Select2(props, ref) {
 var React17 = __toESM(require("react"), 1);
 var FilterSelect = React17.forwardRef(function FilterSelect2(props, ref) {
   const onChange = props.onChange;
-  const pass = Object.assign(omit(props, ["label", "allLabel", "onChange"]), {
-    [FILTER_KEY]: { name: props.label, allLabel: props.allLabel },
-    onChange: onChange ? function(e) {
-      onChange(e.target.value);
-    } : void 0
-  });
+  const inSheet = React17.useContext(FilterSheet);
+  const pass = Object.assign(
+    omit(props, ["label", "allLabel", "onChange"]),
+    inSheet ? { label: props.label } : {
+      [FILTER_KEY]: { name: props.label, allLabel: props.allLabel }
+    },
+    {
+      onChange: onChange ? function(e) {
+        onChange(e.target.value);
+      } : void 0
+    }
+  );
   return /* @__PURE__ */ React17.createElement(Select, { ...pass, ref });
 });
 
@@ -3564,6 +3600,7 @@ var FilterDateRange = React19.forwardRef(
     const anyLabel = props.anyLabel || dt.anyTime;
     const value = v.start && v.end ? formatDateRange(v.start, v.end, { locale, calendar }) : anyLabel;
     const setFace = useMergedRef(ref, faceRef);
+    const inSheet = React19.useContext(FilterSheet);
     const limits = {
       min: props.min,
       max: props.max,
@@ -3664,7 +3701,7 @@ var FilterDateRange = React19.forwardRef(
       ),
       document.body
     ) : null;
-    return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+    const box = /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
       "div",
       {
         ref: boxRef,
@@ -3672,6 +3709,7 @@ var FilterDateRange = React19.forwardRef(
           "aura-filterselect",
           pop.open && "is-open",
           props.disabled && "is-disabled",
+          inSheet && "aura-filterselect--sheet",
           touchClass(props.touchHeight),
           props.className
         )
@@ -3700,6 +3738,8 @@ var FilterDateRange = React19.forwardRef(
         /* @__PURE__ */ React19.createElement(Icon, { name: /* @__PURE__ */ React19.createElement(IconChevronDown, null), className: "aura-filterselect__chevron" })
       )
     ), cal);
+    if (!inSheet) return box;
+    return /* @__PURE__ */ React19.createElement("div", { className: cx("aura-field", props.disabled && "is-disabled") }, /* @__PURE__ */ React19.createElement("span", { className: "aura-field__label", "aria-hidden": own ? void 0 : true }, props.label), box);
   }
 );
 
@@ -4690,162 +4730,439 @@ var FormErrorSummary = React26.forwardRef(
 );
 
 // src/FilterBar.tsx
-var React29 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 
-// src/Tag.tsx
+// src/Dialog.tsx
 var React28 = __toESM(require("react"), 1);
+var import_react_dom7 = require("react-dom");
 
-// src/Tooltip.tsx
+// src/useModal.tsx
 var React27 = __toESM(require("react"), 1);
-var import_react_dom7 = require("react-dom");
-var Tooltip = React27.forwardRef(function Tooltip2(props, ref) {
-  const id = uid(), st = React27.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
-  const anchor = React27.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip2 = React27.useRef(null), timer2 = React27.useRef(void 0);
-  const pos = React27.useState(null), mounted = useMounted();
-  function show3(now) {
-    clearTimeout(timer2.current);
-    timer2.current = setTimeout(
-      function() {
-        set(true);
-      },
-      now ? 0 : props.delay == null ? 400 : props.delay
-    );
-  }
-  function hide2() {
-    clearTimeout(timer2.current);
-    set(false);
-  }
-  function hideSoon2() {
-    clearTimeout(timer2.current);
-    timer2.current = setTimeout(function() {
-      set(false);
-    }, 120);
-  }
-  React27.useEffect(function() {
-    return function() {
-      clearTimeout(timer2.current);
-    };
-  }, []);
-  function place2() {
-    if (!anchor.current || !tip2.current) return;
-    const r2 = anchor.current.getBoundingClientRect(), t = tip2.current.getBoundingClientRect();
-    const vw = window.innerWidth, vh = window.innerHeight, gap = 8, m = 8;
-    let side = props.side || "top";
-    if (side === "top" && r2.top - t.height - gap < m && r2.bottom + gap + t.height <= vh - m) side = "bottom";
-    else if (side === "bottom" && r2.bottom + gap + t.height > vh - m && r2.top - t.height - gap >= m) side = "top";
-    else if (side === "left" && r2.left - t.width - gap < m && r2.right + gap + t.width <= vw - m) side = "right";
-    else if (side === "right" && r2.right + gap + t.width > vw - m && r2.left - t.width - gap >= m) side = "left";
-    const clampX = function(x) {
-      return Math.max(m, Math.min(x, vw - t.width - m));
-    };
-    const clampY = function(y) {
-      return Math.max(m, Math.min(y, vh - t.height - m));
-    };
-    let top, left;
-    if (side === "top" || side === "bottom") {
-      top = clampY(side === "top" ? r2.top - t.height - gap : r2.bottom + gap);
-      left = clampX(r2.left + r2.width / 2 - t.width / 2);
-    } else {
-      left = side === "left" ? r2.left - t.width - gap : r2.right + gap;
-      left = clampX(left);
-      top = clampY(r2.top + r2.height / 2 - t.height / 2);
-    }
-    pos[1]({ top, left });
-  }
-  useIsoLayoutEffect(
-    function() {
-      if (!open) return;
-      place2();
-      window.addEventListener("scroll", place2, true);
-      window.addEventListener("resize", place2);
-      return function() {
-        window.removeEventListener("scroll", place2, true);
-        window.removeEventListener("resize", place2);
-      };
-    },
-    [open, mounted]
-  );
+var locks = 0;
+var savedOverflow = "";
+function lockScroll() {
+  const body = document.body;
+  if (locks === 0) savedOverflow = body.style.overflow;
+  locks++;
+  body.style.overflow = "hidden";
+  let done = false;
+  return function() {
+    if (done) return;
+    done = true;
+    locks--;
+    if (locks === 0) body.style.overflow = savedOverflow;
+  };
+}
+function tabbable(el) {
+  const all = Array.prototype.filter.call(el.querySelectorAll(FOCUSABLE), function(c) {
+    return c.tabIndex >= 0;
+  });
+  const shown = all.filter(function(c) {
+    return c.getClientRects().length > 0;
+  });
+  return shown.length ? shown : all;
+}
+function useModal(open, ref, opts) {
+  const mounted = useMounted();
+  const prev = React27.useRef(null);
+  const o = opts || {};
+  const latest = React27.useRef(o);
+  latest.current = o;
   React27.useEffect(
     function() {
-      if (!open) return;
-      function esc(e) {
-        if (e.key === "Escape") hide2();
-      }
-      document.addEventListener("keydown", esc);
+      if (!open || !mounted) return;
+      prev.current = document.activeElement;
+      const unlock = lockScroll();
+      const el = ref.current;
+      const firstIn = function(scope) {
+        if (!scope || !el) return null;
+        const sel = FOCUSABLE.split(",").map(function(s) {
+          return scope + " " + s;
+        }).join(",");
+        const list = el.querySelectorAll(sel);
+        for (let i = 0; i < list.length; i++)
+          if (list[i].tabIndex >= 0 && list[i].getClientRects().length > 0) return list[i];
+        return null;
+      };
+      const target = el && (el.querySelector("[data-autofocus]") || firstIn(o.bodySelector) || firstIn(o.footSelector) || el);
+      if (target && o.autoFocus !== false) target.focus();
       return function() {
-        document.removeEventListener("keydown", esc);
+        unlock();
+        const l = latest.current;
+        const ff = l.finalFocus;
+        const to = ff ? typeof ff === "function" ? ff() : ff.current : null;
+        const back = to && to.isConnected ? to : prev.current;
+        if (back && back.focus) back.focus();
+        if (l.onCloseComplete) l.onCloseComplete();
       };
     },
-    [open]
-  );
-  const child = React27.Children.only(props.children);
-  const trigger = /* @__PURE__ */ React27.createElement(
-    "span",
-    {
-      ref: anchorMerged,
-      className: "aura-tooltip-anchor",
-      onMouseEnter: function() {
-        show3(false);
-      },
-      onMouseLeave: hideSoon2,
-      onFocus: function() {
-        show3(true);
-      },
-      onBlur: hide2
-    },
-    React27.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] })
+    [open, mounted]
   );
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, trigger, open && mounted ? (0, import_react_dom7.createPortal)(
-    /* @__PURE__ */ React27.createElement(
-      "div",
-      {
-        ref: tip2,
-        id,
-        role: "tooltip",
-        onMouseEnter: function() {
-          clearTimeout(timer2.current);
-        },
-        onMouseLeave: hideSoon2,
-        className: "aura-tooltip aura-tooltip--hoverable",
-        style: { top: pos[0] ? pos[0].top : -9999, left: pos[0] ? pos[0].left : -9999 }
-      },
-      props.content
-    ),
-    document.body
-  ) : null);
-});
-
-// src/Tag.tsx
-function textOf2(node, all) {
-  if (node == null || typeof node === "boolean") return "";
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node))
-    return node.map(function(n3) {
-      return textOf2(n3, all);
-    }).join("");
-  if (React28.isValidElement(node)) {
-    const p = node.props;
-    return !all && (p["aria-hidden"] === true || p["aria-hidden"] === "true") ? "" : textOf2(p.children, all);
+  function onKeyDown(e) {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      if (o.onEscape) o.onEscape();
+      return;
+    }
+    if (e.key !== "Tab" || !ref.current || e.defaultPrevented) return;
+    if (!ref.current.contains(e.target)) return;
+    const list = tabbable(ref.current);
+    if (!list.length) {
+      e.preventDefault();
+      return;
+    }
+    const first = list[0], last = list[list.length - 1], active = document.activeElement, stray = active === ref.current;
+    if (e.shiftKey && (active === first || stray)) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && (active === last || stray)) {
+      e.preventDefault();
+      first.focus();
+    }
   }
-  return "";
+  return { ready: !!open && mounted, onKeyDown };
+}
+
+// src/Dialog.tsx
+var DialogClose = React28.createContext(null);
+function useDialogClose() {
+  return React28.useContext(DialogClose) || function() {
+  };
 }
-var Tag = React28.forwardRef(function Tag2(props, ref) {
+var Dialog = React28.forwardRef(function Dialog2(props, ref) {
   const t = useStrings();
-  const selectable = props.onClick != null || props.selected != null;
+  const density = useDensity();
+  const own = React28.useRef(null), merged = useMergedRef(ref, own), titleId = uid(), descId = uid();
+  const openState = useMaybeControlled(props.open, false, null), open = openState[0];
+  if (props.open === void 0 && !props.trigger)
+    devWarnOnce("dialog-no-open", "Dialog has neither `open` nor `trigger`, so it can never open. Pass one of them.");
+  const trigId = uid();
+  function closeNow() {
+    if (props.open === void 0) openState[1](false);
+    if (props.onClose) props.onClose();
+  }
+  function close() {
+    if (props.dismissible === false) return;
+    closeNow();
+  }
+  const scrimCloses = props.dismissible !== false && (props.dismissOnScrim !== void 0 ? props.dismissOnScrim : props.role !== "alertdialog");
+  const modal = useModal(open, own, {
+    autoFocus: props.autoFocus,
+    onEscape: close,
+    bodySelector: ".aura-dialog__body",
+    footSelector: ".aura-dialog__foot",
+    /* With a trigger, focus goes back to it even where a click doesn't focus buttons (Safari). */
+    finalFocus: props.trigger ? function() {
+      const ff = props.finalFocus;
+      const to = ff ? typeof ff === "function" ? ff() : ff.current : null;
+      return to || document.querySelector('[data-aura-trigger="' + trigId + '"]');
+    } : props.finalFocus,
+    onCloseComplete: props.onCloseComplete
+  });
+  const trig = props.trigger;
+  const trigger = trig && React28.isValidElement(trig) ? React28.cloneElement(trig, {
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    "data-aura-trigger": trigId,
+    onClick: function(e) {
+      const own2 = trig.props.onClick;
+      if (own2) own2(e);
+      if (e.defaultPrevented) return;
+      if (props.open === void 0) openState[1](true);
+      if (props.onOpen) props.onOpen();
+    }
+  }) : null;
+  if (!modal.ready) return trigger;
   const rest = omit(props, [
-    "onRemove",
-    "selected",
-    "icon",
-    "className",
-    "children",
-    "disabled",
+    "open",
+    "onClose",
+    "title",
+    "description",
+    "children",
+    "footer",
+    "size",
+    "dismissible",
+    "dismissOnScrim",
+    "role",
+    "autoFocus",
+    "className",
+    "trigger",
+    "onOpen",
+    "finalFocus",
+    "onCloseComplete",
+    "aria-labelledby",
+    "aria-describedby",
+    "aria-modal"
+  ]);
+  const panel = (0, import_react_dom7.createPortal)(
+    /* @__PURE__ */ React28.createElement("div", { className: "aura-dialog-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React28.createElement(
+      "div",
+      {
+        className: "aura-scrim",
+        onClick: scrimCloses ? close : void 0,
+        onMouseDown: scrimCloses ? void 0 : function(e) {
+          e.preventDefault();
+        },
+        "aria-hidden": true
+      }
+    ), /* @__PURE__ */ React28.createElement(
+      "div",
+      {
+        ...rest,
+        ref: merged,
+        role: props.role || "dialog",
+        "aria-modal": true,
+        "aria-labelledby": titleId,
+        "aria-describedby": cx(props.description ? descId : "", props["aria-describedby"]) || void 0,
+        tabIndex: -1,
+        className: cx("aura-dialog", "aura-dialog--" + (props.size || "md"), props.className)
+      },
+      /* @__PURE__ */ React28.createElement("div", { className: "aura-dialog__head" }, /* @__PURE__ */ React28.createElement("h2", { className: "aura-dialog__title", id: titleId }, props.title), props.dismissible !== false ? /* @__PURE__ */ React28.createElement(IconButton, { icon: /* @__PURE__ */ React28.createElement(IconX, null), label: t.close, className: "aura-dialog__close", onClick: close }) : null),
+      props.description ? /* @__PURE__ */ React28.createElement("p", { className: "aura-dialog__desc", id: descId }, props.description) : null,
+      /* @__PURE__ */ React28.createElement(DialogClose.Provider, { value: closeNow }, props.children ? /* @__PURE__ */ React28.createElement("div", { className: "aura-dialog__body" }, props.children) : null, props.footer ? /* @__PURE__ */ React28.createElement("div", { className: "aura-dialog__foot" }, props.footer) : null)
+    )),
+    document.body
+  );
+  return trigger ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, trigger, panel) : panel;
+});
+var Drawer = React28.forwardRef(function Drawer2(props, ref) {
+  const t = useStrings();
+  const density = useDensity();
+  const own = React28.useRef(null), merged = useMergedRef(ref, own), titleId = uid(), descId = uid();
+  function close() {
+    if (props.dismissible !== false && props.onClose) props.onClose();
+  }
+  const modal = useModal(props.open, own, {
+    autoFocus: props.autoFocus,
+    onEscape: close,
+    bodySelector: ".aura-drawer__body",
+    footSelector: ".aura-drawer__foot",
+    finalFocus: props.finalFocus,
+    onCloseComplete: props.onCloseComplete
+  });
+  if (!modal.ready) return null;
+  const side = props.side === "left" ? "left" : "right";
+  const rest = omit(props, [
+    "open",
+    "onClose",
+    "side",
+    "size",
+    "title",
+    "description",
+    "children",
+    "footer",
+    "dismissible",
+    "dismissOnScrim",
+    "autoFocus",
+    "aria-label",
+    "aria-describedby",
+    "aria-labelledby",
+    "className",
+    "closeLabel",
+    "closeProps",
+    "finalFocus",
+    "onCloseComplete"
+  ]);
+  const drawerScrimCloses = props.dismissible !== false && props.dismissOnScrim !== false;
+  return (0, import_react_dom7.createPortal)(
+    /* @__PURE__ */ React28.createElement("div", { className: "aura-dialog-layer aura-drawer-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React28.createElement(
+      "div",
+      {
+        className: "aura-scrim",
+        onClick: drawerScrimCloses ? close : void 0,
+        onMouseDown: !drawerScrimCloses ? function(e) {
+          e.preventDefault();
+        } : void 0,
+        "aria-hidden": true
+      }
+    ), /* @__PURE__ */ React28.createElement(
+      "div",
+      {
+        ...rest,
+        ref: merged,
+        role: "dialog",
+        "aria-modal": true,
+        "aria-labelledby": props.title ? titleId : props["aria-labelledby"],
+        "aria-label": props.title ? void 0 : props["aria-label"],
+        "aria-describedby": cx(props.description ? descId : "", props["aria-describedby"]) || void 0,
+        tabIndex: -1,
+        className: cx("aura-drawer", "aura-drawer--" + side, "aura-drawer--" + (props.size || "md"), props.className)
+      },
+      props.title || props.dismissible !== false ? /* @__PURE__ */ React28.createElement("div", { className: "aura-drawer__head" }, props.title ? /* @__PURE__ */ React28.createElement("h2", { className: "aura-drawer__title", id: titleId }, props.title) : /* @__PURE__ */ React28.createElement("span", { style: { flex: 1 } }), props.dismissible !== false ? /* @__PURE__ */ React28.createElement(
+        IconButton,
+        {
+          ...props.closeProps,
+          icon: /* @__PURE__ */ React28.createElement(IconX, null),
+          label: props.closeLabel || t.close,
+          onClick: function(e) {
+            const own2 = props.closeProps && props.closeProps.onClick;
+            if (own2) own2(e);
+            if (!e.defaultPrevented) close();
+          }
+        }
+      ) : null) : null,
+      props.description ? /* @__PURE__ */ React28.createElement("p", { className: "aura-drawer__desc", id: descId }, props.description) : null,
+      /* @__PURE__ */ React28.createElement("div", { className: "aura-drawer__body" }, props.children),
+      props.footer ? /* @__PURE__ */ React28.createElement("div", { className: "aura-drawer__foot" }, props.footer) : null
+    )),
+    document.body
+  );
+});
+
+// src/Tag.tsx
+var React30 = __toESM(require("react"), 1);
+
+// src/Tooltip.tsx
+var React29 = __toESM(require("react"), 1);
+var import_react_dom8 = require("react-dom");
+var Tooltip = React29.forwardRef(function Tooltip2(props, ref) {
+  const id = uid(), st = React29.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
+  const anchor = React29.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip2 = React29.useRef(null), timer2 = React29.useRef(void 0);
+  const pos = React29.useState(null), mounted = useMounted();
+  function show3(now) {
+    clearTimeout(timer2.current);
+    timer2.current = setTimeout(
+      function() {
+        set(true);
+      },
+      now ? 0 : props.delay == null ? 400 : props.delay
+    );
+  }
+  function hide2() {
+    clearTimeout(timer2.current);
+    set(false);
+  }
+  function hideSoon2() {
+    clearTimeout(timer2.current);
+    timer2.current = setTimeout(function() {
+      set(false);
+    }, 120);
+  }
+  React29.useEffect(function() {
+    return function() {
+      clearTimeout(timer2.current);
+    };
+  }, []);
+  function place2() {
+    if (!anchor.current || !tip2.current) return;
+    const r2 = anchor.current.getBoundingClientRect(), t = tip2.current.getBoundingClientRect();
+    const vw = window.innerWidth, vh = window.innerHeight, gap = 8, m = 8;
+    let side = props.side || "top";
+    if (side === "top" && r2.top - t.height - gap < m && r2.bottom + gap + t.height <= vh - m) side = "bottom";
+    else if (side === "bottom" && r2.bottom + gap + t.height > vh - m && r2.top - t.height - gap >= m) side = "top";
+    else if (side === "left" && r2.left - t.width - gap < m && r2.right + gap + t.width <= vw - m) side = "right";
+    else if (side === "right" && r2.right + gap + t.width > vw - m && r2.left - t.width - gap >= m) side = "left";
+    const clampX = function(x) {
+      return Math.max(m, Math.min(x, vw - t.width - m));
+    };
+    const clampY = function(y) {
+      return Math.max(m, Math.min(y, vh - t.height - m));
+    };
+    let top, left;
+    if (side === "top" || side === "bottom") {
+      top = clampY(side === "top" ? r2.top - t.height - gap : r2.bottom + gap);
+      left = clampX(r2.left + r2.width / 2 - t.width / 2);
+    } else {
+      left = side === "left" ? r2.left - t.width - gap : r2.right + gap;
+      left = clampX(left);
+      top = clampY(r2.top + r2.height / 2 - t.height / 2);
+    }
+    pos[1]({ top, left });
+  }
+  useIsoLayoutEffect(
+    function() {
+      if (!open) return;
+      place2();
+      window.addEventListener("scroll", place2, true);
+      window.addEventListener("resize", place2);
+      return function() {
+        window.removeEventListener("scroll", place2, true);
+        window.removeEventListener("resize", place2);
+      };
+    },
+    [open, mounted]
+  );
+  React29.useEffect(
+    function() {
+      if (!open) return;
+      function esc(e) {
+        if (e.key === "Escape") hide2();
+      }
+      document.addEventListener("keydown", esc);
+      return function() {
+        document.removeEventListener("keydown", esc);
+      };
+    },
+    [open]
+  );
+  const child = React29.Children.only(props.children);
+  const trigger = /* @__PURE__ */ React29.createElement(
+    "span",
+    {
+      ref: anchorMerged,
+      className: "aura-tooltip-anchor",
+      onMouseEnter: function() {
+        show3(false);
+      },
+      onMouseLeave: hideSoon2,
+      onFocus: function() {
+        show3(true);
+      },
+      onBlur: hide2
+    },
+    React29.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] })
+  );
+  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, trigger, open && mounted ? (0, import_react_dom8.createPortal)(
+    /* @__PURE__ */ React29.createElement(
+      "div",
+      {
+        ref: tip2,
+        id,
+        role: "tooltip",
+        onMouseEnter: function() {
+          clearTimeout(timer2.current);
+        },
+        onMouseLeave: hideSoon2,
+        className: "aura-tooltip aura-tooltip--hoverable",
+        style: { top: pos[0] ? pos[0].top : -9999, left: pos[0] ? pos[0].left : -9999 }
+      },
+      props.content
+    ),
+    document.body
+  ) : null);
+});
+
+// src/Tag.tsx
+function textOf2(node, all) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node))
+    return node.map(function(n3) {
+      return textOf2(n3, all);
+    }).join("");
+  if (React30.isValidElement(node)) {
+    const p = node.props;
+    return !all && (p["aria-hidden"] === true || p["aria-hidden"] === "true") ? "" : textOf2(p.children, all);
+  }
+  return "";
+}
+var Tag = React30.forwardRef(function Tag2(props, ref) {
+  const t = useStrings();
+  const selectable = props.onClick != null || props.selected != null;
+  const rest = omit(props, [
+    "onRemove",
+    "selected",
+    "icon",
+    "className",
+    "children",
+    "disabled",
     "removeLabel",
     "touchHeight"
   ]);
-  const textRef = React28.useRef(null);
+  const textRef = React30.useRef(null);
   useAutoTip();
-  const cutState = React28.useState(false), isCut = cutState[0];
-  const check = React28.useCallback(function() {
+  const cutState = React30.useState(false), isCut = cutState[0];
+  const check = React30.useCallback(function() {
     const el = textRef.current;
     if (el) cutState[1](el.scrollWidth > el.clientWidth + 1);
   }, []);
@@ -4864,11 +5181,11 @@ var Tag = React28.forwardRef(function Tag2(props, ref) {
   );
   const fullText = isCut ? textOf2(props.children, true).replace(/\s+/g, " ").trim() : "";
   const inner = [
-    props.icon ? /* @__PURE__ */ React28.createElement(Icon, { key: "i", name: props.icon, size: 14 }) : null,
-    /* @__PURE__ */ React28.createElement("span", { key: "t", ref: textRef, className: "aura-tag__text", "data-aura-tip": fullText || void 0 }, props.children)
+    props.icon ? /* @__PURE__ */ React30.createElement(Icon, { key: "i", name: props.icon, size: 14 }) : null,
+    /* @__PURE__ */ React30.createElement("span", { key: "t", ref: textRef, className: "aura-tag__text", "data-aura-tip": fullText || void 0 }, props.children)
   ];
   if (selectable) {
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React30.createElement(
       "button",
       {
         ...rest,
@@ -4883,7 +5200,7 @@ var Tag = React28.forwardRef(function Tag2(props, ref) {
           props.className
         )
       },
-      props.selected ? /* @__PURE__ */ React28.createElement(Icon, { name: /* @__PURE__ */ React28.createElement(IconCheck, null), size: 14 }) : inner[0],
+      props.selected ? /* @__PURE__ */ React30.createElement(Icon, { name: /* @__PURE__ */ React30.createElement(IconCheck, null), size: 14 }) : inner[0],
       inner[1]
     );
   }
@@ -4893,8 +5210,8 @@ var Tag = React28.forwardRef(function Tag2(props, ref) {
       "tag-remove-label",
       'Tag: the remove button has no name \u2014 its children have no text. Pass removeLabel (e.g. "Remove Acme AB").'
     );
-  return /* @__PURE__ */ React28.createElement("span", { ...rest, ref, className: cx("aura-tag", props.disabled && "is-disabled", props.className) }, inner, props.onRemove && !props.disabled ? function() {
-    const btn = /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React30.createElement("span", { ...rest, ref, className: cx("aura-tag", props.disabled && "is-disabled", props.className) }, inner, props.onRemove && !props.disabled ? function() {
+    const btn = /* @__PURE__ */ React30.createElement(
       "button",
       {
         type: "button",
@@ -4902,23 +5219,41 @@ var Tag = React28.forwardRef(function Tag2(props, ref) {
         "aria-label": props.removeLabel || t.remove(name),
         onClick: props.onRemove
       },
-      /* @__PURE__ */ React28.createElement(Icon, { name: /* @__PURE__ */ React28.createElement(IconX, null), size: 14 })
+      /* @__PURE__ */ React30.createElement(Icon, { name: /* @__PURE__ */ React30.createElement(IconX, null), size: 14 })
     );
-    return /* @__PURE__ */ React28.createElement(Tooltip, { content: fullText, open: fullText ? void 0 : false }, btn);
+    return /* @__PURE__ */ React30.createElement(Tooltip, { content: fullText, open: fullText ? void 0 : false }, btn);
   }() : null);
 });
 
+// src/breakpoints.ts
+var breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+var ORDER = ["base", "sm", "md", "lg", "xl"];
+function respVars(prefix, value, map2) {
+  const style = {};
+  if (value == null) return style;
+  if (typeof value !== "object") value = { base: value };
+  let byBp = value, cur2;
+  ORDER.forEach(function(k) {
+    if (byBp[k] !== void 0) cur2 = map2 ? map2(byBp[k]) : byBp[k];
+    if (cur2 !== void 0) style["--" + prefix + "-" + k] = cur2;
+  });
+  return style;
+}
+var space = function(v) {
+  return typeof v === "number" ? "var(--aura-space-" + v + ")" : v;
+};
+
 // src/FilterBar.tsx
-var FilterBar = React29.forwardRef(function FilterBar2(props, ref) {
+var FilterBar = React31.forwardRef(function FilterBar2(props, ref) {
   const t = useStrings();
   const id = uid();
   const hasSearch = !!props.onSearchChange;
-  const draft = React29.useState(props.search || "");
-  const timer2 = React29.useRef(null);
-  const sent = React29.useRef(props.search || "");
-  const onChange = React29.useRef(props.onSearchChange);
+  const draft = React31.useState(props.search || "");
+  const timer2 = React31.useRef(null);
+  const sent = React31.useRef(props.search || "");
+  const onChange = React31.useRef(props.onSearchChange);
   onChange.current = props.onSearchChange;
-  React29.useEffect(
+  React31.useEffect(
     function() {
       if ((props.search || "") !== sent.current) {
         sent.current = props.search || "";
@@ -4927,7 +5262,7 @@ var FilterBar = React29.forwardRef(function FilterBar2(props, ref) {
     },
     [props.search]
   );
-  React29.useEffect(function() {
+  React31.useEffect(function() {
     return function() {
       if (timer2.current) clearTimeout(timer2.current);
     };
@@ -4950,167 +5285,172 @@ var FilterBar = React29.forwardRef(function FilterBar2(props, ref) {
     );
   }
   const filters = props.filters || [];
-  const anything = filters.length > 0 || !!(props.search || draft[0]);
-  const count = props.resultCount == null ? null : typeof props.resultCount === "number" ? t.results(props.resultCount) : props.resultCount;
-  return /* @__PURE__ */ React29.createElement(
-    "div",
-    {
-      ref,
-      role: "region",
-      "aria-label": props.label || t.filters,
-      className: cx(
-        "aura-filterbar",
-        props.searchGrow && "aura-filterbar--grow",
-        props.controlsLayout === "fill" && "aura-filterbar--fill",
-        props.stackBelow === "lg" && "aura-filterbar--stack-lg",
-        touchClass(props.touchHeight),
-        props.className
-      )
-    },
-    /* @__PURE__ */ React29.createElement("div", { className: "aura-filterbar__row" }, hasSearch ? /* @__PURE__ */ React29.createElement("div", { className: "aura-input has-icon aura-filterbar__search" }, /* @__PURE__ */ React29.createElement(Icon, { name: /* @__PURE__ */ React29.createElement(IconSearch, null), className: "aura-input__icon" }), /* @__PURE__ */ React29.createElement(
-      "input",
-      {
-        id,
-        type: "search",
-        className: "aura-input__control",
-        "aria-label": props.searchLabel || t.search,
-        placeholder: props.searchPlaceholder || props.searchLabel || t.search,
-        value: draft[0],
-        onChange: function(e) {
-          type(e.target.value);
-        },
-        onKeyDown: function(e) {
-          if (e.key === "Enter") send(draft[0]);
-          if (e.key === "Escape" && draft[0]) {
-            e.preventDefault();
-            draft[1]("");
-            send("");
-          }
-        }
-      }
-    ), draft[0] ? /* @__PURE__ */ React29.createElement(
-      IconButton,
-      {
-        icon: /* @__PURE__ */ React29.createElement(IconX, null),
-        label: t.clear((props.searchLabel || t.search).toLowerCase()),
-        className: "aura-filterbar__clear-search",
-        onClick: function() {
-          draft[1]("");
-          send("");
-        }
-      }
-    ) : null) : null, props.children ? /* @__PURE__ */ React29.createElement("div", { className: "aura-filterbar__controls" }, props.children) : null, /* @__PURE__ */ React29.createElement("span", { className: "aura-filterbar__spacer" }), count != null ? /* @__PURE__ */ React29.createElement("span", { className: "aura-filterbar__count", "aria-live": "polite" }, count) : null, props.actions ? /* @__PURE__ */ React29.createElement("div", { className: "aura-filterbar__actions" }, props.actions) : null),
-    filters.length || props.onClearAll && anything ? /* @__PURE__ */ React29.createElement("div", { className: "aura-filterbar__chips" }, filters.map(function(f) {
-      return /* @__PURE__ */ React29.createElement(Tag, { key: f.id, onRemove: f.onRemove }, f.label);
-    }), props.onClearAll && anything ? /* @__PURE__ */ React29.createElement(
-      "button",
-      {
-        type: "button",
-        className: "aura-filterbar__clear",
-        onClick: function() {
-          draft[1]("");
-          sent.current = "";
-          if (timer2.current) clearTimeout(timer2.current);
-          props.onClearAll();
-        }
-      },
-      t.clearFilters
-    ) : null) : null
-  );
-});
-
-// src/Command.tsx
-var React31 = __toESM(require("react"), 1);
-var import_react_dom8 = require("react-dom");
-
-// src/useModal.tsx
-var React30 = __toESM(require("react"), 1);
-var locks = 0;
-var savedOverflow = "";
-function lockScroll() {
-  const body = document.body;
-  if (locks === 0) savedOverflow = body.style.overflow;
-  locks++;
-  body.style.overflow = "hidden";
-  let done = false;
-  return function() {
-    if (done) return;
-    done = true;
-    locks--;
-    if (locks === 0) body.style.overflow = savedOverflow;
-  };
-}
-function tabbable(el) {
-  const all = Array.prototype.filter.call(el.querySelectorAll(FOCUSABLE), function(c) {
-    return c.tabIndex >= 0;
-  });
-  const shown = all.filter(function(c) {
-    return c.getClientRects().length > 0;
-  });
-  return shown.length ? shown : all;
-}
-function useModal(open, ref, opts) {
-  const mounted = useMounted();
-  const prev = React30.useRef(null);
-  const o = opts || {};
-  const latest = React30.useRef(o);
-  latest.current = o;
-  React30.useEffect(
+  const hasChildren = React31.Children.toArray(props.children).length > 0;
+  const collapse = props.collapseBelow && hasChildren ? props.collapseBelow : null;
+  const sheet = React31.useState(false), open = !!collapse && sheet[0];
+  const sheetId = id + "-filters";
+  const doneRef = React31.useRef(null), moreRef = React31.useRef(null), own = React31.useRef(null), rootRef = useMergedRef(ref, own);
+  if (collapse)
+    React31.Children.forEach(props.children, function(c) {
+      if (!React31.isValidElement(c) || c.type === Button || c.type === IconButton) return;
+      const p = c.props;
+      if (p.defaultValue !== void 0 || p.defaultChecked !== void 0 || "label" in p && !("value" in p) && !("selected" in p) && !("checked" in p))
+        devWarnOnce(
+          "filterbar-uncontrolled",
+          "FilterBar collapseBelow: a filter without `value` resets when the Filters sheet opens or closes (its children move there and back). Keep each filter's value with the page: `value` + `onChange`."
+        );
+    });
+  function backTo() {
+    const m = moreRef.current;
+    if (m && m.getClientRects().length) return m;
+    const bar = own.current;
+    if (!bar) return null;
+    return bar.querySelector(
+      '.aura-filterbar__controls :is(button, input, select, [tabindex]):not([disabled]):not([tabindex="-1"])'
+    ) || bar.querySelector(".aura-filterbar__search input");
+  }
+  const applied = props.filterCount != null ? props.filterCount : filters.length;
+  React31.useEffect(
     function() {
-      if (!open || !mounted) return;
-      prev.current = document.activeElement;
-      const unlock = lockScroll();
-      const el = ref.current;
-      const firstIn = function(scope) {
-        if (!scope || !el) return null;
-        const sel = FOCUSABLE.split(",").map(function(s) {
-          return scope + " " + s;
-        }).join(",");
-        const list = el.querySelectorAll(sel);
-        for (let i = 0; i < list.length; i++)
-          if (list[i].tabIndex >= 0 && list[i].getClientRects().length > 0) return list[i];
-        return null;
-      };
-      const target = el && (el.querySelector("[data-autofocus]") || firstIn(o.bodySelector) || firstIn(o.footSelector) || el);
-      if (target && o.autoFocus !== false) target.focus();
+      if (!open || !collapse || typeof window.matchMedia !== "function") return;
+      const mq = window.matchMedia("(min-width: " + breakpoints[collapse] + "px)");
+      function check() {
+        if (mq.matches) sheet[1](false);
+      }
+      check();
+      if (mq.addEventListener) mq.addEventListener("change", check);
+      else mq.addListener(check);
       return function() {
-        unlock();
-        const l = latest.current;
-        const ff = l.finalFocus;
-        const to = ff ? typeof ff === "function" ? ff() : ff.current : null;
-        const back = to && to.isConnected ? to : prev.current;
-        if (back && back.focus) back.focus();
-        if (l.onCloseComplete) l.onCloseComplete();
+        if (mq.removeEventListener) mq.removeEventListener("change", check);
+        else mq.removeListener(check);
       };
     },
-    [open, mounted]
-  );
-  function onKeyDown(e) {
-    if (e.key === "Escape") {
-      e.stopPropagation();
-      if (o.onEscape) o.onEscape();
-      return;
-    }
-    if (e.key !== "Tab" || !ref.current || e.defaultPrevented) return;
-    if (!ref.current.contains(e.target)) return;
-    const list = tabbable(ref.current);
-    if (!list.length) {
-      e.preventDefault();
-      return;
+    [open, collapse]
+  );
+  function clearAll() {
+    draft[1]("");
+    sent.current = "";
+    if (timer2.current) clearTimeout(timer2.current);
+    props.onClearAll();
+  }
+  const anything = filters.length > 0 || !!(props.search || draft[0]);
+  const count = props.resultCount == null ? null : typeof props.resultCount === "number" ? t.results(props.resultCount) : props.resultCount;
+  const searchBox = hasSearch ? /* @__PURE__ */ React31.createElement("div", { className: "aura-input has-icon aura-filterbar__search" }, /* @__PURE__ */ React31.createElement(Icon, { name: /* @__PURE__ */ React31.createElement(IconSearch, null), className: "aura-input__icon" }), /* @__PURE__ */ React31.createElement(
+    "input",
+    {
+      id,
+      type: "search",
+      className: "aura-input__control",
+      "aria-label": props.searchLabel || t.search,
+      placeholder: props.searchPlaceholder || props.searchLabel || t.search,
+      value: draft[0],
+      onChange: function(e) {
+        type(e.target.value);
+      },
+      onKeyDown: function(e) {
+        if (e.key === "Enter") send(draft[0]);
+        if (e.key === "Escape" && draft[0]) {
+          e.preventDefault();
+          draft[1]("");
+          send("");
+        }
+      }
     }
-    const first = list[0], last = list[list.length - 1], active = document.activeElement, stray = active === ref.current;
-    if (e.shiftKey && (active === first || stray)) {
-      e.preventDefault();
-      last.focus();
-    } else if (!e.shiftKey && (active === last || stray)) {
-      e.preventDefault();
-      first.focus();
+  ), draft[0] ? /* @__PURE__ */ React31.createElement(
+    IconButton,
+    {
+      icon: /* @__PURE__ */ React31.createElement(IconX, null),
+      label: t.clear((props.searchLabel || t.search).toLowerCase()),
+      className: "aura-filterbar__clear-search",
+      onClick: function() {
+        draft[1]("");
+        send("");
+      }
     }
-  }
-  return { ready: !!open && mounted, onKeyDown };
-}
+  ) : null) : null;
+  const more = collapse ? /* @__PURE__ */ React31.createElement(
+    Button,
+    {
+      ref: moreRef,
+      variant: "secondary",
+      icon: /* @__PURE__ */ React31.createElement(IconSlidersHorizontal, null),
+      className: "aura-filterbar__more",
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      "aria-controls": open ? sheetId : void 0,
+      onClick: function() {
+        sheet[1](true);
+      }
+    },
+    applied > 0 ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("span", { className: "aura-sr-only" }, t.filtersApplied(applied)), /* @__PURE__ */ React31.createElement("span", { "aria-hidden": true }, t.filters + " (" + applied + ")")) : t.filters
+  ) : null;
+  return /* @__PURE__ */ React31.createElement(
+    "div",
+    {
+      ref: rootRef,
+      role: "region",
+      "aria-label": props.label || t.filters,
+      className: cx(
+        "aura-filterbar",
+        props.searchGrow && "aura-filterbar--grow",
+        props.controlsLayout === "fill" && "aura-filterbar--fill",
+        props.stackBelow === "lg" && "aura-filterbar--stack-lg",
+        collapse && "aura-filterbar--collapse-" + collapse,
+        touchClass(props.touchHeight),
+        props.className
+      )
+    },
+    /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar__row" }, collapse ? (
+      /* 5.42: the search and the Filters button share a row of their own below the breakpoint (count and actions
+       * wrap under them); from the breakpoint up this box is display: contents and the bar is as before. */
+      /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar__lead" }, searchBox, more)
+    ) : searchBox, hasChildren && !open ? /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar__controls" }, props.children) : null, /* @__PURE__ */ React31.createElement("span", { className: "aura-filterbar__spacer" }), count != null ? /* @__PURE__ */ React31.createElement("span", { className: "aura-filterbar__count", "aria-live": "polite" }, count) : null, props.actions ? /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar__actions" }, props.actions) : null),
+    filters.length || props.onClearAll && anything ? /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar__chips" }, filters.map(function(f) {
+      return /* @__PURE__ */ React31.createElement(Tag, { key: f.id, onRemove: f.onRemove }, f.label);
+    }), props.onClearAll && anything ? /* @__PURE__ */ React31.createElement("button", { type: "button", className: "aura-filterbar__clear", onClick: clearAll }, t.clearFilters) : null) : null,
+    collapse ? /* @__PURE__ */ React31.createElement(
+      Dialog,
+      {
+        open,
+        onClose: function() {
+          sheet[1](false);
+        },
+        id: sheetId,
+        finalFocus: backTo,
+        title: t.filters,
+        size: "sm",
+        className: "aura-filterbar__sheet",
+        footer: /* @__PURE__ */ React31.createElement(React31.Fragment, null, props.onClearAll && filters.length ? /* @__PURE__ */ React31.createElement(
+          Button,
+          {
+            variant: "secondary",
+            touchHeight: true,
+            onClick: function() {
+              clearAll();
+              if (doneRef.current) doneRef.current.focus();
+            }
+          },
+          t.clearFilters
+        ) : null, /* @__PURE__ */ React31.createElement(
+          Button,
+          {
+            ref: doneRef,
+            touchHeight: true,
+            onClick: function() {
+              sheet[1](false);
+            }
+          },
+          t.done
+        ))
+      },
+      /* @__PURE__ */ React31.createElement(FilterSheet.Provider, { value: true }, /* @__PURE__ */ React31.createElement("div", { className: "aura-filterbar aura-filterbar--sheet is-touch-always" }, props.children))
+    ) : null
+  );
+});
 
 // src/Command.tsx
+var React32 = __toESM(require("react"), 1);
+var import_react_dom9 = require("react-dom");
 function isMac() {
   return typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
 }
@@ -5118,21 +5458,21 @@ function Command(props) {
   const t = useStrings();
   const density = useDensity();
   const id = uid(), listId = id + "-list";
-  const box = React31.useRef(null);
-  const input = React31.useRef(null);
-  const qState = React31.useState(""), act = React31.useState(null);
+  const box = React32.useRef(null);
+  const input = React32.useRef(null);
+  const qState = React32.useState(""), act = React32.useState(null);
   const query = props.query !== void 0 ? props.query : qState[0];
   function setQuery(v) {
     if (props.query === void 0) qState[1](v);
     if (props.onQueryChange) props.onQueryChange(v);
   }
-  const openRef = React31.useRef(props.open);
+  const openRef = React32.useRef(props.open);
   openRef.current = props.open;
   const close = function() {
     props.onOpenChange(false);
   };
   const modal = useModal(props.open, box, { onEscape: close });
-  React31.useEffect(
+  React32.useEffect(
     function() {
       if (props.hotkey === false) return;
       function onKey2(e) {
@@ -5148,7 +5488,7 @@ function Command(props) {
     },
     [props.hotkey, props.onOpenChange]
   );
-  React31.useEffect(
+  React32.useEffect(
     function() {
       if (!props.open) {
         if (query) setQuery("");
@@ -5188,7 +5528,7 @@ function Command(props) {
   const optId = function(i2) {
     return id + "-o" + i2;
   };
-  React31.useEffect(
+  React32.useEffect(
     function() {
       if (!box.current || active < 0) return;
       const el = box.current.querySelector("#" + CSS.escape(optId(active)));
@@ -5232,8 +5572,8 @@ function Command(props) {
   }
   if (!modal.ready) return null;
   let i = -1;
-  return (0, import_react_dom8.createPortal)(
-    /* @__PURE__ */ React31.createElement(
+  return (0, import_react_dom9.createPortal)(
+    /* @__PURE__ */ React32.createElement(
       "div",
       {
         className: "aura-dialog-layer aura-command-layer",
@@ -5243,8 +5583,8 @@ function Command(props) {
           e.stopPropagation();
         }
       },
-      /* @__PURE__ */ React31.createElement("div", { className: "aura-scrim", onClick: close, "aria-hidden": true }),
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React32.createElement("div", { className: "aura-scrim", onClick: close, "aria-hidden": true }),
+      /* @__PURE__ */ React32.createElement(
         "div",
         {
           ref: box,
@@ -5254,7 +5594,7 @@ function Command(props) {
           tabIndex: -1,
           className: cx("aura-command", props.className)
         },
-        /* @__PURE__ */ React31.createElement("div", { className: "aura-command__search" }, /* @__PURE__ */ React31.createElement(Icon, { name: /* @__PURE__ */ React31.createElement(IconSearch, null), className: "aura-command__search-icon" }), /* @__PURE__ */ React31.createElement(
+        /* @__PURE__ */ React32.createElement("div", { className: "aura-command__search" }, /* @__PURE__ */ React32.createElement(Icon, { name: /* @__PURE__ */ React32.createElement(IconSearch, null), className: "aura-command__search-icon" }), /* @__PURE__ */ React32.createElement(
           "input",
           {
             ref: input,
@@ -5277,8 +5617,8 @@ function Command(props) {
             },
             onKeyDown: onKey
           }
-        ), /* @__PURE__ */ React31.createElement("kbd", { className: "aura-command__kbd" }, "Esc")),
-        /* @__PURE__ */ React31.createElement("div", { className: "aura-command__list", "aria-busy": props.loading || void 0 }, props.loading ? /* @__PURE__ */ React31.createElement("div", { className: "aura-command__loading" }, /* @__PURE__ */ React31.createElement(Icon, { name: /* @__PURE__ */ React31.createElement(IconLoaderCircle, null), className: "aura-spin" }), t.searching) : null, !flat3.length ? props.loading ? null : /* @__PURE__ */ React31.createElement("div", { className: "aura-command__empty" }, props.empty != null ? props.empty : props.emptyText || t.noMatches) : /* @__PURE__ */ React31.createElement(
+        ), /* @__PURE__ */ React32.createElement("kbd", { className: "aura-command__kbd" }, "Esc")),
+        /* @__PURE__ */ React32.createElement("div", { className: "aura-command__list", "aria-busy": props.loading || void 0 }, props.loading ? /* @__PURE__ */ React32.createElement("div", { className: "aura-command__loading" }, /* @__PURE__ */ React32.createElement(Icon, { name: /* @__PURE__ */ React32.createElement(IconLoaderCircle, null), className: "aura-spin" }), t.searching) : null, !flat3.length ? props.loading ? null : /* @__PURE__ */ React32.createElement("div", { className: "aura-command__empty" }, props.empty != null ? props.empty : props.emptyText || t.noMatches) : /* @__PURE__ */ React32.createElement(
           "div",
           {
             id: listId,
@@ -5288,7 +5628,7 @@ function Command(props) {
           },
           groups.map(function(g, gi) {
             const gid = id + "-g" + gi;
-            return /* @__PURE__ */ React31.createElement(
+            return /* @__PURE__ */ React32.createElement(
               "div",
               {
                 key: g.name || gi,
@@ -5296,11 +5636,11 @@ function Command(props) {
                 "aria-labelledby": g.name ? gid : void 0,
                 className: "aura-command__group"
               },
-              g.name ? /* @__PURE__ */ React31.createElement("div", { className: "aura-command__heading", id: gid, role: "presentation" }, g.name) : null,
+              g.name ? /* @__PURE__ */ React32.createElement("div", { className: "aura-command__heading", id: gid, role: "presentation" }, g.name) : null,
               g.items.map(function(it) {
                 i++;
                 const n3 = i;
-                return /* @__PURE__ */ React31.createElement(
+                return /* @__PURE__ */ React32.createElement(
                   "div",
                   {
                     key: it.id,
@@ -5324,210 +5664,22 @@ function Command(props) {
                       run(it);
                     }
                   },
-                  it.icon ? /* @__PURE__ */ React31.createElement(Icon, { name: it.icon }) : null,
-                  /* @__PURE__ */ React31.createElement("span", { className: "aura-command__text" }, /* @__PURE__ */ React31.createElement("span", { className: "aura-command__label", id: it.description ? optId(n3) + "-label" : void 0 }, it.label), it.description ? /* @__PURE__ */ React31.createElement("span", { className: "aura-command__desc", id: optId(n3) + "-desc", "aria-hidden": true }, it.description) : null),
-                  it.shortcut ? /* @__PURE__ */ React31.createElement("kbd", { className: "aura-command__kbd", id: it.description ? optId(n3) + "-kbd" : void 0 }, it.shortcut) : null
+                  it.icon ? /* @__PURE__ */ React32.createElement(Icon, { name: it.icon }) : null,
+                  /* @__PURE__ */ React32.createElement("span", { className: "aura-command__text" }, /* @__PURE__ */ React32.createElement("span", { className: "aura-command__label", id: it.description ? optId(n3) + "-label" : void 0 }, it.label), it.description ? /* @__PURE__ */ React32.createElement("span", { className: "aura-command__desc", id: optId(n3) + "-desc", "aria-hidden": true }, it.description) : null),
+                  it.shortcut ? /* @__PURE__ */ React32.createElement("kbd", { className: "aura-command__kbd", id: it.description ? optId(n3) + "-kbd" : void 0 }, it.shortcut) : null
                 );
               })
             );
           })
         )),
-        /* @__PURE__ */ React31.createElement("span", { className: "aura-sr-only", role: "status" }, props.loading ? t.searching : query && !flat3.length ? t.noMatches : props.loading === false && query ? t.results(flat3.length) : ""),
-        /* @__PURE__ */ React31.createElement("div", { className: "aura-command__foot", "aria-hidden": true }, t.commandHint, /* @__PURE__ */ React31.createElement("span", { className: "aura-command__mod" }, isMac() ? "\u2318K" : "Ctrl K"))
+        /* @__PURE__ */ React32.createElement("span", { className: "aura-sr-only", role: "status" }, props.loading ? t.searching : query && !flat3.length ? t.noMatches : props.loading === false && query ? t.results(flat3.length) : ""),
+        /* @__PURE__ */ React32.createElement("div", { className: "aura-command__foot", "aria-hidden": true }, t.commandHint, /* @__PURE__ */ React32.createElement("span", { className: "aura-command__mod" }, isMac() ? "\u2318K" : "Ctrl K"))
       )
     ),
     document.body
   );
 }
 
-// src/Dialog.tsx
-var React32 = __toESM(require("react"), 1);
-var import_react_dom9 = require("react-dom");
-var DialogClose = React32.createContext(null);
-function useDialogClose() {
-  return React32.useContext(DialogClose) || function() {
-  };
-}
-var Dialog = React32.forwardRef(function Dialog2(props, ref) {
-  const t = useStrings();
-  const density = useDensity();
-  const own = React32.useRef(null), merged = useMergedRef(ref, own), titleId = uid(), descId = uid();
-  const openState = useMaybeControlled(props.open, false, null), open = openState[0];
-  if (props.open === void 0 && !props.trigger)
-    devWarnOnce("dialog-no-open", "Dialog has neither `open` nor `trigger`, so it can never open. Pass one of them.");
-  const trigId = uid();
-  function closeNow() {
-    if (props.open === void 0) openState[1](false);
-    if (props.onClose) props.onClose();
-  }
-  function close() {
-    if (props.dismissible === false) return;
-    closeNow();
-  }
-  const scrimCloses = props.dismissible !== false && (props.dismissOnScrim !== void 0 ? props.dismissOnScrim : props.role !== "alertdialog");
-  const modal = useModal(open, own, {
-    autoFocus: props.autoFocus,
-    onEscape: close,
-    bodySelector: ".aura-dialog__body",
-    footSelector: ".aura-dialog__foot",
-    /* With a trigger, focus goes back to it even where a click doesn't focus buttons (Safari). */
-    finalFocus: props.trigger ? function() {
-      const ff = props.finalFocus;
-      const to = ff ? typeof ff === "function" ? ff() : ff.current : null;
-      return to || document.querySelector('[data-aura-trigger="' + trigId + '"]');
-    } : props.finalFocus,
-    onCloseComplete: props.onCloseComplete
-  });
-  const trig = props.trigger;
-  const trigger = trig && React32.isValidElement(trig) ? React32.cloneElement(trig, {
-    "aria-haspopup": "dialog",
-    "aria-expanded": open,
-    "data-aura-trigger": trigId,
-    onClick: function(e) {
-      const own2 = trig.props.onClick;
-      if (own2) own2(e);
-      if (e.defaultPrevented) return;
-      if (props.open === void 0) openState[1](true);
-      if (props.onOpen) props.onOpen();
-    }
-  }) : null;
-  if (!modal.ready) return trigger;
-  const rest = omit(props, [
-    "open",
-    "onClose",
-    "title",
-    "description",
-    "children",
-    "footer",
-    "size",
-    "dismissible",
-    "dismissOnScrim",
-    "role",
-    "autoFocus",
-    "className",
-    "trigger",
-    "onOpen",
-    "finalFocus",
-    "onCloseComplete",
-    "aria-labelledby",
-    "aria-describedby",
-    "aria-modal"
-  ]);
-  const panel = (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ React32.createElement("div", { className: "aura-dialog-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React32.createElement(
-      "div",
-      {
-        className: "aura-scrim",
-        onClick: scrimCloses ? close : void 0,
-        onMouseDown: scrimCloses ? void 0 : function(e) {
-          e.preventDefault();
-        },
-        "aria-hidden": true
-      }
-    ), /* @__PURE__ */ React32.createElement(
-      "div",
-      {
-        ...rest,
-        ref: merged,
-        role: props.role || "dialog",
-        "aria-modal": true,
-        "aria-labelledby": titleId,
-        "aria-describedby": cx(props.description ? descId : "", props["aria-describedby"]) || void 0,
-        tabIndex: -1,
-        className: cx("aura-dialog", "aura-dialog--" + (props.size || "md"), props.className)
-      },
-      /* @__PURE__ */ React32.createElement("div", { className: "aura-dialog__head" }, /* @__PURE__ */ React32.createElement("h2", { className: "aura-dialog__title", id: titleId }, props.title), props.dismissible !== false ? /* @__PURE__ */ React32.createElement(IconButton, { icon: /* @__PURE__ */ React32.createElement(IconX, null), label: t.close, className: "aura-dialog__close", onClick: close }) : null),
-      props.description ? /* @__PURE__ */ React32.createElement("p", { className: "aura-dialog__desc", id: descId }, props.description) : null,
-      /* @__PURE__ */ React32.createElement(DialogClose.Provider, { value: closeNow }, props.children ? /* @__PURE__ */ React32.createElement("div", { className: "aura-dialog__body" }, props.children) : null, props.footer ? /* @__PURE__ */ React32.createElement("div", { className: "aura-dialog__foot" }, props.footer) : null)
-    )),
-    document.body
-  );
-  return trigger ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, trigger, panel) : panel;
-});
-var Drawer = React32.forwardRef(function Drawer2(props, ref) {
-  const t = useStrings();
-  const density = useDensity();
-  const own = React32.useRef(null), merged = useMergedRef(ref, own), titleId = uid(), descId = uid();
-  function close() {
-    if (props.dismissible !== false && props.onClose) props.onClose();
-  }
-  const modal = useModal(props.open, own, {
-    autoFocus: props.autoFocus,
-    onEscape: close,
-    bodySelector: ".aura-drawer__body",
-    footSelector: ".aura-drawer__foot",
-    finalFocus: props.finalFocus,
-    onCloseComplete: props.onCloseComplete
-  });
-  if (!modal.ready) return null;
-  const side = props.side === "left" ? "left" : "right";
-  const rest = omit(props, [
-    "open",
-    "onClose",
-    "side",
-    "size",
-    "title",
-    "description",
-    "children",
-    "footer",
-    "dismissible",
-    "dismissOnScrim",
-    "autoFocus",
-    "aria-label",
-    "aria-describedby",
-    "aria-labelledby",
-    "className",
-    "closeLabel",
-    "closeProps",
-    "finalFocus",
-    "onCloseComplete"
-  ]);
-  const drawerScrimCloses = props.dismissible !== false && props.dismissOnScrim !== false;
-  return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ React32.createElement("div", { className: "aura-dialog-layer aura-drawer-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React32.createElement(
-      "div",
-      {
-        className: "aura-scrim",
-        onClick: drawerScrimCloses ? close : void 0,
-        onMouseDown: !drawerScrimCloses ? function(e) {
-          e.preventDefault();
-        } : void 0,
-        "aria-hidden": true
-      }
-    ), /* @__PURE__ */ React32.createElement(
-      "div",
-      {
-        ...rest,
-        ref: merged,
-        role: "dialog",
-        "aria-modal": true,
-        "aria-labelledby": props.title ? titleId : props["aria-labelledby"],
-        "aria-label": props.title ? void 0 : props["aria-label"],
-        "aria-describedby": cx(props.description ? descId : "", props["aria-describedby"]) || void 0,
-        tabIndex: -1,
-        className: cx("aura-drawer", "aura-drawer--" + side, "aura-drawer--" + (props.size || "md"), props.className)
-      },
-      props.title || props.dismissible !== false ? /* @__PURE__ */ React32.createElement("div", { className: "aura-drawer__head" }, props.title ? /* @__PURE__ */ React32.createElement("h2", { className: "aura-drawer__title", id: titleId }, props.title) : /* @__PURE__ */ React32.createElement("span", { style: { flex: 1 } }), props.dismissible !== false ? /* @__PURE__ */ React32.createElement(
-        IconButton,
-        {
-          ...props.closeProps,
-          icon: /* @__PURE__ */ React32.createElement(IconX, null),
-          label: props.closeLabel || t.close,
-          onClick: function(e) {
-            const own2 = props.closeProps && props.closeProps.onClick;
-            if (own2) own2(e);
-            if (!e.defaultPrevented) close();
-          }
-        }
-      ) : null) : null,
-      props.description ? /* @__PURE__ */ React32.createElement("p", { className: "aura-drawer__desc", id: descId }, props.description) : null,
-      /* @__PURE__ */ React32.createElement("div", { className: "aura-drawer__body" }, props.children),
-      props.footer ? /* @__PURE__ */ React32.createElement("div", { className: "aura-drawer__foot" }, props.footer) : null
-    )),
-    document.body
-  );
-});
-
 // src/DataTable.tsx
 var React33 = __toESM(require("react"), 1);
 var import_react_dom10 = require("react-dom");
@@ -7565,26 +7717,6 @@ var React40 = __toESM(require("react"), 1);
 
 // src/responsive.tsx
 var React39 = __toESM(require("react"), 1);
-
-// src/breakpoints.ts
-var breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };
-var ORDER = ["base", "sm", "md", "lg", "xl"];
-function respVars(prefix, value, map2) {
-  const style = {};
-  if (value == null) return style;
-  if (typeof value !== "object") value = { base: value };
-  let byBp = value, cur2;
-  ORDER.forEach(function(k) {
-    if (byBp[k] !== void 0) cur2 = map2 ? map2(byBp[k]) : byBp[k];
-    if (cur2 !== void 0) style["--" + prefix + "-" + k] = cur2;
-  });
-  return style;
-}
-var space = function(v) {
-  return typeof v === "number" ? "var(--aura-space-" + v + ")" : v;
-};
-
-// src/responsive.tsx
 var ORDER2 = ["base", "sm", "md", "lg", "xl"];
 function useBreakpoint() {
   return React39.useSyncExternalStore(subscribe, current, function() {
@@ -7680,6 +7812,8 @@ var PageHeader = React43.forwardRef(function PageHeader2(props, ref) {
   });
   const level = props.headingLevel || 1;
   const below2 = props.actionsFullWidthBelow;
+  const hide2 = props.titleHideBelow;
+  const hasMeta = props.meta != null && props.meta !== false;
   return h8(
     "div",
     Object.assign(attrs2, {
@@ -7687,6 +7821,8 @@ var PageHeader = React43.forwardRef(function PageHeader2(props, ref) {
       className: cx(
         "aura-page-header",
         (below2 === "sm" || below2 === "md" || below2 === "lg") && "aura-page-header--actions-full-below-" + below2,
+        (hide2 === "sm" || hide2 === "md" || hide2 === "lg") && "aura-page-header--title-hide-below-" + hide2,
+        (hide2 === "sm" || hide2 === "md" || hide2 === "lg") && !hasMeta && "has-no-meta",
         props.className
       ),
       style: props.style
@@ -8165,6 +8301,7 @@ var AppShell = React47.forwardRef(function AppShell2(props, ref) {
         className: cx(
           "aura-shell__bar",
           (!props.header || props.headerHideFrom === "lg") && "aura-shell__bar--menu-only",
+          !props.header && "aura-shell__bar--no-header",
           props.headerHideOnScroll && "aura-shell__bar--hides",
           away && "is-away"
         )