@panphora/bevel 0.1.0

package/icons/icons.svg

@@ -0,0 +1,126 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display:none">
+  <symbol id="bevel-icon-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 5v14M5 12h14"/></symbol>
+  <symbol id="bevel-icon-more" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M5 12h1m5 0h1m5 0h1"/></symbol>
+  <symbol id="bevel-icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 20l-4.5-4.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0"/></symbol>
+  <symbol id="bevel-icon-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 5h18l-7 8v6l-4 2v-8Z"/></symbol>
+  <symbol id="bevel-icon-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m6 9 6 6 6-6"/></symbol>
+  <symbol id="bevel-icon-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m5 12 4 4L19 6"/></symbol>
+  <symbol id="bevel-icon-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 7v5l3 2M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0"/></symbol>
+  <symbol id="bevel-icon-comment" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 4h16v12H9l-5 4V4Z"/></symbol>
+  <symbol id="bevel-icon-flag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M5 21V4h13l-3 4 3 4H5"/></symbol>
+  <symbol id="bevel-icon-board" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 4h5v16H3ZM10 4h5v11h-5ZM17 4h4v7h-4Z"/></symbol>
+  <symbol id="bevel-icon-lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M6 11h12v10H6ZM8 11V7a4 4 0 0 1 8 0v4"/></symbol>
+  <symbol id="bevel-icon-doc" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M5 3h9l5 5v13H5ZM14 3v6h5"/></symbol>
+  <symbol id="bevel-icon-share" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 3v12m-4-8 4-4 4 4M5 14v6h14v-6"/></symbol>
+  <symbol id="bevel-icon-sort" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 6h16M7 12h10M10 18h4"/></symbol>
+  <symbol id="bevel-icon-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 12h16m-6-6 6 6-6 6"/></symbol>
+  <symbol id="bevel-icon-template" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 4h16v5H4ZM4 12h7v8H4ZM14 12h6v8h-6Z"/></symbol>
+  <symbol id="bevel-icon-collapse-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 12H4m6-6-6 6 6 6"/></symbol>
+  <symbol id="bevel-icon-collapse-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 12h16m-6-6 6 6-6 6"/></symbol>
+  <symbol id="bevel-icon-chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m15 5-7 7 7 7"/></symbol>
+  <symbol id="bevel-icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m9 5 7 7-7 7"/></symbol>
+  <symbol id="bevel-icon-chevron-up" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m5 15 7-7 7 7"/></symbol>
+  <symbol id="bevel-icon-chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="m5 9 7 7 7-7"/></symbol>
+  <symbol id="bevel-icon-folder" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 7V4h6l3 3h9v13H3Z"/></symbol>
+  <symbol id="bevel-icon-arrow-up" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 20V4m-6 6 6-6 6 6"/></symbol>
+  <symbol id="bevel-icon-unlink" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 4l16 16M12 17l-2 2a3.5 3.5 0 0 1-5-5l2-2M12 7l2-2a3.5 3.5 0 0 1 5 5l-2 2"/></symbol>
+  <symbol id="bevel-icon-grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 3h7v7H3ZM14 3h7v7h-7ZM3 14h7v7H3ZM14 14h7v7h-7Z"/></symbol>
+  <symbol id="bevel-icon-share-nodes" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M8.2 10.8l7.6-4.1M8.2 13.2l7.6 4.1M8.5 12a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM20.5 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM20.5 18.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"/></symbol>
+  <symbol id="bevel-icon-spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 3a9 9 0 1 1-9 9"/></symbol>
+  <symbol id="bevel-icon-settings" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6M10 3h4l1.5 3 3.5-.5 2 4-2 2.5 2 2.5-2 4-3.5-.5-1.5 3h-4l-1.5-3-3.5.5-2-4 2-2.5-2-2.5 2-4 3.5.5Z"/></symbol>
+  <symbol id="bevel-icon-home" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 11l9-8 9 8M5 10v11h14V10M10 21v-6h4v6"/></symbol>
+  <symbol id="bevel-icon-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 3L15 8.5L21 9.5L16.5 14L17.5 20.5L12 17.5L6.5 20.5L7.5 14L3 9.5L9 8.5Z"/></symbol>
+  <symbol id="bevel-icon-key" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M10 12h11v4M17 12v3M3 12a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/></symbol>
+  <symbol id="bevel-icon-check-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M8 12l3 3 5-6"/></symbol>
+  <symbol id="bevel-icon-x-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M9 9l6 6m0-6-6 6"/></symbol>
+  <symbol id="bevel-icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 6h18M3 12h18M3 18h18"/></symbol>
+  <symbol id="bevel-icon-crop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M6 2v16h16M2 6h16v16"/></symbol>
+  <symbol id="bevel-icon-info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M12 7.75v.85M10.3 11.15H12v5.1M10.3 16.25h3.4"/></symbol>
+  <symbol id="bevel-icon-bell" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M6 10a6 6 0 0 1 12 0v5l2 3H4l2-3ZM12 2v2M10 21h4"/></symbol>
+  <symbol id="bevel-icon-globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M16 12a4 9 0 1 1-8 0 4 9 0 0 1 8 0M3 12h18"/></symbol>
+  <symbol id="bevel-icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M5 19l2-2M17 7l2-2"/></symbol>
+  <symbol id="bevel-icon-cloud" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M6 19a4 4 0 0 1 0-8c0-3.5 2.5-6 6-6s6 2.5 6 6a4 4 0 0 1 0 8Z"/></symbol>
+  <symbol id="bevel-icon-database" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 6a8 3 0 1 1-16 0 8 3 0 0 1 16 0v12a8 3 0 0 1-16 0V6M4 12a8 3 0 0 0 16 0"/></symbol>
+  <symbol id="bevel-icon-minus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M5 12h14"/></symbol>
+  <symbol id="bevel-icon-sidebar" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 4h18v16H3ZM9 4v16"/></symbol>
+  <symbol id="bevel-icon-folder-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 7V4h6l3 3h9v13H3ZM12 10v7M8.5 13.5h7"/></symbol>
+  <symbol id="bevel-icon-file-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M5 3h9l5 5v13H5ZM14 3v6h5M12 12v6M9 15h6"/></symbol>
+  <symbol id="bevel-icon-folder-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 20V4h6l3 3h9v4M3 20h15l4-9H7Z"/></symbol>
+  <symbol id="bevel-icon-move" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 7V4h6l3 3h9v13H3ZM7 13.5h10m-3-3 3 3-3 3"/></symbol>
+  <symbol id="bevel-icon-rename" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 7H3v10h6M19 7h2v10h-2M11 3h6M14 3v18M11 21h6M6 12h3"/></symbol>
+  <symbol id="bevel-icon-split" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 4h7v16H3ZM14 4h7v16h-7Z"/></symbol>
+  <symbol id="bevel-icon-palette" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 3a9 9 0 1 0 0 18h1a2 2 0 0 0 2-2c0-1-1-1.5-1-2.5s1-1.5 2-1.5h1a4 4 0 0 0 4-4c0-4.5-4-8-9-8ZM7 9h.5M11 6.5h.5M16 8h.5M6.5 14h.5"/></symbol>
+  <symbol id="bevel-icon-zoom-in" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 20l-4.5-4.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0M10 7v6M7 10h6"/></symbol>
+  <symbol id="bevel-icon-crown" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 11L11.6 4.69Q12 4 12.4 4.69L16 11l4.43-4.43Q21 6 20.87 6.79L19 18H5L3.13 6.79Q3 6 3.57 6.57L8 11ZM5 21h14"/></symbol>
+  <symbol id="bevel-icon-users" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6 21c1-2.5 3-4 6-4s5 1.5 6 4M8.5 6.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM15.5 6.5a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM2 16c1-3 3-4.5 5-4.5M22 16c-1-3-3-4.5-5-4.5"/></symbol>
+  <symbol id="bevel-icon-user-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M13 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM2 21a7 7 0 0 1 14 0M19 7v6M16 10h6"/></symbol>
+  <symbol id="bevel-icon-billing" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 5h18v14H3ZM3 9h18M6 15h4"/></symbol>
+  <symbol id="bevel-icon-paint-brush" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M10 12l8-8a2 2 0 0 1 3 3l-8 8ZM10 12c-3-1-5 1-5 4 0 2-2 4-2 4s5 1 8-1c2-1 3-3 2-4"/></symbol>
+  <symbol id="bevel-icon-clear-formatting" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M3 3l18 18M5 5v3M9 5h10v3M12 5v3M12 12v7M8 19h8"/></symbol>
+  <symbol id="bevel-icon-docs" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M2.5 4.5H9l3 2 3-2h6.5v13H15l-3 2-3-2H2.5ZM12 6.5v13"/></symbol>
+  <symbol id="bevel-icon-bug" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 4a6 6 0 0 1 6 6v4a6 6 0 0 1-12 0v-4a6 6 0 0 1 6-6ZM6 10h12M12 10v10M6 14H3M21 14h-3M6.5 8 4 6M17.5 8 20 6M6.5 18 4 20M17.5 18l2.5 2"/></symbol>
+  <symbol id="bevel-icon-shield-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 2.5 20 5.5v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10v-6ZM8.5 12l2.5 2.5 4.5-5"/></symbol>
+  <symbol id="bevel-icon-wrap" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M19 3v12H5m5-5-5 5 5 5"/></symbol>
+  <symbol id="bevel-icon-floppy-disk" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 4h13l3 3v13H4ZM8 4v4h7V4M7 20v-6h10v6"/></symbol>
+  <symbol id="bevel-icon-paragraph" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M19 4h-9a4.5 4.5 0 0 0 0 9h3M13 4v16M17 4v16"/></symbol>
+  <symbol id="bevel-icon-upload" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M8.5 18H6a4 4 0 0 1 0-8c0-3.5 2.5-6 6-6s6 2.5 6 6a4 4 0 0 1 0 8h-2.5M12 21v-9m-3 3 3-3 3 3"/></symbol>
+  <symbol id="bevel-icon-discover" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M16 8l-2 6-6 2 2-6Z"/></symbol>
+  <symbol id="bevel-icon-sparkle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M10 5l1.8 5.2L17 12l-5.2 1.8L10 19l-1.8-5.2L3 12l5.2-1.8ZM18 2.5v4M16 4.5h4M18.5 16v4M16.5 18h4"/></symbol>
+  <symbol id="bevel-icon-chart-bar-horizontal" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M4 3v18M4 5h11v4.5H4M4 9.5h16V14H4M4 14h8v4.5H4"/></symbol>
+  <symbol id="bevel-icon-play" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="miter"><path d="M7 4v16l13-8Z"/></symbol>
+  <symbol id="bevel-icon-h1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 5.5v12M12 5.5v12M3.5 11.5H12M17 12l3-2v10"/></symbol>
+  <symbol id="bevel-icon-h2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 5.5v12M12 5.5v12M3.5 11.5H12M16 12.5c0-3.5 6-3.5 6 0 0 2-2.5 3.5-6 7.5h6"/></symbol>
+  <symbol id="bevel-icon-h3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 5.5v12M12 5.5v12M3.5 11.5H12M16 11c1.5-1.5 6-1.5 6 1.5 0 1.5-1.5 2.5-3 2.5h-1M19 15c1.5 0 3 1 3 2.5 0 3-4.5 3-6 1.5"/></symbol>
+  <symbol id="bevel-icon-clip" viewBox="0 0 256 256" fill="currentColor"><path d="M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z"/></symbol>
+  <symbol id="bevel-icon-timeline" viewBox="0 0 256 256" fill="currentColor"><path d="M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64ZM64,96a8,8,0,0,0,0,16H192a8,8,0,0,0,0-16Zm152,40H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm-24,40H64a8,8,0,0,0,0,16H192a8,8,0,0,0,0-16Z"/></symbol>
+  <symbol id="bevel-icon-link" viewBox="0 0 256 256" fill="currentColor"><path d="M240,88.23a54.43,54.43,0,0,1-16,37L189.25,160a54.27,54.27,0,0,1-38.63,16h-.05A54.63,54.63,0,0,1,96,119.84a8,8,0,0,1,16,.45A38.62,38.62,0,0,0,150.58,160h0a38.39,38.39,0,0,0,27.31-11.31l34.75-34.75a38.63,38.63,0,0,0-54.63-54.63l-11,11A8,8,0,0,1,135.7,59l11-11A54.65,54.65,0,0,1,224,48,54.86,54.86,0,0,1,240,88.23ZM109,185.66l-11,11A38.41,38.41,0,0,1,70.6,208h0a38.63,38.63,0,0,1-27.29-65.94L78,107.31A38.63,38.63,0,0,1,144,135.71a8,8,0,0,0,16,.45A54.86,54.86,0,0,0,144,96a54.65,54.65,0,0,0-77.27,0L32,130.75A54.62,54.62,0,0,0,70.56,224h0a54.28,54.28,0,0,0,38.64-16l11-11A8,8,0,0,0,109,185.66Z"/></symbol>
+  <symbol id="bevel-icon-close" viewBox="0 0 256 256" fill="currentColor"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"/></symbol>
+  <symbol id="bevel-icon-image" viewBox="0 0 256 256" fill="currentColor"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"/></symbol>
+  <symbol id="bevel-icon-group" viewBox="0 0 256 256" fill="currentColor"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"/></symbol>
+  <symbol id="bevel-icon-blocked" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm88,104a87.56,87.56,0,0,1-20.41,56.28L71.72,60.4A88,88,0,0,1,216,128ZM40,128A87.56,87.56,0,0,1,60.41,71.72L184.28,195.6A88,88,0,0,1,40,128Z"/></symbol>
+  <symbol id="bevel-icon-expand" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z"/></symbol>
+  <symbol id="bevel-icon-pencil" viewBox="0 0 256 256" fill="currentColor"><path d="M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"/></symbol>
+  <symbol id="bevel-icon-copy" viewBox="0 0 256 256" fill="currentColor"><path d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"/></symbol>
+  <symbol id="bevel-icon-archive" viewBox="0 0 256 256" fill="currentColor"><path d="M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"/></symbol>
+  <symbol id="bevel-icon-trash" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"/></symbol>
+  <symbol id="bevel-icon-offline" viewBox="0 0 256 256" fill="currentColor"><path d="M213.92,210.62a8,8,0,1,1-11.84,10.76l-52-57.15a60,60,0,0,0-57.41,7.24,8,8,0,1,1-9.42-12.93A75.43,75.43,0,0,1,128,144c1.28,0,2.55,0,3.82.1L104.9,114.49A108,108,0,0,0,61,135.31,8,8,0,0,1,49.73,134,8,8,0,0,1,51,122.77a124.27,124.27,0,0,1,41.71-21.66L69.37,75.4a155.43,155.43,0,0,0-40.29,24A8,8,0,0,1,18.92,87,171.87,171.87,0,0,1,58,62.86L42.08,45.38A8,8,0,1,1,53.92,34.62ZM128,192a12,12,0,1,0,12,12A12,12,0,0,0,128,192ZM237.08,87A172.3,172.3,0,0,0,106,49.4a8,8,0,1,0,2,15.87A158.33,158.33,0,0,1,128,64a156.25,156.25,0,0,1,98.92,35.37A8,8,0,0,0,237.08,87ZM195,135.31a8,8,0,0,0,11.24-1.3,8,8,0,0,0-1.3-11.24,124.25,124.25,0,0,0-51.73-24.2A8,8,0,1,0,150,114.24,108.12,108.12,0,0,1,195,135.31Z"/></symbol>
+  <symbol id="bevel-icon-user" viewBox="0 0 256 256" fill="currentColor"><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></symbol>
+  <symbol id="bevel-icon-grip" viewBox="0 0 256 256" fill="currentColor"><path d="M104,60A12,12,0,1,1,92,48,12,12,0,0,1,104,60Zm60,12a12,12,0,1,0-12-12A12,12,0,0,0,164,72ZM92,116a12,12,0,1,0,12,12A12,12,0,0,0,92,116Zm72,0a12,12,0,1,0,12,12A12,12,0,0,0,164,116ZM92,184a12,12,0,1,0,12,12A12,12,0,0,0,92,184Zm72,0a12,12,0,1,0,12,12A12,12,0,0,0,164,184Z"/></symbol>
+  <symbol id="bevel-icon-highlight" viewBox="0 0 256 256" fill="currentColor"><path d="M253.66,106.34a8,8,0,0,0-11.32,0L192,156.69,107.31,72l50.35-50.34a8,8,0,1,0-11.32-11.32L96,60.69A16,16,0,0,0,93.18,79.5L72,100.69a16,16,0,0,0,0,22.62L76.69,128,18.34,186.34a8,8,0,0,0,3.13,13.25l72,24A7.88,7.88,0,0,0,96,224a8,8,0,0,0,5.66-2.34L136,187.31l4.69,4.69a16,16,0,0,0,22.62,0l21.19-21.18A16,16,0,0,0,203.31,168l50.35-50.34A8,8,0,0,0,253.66,106.34ZM93.84,206.85l-55-18.35L88,139.31,124.69,176ZM152,180.69,83.31,112,104,91.31,172.69,160Z"/></symbol>
+  <symbol id="bevel-icon-refresh" viewBox="0 0 256 256" fill="currentColor"><path d="M224,48V96a8,8,0,0,1-8,8H168a8,8,0,0,1,0-16h28.69L182.06,73.37a79.56,79.56,0,0,0-56.13-23.43h-.45A79.52,79.52,0,0,0,69.59,72.71,8,8,0,0,1,58.41,61.27a96,96,0,0,1,135,.79L208,76.69V48a8,8,0,0,1,16,0ZM186.41,183.29a80,80,0,0,1-112.47-.66L59.31,168H88a8,8,0,0,0,0-16H40a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V179.31l14.63,14.63A95.43,95.43,0,0,0,130,222.06h.53a95.36,95.36,0,0,0,67.07-27.33,8,8,0,0,0-11.18-11.44Z"/></symbol>
+  <symbol id="bevel-icon-history" viewBox="0 0 256 256" fill="currentColor"><path d="M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z"/></symbol>
+  <symbol id="bevel-icon-help" viewBox="0 0 256 256" fill="currentColor"><path d="M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/></symbol>
+  <symbol id="bevel-icon-mail" viewBox="0 0 256 256" fill="currentColor"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"/></symbol>
+  <symbol id="bevel-icon-moon" viewBox="0 0 256 256" fill="currentColor"><path d="M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z"/></symbol>
+  <symbol id="bevel-icon-terminal" viewBox="0 0 256 256" fill="currentColor"><path d="M128,128a8,8,0,0,1-3,6.25l-40,32a8,8,0,1,1-10-12.5L107.19,128,75,102.25a8,8,0,1,1,10-12.5l40,32A8,8,0,0,1,128,128Zm48,24H136a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm56-96V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Z"/></symbol>
+  <symbol id="bevel-icon-file-code" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,146.34a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32-11.32L164.69,152l-18.35-18.34a8,8,0,0,1,11.32-11.32Zm-72-24a8,8,0,0,0-11.32,0l-24,24a8,8,0,0,0,0,11.32l24,24a8,8,0,0,0,11.32-11.32L91.31,152l18.35-18.34A8,8,0,0,0,109.66,122.34ZM216,88V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-56-8h28.69L160,51.31Zm40,136V96H152a8,8,0,0,1-8-8V40H56V216H200Z"/></symbol>
+  <symbol id="bevel-icon-sign-out" viewBox="0 0 256 256" fill="currentColor"><path d="M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z"/></symbol>
+  <symbol id="bevel-icon-external" viewBox="0 0 256 256" fill="currentColor"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"/></symbol>
+  <symbol id="bevel-icon-download" viewBox="0 0 256 256" fill="currentColor"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></symbol>
+  <symbol id="bevel-icon-eye" viewBox="0 0 256 256" fill="currentColor"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></symbol>
+  <symbol id="bevel-icon-pin" viewBox="0 0 256 256" fill="currentColor"><path d="M235.32,81.37,174.63,20.69a16,16,0,0,0-22.63,0L98.37,74.49c-10.66-3.34-35-7.37-60.4,13.14a16,16,0,0,0-1.29,23.78L85,159.71,42.34,202.34a8,8,0,0,0,11.32,11.32L96.29,171l48.29,48.29A16,16,0,0,0,155.9,224c.38,0,.75,0,1.13,0a15.93,15.93,0,0,0,11.64-6.33c19.64-26.1,17.75-47.32,13.19-60L235.33,104A16,16,0,0,0,235.32,81.37ZM224,92.69h0l-57.27,57.46a8,8,0,0,0-1.49,9.22c9.46,18.93-1.8,38.59-9.34,48.62L48,100.08c12.08-9.74,23.64-12.31,32.48-12.31A40.13,40.13,0,0,1,96.81,91a8,8,0,0,0,9.25-1.51L163.32,32,224,92.68Z"/></symbol>
+  <symbol id="bevel-icon-tag" viewBox="0 0 256 256" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"/></symbol>
+  <symbol id="bevel-icon-warning" viewBox="0 0 256 256" fill="currentColor"><path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z"/></symbol>
+  <symbol id="bevel-icon-calendar" viewBox="0 0 256 256" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"/></symbol>
+  <symbol id="bevel-icon-eye-off" viewBox="0 0 256 256" fill="currentColor"><path d="M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z"/></symbol>
+  <symbol id="bevel-icon-undo" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"/></symbol>
+  <symbol id="bevel-icon-redo" viewBox="0 0 256 256" fill="currentColor"><path d="M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z"/></symbol>
+  <symbol id="bevel-icon-heading" viewBox="0 0 256 256" fill="currentColor"><path d="M208,40H96a64,64,0,0,0,0,128h40v40a8,8,0,0,0,16,0V56h24V208a8,8,0,0,0,16,0V56h16a8,8,0,0,0,0-16ZM136,152H96a48,48,0,0,1,0-96h40Z"/></symbol>
+  <symbol id="bevel-icon-bold" viewBox="0 0 256 256" fill="currentColor"><path d="M178.48,115.7A44,44,0,0,0,148,40H80a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8h80a48,48,0,0,0,18.48-92.3ZM88,56h60a28,28,0,0,1,0,56H88Zm72,136H88V128h72a32,32,0,0,1,0,64Z"/></symbol>
+  <symbol id="bevel-icon-italic" viewBox="0 0 256 256" fill="currentColor"><path d="M200,56a8,8,0,0,1-8,8H157.77L115.1,192H144a8,8,0,0,1,0,16H64a8,8,0,0,1,0-16H98.23L140.9,64H112a8,8,0,0,1,0-16h80A8,8,0,0,1,200,56Z"/></symbol>
+  <symbol id="bevel-icon-underline" viewBox="0 0 256 256" fill="currentColor"><path d="M200,224a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H192A8,8,0,0,1,200,224Zm-72-24a64.07,64.07,0,0,0,64-64V56a8,8,0,0,0-16,0v80a48,48,0,0,1-96,0V56a8,8,0,0,0-16,0v80A64.07,64.07,0,0,0,128,200Z"/></symbol>
+  <symbol id="bevel-icon-strikethrough" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H175.93c9.19,7.11,16.07,17.2,16.07,32,0,13.34-7,25.7-19.75,34.79C160.33,211.31,144.61,216,128,216s-32.33-4.69-44.25-13.21C71,193.7,64,181.34,64,168a8,8,0,0,1,16,0c0,17.35,22,32,48,32s48-14.65,48-32c0-14.85-10.54-23.58-38.77-32H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM76.33,104a8,8,0,0,0,7.61-10.49A17.3,17.3,0,0,1,83.11,88c0-18.24,19.3-32,44.89-32,18.84,0,34.16,7.42,41,19.85a8,8,0,0,0,14-7.7C173.33,50.52,152.77,40,128,40,93.29,40,67.11,60.63,67.11,88a33.73,33.73,0,0,0,1.62,10.49A8,8,0,0,0,76.33,104Z"/></symbol>
+  <symbol id="bevel-icon-code" viewBox="0 0 256 256" fill="currentColor"><path d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"/></symbol>
+  <symbol id="bevel-icon-list" viewBox="0 0 256 256" fill="currentColor"><path d="M80,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H88A8,8,0,0,1,80,64Zm136,56H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,64H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM44,52A12,12,0,1,0,56,64,12,12,0,0,0,44,52Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,116Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,180Z"/></symbol>
+  <symbol id="bevel-icon-list-numbers" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H104a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM104,72H216a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16ZM216,184H104a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM43.58,55.16,48,52.94V104a8,8,0,0,0,16,0V40a8,8,0,0,0-11.58-7.16l-16,8a8,8,0,0,0,7.16,14.32ZM79.77,156.72a23.73,23.73,0,0,0-9.6-15.95,24.86,24.86,0,0,0-34.11,4.7,23.63,23.63,0,0,0-3.57,6.46,8,8,0,1,0,15,5.47,7.84,7.84,0,0,1,1.18-2.13,8.76,8.76,0,0,1,12-1.59A7.91,7.91,0,0,1,63.93,159a7.64,7.64,0,0,1-1.57,5.78,1,1,0,0,0-.08.11L33.59,203.21A8,8,0,0,0,40,216H72a8,8,0,0,0,0-16H56l19.08-25.53A23.47,23.47,0,0,0,79.77,156.72Z"/></symbol>
+  <symbol id="bevel-icon-quote" viewBox="0 0 256 256" fill="currentColor"><path d="M100,56H40A16,16,0,0,0,24,72v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,100,56Zm0,80H40V72h60ZM216,56H156a16,16,0,0,0-16,16v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,216,56Zm0,80H156V72h60Z"/></symbol>
+  <symbol id="bevel-icon-outdent" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM112,72H216a8,8,0,0,0,0-16H112a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM72,144a8,8,0,0,0,5.66-13.66L43.31,96,77.66,61.66A8,8,0,0,0,66.34,50.34l-40,40a8,8,0,0,0,0,11.32l40,40A8,8,0,0,0,72,144Z"/></symbol>
+  <symbol id="bevel-icon-indent" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM112,72H216a8,8,0,0,0,0-16H112a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM34.34,141.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0,0-11.32l-40-40A8,8,0,0,0,34.34,61.66L68.69,96,34.34,130.34A8,8,0,0,0,34.34,141.66Z"/></symbol>
+  <symbol id="bevel-icon-team" viewBox="0 0 256 256" fill="currentColor"><path d="M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z"/></symbol>
+  <symbol id="bevel-icon-link-simple" viewBox="0 0 256 256" fill="currentColor"><path d="M165.66,90.34a8,8,0,0,1,0,11.32l-64,64a8,8,0,0,1-11.32-11.32l64-64A8,8,0,0,1,165.66,90.34ZM215.6,40.4a56,56,0,0,0-79.2,0L106.34,70.45a8,8,0,0,0,11.32,11.32l30.06-30a40,40,0,0,1,56.57,56.56l-30.07,30.06a8,8,0,0,0,11.31,11.32L215.6,119.6a56,56,0,0,0,0-79.2ZM138.34,174.22l-30.06,30.06a40,40,0,1,1-56.56-56.57l30.05-30.05a8,8,0,0,0-11.32-11.32L40.4,136.4a56,56,0,0,0,79.2,79.2l30.06-30.07a8,8,0,0,0-11.32-11.31Z"/></symbol>
+  <symbol id="bevel-icon-qr-code" viewBox="0 0 256 256" fill="currentColor"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm0,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48ZM200,40H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-64,72V144a8,8,0,0,1,16,0v32a8,8,0,0,1-16,0Zm80-16a8,8,0,0,1-8,8H184v40a8,8,0,0,1-8,8H144a8,8,0,0,1,0-16h24V144a8,8,0,0,1,16,0v8h24A8,8,0,0,1,216,160Zm0,32v16a8,8,0,0,1-16,0V192a8,8,0,0,1,16,0Z"/></symbol>
+  <symbol id="bevel-icon-file-html" viewBox="0 0 256 256" fill="currentColor"><path d="M216,120V88a8,8,0,0,0-2.34-5.66l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40v80a8,8,0,0,0,16,0V40h88V88a8,8,0,0,0,8,8h48v24a8,8,0,0,0,16,0ZM160,51.31,188.69,80H160ZM68,160v48a8,8,0,0,1-16,0V192H32v16a8,8,0,0,1-16,0V160a8,8,0,0,1,16,0v16H52V160a8,8,0,0,1,16,0Zm56,0a8,8,0,0,1-8,8h-8v40a8,8,0,0,1-16,0V168H84a8,8,0,0,1,0-16h32A8,8,0,0,1,124,160Zm72,0v48a8,8,0,0,1-16,0V184l-9.6,12.8a8,8,0,0,1-12.8,0L148,184v24a8,8,0,0,1-16,0V160a8,8,0,0,1,14.4-4.8L164,178.67l17.6-23.47A8,8,0,0,1,196,160Zm56,48a8,8,0,0,1-8,8H216a8,8,0,0,1-8-8V160a8,8,0,0,1,16,0v40h20A8,8,0,0,1,252,208Z"/></symbol>
+  <symbol id="bevel-icon-cursor" viewBox="0 0 256 256" fill="currentColor"><path d="M168,132.69,214.08,115l.33-.13A16,16,0,0,0,213,85.07L52.92,32.8A15.95,15.95,0,0,0,32.8,52.92L85.07,213a15.82,15.82,0,0,0,14.41,11l.78,0a15.84,15.84,0,0,0,14.61-9.59l.13-.33L132.69,168,184,219.31a16,16,0,0,0,22.63,0l12.68-12.68a16,16,0,0,0,0-22.63ZM195.31,208,144,156.69a16,16,0,0,0-26,4.93c0,.11-.09.22-.13.32l-17.65,46L48,48l159.85,52.2-45.95,17.64-.32.13a16,16,0,0,0-4.93,26h0L208,195.31Z"/></symbol>
+  <symbol id="bevel-icon-invite" viewBox="0 0 256 256" fill="currentColor"><path d="M227.32,28.68a16,16,0,0,0-15.66-4.08l-.15,0L19.57,82.84a16,16,0,0,0-2.49,29.8L102,154l41.3,84.87A15.86,15.86,0,0,0,157.74,248q.69,0,1.38-.06a15.88,15.88,0,0,0,14-11.51l58.2-191.94c0-.05,0-.1,0-.15A16,16,0,0,0,227.32,28.68ZM157.83,231.85l-.05.14,0-.07-40.06-82.3,48-48a8,8,0,0,0-11.31-11.31l-48,48L24.08,98.25l-.07,0,.14,0L216,40Z"/></symbol>
+  <symbol id="bevel-icon-hyperclay-local" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="7" width="9" height="8" rx="1"/> <path d="M2 6C0.8 6 0.5 4.3 1.3 3.2C2.3 1.9 5 1.4 8 1.4C11 1.4 13.4 1.9 14.3 3.5C14.9 4.7 14.9 7 14.9 9C14.9 11 14.4 12.6 13 12.6C11.6 12.6 11 11.3 11 10L11 7.6C11 6.6 10.5 6 9.6 6ZM5 3H6V5H5ZM8 3H9V5H8Z" fill-rule="evenodd"/></symbol>
+</svg>

package/icons/marks/build-tray.source.mjs

@@ -0,0 +1,45 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const OUT = path.dirname(fileURLToPath(import.meta.url));
+const f = (n) => +n.toFixed(2);
+const scale = (d, k) => d.replace(/-?\d*\.?\d+/g, (n) => f(+n * k));
+
+const BODY =
+  'M2 6C0.8 6 0.5 4.3 1.3 3.2C2.3 1.9 5 1.4 8 1.4C11 1.4 13.4 1.9 14.3 3.5' +
+  'C14.9 4.7 14.9 7 14.9 9C14.9 11 14.4 12.6 13 12.6C11.6 12.6 11 11.3 11 10' +
+  'L11 7.6C11 6.6 10.5 6 9.6 6Z';
+
+const FACE16 = 'M5 3H6V5H5ZM8 3H9V5H8Z';
+const FACE32 =
+  'M9.5 4H12V7.5H9.5ZM16 4H18.5V7.5H16Z' +
+  'M9.2 8.6C11.4 10 16.6 10 18.8 8.6L19.2 9.8C16.8 11.4 11.2 11.4 8.8 9.8Z';
+
+function glyph(size, { alert = false } = {}) {
+  const k = size / 16;
+  const body = scale(BODY, k);
+  const face = size === 16 ? FACE16 : FACE32;
+  const dot = { cx: 12.5 * k, cy: 12.5 * k, r: 3.5 * k, ring: 1 * k };
+  const cut = alert
+    ? `<circle cx="${dot.cx}" cy="${dot.cy}" r="${dot.r + dot.ring}" fill="#000"/>`
+    : '';
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+  <mask id="m" maskUnits="userSpaceOnUse" x="0" y="0" width="${size}" height="${size}">
+    <rect width="${size}" height="${size}" fill="#fff"/>
+    ${cut}
+  </mask>
+  <g mask="url(#m)">
+    <rect x="${k}" y="${7 * k}" width="${9 * k}" height="${8 * k}" rx="${k}" fill="#000"/>
+    <path d="${body}${face}" fill="#000" fill-rule="evenodd"/>
+  </g>
+  ${alert ? `<circle cx="${dot.cx}" cy="${dot.cy}" r="${dot.r}" fill="#000"/>` : ''}
+</svg>
+`;
+}
+
+fs.writeFileSync(path.join(OUT, 'tray-16.svg'), glyph(16));
+fs.writeFileSync(path.join(OUT, 'tray-32.svg'), glyph(32));
+fs.writeFileSync(path.join(OUT, 'tray-alert-16.svg'), glyph(16, { alert: true }));
+fs.writeFileSync(path.join(OUT, 'tray-alert-32.svg'), glyph(32, { alert: true }));
+console.log('wrote tray svgs');

package/icons/marks/hyperclay-local.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <mask id="m" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+    <rect width="16" height="16" fill="#fff"/>
+
+  </mask>
+  <g mask="url(#m)">
+    <rect x="1" y="7" width="9" height="8" rx="1" fill="#000"/>
+    <path d="M2 6C0.8 6 0.5 4.3 1.3 3.2C2.3 1.9 5 1.4 8 1.4C11 1.4 13.4 1.9 14.3 3.5C14.9 4.7 14.9 7 14.9 9C14.9 11 14.4 12.6 13 12.6C11.6 12.6 11 11.3 11 10L11 7.6C11 6.6 10.5 6 9.6 6ZM5 3H6V5H5ZM8 3H9V5H8Z" fill="#000" fill-rule="evenodd"/>
+  </g>
+
+</svg>

package/icons/phosphor.json

@@ -0,0 +1,53 @@
+{
+  "clip": "paperclip",
+  "timeline": "text-align-center",
+  "link": "link",
+  "close": "x",
+  "image": "image",
+  "group": "squares-four",
+  "blocked": "prohibit",
+  "expand": "arrows-out-simple",
+  "pencil": "pencil-simple",
+  "copy": "copy",
+  "archive": "archive",
+  "trash": "trash",
+  "offline": "wifi-slash",
+  "user": "user",
+  "grip": "dots-six-vertical",
+  "highlight": "highlighter",
+  "refresh": "arrows-clockwise",
+  "history": "clock-counter-clockwise",
+  "help": "question",
+  "mail": "envelope",
+  "moon": "moon",
+  "terminal": "terminal-window",
+  "file-code": "file-code",
+  "sign-out": "sign-out",
+  "external": "arrow-square-out",
+  "download": "download-simple",
+  "eye": "eye",
+  "pin": "push-pin",
+  "tag": "tag",
+  "warning": "warning",
+  "calendar": "calendar-blank",
+  "eye-off": "eye-slash",
+  "undo": "arrow-counter-clockwise",
+  "redo": "arrow-clockwise",
+  "heading": "paragraph",
+  "bold": "text-b",
+  "italic": "text-italic",
+  "underline": "text-underline",
+  "strikethrough": "text-strikethrough",
+  "code": "code",
+  "list": "list-bullets",
+  "list-numbers": "list-numbers",
+  "quote": "quotes",
+  "outdent": "text-outdent",
+  "indent": "text-indent",
+  "team": "buildings",
+  "link-simple": "link-simple",
+  "qr-code": "qr-code",
+  "file-html": "file-html",
+  "cursor": "cursor",
+  "invite": "paper-plane-tilt"
+}

package/icons/round.json

@@ -0,0 +1,8 @@
+{
+  "strokeWidth": 1.5,
+  "icons": {
+    "h1": "M3.5 5.5v12M12 5.5v12M3.5 11.5H12M17 12l3-2v10",
+    "h2": "M3.5 5.5v12M12 5.5v12M3.5 11.5H12M16 12.5c0-3.5 6-3.5 6 0 0 2-2.5 3.5-6 7.5h6",
+    "h3": "M3.5 5.5v12M12 5.5v12M3.5 11.5H12M16 11c1.5-1.5 6-1.5 6 1.5 0 1.5-1.5 2.5-3 2.5h-1M19 15c1.5 0 3 1 3 2.5 0 3-4.5 3-6 1.5"
+  }
+}

package/integrations/datastar.js

@@ -0,0 +1,202 @@
+(function () {
+  if (!window.Bevel || window.Bevel.datastar) return;
+  const registrations = new Map();
+  const inScope = (root, node) => node === root || root === document || root.contains(node);
+  const composite = (element) => element.closest(".bevel-inline-edit,.bevel-combobox,.bevel-multiselect,.bevel-tree,.bevel-sidebar,.bevel-wizard,.bevel-pagination,.bevel-code,.bevel-diff,.bevel-split,.bevel-grid,.bevel-kanban,dialog,[popover]");
+  const disabled = (element) => !element || element.disabled || element.readOnly || element.getAttribute("aria-disabled") === "true" || !!element.closest("fieldset:disabled");
+  const signalOwned = (element) => element.hasAttribute("data-bind") || [...element.attributes].some((attr) => attr.name.startsWith("data-bind:") || (attr.name === "data-effect" && attr.value.includes("Bevel.datastar.control")));
+  const report = (root, message) => root.dispatchEvent(new CustomEvent("bevel:error", { bubbles: true, detail: { component: "datastar", code: "unsupported-state", message } }));
+
+  const syncAttribute = (element, name) => {
+    let field = element;
+    if (element instanceof HTMLOptionElement) field = element.closest("select");
+    if (!(field instanceof HTMLInputElement || field instanceof HTMLSelectElement || field instanceof HTMLTextAreaElement) || signalOwned(field)) return;
+    if (name === "checked" && field instanceof HTMLInputElement) field.checked = field.hasAttribute("checked");
+    else if (name === "selected" && field instanceof HTMLSelectElement) for (const option of field.options) option.selected = option.hasAttribute("selected");
+    else if (name === "value" && !(field instanceof HTMLSelectElement)) {
+      const value = field.getAttribute("value") || "";
+      if (field.value !== value) field.value = value;
+    }
+  };
+
+  const control = (element, value) => {
+    if (!(element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement)) throw new TypeError("Bevel.datastar.control expects a form control.");
+    if (element instanceof HTMLInputElement && (element.type === "checkbox" || element.type === "radio")) {
+      element.checked = Boolean(value);
+      if (element.hasAttribute("checked") !== element.checked) element.toggleAttribute("checked", element.checked);
+      if (element.type === "radio" && element.name && element.checked) for (const peer of document.querySelectorAll('input[type="radio"]')) if (peer !== element && peer.name === element.name && peer.form === element.form) {
+        peer.checked = false;
+        if (peer.hasAttribute("checked")) peer.removeAttribute("checked");
+      }
+    } else if (element instanceof HTMLSelectElement && element.multiple) {
+      if (!Array.isArray(value)) throw new TypeError("Bevel.datastar.control expects an array for a multiple select.");
+      const values = new Set(value.map(String));
+      for (const option of element.options) {
+        option.selected = values.has(option.value);
+        if (option.hasAttribute("selected") !== option.selected) option.toggleAttribute("selected", option.selected);
+      }
+    } else {
+      const text = value == null ? "" : String(value);
+      if (element.value !== text) element.value = text;
+      if (element instanceof HTMLTextAreaElement) {
+        if (element.textContent !== element.value) element.textContent = element.value;
+      } else if (element.getAttribute("value") !== element.value) element.setAttribute("value", element.value);
+      if (element instanceof HTMLSelectElement) for (const option of element.options) if (option.hasAttribute("selected") !== option.selected) option.toggleAttribute("selected", option.selected);
+    }
+    const owner = composite(element);
+    if (owner) window.Bevel.refresh(owner, { source: "external" });
+    return element;
+  };
+
+  const allowedFor = (root) => root.matches("dialog,[popover]") ? ["open"] : root.matches(".bevel-combobox") ? ["value"] : root.matches(".bevel-multiselect") ? ["values"] : root.matches(".bevel-tree") ? ["selected", "expanded"] : root.matches(".bevel-sidebar") ? ["collapsed"] : root.matches(".bevel-wizard") ? ["step"] : root.matches(".bevel-pagination") ? ["page", "pageSize", "total"] : root.matches(".bevel-grid,.bevel-kanban") ? ["selectedKeys"] : [];
+  const readState = (root, allowed = allowedFor(root)) => {
+    const state = {};
+    if (allowed.includes("open")) state.open = root.hasAttribute("data-bevel-open") && (root.open || root.matches(":popover-open"));
+    if (allowed.includes("value")) state.value = root.dataset.bevelValue || root.querySelector('input[type="hidden"]')?.value || "";
+    if (allowed.includes("values")) state.values = [...root.querySelectorAll('.bevel-multiselect__panel input[type="checkbox"]:checked')].map((input) => input.value);
+    if (allowed.includes("selected")) state.selected = root.dataset.bevelSelected || "";
+    if (allowed.includes("expanded")) state.expanded = [...root.querySelectorAll("details[data-bevel-key][open]")].filter((branch) => branch.closest(".bevel-tree") === root).map((branch) => branch.dataset.bevelKey);
+    if (allowed.includes("collapsed")) state.collapsed = root.hasAttribute("data-bevel-collapsed");
+    if (allowed.includes("step")) state.step = root.querySelector(".bevel-wizard__panel[data-bevel-key]") ? root.dataset.bevelStep || "" : Number(root.dataset.bevelStep) || 0;
+    if (allowed.includes("page")) state.page = Number(root.dataset.bevelPage) || 1;
+    if (allowed.includes("pageSize")) state.pageSize = Number(root.dataset.bevelPageSize) || 10;
+    if (allowed.includes("total")) state.total = Number(root.dataset.bevelTotal) || 0;
+    if (allowed.includes("selectedKeys")) state.selectedKeys = JSON.parse(root.dataset.bevelSelectedKeys || "[]");
+    return state;
+  };
+
+  const state = (root, next) => {
+    if (!root || !next || typeof next !== "object" || Array.isArray(next)) return { accepted: false, state: {} };
+    const allowed = allowedFor(root);
+    const fail = (message) => {
+      report(root, message);
+      return { accepted: false, state: readState(root, allowed) };
+    };
+    const invalid = Object.keys(next).filter((key) => !allowed.includes(key));
+    if (invalid.length) return fail(`Unsupported state: ${invalid.join(", ")}`);
+    if ("open" in next && typeof next.open !== "boolean") return fail("open must be boolean");
+    if ("value" in next && next.value != null && !["string", "number"].includes(typeof next.value)) return fail("value must be scalar");
+    if ("values" in next && !Array.isArray(next.values)) return fail("values must be an array");
+    if ("selected" in next && next.selected != null && typeof next.selected !== "string") return fail("selected must be a string");
+    if ("expanded" in next && !Array.isArray(next.expanded)) return fail("expanded must be an array");
+    if ("collapsed" in next && typeof next.collapsed !== "boolean") return fail("collapsed must be boolean");
+    if ("step" in next) { const panels = [...root.querySelectorAll(".bevel-wizard__panel")].filter((panel) => panel.closest(".bevel-wizard") === root), keyed = panels.some((panel) => panel.hasAttribute("data-bevel-key")), match = keyed ? panels.find((panel) => panel.dataset.bevelKey === next.step) : panels[next.step]; if (!match || disabled(match) || (keyed ? typeof next.step !== "string" : typeof next.step !== "number" || !Number.isInteger(next.step))) return fail("step is outside the authored enabled panels"); }
+    for (const key of ["page", "pageSize", "total"]) if (key in next && (!Number.isFinite(Number(next[key])) || Number(next[key]) < (key === "total" ? 0 : 1))) return fail(`${key} is invalid`);
+    if ("selectedKeys" in next && !Array.isArray(next.selectedKeys)) return fail("selectedKeys must be an array");
+    if ("value" in next) { const value = String(next.value ?? ""); if (value && ![...root.querySelectorAll('[role="option"][data-bevel-key]')].some((item) => item.dataset.bevelKey === value && item.getAttribute("aria-disabled") !== "true")) return fail("value does not identify an enabled option"); }
+    if ("values" in next) { const available = new Set([...root.querySelectorAll('.bevel-multiselect__panel input[type="checkbox"]')].map((input) => input.value)); if (next.values.map(String).some((value) => !available.has(value))) return fail("values contain an unknown option"); }
+    if ("selected" in next) { const selected = String(next.selected ?? ""), items = [...root.querySelectorAll('[role="treeitem"][data-bevel-key]')].filter((item) => item.closest(".bevel-tree") === root && !disabled(item)); if (selected && !items.some((item) => item.dataset.bevelKey === selected)) return fail("selected does not identify an enabled tree item"); }
+    if ("expanded" in next) { const branches = new Set([...root.querySelectorAll("details[data-bevel-key]")].filter((branch) => branch.closest(".bevel-tree") === root && !disabled(branch) && !disabled(branch.querySelector(":scope > summary"))).map((branch) => branch.dataset.bevelKey)); if (next.expanded.map(String).some((value) => !branches.has(value))) return fail("expanded contains an unknown or disabled branch"); }
+
+    let accepted = true;
+    if ("open" in next) accepted = next.open ? window.Bevel.open(root, { source: "external" }) || readState(root, allowed).open : window.Bevel.close(root, { source: "external" }) || !readState(root, allowed).open;
+    if (!accepted) return { accepted: false, state: readState(root, allowed) };
+    if ("value" in next) {
+      const value = String(next.value ?? "");
+      const changed = readState(root, ["value"]).value !== value;
+      root.dataset.bevelValue = value;
+      const hidden = root.querySelector('input[type="hidden"]');
+      if (hidden) control(hidden, value);
+      if (changed) {
+        const input = root.querySelector('[role="combobox"]');
+        const options = [...root.querySelectorAll('[role="option"][data-bevel-key]')];
+        const option = options.find(item => item.dataset.bevelKey === value);
+        if (input) {
+          control(input, option?.dataset.bevelLabel || option?.textContent.trim() || "");
+          input.removeAttribute("aria-activedescendant");
+        }
+        for (const item of options) item.removeAttribute("data-bevel-filtered");
+        const empty = root.querySelector(".bevel-combobox__empty");
+        if (empty) empty.hidden = true;
+      }
+    }
+    if ("values" in next) {
+      const values = [...new Set(next.values.map(String))];
+      for (const input of root.querySelectorAll('.bevel-multiselect__panel input[type="checkbox"]')) {
+        input.checked = values.includes(input.value);
+        if (input.hasAttribute("checked") !== input.checked) input.toggleAttribute("checked", input.checked);
+      }
+    }
+    if ("selected" in next) {
+      const selected = String(next.selected ?? "");
+      root.dataset.bevelSelected = selected;
+    }
+    if ("expanded" in next) {
+      const values = new Set(next.expanded.map(String));
+      const branches = [...root.querySelectorAll("details[data-bevel-key]")];
+      for (const branch of branches) {
+        branch.open = values.has(branch.dataset.bevelKey);
+        branch.dataset.bevelExpanded = String(branch.open);
+      }
+    }
+    if ("collapsed" in next) root.toggleAttribute("data-bevel-collapsed", next.collapsed);
+    if ("step" in next) root.dataset.bevelStep = String(next.step);
+    for (const key of ["page", "pageSize", "total"]) if (key in next) { const attribute = `bevel${key[0].toUpperCase()}${key.slice(1)}`, value = String(Number(next[key])); if (root.dataset[attribute] !== value) root.dataset[attribute] = value; }
+    if ("selectedKeys" in next) {
+      const loaded = new Set([...root.querySelectorAll("[data-bevel-key]")].map((item) => item.dataset.bevelKey));
+      const selected = [...new Set(next.selectedKeys.map(String))].filter((key) => loaded.has(key));
+      root.dataset.bevelSelectedKeys = JSON.stringify(selected);
+      for (const item of root.querySelectorAll("[data-bevel-key]")) item.setAttribute("aria-selected", String(selected.includes(item.dataset.bevelKey)));
+    }
+    window.Bevel.refresh(root, { source: "external" });
+    return { accepted, state: readState(root, allowed) };
+  };
+
+  const removed = new Set(), changed = new Set(), attributes = new Map();
+  let queued = false;
+  const tracked = (node) => [...registrations.keys()].some(root => inScope(root, node));
+  const flush = () => {
+    queued = false;
+    const removedNodes = new Set(removed), changedNodes = [...changed], attributeChanges = [...attributes];
+    removed.clear(); changed.clear(); attributes.clear();
+    for (const [target, names] of attributeChanges) if (target.isConnected && tracked(target)) for (const name of names) syncAttribute(target, name);
+    for (const node of removedNodes) {
+      if (node.isConnected && tracked(node)) continue;
+      let ancestor = node.parentElement;
+      while (ancestor && !removedNodes.has(ancestor)) ancestor = ancestor.parentElement;
+      if (!ancestor) window.Bevel.destroy(node);
+    }
+    for (const node of changedNodes) if (node.isConnected && tracked(node)) window.Bevel.refresh(node, { source: "external" });
+  };
+  const mount = (root = document) => {
+    if (registrations.has(root)) return registrations.get(root);
+    window.Bevel.refresh(root, { source: "external" });
+    const observer = new MutationObserver((records) => {
+      for (const record of records) {
+        if (record.type === "attributes") {
+          const names = attributes.get(record.target) || new Set();
+          names.add(record.attributeName);
+          attributes.set(record.target, names);
+          changed.add(composite(record.target) || record.target);
+          continue;
+        }
+        if (record.type === "characterData") {
+          const parent = record.target.parentElement;
+          if (parent) changed.add(composite(parent) || parent);
+          continue;
+        }
+        record.removedNodes.forEach((node) => { if (node.nodeType === 1) removed.add(node); });
+        record.addedNodes.forEach((node) => { if (node.nodeType === 1) changed.add(composite(node) || node); });
+        if (record.target.nodeType === 1) changed.add(composite(record.target) || record.target);
+      }
+      if (!queued) {
+        queued = true;
+        queueMicrotask(flush);
+      }
+    });
+    observer.observe(root === document ? document.documentElement : root, { childList: true, characterData: true, subtree: true, attributes: true, attributeFilter: ["value", "checked", "selected", "data-value", "data-sort", "data-bevel-revision", "data-bevel-selected", "data-bevel-selected-keys", "data-page", "data-page-size", "data-bevel-total", "data-bevel-page-size", "data-bevel-page", "data-bevel-layout", "data-bevel-wrap", "data-bevel-split", "data-bevel-ratio", "data-bevel-orientation", "data-bevel-min-first", "data-bevel-min-second"] });
+    const registration = { observer, root };
+    registrations.set(root, registration);
+    return registration;
+  };
+
+  const unmount = (root = document) => {
+    const registration = registrations.get(root);
+    if (!registration) return false;
+    registration.observer.disconnect();
+    registrations.delete(root);
+    if (!tracked(root)) window.Bevel.destroy(root, { preserve: [...registrations.keys()] });
+    return true;
+  };
+  window.Bevel.datastar = { mount, unmount, control, state };
+})();

package/integrations/quickcrop.css

@@ -0,0 +1,26 @@
+@layer components {
+  .bevel-quickcrop {
+    --qc-surface: var(--bevel-surface);
+    --qc-text: var(--bevel-ink);
+    --qc-border: var(--bevel-line-2);
+    --qc-radius: 0px;
+    --qc-font: var(--bevel-font-sans);
+    inline-size: min(844px, calc(100vw - 36px));
+    max-inline-size: 844px;
+  }
+  .bevel-quickcrop .qc-stage { margin-inline: auto; inline-size: fit-content; background: var(--bevel-sunk); }
+  .bevel-quickcrop__body { flex-shrink: 0; padding-bottom: 14px; }
+  .bevel-quickcrop__presets { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
+  .bevel-quickcrop__help { margin:8px 0 0; color:var(--bevel-muted); font-size:12px; }
+  .bevel-quickcrop__badge { position:absolute; inset-block-start:38px; inset-inline-end:calc(62px + 16px); padding:4px 8px; border:1px solid var(--bevel-line-2); color:var(--bevel-muted); font:500 11px/1.2 var(--bevel-font-mono); text-transform:uppercase; letter-spacing:.06em; }
+  .bevel-quickcrop-context { max-inline-size:980px; margin-inline:auto; }
+  .bevel-quickcrop-context .bevel-dropzone { max-inline-size:760px; margin-inline:auto; }
+  .bevel-quickcrop-context .bevel-dropzone__target { min-block-size:230px; align-content:center; }
+  .bevel-quickcrop .qc-stage img { display:block; max-inline-size:100%; }
+  @media (max-width:520px) {
+    .bevel-quickcrop { inline-size:calc(100vw - 20px); }
+    .bevel-quickcrop .bevel-modal__inner { max-block-size:calc(100dvh - 20px); }
+    .bevel-quickcrop__body { overflow:auto; }
+    .bevel-quickcrop__badge { position:static; inline-size:max-content; margin-top:10px; }
+  }
+}