coveragebook_components 0.8.2 → 0.8.3

data/app/assets/build/coco/icons/armchair.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3"/><path d="M3 11v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H7v-2a2 2 0 0 0-4 0Z"/><path d="M5 18v2"/><path d="M19 18v2"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3"/><path d="M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H7v-2a2 2 0 0 0-4 0Z"/><path d="M5 18v2"/><path d="M19 18v2"/></svg>

data/app/assets/build/coco/icons/folder-archive.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 20V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h6"/><circle cx="16" cy="19" r="2"/><path d="M16 11v-1"/><path d="M16 17v-2"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="15" cy="19" r="2"/><path d="M20.9 19.8A2 2 0 0 0 22 18V8a2 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 2h5.1"/><path d="M15 11v-1"/><path d="M15 17v-2"/></svg>

data/app/assets/build/coco/icons/folder-check.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><path d="m9 13 2 2 4-4"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/><path d="m9 13 2 2 4-4"/></svg>

data/app/assets/build/coco/icons/folder-clock.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2"/><circle cx="16" cy="16" r="6"/><path d="M16 14v2l1 1"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="16" cy="16" r="6"/><path d="M7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2"/><path d="M16 14v2l1 1"/></svg>

data/app/assets/build/coco/icons/folder-closed.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><path d="M2 10h20"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/><path d="M2 10h20"/></svg>

data/app/assets/build/coco/icons/folder-cog.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="18" cy="18" r="3"/><path d="M10.5 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v3.5"/><path d="m21.7 19.4-.9-.3"/><path d="m15.2 16.9-.9-.3"/><path d="m16.6 21.7.3-.9"/><path d="m19.1 15.2.3-.9"/><path d="m19.6 21.7-.4-1"/><path d="m16.8 15.3-.4-1"/><path d="m14.3 19.6 1-.4"/><path d="m20.7 16.8 1-.4"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="18" cy="18" r="3"/><path d="M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v3.3"/><path d="m21.7 19.4-.9-.3"/><path d="m15.2 16.9-.9-.3"/><path d="m16.6 21.7.3-.9"/><path d="m19.1 15.2.3-.9"/><path d="m19.6 21.7-.4-1"/><path d="m16.8 15.3-.4-1"/><path d="m14.3 19.6 1-.4"/><path d="m20.7 16.8 1-.4"/></svg>

data/app/assets/build/coco/icons/folder-down.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><path d="M12 10v6"/><path d="m15 13-3 3-3-3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/><path d="M12 10v6"/><path d="m15 13-3 3-3-3"/></svg>

data/app/assets/build/coco/icons/folder-edit.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z"/><path d="M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8.4 10.6a2.1 2.1 0 1 1 2.99 2.98L6 19l-4 1 1-3.9Z"/><path d="M2 11.5V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5"/></svg>

data/app/assets/build/coco/icons/folder-git.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><circle cx="12" cy="13" r="2"/><path d="M14 13h3"/><path d="M7 13h3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="13" r="2"/><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"/><path d="M14 13h3"/><path d="M7 13h3"/></svg>

data/app/assets/build/coco/icons/folder-heart.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v1.5"/><path d="M21.29 13.7a2.43 2.43 0 0 0-2.65-.52c-.3.12-.57.3-.8.53l-.34.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L17.5 21l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v1.5"/><path d="M13.9 17.45c-1.2-1.2-1.14-2.8-.2-3.73a2.43 2.43 0 0 1 3.44 0l.36.34.34-.34a2.43 2.43 0 0 1 3.45-.01v0c.95.95 1 2.53-.2 3.74L17.5 21Z"/></svg>

data/app/assets/build/coco/icons/folder-input.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 9V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"/><path d="M2 13h10"/><path d="m9 16 3-3-3-3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"/><path d="M2 13h10"/><path d="m9 16 3-3-3-3"/></svg>

data/app/assets/build/coco/icons/folder-key.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2"/><circle cx="16" cy="20" r="2"/><path d="m22 14-4.5 4.5"/><path d="m21 15 1 1"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="16" cy="20" r="2"/><path d="M10 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v2"/><path d="m22 14-4.5 4.5"/><path d="m21 15 1 1"/></svg>

data/app/assets/build/coco/icons/folder-lock.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2.5"/><rect width="8" height="5" x="14" y="17" rx="1"/><path d="M20 17v-2a2 2 0 1 0-4 0v2"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="8" height="5" x="14" y="17" rx="1"/><path d="M10 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v2.5"/><path d="M20 17v-2a2 2 0 1 0-4 0v2"/></svg>

data/app/assets/build/coco/icons/folder-minus.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><line x1="9" x2="15" y1="13" y2="13"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 13h6"/><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"/></svg>

data/app/assets/build/coco/icons/folder-open.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>

data/app/assets/build/coco/icons/folder-plus.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><line x1="12" x2="12" y1="10" y2="16"/><line x1="9" x2="15" y1="13" y2="13"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10v6"/><path d="M9 13h6"/><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"/></svg>

data/app/assets/build/coco/icons/folder-search-2.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><circle cx="11.5" cy="12.5" r="2.5"/><path d="M13.27 14.27 15 16"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="11.5" cy="12.5" r="2.5"/><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"/><path d="M13.3 14.3 15 16"/></svg>

data/app/assets/build/coco/icons/folder-search.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v4"/><circle cx="17" cy="17" r="3"/><path d="m21 21-1.5-1.5"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="17" cy="17" r="3"/><path d="M10.7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v4.1"/><path d="m21 21-1.5-1.5"/></svg>

data/app/assets/build/coco/icons/folder-tree.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 10h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M13 21h7a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.88a1 1 0 0 1-.9-.55l-.44-.9a1 1 0 0 0-.9-.55H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M3 3v2c0 1.1.9 2 2 2h3"/><path d="M3 3v13c0 1.1.9 2 2 2h3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M3 5a2 2 0 0 0 2 2h3"/><path d="M3 3v13a2 2 0 0 0 2 2h3"/></svg>

data/app/assets/build/coco/icons/folder-up.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><path d="M12 10v6"/><path d="m9 13 3-3 3 3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/><path d="M12 10v6"/><path d="m9 13 3-3 3 3"/></svg>

data/app/assets/build/coco/icons/folder-x.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/><path d="m9.5 10.5 5 5"/><path d="m14.5 10.5-5 5"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/><path d="m9.5 10.5 5 5"/><path d="m14.5 10.5-5 5"/></svg>

data/app/assets/build/coco/icons/folder.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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"/></svg>

data/app/assets/build/coco/icons/folders.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 17h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.93a2 2 0 0 1-1.66-.9l-.82-1.2a2 2 0 0 0-1.66-.9H8a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2Z"/><path d="M2 8v11c0 1.1.9 2 2 2h14"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 17a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.9a2 2 0 0 1-1.69-.9l-.81-1.2a2 2 0 0 0-1.67-.9H8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2Z"/><path d="M2 8v11a2 2 0 0 0 2 2h14"/></svg>

data/app/assets/build/coco/icons/git-commit-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3v6"/><circle cx="12" cy="12" r="3"/><path d="M12 15v6"/></svg>

data/app/assets/build/coco/icons/git-compare-arrows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="5" cy="6" r="3"/><path d="M12 6h5a2 2 0 0 1 2 2v7"/><path d="m15 9-3-3 3-3"/><circle cx="19" cy="18" r="3"/><path d="M12 18H7a2 2 0 0 1-2-2V9"/><path d="m9 15 3 3-3 3"/></svg>

data/app/assets/build/coco/icons/git-fork.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><path d="M18 9v1a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9"/><path d="M12 12v3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><path d="M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9"/><path d="M12 12v3"/></svg>

data/app/assets/build/coco/icons/git-graph.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="5" cy="6" r="3"/><path d="M5 9v6"/><circle cx="5" cy="18" r="3"/><path d="M12 3v18"/><circle cx="19" cy="6" r="3"/><path d="M16 15.7A9 9 0 0 0 19 9"/></svg>

data/app/assets/build/coco/icons/git-pull-request-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="5" cy="6" r="3"/><path d="M5 9v12"/><circle cx="19" cy="18" r="3"/><path d="m15 9-3-3 3-3"/><path d="M12 6h5a2 2 0 0 1 2 2v7"/></svg>

data/app/assets/build/coco/icons/git-pull-request-closed.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M18 11.5V15"/><path d="m21 3-6 6"/><path d="m21 9-6-6"/><line x1="6" x2="6" y1="9" y2="21"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="6" cy="6" r="3"/><path d="M6 9v12"/><path d="m21 3-6 6"/><path d="m21 9-6-6"/><path d="M18 11.5V15"/><circle cx="18" cy="18" r="3"/></svg>

data/app/assets/build/coco/icons/git-pull-request-create-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="5" cy="6" r="3"/><path d="M5 9v12"/><path d="m15 9-3-3 3-3"/><path d="M12 6h5a2 2 0 0 1 2 2v3"/><path d="M19 15v6"/><path d="M22 18h-6"/></svg>

data/app/assets/build/coco/icons/git-pull-request-create.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="6" cy="6" r="3"/><path d="M6 9v12"/><path d="M13 6h3a2 2 0 0 1 2 2v3"/><path d="M18 15v6"/><path d="M21 18h-6"/></svg>

data/app/assets/build/coco/icons/power-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 12V6"/><path d="M8 7.5A6.1 6.1 0 0 0 12 18a6 6 0 0 0 4-10.5"/></svg>

data/app/assets/build/coco/icons/power-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 7v5"/><path d="M8 9a5.14 5.14 0 0 0 4 8 4.95 4.95 0 0 0 4-8"/></svg>

data/app/assets/build/coco/icons/power.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"/><line x1="12" x2="12" y1="2" y2="12"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg>

data/app/components/coco/app/blocks/sidebar_nav/item/item.css

@@ -0,0 +1,121 @@
+@layer components {
+  [data-coco][data-component="app-sidebar-nav-item"] {
+    @apply bg-background-dark-2 text-content-dark-muted text-center no-underline cursor-pointer;
+    @apply flex items-center justify-center w-full flex-col;
+
+    &.active,
+    &:hover {
+      @apply bg-background-dark-1 text-content-light-1;
+    }
+
+    .nav-item-icon {
+      @apply block mx-auto transition-colors;
+    }
+
+    .nav-item-label {
+      @apply block font-semibold transition-colors cursor-pointer;
+    }
+
+    .nav-item-action-button {
+      @apply bg-content-primary-inverse-vivid transition-all text-content-light-1;
+      @apply flex items-center justify-center mx-auto rounded-full cursor-pointer;
+    }
+
+    @media screen(max-sm) {
+      @apply app-sidebar-nav-horizontal-item;
+    }
+
+    @media screen(sm) and screen(max-md) {
+      @apply app-sidebar-nav-vertical-narrow-item;
+    }
+
+    @media screen(md) {
+      @apply app-sidebar-nav-vertical-wide-item;
+    }
+
+    @media screen(letterbox) {
+      @apply app-sidebar-nav-vertical-narrow-item;
+    }
+  }
+}
+
+@layer utilities {
+  .app-sidebar-nav-horizontal-item {
+    .nav-item-label {
+      @apply text-label-xxs mt-0.5;
+    }
+
+    .nav-item-icon .coco-icon {
+      @apply w-6 h-6;
+    }
+
+    .nav-item-action-button {
+      @apply h-12 w-12;
+
+      .coco-icon {
+        @apply h-6 w-6;
+      }
+    }
+  }
+
+  .app-sidebar-nav-vertical-item {
+    .nav-item-action-button {
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+
+    &[data-active="true"] {
+      @apply bg-background-dark-3 hover:bg-background-dark-3 text-content-light-1;
+    }
+
+    &[data-emphasise="true"] {
+      .nav-item-icon {
+        @apply text-content-primary-inverse-vivid hover:text-content-primary-inverse-vivid;
+      }
+    }
+  }
+
+  .app-sidebar-nav-vertical-narrow-item {
+    @apply app-sidebar-nav-vertical-item;
+    @apply py-4;
+
+    .nav-item-label {
+      @apply text-label-xxs mt-1;
+    }
+
+    .nav-item-icon .coco-icon {
+      @apply w-6 h-6;
+    }
+
+    .nav-item-action-button {
+      @apply h-12 w-12;
+
+      .coco-icon {
+        @apply h-6 w-6;
+      }
+    }
+  }
+
+  .app-sidebar-nav-vertical-wide-item {
+    @apply app-sidebar-nav-vertical-item;
+    @apply py-5;
+
+    .nav-item-label {
+      @apply text-label-xs mt-1.5;
+    }
+
+    .nav-item-icon .coco-icon {
+      @apply w-8 h-8;
+    }
+
+    .nav-item-action-button {
+      height: 72px;
+      width: 72px;
+
+      .coco-icon {
+        @apply h-10 w-10;
+      }
+    }
+  }
+}

data/app/components/coco/app/blocks/sidebar_nav/item/item.html.erb

@@ -0,0 +1,9 @@
+<%= render component_tag(item_tag, x: {data: "appSidebarNavItem", bind: "root"}) do %>
+  <div class="nav-item-icon">
+    <%= icon %>
+  </div>
+  <label class="nav-item-label">
+    <%= label %>
+  </label>
+  <%= tag.template(menu, id: menu_id, "x-ref": "menu") if menu? %>
+<% end %>

data/app/components/coco/app/blocks/{sidebar_nav_item/sidebar_nav_item.js → sidebar_nav/item/item.js}

@@ -1,14 +1,12 @@
 import tippy from "@libs/tippy";
 import { CocoComponent } from "@js/coco";
-import { navigateTo } from "@helpers/location";
 
 export default CocoComponent("appSidebarNavItem", () => {
   return {
     menu: null,
+    active: false,
 
     init() {
-      this.navigateTo = navigateTo;
-
       if (this.$refs.menu) {
         this.menu = tippy(this.$el, {
           theme: "coco-naked-dropdown",
@@ -18,9 +16,13 @@ export default CocoComponent("appSidebarNavItem", () => {
           trigger: "click",
           interactive: true,
           maxWidth: null,
-          content: () => {
-            return this.$refs.menu.innerHTML;
+          onShow: () => {
+            this.active = true;
+          },
+          onHide: () => {
+            this.active = false;
           },
+          content: () => this.$refs.menu.innerHTML,
         });
       }
 
@@ -37,6 +39,11 @@ export default CocoComponent("appSidebarNavItem", () => {
       }
     },
 
+    root: {
+      "@click": "if (menu) $event.preventDefault()",
+      ":class": "{active}",
+    },
+
     get menuPlacement() {
       return this.mobileLayout ? "top" : "right-start";
     },

data/app/components/coco/app/blocks/sidebar_nav/item/item.rb

@@ -0,0 +1,50 @@
+module Coco
+  module App
+    module Blocks
+      module SidebarNav
+        class Item < Coco::Component
+          include Concerns::Extendable
+          include Concerns::AcceptsOptions
+
+          tag_attr :href
+          component_name :app_sidebar_nav_item
+
+          accepts_option :active, from: [true, false]
+          accepts_option :emphasise, from: [true, false]
+
+          renders_one :icon
+          renders_one :menu
+
+          before_render do
+            if @icon && !icon?
+              with_icon { coco_icon(@icon, size: :full) }
+            end
+
+            if link? && get_option_value(:active).nil?
+              set_option_value(:active, helpers.current_page?(tag_attr(:href)))
+            end
+          end
+
+          attr_reader :label
+
+          def initialize(label:, icon: nil, **)
+            @label = label
+            @icon = icon
+          end
+
+          def link?
+            tag_attr?(:href) && !menu?
+          end
+
+          def item_tag
+            link? ? :a : :button
+          end
+
+          def menu_id
+            "#{tag_attr(:id)}-menu" if tag_attr?(:id)
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.css

@@ -0,0 +1,138 @@
+@layer components {
+  [data-coco][data-component="app-sidebar-nav-menu"] {
+    @apply bg-content-dark-2 antialiased shadow-md sm:rounded-r-md overflow-hidden divide-y divide-background-dark-3;
+    width: min-content;
+
+    [data-placement="bottom"] & {
+      @apply rounded-b-md;
+    }
+
+    [data-placement="top"] & {
+      @apply rounded-t-md;
+    }
+
+    .menu-item-link {
+      .coco-link {
+        @apply flex w-full items-center py-3 bg-content-dark-2 hover:bg-background-dark-1 text-content-dark-muted transition;
+      }
+    }
+
+    .menu-item-label {
+      @apply truncate min-w-0 text-content-light-1 transition-colors;
+    }
+
+    .menu-item-qualifier {
+      @apply ml-auto text-label-sm flex-none pl-4;
+    }
+
+    .menu-item-select {
+      select {
+        @apply focus:ring-0 bg-transparent hover:bg-background-dark-1 active:bg-background-dark-1 text-content-light-2;
+        @apply py-3 w-full border-0;
+      }
+    }
+
+    .menu-item-action {
+      @apply py-2;
+    }
+
+    .card {
+      @apply grid gap-x-4 gap-y-1;
+      grid-template-areas: "icon title" "icon text";
+      grid-template-columns: min-content 1fr;
+
+      .coco-icon {
+        @apply mt-0.5 w-5 h-5;
+        grid-area: icon;
+      }
+
+      h4 {
+        @apply text-content-light-1 font-bold text-heading-6;
+        grid-area: title;
+      }
+
+      div {
+        @apply text-para-sm;
+        grid-area: text;
+      }
+    }
+
+    @media screen(max-sm) {
+      @apply app-sidebar-nav-menu-regular;
+    }
+
+    @media screen(sm) and screen(max-md) {
+      @apply app-sidebar-nav-menu-small;
+    }
+
+    @media screen(md) {
+      @apply app-sidebar-nav-menu-regular;
+    }
+
+    @media screen(letterbox) {
+      @apply app-sidebar-nav-menu-small;
+    }
+  }
+}
+
+@layer utilities {
+  .app-sidebar-nav-menu-small {
+    .menu-item {
+      width: 240px;
+    }
+
+    .menu-item-label {
+      @apply text-sm;
+    }
+
+    .menu-item-select select {
+      @apply text-sm;
+    }
+
+    .menu-item-link .coco-link,
+    .menu-item-select select,
+    .menu-item-action {
+      @apply px-4;
+    }
+
+    &.nav-card-menu {
+      .menu-item {
+        width: 280px;
+      }
+
+      .coco-link {
+        @apply px-4 py-4;
+      }
+    }
+  }
+
+  .app-sidebar-nav-menu-regular {
+    .menu-item {
+      width: 280px;
+    }
+
+    .menu-item-label {
+      @apply text-base;
+    }
+
+    .menu-item-select select {
+      @apply text-base;
+    }
+
+    .menu-item-link .coco-link,
+    .menu-item-select select,
+    .menu-item-action {
+      @apply px-6;
+    }
+
+    &.nav-card-menu {
+      .menu-item {
+        width: 320px;
+      }
+
+      .coco-link {
+        @apply px-4 py-4;
+      }
+    }
+  }
+}

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.html.erb

@@ -0,0 +1,24 @@
+<%= render component_tag(x: {data: "appSidebarNavMenu"}) do %>
+  <% items.each do |link| %>
+    <% if link.to_s.strip.present? %>
+      <div class="menu-item menu-item-link">
+        <%= link %>
+      </div>
+    <% end %>
+  <% end %>
+  
+  <% if overflow_items.any? %>
+    <div class="menu-item menu-item-select">
+      <%= select_tag nil,
+        options_for_select(overflow_items),
+        prompt: prompt,
+        "@change": "navigateTo($el.value)" %>
+    </div>
+  <% end %>
+  
+  <% if action %>
+    <div class="menu-item menu-item-action">
+      <%= action %>
+    </div>
+  <% end %>
+<% end %>

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.js

@@ -0,0 +1,13 @@
+import tippy from "@libs/tippy";
+import { CocoComponent } from "@js/coco";
+import { navigateTo } from "@helpers/location";
+
+export default CocoComponent("appSidebarNavMenu", () => {
+  return {
+    navigateTo(url) {
+      if (url !== "") {
+        navigateTo(url);
+      }
+    },
+  };
+});

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.rb

@@ -0,0 +1,48 @@
+module Coco
+  module App
+    module Blocks
+      module SidebarNav
+        class Menu < Coco::Component
+          component_name :app_sidebar_nav_menu
+
+          renders_many :items, types: {
+            link: ->(label, href, qualifier: nil, **kwargs, &block) do
+              if items.size < max_links
+                coco_link(href, **kwargs, theme: nil, underline: false) do
+                  tag.span(label, class: "menu-item-label") +
+                    tag.span(qualifier, class: "menu-item-qualifier")
+                end
+              else
+                overflow_items << ["#{label}#{qualifier.present? ? " (#{qualifier})" : ""}", href]
+                nil
+              end
+            end,
+            block_link: ->(href, **kwargs, &block) do
+              coco_link(href, **kwargs, theme: nil, underline: false, &block)
+            end
+          }
+
+          renders_one :action, ->(*args, **kwargs, &block) do
+            coco_button(*args, theme: :primary, **kwargs, size: :sm, fit: :full, &block)
+          end
+
+          attr_reader :max_links, :overflow_items, :prompt
+
+          def initialize(max_links: 6, prompt: "More links...", **kwargs)
+            @max_links = max_links
+            @prompt = prompt
+            @overflow_items = []
+          end
+
+          def with_link(...)
+            with_item_link(...)
+          end
+
+          def with_block_link(...)
+            with_item_block_link(...)
+          end
+        end
+      end
+    end
+  end
+end