@fuzdev/fuz_ui 0.200.0 → 0.202.0

package/dist/icons.js

@@ -0,0 +1,564 @@
+// SVG icon data for replacing character glyphs with scalable vector icons.
+// Each export uses the `icon_` prefix and conforms to `SvgData`.
+// Default viewBox is "0 0 100 100".
+// --- Status ---
+export const icon_unknown = {
+    label: 'unknown, double question mark',
+    paths: [
+        {
+            d: 'M5 34a20 20 0 0 1 20-22 20 20 0 0 1 20 22c0 10-7 14-9 20l0 10-14 0 0-10c0-8 7-12 7-20a5 5 0 0 0-5-7 5 5 0 0 0-5 7zm16 46a8 8 0 1 0 16 0 8 8 0 0 0-16 0zM55 34a20 20 0 0 1 20-22 20 20 0 0 1 20 22c0 10-7 14-9 20l0 10-14 0 0-10c0-8 7-12 7-20a5 5 0 0 0-5-7 5 5 0 0 0-5 7zm16 46a8 8 0 1 0 16 0 8 8 0 0 0-16 0z',
+        },
+    ],
+};
+export const icon_important = {
+    label: 'important, question and exclamation',
+    paths: [
+        {
+            d: 'M13 34a20 20 0 0 1 20-22 20 20 0 0 1 20 22c0 10-7 14-9 20l0 10-14 0 0-10c0-8 7-12 7-20a5 5 0 0 0-5-7 5 5 0 0 0-5 7zm16 46a8 8 0 1 0 16 0 8 8 0 0 0-16 0zM71 12L87 12 84 60 74 60zM71 80a8 8 0 1 0 16 0 8 8 0 0 0-16 0z',
+        },
+    ],
+};
+export const icon_info = {
+    label: 'info circle',
+    paths: [
+        {
+            d: 'M50 5a45 45 0 1 0 0 90 45 45 0 0 0 0-90zm0 10a35 35 0 1 1 0 70 35 35 0 0 1 0-70zM47 30h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM47 50h6a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+// --- Actions ---
+export const icon_add = {
+    label: 'add, plus',
+    paths: [{ d: 'M45 15L55 15 58 42 85 45 85 55 58 58 55 85 45 85 42 58 15 55 15 45 42 42z' }],
+};
+export const icon_remove = {
+    label: 'remove, x mark',
+    paths: [
+        {
+            d: 'M26.5 19.4L19.4 26.5 40 50 19.4 73.5 26.5 80.6 50 60 73.5 80.6 80.6 73.5 60 50 80.6 26.5 73.5 19.4 50 40z',
+        },
+    ],
+};
+export const icon_close = {
+    label: 'close, thin x mark',
+    paths: [
+        {
+            d: 'M20.5 11.5L11.5 20.5 45 50 11.5 79.5 20.5 88.5 50 55 79.5 88.5 88.5 79.5 55 50 88.5 20.5 79.5 11.5 50 45z',
+        },
+    ],
+};
+export const icon_delete = {
+    label: 'delete, x in concave frame',
+    paths: [
+        {
+            d: 'M5 5Q50 18 95 5Q82 50 95 95Q50 82 5 95Q18 50 5 5zM18 18Q28 50 18 82Q50 72 82 82Q72 50 82 18Q50 28 18 18zM29 34l5-5 16 13 16-13 5 5-13 16 13 16-5 5-16-13-16 13-5-5 13-16-13-16z',
+        },
+    ],
+};
+export const icon_clear = {
+    label: 'clear, backspace',
+    paths: [
+        {
+            d: 'M35 15l-25 35 25 35h55v-70zm9 21l5-5 14 11 14-11 5 5-11 14 11 14-5 5-14-11-14 11-5-5 11-14-11-14z',
+        },
+    ],
+};
+export const icon_restore = {
+    label: 'restore, redo arrow',
+    paths: [
+        {
+            d: 'M61 20l20 20-20 20v-12a30 30 0 0 0-30 30h-12a42 42 0 0 1 42-42z',
+        },
+    ],
+};
+export const icon_cancel = {
+    label: 'cancel, circle with line',
+    paths: [
+        {
+            d: 'M50 5a45 45 0 1 0 0 90 45 45 0 0 0 0-90zm0 10a35 35 0 1 1 0 70 35 35 0 1 1 0-70zM28 35l7-7 37 37-7 7z',
+        },
+    ],
+};
+export const icon_drag = {
+    label: 'drag handle, three horizontal lines',
+    paths: [
+        {
+            d: 'M22 29h56a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 17h56a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 17h56a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_copy = {
+    label: 'copy, overlapping squares',
+    paths: [{ d: 'M18 38h45v45h-45zm7 7v31h31v-31z' }, { d: 'M38 18h45v45h-45zm7 7v31h31v-31z' }],
+};
+export const icon_paste = {
+    label: 'paste, clipboard',
+    paths: [
+        {
+            d: 'M35 5h30v10h15a5 5 0 0 1 5 5v65a5 5 0 0 1-5 5h-60a5 5 0 0 1-5-5v-65a5 5 0 0 1 5-5h15zm5 5v10h20v-10zm-15 10v60h50v-60h-10v10h-30v-10z',
+        },
+    ],
+};
+export const icon_reset = {
+    label: 'reset, undo arrow',
+    paths: [
+        {
+            d: 'M39 20l-20 20 20 20v-12a30 30 0 0 1 30 30h12a42 42 0 0 0-42-42z',
+        },
+    ],
+};
+export const icon_refresh = {
+    label: 'refresh, circular arrow',
+    paths: [{ d: 'M50 21a35 35 0 1 0 25 10l-7 7a24 24 0 1 1-18-6v10l17-17-17-17v13z' }],
+};
+export const icon_connect = {
+    label: 'connect, link',
+    paths: [
+        {
+            d: 'M30 35a15 15 0 0 0-15 15 15 15 0 0 0 15 15h10v10h-10a25 25 0 0 1-25-25 25 25 0 0 1 25-25h10v10zm30-10h10a25 25 0 0 1 25 25 25 25 0 0 1-25 25h-10v-10h10a15 15 0 0 0 15-15 15 15 0 0 0-15-15h-10zm-25 20h30v10h-30z',
+        },
+    ],
+};
+export const icon_disconnect = {
+    label: 'disconnect, broken link',
+    paths: [
+        {
+            d: 'M30 35a15 15 0 0 0-15 15 15 15 0 0 0 15 15h10v10h-10a25 25 0 0 1-25-25 25 25 0 0 1 25-25h10v10zm30-10h10a25 25 0 0 1 25 25 25 25 0 0 1-25 25h-10v-10h10a15 15 0 0 0 15-15 15 15 0 0 0-15-15h-10zM46 43l-4-8h8l4 8zM54 57l4 8h-8l-4-8z',
+        },
+    ],
+};
+export const icon_retry = {
+    label: 'retry, counterclockwise arrow around dot',
+    paths: [
+        { d: 'M50 21a35 35 0 1 1-25 10l7 7a24 24 0 1 0 18-6v10l-17-17 17-17v13z' },
+        { d: 'M42 56a8 8 0 1 0 16 0 8 8 0 1 0-16 0z' },
+    ],
+};
+export const icon_placeholder = {
+    label: 'placeholder, return arrow',
+    paths: [{ d: 'M83 22v40h-40v15l-25-20 25-20v15h30v-30z' }],
+};
+export const icon_send = {
+    label: 'send, paper plane',
+    paths: [{ d: 'M10 85l80-35-80-35v27l55 8-55 8z' }],
+};
+// --- Media ---
+export const icon_play = {
+    label: 'play',
+    paths: [{ d: 'M27 10l53 40-53 40z' }],
+};
+export const icon_pause = {
+    label: 'pause',
+    paths: [
+        {
+            d: 'M27 15h11a2 2 0 0 1 2 2v66a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-66a2 2 0 0 1 2-2zm35 0h11a2 2 0 0 1 2 2v66a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-66a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+// --- Validation ---
+export const icon_checkmark = {
+    label: 'checkmark',
+    paths: [{ d: 'M14 55L24 42 42 60Q60 40 78 24L82 22 88 36Q62 52 42 82z' }],
+};
+export const icon_checkmark_heavy = {
+    label: 'heavy checkmark',
+    paths: [{ d: 'M10 54L22 36 42 56Q60 34 78 18L84 15 92 34Q64 52 42 84z' }],
+};
+export const icon_xmark = {
+    label: 'x mark',
+    paths: [
+        {
+            d: 'M27 17L25 20 22 28Q33 39 43 50Q33 61 17 72L14 76 26 83Q37 70 50 57Q63 70 74 83L77 81 81 74Q70 63 57 50Q70 37 83 23L74 17 50 43z',
+        },
+    ],
+};
+export const icon_xmark_heavy = {
+    label: 'heavy x mark',
+    paths: [
+        {
+            d: 'M25 12L22 15 17 24Q30 37 40 50Q30 63 12 76L10 80 24 88Q37 74 50 60Q63 74 76 88L79 86 86 76Q73 63 60 50Q73 37 88 21L76 12 50 40z',
+        },
+    ],
+};
+// --- Navigation ---
+export const icon_download = {
+    label: 'download arrow',
+    paths: [
+        {
+            d: 'M45 12a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v38h20l-25 30-25-30h20zM17 80h66a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-66a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_upload = {
+    label: 'upload arrow',
+    paths: [
+        {
+            d: 'M50 10l25 30h-20v36a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-36h-20zM17 80h66a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-66a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_error = {
+    label: 'error, double exclamation',
+    paths: [
+        {
+            d: 'M20 18L36 18 33 66 23 66zM21 80a7 7 0 1 0 14 0 7 7 0 0 0-14 0zM64 18L80 18 77 66 67 66zM65 80a7 7 0 1 0 14 0 7 7 0 0 0-14 0z',
+        },
+    ],
+};
+export const icon_chevron_up = {
+    label: 'chevron up',
+    paths: [{ d: 'M50 33l35 28-5 7-30-20-30 20-5-7z' }],
+};
+export const icon_chevron_right = {
+    label: 'chevron right',
+    paths: [{ d: 'M67 50l-28 35-7-5 20-30-20-30 7-5z' }],
+};
+export const icon_chevron_down = {
+    label: 'chevron down',
+    paths: [{ d: 'M50 67l-35-28 5-7 30 20 30-20 5 7z' }],
+};
+export const icon_chevron_left = {
+    label: 'chevron left',
+    paths: [{ d: 'M33 50l28-35 7 5-20 30 20 30-7 5z' }],
+};
+export const icon_double_chevron_left = {
+    label: 'double chevron left',
+    paths: [
+        {
+            d: 'M23 50l18-28 5 4-12 24 12 24-5 4zm30 0l18-28 5 4-12 24 12 24-5 4z',
+        },
+    ],
+};
+export const icon_double_chevron_right = {
+    label: 'double chevron right',
+    paths: [
+        {
+            d: 'M77 50l-18-28-5 4 12 24-12 24 5 4zm-30 0l-18-28-5 4 12 24-12 24 5 4z',
+        },
+    ],
+};
+// --- Editing ---
+export const icon_edit = {
+    label: 'edit, pencil',
+    paths: [
+        {
+            d: 'M58 20l20 20-45 45-20-20zM13 65L10 88 33 85zM58 20L64.5 13.5A5 5 0 0 1 71.5 13.5L84.5 26.5A5 5 0 0 1 84.5 33.5L78 40z',
+        },
+    ],
+};
+export const icon_sort = {
+    label: 'sort, up and down arrows',
+    paths: [
+        {
+            d: 'M30 40l-20-25h12v-8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8h12zm40 20l20 25h-12v8a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2v-8h-12z',
+        },
+    ],
+};
+// --- Domain ---
+export const icon_chat = {
+    label: 'chat bubble',
+    paths: [
+        {
+            d: 'M15 10Q50 9 85 10a5 5 0 0 1 5 5v50a5 5 0 0 1-5 5h-40l-20 20v-20h-10a5 5 0 0 1-5-5v-50a5 5 0 0 1 5-5zm10 10v40h10v13l12-13h38v-40z',
+        },
+    ],
+};
+export const icon_thread = {
+    label: 'thread, broken stacked lines',
+    paths: [
+        {
+            d: 'M17 25h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm40 0h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm-40 20h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm40 0h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm-40 20h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm40 0h26a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_turn = {
+    label: 'turn, indented reply',
+    paths: [
+        {
+            d: 'M22 25h56a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm20 20h36a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM22 45h6a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_file = {
+    label: 'file, document',
+    paths: [
+        {
+            d: 'M20 5h40l25 25v60a5 5 0 0 1-5 5h-60a5 5 0 0 1-5-5v-80a5 5 0 0 1 5-5zm5 10v70h50v-50h-20v-20z',
+        },
+    ],
+};
+export const icon_list = {
+    label: 'list, bulleted lines',
+    paths: [
+        {
+            d: 'M17 20a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm14 0h54a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-54a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm-14 18a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm14 0h54a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-54a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm-14 18a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm14 0h54a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-54a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm-14 18a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm14 0h54a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-54a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_directory = {
+    label: 'directory, folder',
+    paths: [
+        {
+            d: 'M10 15h30l10 10h40a5 5 0 0 1 5 5v50a5 5 0 0 1-5 5h-80a5 5 0 0 1-5-5v-60a5 5 0 0 1 5-5zm5 10v50h70v-40h-40l-10-10z',
+        },
+    ],
+};
+export const icon_create_file = {
+    label: 'create file, document with plus',
+    paths: [
+        {
+            d: 'M20 5h40l25 25v60a5 5 0 0 1-5 5h-60a5 5 0 0 1-5-5v-80a5 5 0 0 1 5-5zm5 10v70h50v-50h-20v-20zm15 30h8l1 9 9 1v8l-9 1-1 9h-8l-1-9-9-1v-8l9-1z',
+        },
+    ],
+};
+export const icon_create_directory = {
+    label: 'create directory, folder with plus',
+    paths: [
+        {
+            d: 'M10 15h30l10 10h40a5 5 0 0 1 5 5v50a5 5 0 0 1-5 5h-80a5 5 0 0 1-5-5v-60a5 5 0 0 1 5-5zm5 10v50h70v-40h-40l-10-10zm26 15h8l1 10 10 1v8l-10 1-1 10h-8l-1-10-10-1v-8l10-1z',
+        },
+    ],
+};
+export const icon_prompt = {
+    label: 'prompt, chevron with cursor',
+    paths: [
+        {
+            d: 'M13 23l32 27-32 27-3-10 17-17-17-17zM52 65h36a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_part = {
+    label: 'part, dashed vertical line',
+    paths: [
+        {
+            d: 'M47 10h6a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2zm0 22h6a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2zm0 22h6a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2zm0 22h6a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_provider = {
+    label: 'provider, branching star in circle',
+    paths: [
+        {
+            d: 'M50 5a45 45 0 1 0 0 90 45 45 0 0 0 0-90zm0 10a35 35 0 1 1 0 70 35 35 0 1 1 0-70zM47 25L50 30 53 25 53 46 70 35 67 40 73 41 55 50 73 59 67 60 70 65 53 54 53 75 50 70 47 75 47 54 30 65 33 60 27 59 45 50 27 41 33 40 30 35 47 46z',
+        },
+    ],
+};
+export const icon_model = {
+    label: 'model, branching star',
+    paths: [
+        {
+            d: 'M45 12L50 20 55 12 54 43 80 27 76 35 85 36 58 50 85 64 76 65 80 73 54 57 55 88 50 80 45 88 46 57 20 73 24 65 15 64 42 50 15 36 24 35 20 27 46 43z',
+        },
+    ],
+};
+export const icon_action = {
+    label: 'action, lightning bolt',
+    paths: [{ d: 'M70 2L26 40 41 37 20 72 33 69 26 98 60 56 46 59 79 24 64 27z' }],
+};
+export const icon_view = {
+    label: 'view, eye',
+    paths: [
+        {
+            d: 'M50 20c-25 0-42 30-42 30s17 30 42 30 42-30 42-30-17-30-42-30zm0 10a20 20 0 1 1 0 40 20 20 0 0 1 0-40zm0 12a8 8 0 1 0 0 16 8 8 0 0 0 0-16z',
+        },
+    ],
+};
+export const icon_preview = {
+    label: 'preview, half-open eye',
+    paths: [
+        {
+            d: 'M50 35c-25 0-42 15-42 15s17 15 42 15 42-15 42-15-17-15-42-15zm0 3a12 12 0 1 1 0 24 12 12 0 0 1 0-24zm0 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14z',
+        },
+    ],
+};
+export const icon_log = {
+    label: 'log, scroll',
+    paths: [
+        {
+            d: 'M25 10h50a10 10 0 0 1 10 10v60a10 10 0 0 1-10 10h-50a10 10 0 0 1-10-10v-60a10 10 0 0 1 10-10zm5 15v50h40v-50zm5 8h30v6h-30zm0 14h30v6h-30zm0 14h20v6h-20z',
+        },
+    ],
+};
+export const icon_tab = {
+    label: 'tab, window frame',
+    paths: [
+        {
+            d: 'M10 15h80v70h-80zm8 8v10h25v-10zm0 18v34h64v-34z',
+        },
+    ],
+};
+export const icon_project = {
+    label: 'project, hexagon',
+    paths: [
+        {
+            d: 'M50 5l40 23v44l-40 23-40-23v-44zm0 12l-30 17v34l30 17 30-17v-34z',
+        },
+    ],
+};
+export const icon_capability = {
+    label: 'capability, wrench',
+    paths: [
+        {
+            d: 'M73.8 12.9A20 20 0 1 0 87.1 26.2Q86 23.2 83.2 26L75.4 33.8A6.6 6.6 0 0 1 66.2 24.6L74 16.8Q76.8 14 73.8 12.9zM49.3 34.5Q50 40.1 46.1 44L17.1 73.1A7 7 0 0 0 26.9 82.9L56 53.9Q59.9 50 65.5 50.7z',
+        },
+    ],
+};
+export const icon_settings = {
+    label: 'settings, gear',
+    paths: [
+        {
+            d: 'M43 9h14l2 12a35 35 0 0 1 10 6l11-5 7 12-9 8a35 35 0 0 1 0 12l9 8-7 12-11-5a35 35 0 0 1-10 6l-2 12h-14l-2-12a35 35 0 0 1-10-6l-11 5-7-12 9-8a35 35 0 0 1 0-12l-9-8 7-12 11 5a35 35 0 0 1 10-6zM50 34a15 15 0 1 0 0 30 15 15 0 0 0 0-30z',
+        },
+    ],
+};
+export const icon_domain = {
+    label: 'domain, diamond',
+    paths: [
+        {
+            d: 'M50 20l42 30-42 30-42-30zm0 12l-25 18 25 18 25-18z',
+        },
+    ],
+};
+export const icon_page = {
+    label: 'page, browser window',
+    paths: [
+        {
+            d: 'M10 10h80v80h-80zm8 8v12h64v-12zm0 20v44h64v-44z',
+        },
+    ],
+};
+// --- Space/Container ---
+export const icon_space = {
+    label: 'space, house',
+    paths: [
+        {
+            d: 'M50 10l40 35h-12v40h-20v-25h-16v25h-20v-40h-12zm0 18l-20 17v30h8v-25h24v25h8v-30z',
+        },
+    ],
+};
+export const icon_desk = {
+    label: 'desk, star in circle',
+    paths: [
+        {
+            d: 'M50 5a45 45 0 1 0 0 90 45 45 0 0 0 0-90zm0 10a35 35 0 1 1 0 70 35 35 0 0 1 0-70zm0 8l8 16 18 3-13 13 3 18-16-8-16 8 3-18-13-13 18-3z',
+        },
+    ],
+};
+export const icon_pin = {
+    label: 'pin, thumbtack',
+    paths: [
+        {
+            d: 'M50 5a18 18 0 0 0-18 18c0 7 4 13 9 17l-6 18h30l-6-18c5-4 9-10 9-17a18 18 0 0 0-18-18zm-3 53h6l-3 35-3-35z',
+        },
+    ],
+};
+// --- System ---
+export const icon_terminal = {
+    label: 'terminal, command prompt',
+    paths: [
+        {
+            d: 'M5 5h90v90h-90zm8 8v74h74v-74zm12 15l20 20-20 20-7-7 13-13-13-13zM52 63h26a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z',
+        },
+    ],
+};
+export const icon_workspace = {
+    label: 'workspace, grid',
+    paths: [
+        {
+            d: 'M13 10h29a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-3v-29a3 3 0 0 1 3-3zm45 0h29a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-3v-29a3 3 0 0 1 3-3zm-45 45h29a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-3v-29a3 3 0 0 1 3-3zm45 0h29a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-3v-29a3 3 0 0 1 3-3z',
+        },
+    ],
+};
+export const icon_idea = {
+    label: 'idea, lightbulb',
+    paths: [
+        {
+            d: 'M50 5a30 30 0 0 0-30 30c0 12 7 22 15 28v12a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5v-12c8-6 15-16 15-28a30 30 0 0 0-30-30zm0 12a18 18 0 0 1 18 18c0 8-5 15-12 20v8h-12v-8c-7-5-12-12-12-20a18 18 0 0 1 18-18zm-8 70h16v6h-16z',
+        },
+    ],
+};
+// --- Communication ---
+export const icon_ping = {
+    label: 'ping, sonar pulse',
+    paths: [
+        { d: 'M21 50a9 9 0 1 0 18 0 9 9 0 1 0-18 0z' },
+        { d: 'M48 33a19 19 0 0 1 0 34 16 16 0 0 0 0-34z' },
+        { d: 'M61 27a27 27 0 0 1 0 46 24 24 0 0 0 0-46z' },
+    ],
+};
+export const icon_heartbeat = {
+    label: 'heartbeat, pulse line',
+    paths: [
+        {
+            d: 'M5 42h25l8-20 12 40 12-40 8 20h25v8h-30l-5-12-12 40-12-40-5 12h-26z',
+        },
+    ],
+};
+export const icon_response = {
+    label: 'response, reply arrow',
+    paths: [{ d: 'M37 15l-30 30 30 30v-20h30c10 0 15 5 15 15v15h10v-15c0-20-10-30-25-30h-30z' }],
+};
+export const icon_session = {
+    label: 'session, hexagon with dot',
+    paths: [
+        {
+            d: 'M50 5l40 23v44l-40 23-40-23v-44zm0 12l-30 17v34l30 17 30-17v-34zm0 20a13 13 0 1 0 0 26 13 13 0 0 0 0-26z',
+        },
+    ],
+};
+// --- Action Types ---
+export const icon_action_type_local_call = {
+    label: 'local call, lightning bolt to target',
+    paths: [
+        {
+            d: 'M6.5 48.2L34.5 61 29.7 54.5 51.2 56.8 46.9 51.2 62.4 48.2 34.7 41.1 39.2 47.2 15.1 39 19.8 45.6z',
+        },
+        {
+            d: 'M66 50a14 14 0 1 1 28 0 14 14 0 1 1-28 0zM71 50a9 9 0 1 0 18 0 9 9 0 1 0-18 0zM77 50a3 3 0 1 1 6 0 3 3 0 1 1-6 0z',
+        },
+    ],
+};
+export const icon_action_type_remote_notification = {
+    label: 'remote notification, lightning bolt with signal',
+    paths: [
+        {
+            d: 'M6.5 48.2L34.5 61 29.7 54.5 51.2 56.8 46.9 51.2 62.4 48.2 34.7 41.1 39.2 47.2 15.1 39 19.8 45.6z',
+        },
+        { d: 'M70 33a19 19 0 0 1 0 34 16 16 0 0 0 0-34z' },
+        { d: 'M78 27a27 27 0 0 1 0 46 24 24 0 0 0 0-46z' },
+    ],
+};
+export const icon_action_type_request_response = {
+    label: 'request response, opposing lightning bolts',
+    paths: [
+        {
+            d: 'M36.4 22.1L13.5 44.1 21.3 42.4 10.4 62.7 17.2 60.9 13.5 77.7 31.2 53.4 23.9 55.1 41.1 34.8 33.3 36.6zM82.9 76.4L79.9 42.9 76.7 51 68 29.4 65.5 36.5 55.2 23.6 62.9 53.7 65.8 46.1 70.9 73.4 74 65.3z',
+        },
+    ],
+};
+// --- Links ---
+export const icon_external_link = {
+    label: 'external link, arrow out of box',
+    paths: [
+        {
+            d: 'M70 10h25v25l-10-10-30 30-7-7 30-30zm-50 10h30v10h-30v50h50v-30h10v35a5 5 0 0 1-5 5h-60a5 5 0 0 1-5-5v-60a5 5 0 0 1 5-5z',
+        },
+    ],
+};
+export const icon_arrow_right = {
+    label: 'arrow right',
+    paths: [{ d: 'M12 45h53v-15l25 20-25 20v-15h-53a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z' }],
+};
+export const icon_arrow_left = {
+    label: 'arrow left',
+    paths: [{ d: 'M88 45h-53v-15l-25 20 25 20v-15h53a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z' }],
+};
+// --- Backend ---
+export const icon_backend = {
+    label: 'backend, server',
+    paths: [
+        {
+            d: 'M18 7.5h64a3 3 0 0 1 3 3v19a3 3 0 0 1-3 3h-64a3 3 0 0 1-3-3v-19a3 3 0 0 1 3-3zM23 14.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM38 14.5v10h30v-10zM18 37.5h64a3 3 0 0 1 3 3v19a3 3 0 0 1-3 3h-64a3 3 0 0 1-3-3v-19a3 3 0 0 1 3-3zM23 44.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM38 44.5v10h30v-10zM18 67.5h64a3 3 0 0 1 3 3v19a3 3 0 0 1-3 3h-64a3 3 0 0 1-3-3v-19a3 3 0 0 1 3-3zM23 74.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM38 74.5v10h30v-10z',
+        },
+    ],
+};

package/dist/logos.d.ts

@@ -25,9 +25,7 @@ export declare const logo_fuz_css: {
     paths: {
         d: string;
     }[];
-    attrs: {
-        style: string;
-    };
+    style: string;
 };
 export declare const logo_fuz_ui: {
     label: string;

package/dist/logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;CAIN,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAIL,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,mBAAmB;;;;;;CAQb,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAwBP,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;CAIN,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAIL,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,mBAAmB;;;;;;CAQb,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAwBP,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC"}

package/dist/logos.js

@@ -66,7 +66,7 @@ export const logo_fuz_css = {
     label: 'a fuzzy tuft of green moss',
     fill: '#3db33d',
     paths: logo_fuz.paths,
-    attrs: { style: 'transform: scaleX(-1) rotate(180deg)' },
+    style: 'transform: scaleX(-1) rotate(180deg)',
 };
 export const logo_fuz_ui = {
     label: 'a friendly red spider facing you',

package/dist/svg.d.ts

@@ -1,25 +1,84 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
+/**
+ * A structured icon definition rendered by `Svg.svelte`. Rendering is purely
+ * structural - typed fields, never raw markup - so untrusted data cannot
+ * introduce script execution or navigation. See `Svg.svelte` for the full
+ * security notes, including the residual `style` `url(...)` caveat.
+ */
 export interface SvgData {
     /**
-     * Raw svg markup string that's inserted unsafely as a child of the `svg` element.
-     * This is an escape hatch for non-`path` markup -
-     * generally, you should instead use the `paths` property to avoid security/CSP implications.
-     */
-    raw?: string | null;
-    /**
-     * List of svg `path` attribute objects. The `d` attribute is required.
+     * List of svg `path` attribute objects, spread onto each `path` element. The
+     * `d` attribute is required; a per-path `fill` overrides the resolved `fill`.
      */
     paths?: Array<{
         d: string;
     } & SvelteHTMLElements['path']> | null;
-    attrs?: SvelteHTMLElements['svg'] | null;
+    /**
+     * Inline `style` applied to the root `svg` element, merged with any `style`
+     * passed as a component prop. Travels with the icon definition - per-instance
+     * svg attributes belong on the `Svg` component itself.
+     */
+    style?: string | null;
+    /**
+     * Default `fill` for every `path`, falling back to `var(--text_color, #000)`.
+     * Overridden by the component's `fill` prop, and per-path by a path's own `fill`.
+     */
     fill?: string | null;
-    width?: string | null;
-    height?: string | null;
+    /**
+     * Accessible name, applied as `aria-label`. Overridden by the component's `label` prop.
+     */
     label?: string | null;
     /**
      * Defaults to `"0 0 100 100"`.
      */
     viewBox?: string | null;
+    /**
+     * Gradient definitions rendered into the svg's `<defs>` block. This is the
+     * structured replacement for raw markup - reference a gradient from a
+     * path/shape `fill` or `stroke` with `url(#id)`. Most svgs need only `paths`.
+     */
+    gradients?: Array<SvgGradient> | null;
+}
+/**
+ * A gradient definition rendered into the svg's `<defs>` block. Reference it
+ * from a path/shape `fill` or `stroke` with `url(#id)`.
+ */
+export interface SvgGradient {
+    /**
+     * Whether to render a `linearGradient` or `radialGradient` element.
+     */
+    type: 'linear' | 'radial';
+    /**
+     * The `id` referenced by a `fill`/`stroke` like `url(#id)`. Inline svgs share
+     * the document's id namespace, so pick a value unique to the icon - icons
+     * with colliding ids all resolve to whichever element renders first.
+     */
+    id: string;
+    /**
+     * The gradient's color stops.
+     */
+    stops: Array<SvgGradientStop>;
+    /**
+     * Additional attributes on the gradient element, e.g. `gradientUnits`,
+     * `gradientTransform`, `cx`/`cy`/`r` (radial), or `x1`/`y1`/`x2`/`y2` (linear).
+     */
+    attrs?: (SvelteHTMLElements['radialGradient'] & SvelteHTMLElements['linearGradient']) | null;
+}
+/**
+ * A single color stop of an `SvgGradient`.
+ */
+export interface SvgGradientStop {
+    /**
+     * The stop's position along the gradient, e.g. `0.5` or `"50%"`.
+     */
+    offset: string | number;
+    /**
+     * The stop's color, applied as the `stop-color` attribute.
+     */
+    color: string;
+    /**
+     * The stop's opacity, applied as the `stop-opacity` attribute.
+     */
+    opacity?: string | number | null;
 }
 //# sourceMappingURL=svg.d.ts.map

package/dist/svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/svg.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,OAAO;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB"}
+{"version":3,"file":"svg.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/svg.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD;;;;;GAKG;AACH,MAAM,WAAW,OAAO;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC;CAC7F;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACjC"}